/* Boiler plate Start */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  width: 100%;
}

/* Boiler plate End */

@font-face {
  font-family: "a";
  src: url(../Media/font/1.ttf);
}
@font-face {
  font-family: "2";
  src: url(../Media/font/2.ttf);
}
@font-face {
  font-family: "a";
  src: url(../Media/font/1.ttf);
}
#main {
  position: relative;
  overflow: hidden;
}

/* Page 1 Start  */
#page1 {
  height: 100vh;
  width: 100vw;
  background-color:#0433cf;
  position: relative;
}

#page1 video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#page1 nav {
  height: 7vh;
  width: 100vw;
  background-color: #0433cf00;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 30px;
}

#page1 nav img {
  /* margin-top: -2vw; */
  width: 4%;
}

#right-nav button {
  background-color: #0940dd;
  padding: 10px 20px;
  border-radius: 50px;
  border: 1px solid #ffffff;
  color: #fff;
  font-family: a;
  font-size: 18px;
}

.buttom-page1 {
  position: absolute;
  width: 50vw;
  height: 50vh;
  bottom: 5%;
  left: 10%;
}

.buttom-page1 h1 {
  font-family: a;
  font-size: 5vw;
  font-weight: 100;
  line-height: 1;
  color: #fff;
}

.bottom-page1-inner {
}

.bottom-page1-inner {
  position: absolute;
  bottom: 0%;
  height: 30%;
  width: 70%;
  display: flex;
  align-items: center;
  /* padding: 0px 30px; */
  justify-content: space-between;
  font-family: a;
}

.bottom-page1-inner button {
  font-family: b;
  padding: 10px 30px;
  border: none;
  border-radius: 50px;
  background-color: #fff;
  color: #0940dd;
  font-weight: 600;
  font-size: 16px;
}

.bottom-page1-inner h4 {
  font-size: 1vw;
  font-weight: 100;

  color: #ffffff;
}

#page2 {
  font-family: a;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  height: 100vh;
  width: 100vw;
  background-color: #0433cf;
  position: relative;
  gap: 25px;
  padding: 0% 10%;
  color: #f1f1f1;
}

#page2 h2 {
  font-weight: 100;
}

#page2 h1 {
  font-size: 3vw;
  font-weight: 700;
  width: 80%;
  color: #dadada69;
}



#page3{
  position: relative;
  height: 100h;
  width: 100vw;
  background-color: #0940dd;
}