@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,600&family=Raleway:wght@600&display=swap');
*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}
 ::-webkit-scrollbar {
  display: none;
}


.nav-btn {
  display: none;
  width: 24px;
  height: 8px;
  position: relative;
}
.mob-nav {
   display:none; 
}


.short {
  width: 18px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 0;
}
.long {
  width: 24px;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: 0;
}

/* html, body {
  margin: 0;
  height: 100%;
  overflow: hidden
} */
/* html {
  scroll-behavior: smooth;
} */
.arr {
  position:absolute;
  top:-50px;
  right:10px;
}
.arr img {
  width:40px;
  height:40px;
}

.container {
    width:100%;
    max-width:1140px;
    margin:0 auto;
}
.header {
    height:100vh;
}
.nav {
    width:100%;
    padding:0 20px;
    height:76px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #979797;
    position:fixed;
    top:0;
    background-color:#fff;
    z-index:10;
}
.nav {
    animation: drop-top 0.6s;
}
@keyframes drop-top {
    from {
        transform:translateY(-76px);
    }
    to {
        transform:translateY(0);
    }
}



.lang select {
    font-family: 'Raleway', sans-serif;
    font-weight:600;
    font-size:14px;
    color:#696969;
    border:none;
}
.middle a {
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    font-weight:500;
    color:#000;
    text-decoration:none;
    margin:0 10px;
}
.about-link.active {
    color:#99AABB;
}
.contact-link.active {
    color:#99AABB;
}
.home-link.active {
    color:#99AABB;
}


.log a {
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    font-weight:500;
    color:#000;
    text-decoration:none;
    margin:0 7px;
}
.log .apply {
    font-weight:700;
    color:#3E80FF;
    text-decoration:underline;
}

.header-cont {
    min-height:85vh;
    display:flex;
    justify-content: center;
    align-items: center;
    
    
    
}
.logo-cb {
    opacity:0;
}
.logo-cb {
    animation: fade-in 0.6s forwards;
    animation-delay: 0.2s;
}
@keyframes fade-in {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.header-foot {
    min-height:140px;
    border-top:1px solid #979797;
    position:relative;
}
.foot-top {
    min-height:83px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #979797;
    padding:0 20px;
}
.top-l h4 {
    font-family: 'Montserrat', sans-serif;
    font-size:13px;
    font-weight:600;
    color:#495057;
    margin-bottom:5px;
}
.links {
    width:100%;
    max-width:518px;
    min-height:46px;
    padding-right:40px;
}
.links a {
    font-family: 'Montserrat', sans-serif;
    font-size:13px;
    font-weight:500;
    color:#495057;
    margin-right:10px;
    text-decoration:none;
}
.line-dch {
  border-bottom:1px gray dashed;
  width:100%;
  height:5px;
  display:none;
}

.top-r a {
    font-family: 'Montserrat', sans-serif;
    font-size:13px;
    font-weight:500;
    color:#495057;
    text-decoration:none;
}
.foot-btm {
    display:flex;
    justify-content: center;
    align-items: center;
    min-height:42px;
}
.foot-btm h5 {
    font-family: 'Montserrat', sans-serif;
    font-size:11px;
    font-weight:400;
    color:#000;
    
}
/* HEADER END  */


/* ABOUT START  */

.about {
    height:100vh;
    background-image:url('../images/BG_SHAPE.png');
    background-size:610px;
    background-repeat:no-repeat;
    background-position:right bottom;
}
.about-cont {
    height:80vh;
    padding-top:80px;
    margin-bottom:50px;
    display:flex;
    align-items: center;
}
.ab-logo-div {
    margin-bottom:30px;
    opacity:0
}
.anime { 
    animation: fade-in2 0.6s forwards;
    animation-delay: 1s;
}


@keyframes fade-in2 {
    

  0%   {
    transform:translateY(100px);
    opacity:0;
  }
  25%  {
    transform:translateY(70);
    opacity:0.2;
  }
  
  50%  {
    transform:translateY(40);
    opacity:0.6;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

.dd {
    min-height:533px;
    width:100%;
    max-width:641px;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.dd h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size:20px;
    line-height:30px;
    color:#000;
    max-width:589px;
    margin-bottom:20px;
    opacity:0;
}

.anime1 {
    animation: h1-fadein 0.6s forwards;
    animation-delay: 1.5s;
}
@keyframes h1-fadein {
    
    0%   {
      transform:translateY(100px);
      opacity:0;
    }
    25%  {
      transform:translateY(70);
      opacity:0.2;
    }
    
    50%  {
      transform:translateY(40);
      opacity:0.6;
    }
    100% {
      transform:translateY(0);
      opacity:1;
    }
  }


.dd h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size:20px;
    line-height:26px;
    color:#000;
    max-width:641px;
    margin-bottom:20px;
    opacity:0;
}
.anime2 {
    animation: h2-fadein 0.6s forwards;
    animation-delay: 1.9s;
}
@keyframes h2-fadein {
    
    0%   {
      transform:translateY(100px);
      opacity:0;
    }
    25%  {
      transform:translateY(70);
      opacity:0.2;
    }
    
    50%  {
      transform:translateY(40);
      opacity:0.6;
    }
    100% {
      transform:translateY(0);
      opacity:1;
    }
  }


.dd a {
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:20px;
    line-height:26px;
    color:#3E80FF;
    opacity:0;
    position:relative;
}
.anime3 {
    animation: a-fadein 0.6s forwards;
    animation-delay: 3s;
}
@keyframes a-fadein {
    
    0%   {
      transform:translateY(100px);
      opacity:0;
    }
    25%  {
      transform:translateY(70);
      opacity:0.2;
    }
    
    50%  {
      transform:translateY(40);
      opacity:0.6;
    }
    100% {
      transform:translateY(0);
      opacity:1;
    }
  }

/* ABOUT END  */


/* CONTACT START  */

 .contact {
   min-height:100vh;
   position:relative;
   overflow:hidden;
   
 }
 .contact::after {
  content: "";
  position: absolute;
  width: 610px;
  height: 610px;
  top:-320px;
  right:0px;
  z-index: -1;
  background: url('../images/BG_SHAPE.png');
  background-size:cover;
  transform: rotate(260deg);
 }
 .contact-cont {
     min-height:86vh;
     display:flex;
 }
 .contact-left {
   min-height:715px;
   width:100%;
   max-width:50%;
   display:flex;
   align-items: center;
 }
 .divider {
  display:flex;
  width:100%;
 }
 .col-1 {
   width:100%;
   max-width:280px;
 }
 .col-1 h3,.col-2 h3 {
  font-family: 'Montserrat', sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:30px;
  color:#000;
  margin-bottom:5px;
 }
 .col-1 h4,.col-2 h4 {
  font-family: 'Montserrat', sans-serif;
  font-size:14px;
  font-weight:500;
  line-height:24px;
  color:#495057;
  
  
 }
 .col-1 .num,.col-2 .num {
   margin-bottom:10px;
 }
 .blue-line {
   width:86px;
   height:2px;
   background-color:#3E80FF;
   margin:15px 0 10px 0;
 }
 .col-1 a,.col-2 a {
  font-family: 'Montserrat', sans-serif;
  font-size:14px;
  font-weight:500;
  line-height:24px;
  color:#3E80FF;
  
 }


 .contact-right {
   width:100%;
   max-width:50%;
   display:flex;
   align-items: center;
 }
 .form {
   width:100%;
   min-height:500px;
   display:flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-end;
   position:relative;
 }
 .form-group {
   width:100%;
   display:flex;
   justify-content: space-between;
   margin-bottom:20px;
   opacity:0;
 }
 .form-group input {
   width:100%;
   max-width:275px;
   height:46px;
   border:1px solid  #495057;
   border-radius:23px;
   padding:15px;
   font-family: 'Montserrat', sans-serif;
   font-weight:600;
   font-size:14px;
   color:#616F7B;
 }
 .input-div {
   height:46px;
   width:100%;
   margin-bottom:20px;
   position:relative;
   opacity:0;
 }
 .label {
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  font-weight:400;
  color:#495057;
  padding:0 5px;
  background-color:#fff;
  position:absolute;
  top:-10px;
  left:10px;
  z-index:10;
 }
 .inp {
  width:100%;
  height:46px;
  border:1px solid  #495057;
  border-radius:23px;
  padding:15px;
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  font-size:14px;
  color:#000;
  
  
  
 }
 

 textarea {
  width:100%;
  max-width:570px;
  height:116px;
  border:1px solid  #495057;
  border-radius:23px;
  padding:15px;
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  font-size:14px;
  color:#616F7B;
  margin-bottom:20px;
  opacity:0;
  resize: none;
 }
 #contact-btn {
   width:225px;
   height:46px;
   border-radius:28px;
   position:relative;
   border:none;
   background: rgb(124,42,248);
   background: linear-gradient(270deg, rgba(124,42,248,1) 0%, rgba(62,128,255,1) 100%, rgba(62,128,255,1) 100%);
   font-family: 'Montserrat', sans-serif;
   font-weight:600;
   font-size:14px;
   color:#fff;
   padding-right:60px;
   opacity:0;
 }
 #contact-btn::after {
   content:'>';
   width:15px;
   height:15px;
   position:absolute;
   top:15px;
   right:10px;
   color:#fff;
   font-size:17px;
   font-weight:600;
 }

 /* animation css  */
.div-d1 {
  opacity:0;
}
.div-d2 {
  opacity:0;
}
.div-d3 {
  opacity:0;
}
.div-d4 {
  opacity:0;
}
.div-d5 {
  opacity:0;
}

 .animation {
  animation: d-fadein 0.6s forwards;
  animation-delay: 0.5s;
}
@keyframes d-fadein {
  
  0%   {
    transform:translateY(100px);
    opacity:0;
  }
  25%  {
    transform:translateY(70);
    opacity:0.2;
  }
  
  50%  {
    transform:translateY(40);
    opacity:0.6;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

/* ------------ */

.animation1 {
  animation: d-fadein1 0.6s forwards;
  animation-delay: 1s;
}
@keyframes d-fadein1 {
  
  0%   {
    transform:translateY(100px);
    opacity:0;
  }
  25%  {
    transform:translateY(70);
    opacity:0.2;
  }
  
  50%  {
    transform:translateY(40);
    opacity:0.6;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

/* --------------- */

.animation2 {
  animation: d-fadein2 0.6s forwards;
  animation-delay: 1.5s;
}
@keyframes d-fadein2 {
  
  0%   {
    transform:translateY(100px);
    opacity:0;
  }
  25%  {
    transform:translateY(70);
    opacity:0.2;
  }
  
  50%  {
    transform:translateY(40);
    opacity:0.6;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

/* form animation start */


.anime-form {
  animation: f-group 0.6s forwards;
  animation-delay: 0.5s;
}
@keyframes f-group {
  
  0%   {
    transform:translateY(-100px);
    opacity:0;
  }
  25%  {
    transform:translateY(-70);
    opacity:0.2;
  }
  
  50%  {
    transform:translateY(-40);
    opacity:0.6;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

/* ------------------ */

.anime-form1 {
  animation: f-group1 0.6s forwards;
  animation-delay: 1s;
}
@keyframes f-group1 {
  
  0%   {
    transform:translateY(-100px);
    opacity:0;
  }
  25%  {
    transform:translateY(-70);
    opacity:0.2;
  }
  
  50%  {
    transform:translateY(-40);
    opacity:0.6;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

/* ---------------------- */

.anime-form2 {
  animation: f-group2 0.6s forwards;
  animation-delay: 1.5s;
}
@keyframes f-group2 {
  
  0%   {
    transform:translateY(-100px);
    opacity:0;
  }
  25%  {
    transform:translateY(-70);
    opacity:0.2;
  }
  
  50%  {
    transform:translateY(-40);
    opacity:0.6;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

/* -------------------- */

.anime-form3 {
  animation: f-group3 0.6s forwards;
  animation-delay: 2s;
}
@keyframes f-group3 {
  
  0%   {
    transform:translateY(-100px);
    opacity:0;
  }
  25%  {
    transform:translateY(-70);
    opacity:0.2;
  }
  
  50%  {
    transform:translateY(-40);
    opacity:0.6;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

/* form animation end */



/* CONTACT END  */

/* PRIVACY PAGE START */

.privacy-cont {
  min-height:80vh;
  padding:144px 20px 10px 20px;
  
}
.privacy-cont h1 {
  font-family: 'Montserrat', sans-serif;
  font-size:32px;
  font-weight:600;
  line-height:30px;
  color:#000;
  height:66px;
}
.privacy-cont h3 {
  font-family: 'Montserrat', sans-serif;
  font-size:20px;
  font-weight:600;
  line-height:30px;
  color:#000;
  height:66px;
}
.privacy-cont p {
  font-family: 'Montserrat', sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:22px;
  color:#000;
  margin-bottom:30px;
}


/* PRIVACY PAGE END */