/* Variables Import */



@import "./variables.css";







/* Top Bar */







/* Header */







.navbar {



  position: absolute;



  z-index: 111111;



  /* border-bottom: 2px solid var(--white); */



  background-color: transparent !important;



  width: 100%;



  top: 0;



  transition: 0.5s all ease;



  border-bottom-right-radius: 35px;



  border-bottom-left-radius: 35px;



}







.navbar .container {



  transition: 0.5s all ease;



}







/* .navbar.sticky {



  background-color: var(--white) !important;



  border-bottom-right-radius: 35px;



  border-bottom-left-radius: 35px;



  box-shadow: 0px 0px 7px 0px #ccc7ff;



} */







.navbar .container.sticky {



  /* scale: 0.98;  */



}







.navbar .navbar-brand .logo-box {



  width: 180px;



  position: relative;



  transition: 0.5s all ease;



}







.navbar .navbar-brand .logo-box img.imgh {



  visibility: hidden;



}







.navbar .navbar-brand .logo-box img.imga {



  position: absolute;



  top: 0;



  left: 0;



  height: 100%;



  transition: 0.5s all ease;



}







.navbar .navbar-brand .logo-box img.imga.imgdark {



  opacity: 0;



}







.navbar .navbar-brand .logo-box img.imga.imgalt {



  opacity: 1;



}







.navbar .navbar-brand .text-content .sub-heading {



  color: var(--logo-blue);



  font-size: 15px;



  text-align: center;



  font-weight: 900;



}







/* .navbar.sticky .navbar-brand .logo-box img.imga.imgdark {



  opacity: 1;



}







.navbar.sticky .navbar-brand .logo-box img.imga.imgalt {



  opacity: 0;



} */







/* .navbar .container.sticky .navbar-brand .logo-box {



  width: 120px;



}







.navbar .container.sticky .button {



  background-color: var(--white);



}







.navbar .container.sticky .button span {



  color: var(--primary);



} */







.navbar .container .button {



  background-color: var(--white);



}







.navbar .container .button span {



  color: var(--primary);



}







.navbar .nav-item .text-box .heading {



  font-size: 40px;



  transition: 0.5s all ease;



}







/* .navbar.sticky .nav-item .text-box .heading {



  color: var(--primary);



} */







/* Hero */







.hero {



  position: relative;



  padding-bottom: 100px;



}







/* .hero::after {



  background-color: var(--primary);



  width: 100%;



  height: 75%;



  position: absolute;



  content: "";



  top: -20%;



  left: 0;



  z-index: -1;



  opacity: 1;



  border-bottom-right-radius: 50px;



  border-bottom-left-radius: 50px;



} */







.hero .video-box {



  height: 100vh;



  min-height: 700px;



  width: 100%;



  overflow: hidden;



  position: relative;



}







.hero .video-box::after {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  content: "";



  background: linear-gradient(to bottom, white, transparent);



  opacity: 0.37;



  z-index: 1;



}







.hero .video-box video {



  height: 100%;



  object-fit: cover;



  object-position: center;



}







.hero .container-absolute {



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -30%);



  color: var(--white);



  z-index: 3;



  width: fit-content;



}







/* ---contact--- */







.contact {



  position: relative;



  overflow: hidden;



}







.contact .heading-box {



  text-align: start;



}







.contact .heading-box .heading {



  color: var(--white);



}







.contact .card {



  box-shadow: var(--shadow);



  position: relative;



  z-index: 3;



}







.contact .information-box {



  /* background-color: var(--primary); */



  /* padding: 30px; */



  /* border-radius: 20px; */



  /* height: 100%; */



  display: flex;



  flex-direction: column;



  justify-content: flex-start;



  position: relative;



  overflow: hidden;



  /* top: 18%; */



  width: 100%;



  /* left: 69%; */



  z-index: 1;



  margin-top: 30px;



}







/* .contact .information-box::after {



  content: "";



  position: absolute;



  top: -50px;



  right: -50px;



  width: 200px;



  height: 200px;



  background: var(--light);



  opacity: 0.1;



  border-radius: 50%;



} */



/* .contact .information-box::before {



  content: "";



  position: absolute;



  bottom: -50px;



  left: -50px;



  width: 200px;



  height: 200px;



  background: var(--light);



  opacity: 0.1;



  border-radius: 50%;



} */







.contact .information-box .text-content .sub-heading {



  color: var(--white);



}







.contact .information-box .text b {



  font-size: 12px;



  font-weight: 600;



  color: var(--light);



}



.contact .information-box .para-text {



  color: var(--white);

  text-wrap: nowrap !important;

  word-break: keep-all !important;





}







.contact .information-box .text-content .para-text {



  color: var(--light);



}







.contact .information-box .icon-box .icon-text {



  display: flex;



  align-items: center;



  gap: 10px;



}







.contact .information-box .icon-box .icon {



  color: var(--dark);



  width: 40px;



  height: 40px;



  background-color: var(--primary);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



}







.contact .information-box .icon-box .icon i {



  font-size: 18px;



}







.contact .information-box .icon-box .icon-text .text {



  width: calc(100% - 70px);



}







.contact .after-col {



  padding: 50px 40px 50px 110px;



  background: var(--primary);



}







.contact .after-col::after {



  content: "";



  position: absolute;



  width: 50%;



  height: 100%;



  background: var(--primary);



  top: 0;



  right: -170px;



  z-index: -1;



  border-radius: 15px;



}







.contact .form-flog .form-control {



  height: 55px;



  border: 1px solid var(--primary);



  background-color: transparent;



  color: var(--white);



}







.contact .form-flog .form-control:focus {



  border-color: var(--primary);



  box-shadow: 0 0 0 0.25rem #102b441a;



  color: var(--white);



}







/* .contact .form-flog select.form-control, */



.contact .form-flog .form-control::placeholder {



  color: var(--white);



  opacity: 0.8;



}







.contact .form-flog select.form-control option {



  color: var(--dark);



}







.contact .form-flog .form-select {



  --bs-form-select-bg-img: url("../images/svg/01.png");



}







.contact .form-box {



  border-radius: 15px;



  /* padding: 50px 40px 50px 110px; */



  /* background: white; */



  height: 100%;



  position: relative;



  left: 20%;



}







.contact .form-box::after {



  content: "";



  position: absolute;



  top: -110px;



  right: -90px;



  width: 200px;



  height: 200px;



  background: var(--light);



  opacity: 0.1;



  border-radius: 50%;



}







.contact .logo {



  /* background-color: var(--dark);



  padding: 20px;



  border-radius: 10px; */



}







.contact .logo .text-content .sub-heading {



  color: var(--primary);



  font-size: 15px;



  text-align: center;



  font-weight: 900;



}







/* Responsive */



@media (max-width: 1280px) {}



@media (max-width: 1200px) {}



@media (max-width: 1199px) {}



@media (min-width: 767px) and (max-width: 992px) {



  /* .contact .information-box .text-content,



  .contact .information-box .icon-box .icon-text {



    flex-direction: column;



    text-align: center;



    word-wrap: break-word;



  } */



}







@media (max-width: 767px) {



  .g-5,



  .gx-5 {



    --bs-gutter-x: 0 !important;



  }







  .contact .form-box {



    padding: 40px 40px 40px 40px;



  }







  .contact .information-box {



    position: relative;



    top: 0%;



    left: 0%;



  }







  .contact .form-box::after {



    content: none;



  }



  .contact .logo {



    max-width: 200px;



  }



}



@media only screen and (max-width: 768px) {

  .contact .logo .text-content .sub-heading {

    text-wrap: nowrap;

  }



  .contact .para-text {}


  .contact .heading {
    font-size: 32px;
  }

  .br {

    display: none !important;

  }

}