@charset "UTF-8";

/* OUR CUSTOM CSS FILE TO BE PLACED ONTOP OF OTHER  */


/*  colors

Website Dark Blue = 

#060f19 first color



#040e19 current March 6

*/

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
  overflow-x: hidden !important;
}


html body{
  background-color: rgb(8, 12, 27);
  margin: 0;
  padding: 0;
  border: none;
}


.container{
  padding: 0px !important;
}

.navBG{
  background-color: #020a17 !important;

}


.nav-link:active {
  color: blue !important;
 }

.nav-link{
  color: rgb(245, 245, 245) !important;
  font-size: 15px !important;
}


.nav-text{
  color: rgb(245, 245, 245) !important;
}



section{
  background-color: rgb(8, 12, 27);
  box-shadow: none;
  border: none;
}



.container {
  max-width: 1444px;
  
}
 

.section-spacer{
padding-top: 5%;
padding-bottom: 5%;
background-color: pink;
text-align: center;
font-size: 2em;
font-weight: 700;
}



.contact-bg{
  background-color: #08142b !important;
}



/* ORRIGINAL DARK bg from theme

 background-color: #020a17 !important;



*/




/* HERO TOP SECTION  */




.eupopup-container{background-color: rgba(3, 25, 79, 0.9) !important; padding: 20px !important;}
.eupopup-head{font-size: 18px !important; font-weight: bold !important; padding: 0 !important; color: #fff !important; line-height: 18px !important; margin: 0 0 10px 0 !important;}
.eupopup-body{color: #fff !important; margin: 0 0 10px 0 !important;}
.eupopup-buttons {padding: 0 !important;}
.eupopup-button{color: #fff !important; text-decoration: none; padding: 10px 18px; display: inline-block; font-size: 13px !important; font-weight: 700 !important;}
.eupopup-button.eupopup-button_2 {background: #d148f0;}
.eupopup-button.eupopup-button_1 {background: #6466f1;}
.eupopup-button:hover{text-decoration:none !important; color: #fff;}
.eupopup-closebutton {font-size: 20px !important; font-weight: 700 !important; line-height: 20px !important; color: #fff !important; padding: 5px 10px !important;  text-decoration: none !important;}

.myHR{
  border: solid 1px rgb(18, 24, 47, 0.5);
  width: 100%;
  max-width: 1444px;
  margin: 0 auto;
  
}

.section-btm-margin{
  margin-bottom: 4%;
}





/* contact form styles  */
/* contact form styles  */

.ftf-btn{
  background-color: #57b6fe !important;
  border-radius: 15px !important;
  font-size: 1em !important;
  
}


.ftf-btn-submit{
  background-color: black !important;
  border-radius: 5px !important;
  font-size: 1.2em !important;
  color: whitesmoke;
  padding: 10px;
  width: 80%;
  margin-left: 10%;

  
}


.ftf-btn-openForm{
  background-color: rgb(37, 135, 227) !important;
  border-radius: 5px !important;
  font-size: 18px !important;
  color: whitesmoke;
  padding: 12px !important;
  
 

  
}



/*.modal-content{*/
/*background: #8B5CF6;*/
/*background: linear-gradient(45deg,rgba(139, 92, 246, 1) 0%, rgba(217, 70, 239, 1) 100%);*/
/*}*/

.modal-body{
  padding: 0% !important;
}


     
.input-style{
      background-color: #e4e4e4 !important;
      border: none;
      border-radius: 3px;
      padding: 10px;
      margin: 7px;
      color: black;
      text-align: left;
      width: 98%;
      height: 7vh;
        
  }
  
  .input-style2{
    background-color: #eeeeee !important;
    border: none;
    border-radius: 3px;
    padding: 10px;
    margin: 7px;
    color: black;
    text-align: left;
    width: 100%;
    height: 8vh;
    
}

 .form-select{
  background-color: #e4e4e4 !important;
 } 

.form-label{
  color: ghostwhite;
  text-align: left !important;
}

/* contact form styles  */
/* contact form styles  */






.mapAnimation{
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  min-height: 100%;
  object-fit: cover;
  max-width: 100%;
  }
   

.ftf-gradientBG1{
background: rgb(32, 49, 72);
background: linear-gradient(0deg, rgba(9,27,50,1) 0%, rgba(4, 11, 72, 0.464) 69%, rgb(2, 22, 43) 100%);
}




.btn-scroll-top{
  background-color: rgb(15, 59, 91) !important;
}

.btn-scroll-top-icon{
  color: rgb(255, 255, 255) !important;
  font-size: 14px !important;

  
}





.ctaBG{
 background-image: url(/assets/img/1-my-images/FtF-cta-bg1.png);
 
}


.footer{
  padding:10px;
}

.footer-padding{
 padding: 20px ;
}

.footerBG2{
  background-color: #020a17 !important;
  
  }
  




/* BACKGROUND COLORS  */


/* spacing + formating + margin   */ 





.hero-textBlock{
  padding-left: 3%;

}



.padding-200{
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

.margin-top-3em{
  margin-top:100px !important;
}


.heading-padding-bottom{
  padding-bottom: 1em !important;
}


.video-container .content{max-width: 1320px; margin: 0 auto; padding: 0px; height: 100%; display: flex; align-items: center;}

.mobile-text{text-align: center;}
/* FONTS + TITLES  */
/* FONTS + TITLES  */

.ice{
  color: #57b6fe;
}

.my-title-Main{
    color: whitesmoke !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
    font-size: 4em !important;
   
}

.white-title{
    color: whitesmoke !important;
}

.white-text{
    color: white !important;
}


.grey-text{
  color: rgb(188, 188, 188) !important;
}



  .hide-meDesktop{
    display: hidden !important;
  }








  .carousel-item {
  max-width: 100%;
 
  transition: transform 0.5s ease; 
}


.carousel {
  background-color: transparent !important;
}

.carousel-inner{
  position: relative;
}

.logoCarousel{
  margin-top: 5%;
  margin-bottom: 5%;
}


/* FONTS + TITLES  */
/* FONTS + TITLES  */








img, iframe {
  max-width: 100%;
  height: auto;
}













/* For screens smaller than 768px (md breakpoint) */
@media (max-width: 444px) {
  
  html body section{
    background-color: rgb(7, 14, 29) !important;

    overflow-x: hidden;
  }

.swiper{
  padding: 15px !important;
}

.benifitsPadding{
  padding: 20px !important;
}

.container-fluid{
  padding: 0px !important;
}
.container{
  padding: 0px !important;
}

.mobile-headerVideo {
width: 100%;
padding: 0px;
object-fit: cover;
      }

.top-spacerForMobile{
padding-top: 100px;
}    

.content {
position: relative;
 z-index: 1; /* Ensures text appears above the video */

  }





  .paddingBottom{
   padding-bottom: 10% !important;
  }

  .mobile-Big-titles {
    font-size: 1em !important;
  }
  

  
    .mobile-text-center{
      text-align: center !important;
    }


    .hide-on-Mobile{
      display: none !important;
    }
   
   

    .mobile-padding{
      padding-top: 2% !important;
      padding-bottom: 2% !important;
    }


    .hero-textBlock {
      display: flex;
      flex-direction: column;
      align-items: center; /* Center content horizontally */
      text-align: center;  /* Center text */
    }

    .hide-meMobile{
      display: none !important;
    }
    

    .title-container{
      position: absolute;
      top: 40%;           /* Position the title in the center of the section */
      left: 50%;
      transform: translate(-50%, -50%); /* Center the title */
      color: white;       /* White text to contrast the video */
      text-align: center;
      z-index: 1;  
      max-width: 80%;
      font-size: 10px !important;
    }

    .footer-logo{
      text-align: center !important;
    }

   .benifits-mobile{
    padding-left: 8px;
    padding-right: 8px;
   
   } 

   .content {
    padding: none !important;
    z-index: 1; /* Ensures text appears above the video */
  
  }
    

  .video-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: transparent !important;
    will-change: opacity, transform;
    transform: translateZ(0);
    
  }
  
  .video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    object-fit: cover; /* Ensures it covers the whole area */
    transform: translate(-50%, -50%);
  
  }
  
  .content {
   
    position: relative;
    z-index: 1; /* Ensures text appears above the video */
  
  }
  


}






/* For screens smaller than mobile (md breakpoint) */

@media (max-width: 768px) {
  .container, .container-fluid {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

 

  .footer-logo{
    text-align: center !important;
    margin: 0 auto !important;
  }





}







/* For screens larger than mobile (md breakpoint) */
@media (min-width: 768px) {


  .video-container {
    position: relative;
    width: 100%;
    height: 75vh; /* Fullscreen */
    overflow: hidden;
    background-color: transparent !important;
    
  }
  
  .video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    object-fit: cover; /* Ensures it covers the whole area */
    transform: translate(-50%, -50%);
  
  }
  
  .content {
   
    position: relative;
    z-index: 1; /* Ensures text appears above the video */
  
  }
  



  .content{
    padding-left: 16%;
    padding-top: 5%;
  }

.topMargin{
  padding-top: 10rem !important;
  padding-left: 8rem !important;
}
  .hide-meDesktop{
    display: none !important;
  }


  .topMargin{
    margin-top: 7%;
  }





}