@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* @font-face {

    font-family: 'Calendas';

    src: url('../fonts/CalendasPlus.woff2') format('woff2'),

        url('../fonts/CalendasPlus.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

} */

/* calendas-bold.woff */

@font-face {

    font-family: 'Calendas';

    src: url('../fonts/calendas-bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

*{box-sizing: border-box;padding: 0;margin: 0;transition: all 0.3s ease-in-out; }

body{margin: 0;padding: 0;font-family: "Inter", sans-serif;background-color: #F9F1FE;}

a{text-decoration: none;}

ul,ol{padding: 0;margin: 0;list-style: none;}

p{margin: 0;}
img{max-width: 100%;}



/*  */

.landing_hero_sec { background-color: #F5E8FE; padding: 190px 0 120px; } 

.landing_main_header { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } 

.landing_main_header .navbar-nav .nav-link { font-family: Inter; font-weight: 500; font-size: 18px; line-height: 100%; letter-spacing: -0.08rem; color: #312B39; padding: 0; } 

.landing_main_header .navbar-nav { gap: 40px; background-color: #FFFFFF; padding: 22px 30px; border-radius: 45px; } 

.theme_btn,.white_theme_btn { font-family: Inter; font-weight: 500; font-size: 18px; line-height: 100%; letter-spacing: -0.08rem; color: #fff; background-color: #22004B; padding: 14px 40px; border-radius: 45px; }

.theme_btn:hover{background-color: #FFFFFF;color: #22004B;}

.theme_btn.white_theme_btn{background-color: #FFFFFF;color: #22004B;}

.theme_btn.white_theme_btn:hover{color: #FFFFFF; background-color: #22004B;}

.landing_main_header .navbar { padding: 20px 0; }



.head_border { font-family: Inter; font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: -0.08rem; text-transform: uppercase; display: inline-block; background-color: rgb(255 255 255 / 10%); padding: 12px; border: 1px solid #22004B; border-radius: 45px; margin: 0 0 30px; } 

.landing_hero_cnt { max-width: 900px; margin: auto; text-align: center; } 

.landing_hero_cnt h1 { font-family: Inter; font-weight: 500; font-size: 60px; line-height: 100%; letter-spacing: -0.08rem; text-align: center; margin: 0 0 20px; } 

.theme_btn { display: inline-block; } 

.action_btn { margin-top: 35px; display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; } 

.landing_hero_cnt p { font-family: Inter; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: -0.06rem; text-align: center; }

.landing_hero_cnt h1 strong{font-family: 'Calendas';font-weight: 500;font-style: italic;}



.landing_hero_sec { position: relative; overflow: hidden; } 

.landing_hero_sec:before { content: ''; position: absolute; width: 512px; height: 512px; top: 255px; left: -157px; background: #1717FCCC; filter: blur(300px); } 

.landing_hero_sec .container { position: relative; z-index: 1; } 

.landing_hero_sec:after { content: ''; position: absolute; width: 790px; height: 790px; top: -265px; left: 961px; background: #1717FCCC; filter: blur(400px); }



.heading h2 { font-family: Inter; font-weight: 500; font-size: 36px; line-height: 100%; letter-spacing: -0.08rem; margin-bottom: 20px; color: #22004B;} 

.heading .head_border { margin: 0 0 20px; } 

.heading h2 strong { font-family: 'Calendas'; font-weight: 500; font-style: italic; } 

.serv_cnt  li h3 { font-family: Inter; font-weight: 500; font-size: 24px; line-height: 100%; letter-spacing: -0.08rem; color: #22004B; margin: 0; } 

.serv_cnt li { background-color: #fff; border-radius: 30px; padding: 40px; overflow: hidden; } 

.services_sec { background-color: #F5E8FE; padding: 80px 0;position: relative; } 

.services_sec .row { align-items: center; } 

.serv_cnt li .serv_des {position: relative;transition: .7s linear;} 

.serv_des { font-family: Inter; font-weight: 500; font-size: 18px; line-height: 100%; letter-spacing: -0.07rem; } 

.serv_cnt li:not(:last-child) { margin-bottom: 15px; } 

/* .serv_cnt li:hover .serv_des { display: block; } */

.serv_cnt li .serv_des {

  max-height: 0;

  opacity: 0;

  transform: translateY(-10px);

  overflow: hidden;

  transition: all 0.5s ease-in-out;
  

}



.serv_cnt li:hover .serv_des {

  max-height: 500px; /* Set a height larger than expected content */

  opacity: 1;

  transform: translateY(0);
  margin-top: 15px;

}

.services_sec:before{content: '';position: absolute;bottom: 0;right: 0;width: 807px;height: 740px;background: url(../img/effect-right.png);background-size: cover;background-position: center;}

.services_sec .container{position: relative;z-index: 1;}



.heading .head_border { background-color: #22004B1A; } 

.heading { max-width: 833px; margin: 0 auto 30px; } 

.heading p { font-family: Inter; font-weight: 500; font-size: 20px; line-height: 100%; letter-spacing: -0.07rem; color: #726680; } 

.industry_sec { padding: 80px 0; background-color: #F9F1FE; } 

.indus_img { position: relative; border-radius: 30px; overflow: hidden; } 

.indus_img img { width: 100%; height: 430px; object-fit: cover; } 

.indust_box h3 { font-family: Inter; font-weight: 500; font-size: 24px; line-height: 90%; letter-spacing: -0.08rem; vertical-align: bottom; color: #fff; position: absolute; bottom: 30px; left: 30px; margin: 0; } 

.indus_img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180.07deg, rgba(12, 0, 26, 0) 34.9%, #0C001A 99.93%); } 

.indust_box { position: relative; }



.location_sec { padding: 80px 0; background-size: cover; background-position: center; position: relative; background-repeat: no-repeat; } 

.location_sec .row{align-items: center;}

.location_cnt * { color: #fff !important; } 

.location_sec .head_border { border-color: #fff; background-color: rgb(255 255 255 / 10%); } 

.heading.location_cnt p { margin: 0 0 30px; } 

.location_cnt h4 { font-family: Inter; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: 0.10rem; text-transform: uppercase; margin: 0 0 20px; } 

.location_cnt li { font-family: Inter; font-weight: 400; font-size: 20px; line-height: 100%; letter-spacing: -0.08rem; } 

.location_cnt li:not(:last-child) { margin: 0 0 12px; } 

.location_cnt li strong { font-weight: 500; }



.features_sec { padding: 80px 0; } 

.features_box { height: 100%; background: #fff; padding: 40px 25px; border-radius: 30px; } 

.features_box h3 { font-family: Inter; font-weight: 500; font-size: 24px; line-height: 100%; letter-spacing: -0.08rem; margin: 0 0 15px; color: #22004B; } 

.features_box img { margin: 0 0 35px; } 

.features_box p { font-family: Inter; font-weight: 500; font-size: 18px; line-height: 100%; letter-spacing: -0.07rem; color: rgb(34 0 75 / 60%); }



.why_choose_sec{background-color: #F5E8FE;padding: 80px 0;position: relative;}

.why_choose_sec .features_box { text-align: center; } 

.why_choose_sec .row { justify-content: center; row-gap: 24px; }



.join_sec { padding: 171px 0; background-repeat: no-repeat; background-size: cover; background-position: center; } 

.join_cnt h2 {color: #fff;}

.join_cnt.heading h2 { font-size: 60px; } 

.border_theme_btn { background-color: transparent; border: 1px solid #fff; }



.main_footer { background-color: #110026; padding: 70px 0 0; } 

.footer_links h3 { font-family: Calendas; font-style: italic; font-size: 30px; line-height: 100%; letter-spacing: -0.10rem; color: #fff; margin: 0 0 20px; } 

.footer_links a { font-family: Inter; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: -0.08rem; color: rgb(255 255 255 / 53%); display: inline-flex; gap: 7px; align-items: start; } 

.footer_links li:not(:last-child) { margin-bottom: 15px; } 

.footer_des p { font-family: Inter; font-weight: 500; font-size: 24px; line-height: 100%; letter-spacing: -0.08rem; color: #fff; } 

.footer_logo { display: inline-block; margin: 0 0 40px; }



.footer_des span { font-family: Inter; font-weight: 500; font-size: 14px; line-height: 100%; letter-spacing: 0.10rem; text-transform: uppercase; color: rgb(255 255 255 / 53%); } 

.footer_des p { margin: 0 0 10px; } 

.copyright { padding: 25px 0; margin-top: 50px; border-top: 1px solid rgb(255 255 255 / 10%); } 

.copyright p { font-family: Inter; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: -0.08rem; color: rgb(255 255 255 / 53%); } 

.copyright p a { color: rgb(255 255 255 / 53%); }


.navbar-brand img { max-width: 270px; } 
.theme_btn1 { padding: 12px 40px; } 
.landing_main_header .navbar-nav { padding: 0; } 
.navbar-brand { padding-left: 20px; }




/* Responsive */



@media (max-width: 991px){



  .header_right { margin-left: auto;margin-right: 10px !important; } 
  .navbar-toggler{padding: 0 !important;}

  .theme_btn, .white_theme_btn { padding: 12px 20px; min-width: 100px; text-align: center;font-size: 16px; } 



  .landing_main_header .navbar-collapse { position: absolute; top: 100%; right: 0; width: 300px; z-index: 9; } 

  .landing_main_header .navbar-nav { border-radius: 10px; gap: 20px; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }

  .navbar-toggler:focus{box-shadow: none !important;}

  .serv_cnt li:not(:last-child) { margin-bottom: 10px; }



  .landing_hero_sec { padding: 130px 0 80px; } 

  .landing_hero_sec .head_border { margin: 0 0 15px; } 

  .landing_hero_cnt h1 { font-size: 36px; } 

  .services_sec, .industry_sec, .location_sec,.features_sec { padding: 40px 0; } 

  .services_sec .row { flex-direction: column-reverse; } 

  .heading h2 { font-size: 27px; } 

  .head_border { font-size: 14px; } 

  .serv_cnt li { padding: 20px; } 

  .serv_des {font-size: 16px;} 

  .serv_cnt li h3 { font-size: 18px; } 

  .heading p { font-size: 16px; } 

  .industry_sec .row { row-gap: 20px; } 

  .features_sec .row { row-gap: 20px; } 

  .features_box h3 { font-size: 18px; } 

  .features_box p { font-size: 16px; } 

  .join_cnt.heading h2 { font-size: 36px; } 

  .join_sec { padding: 100px 0; } 

  .main_footer { padding: 40px 0 0; } 

  .footer_logo img { max-height: 50px; } 

  .footer_logo { margin: 0 0 30px; } 

  .footer_des { margin: 0 0 40px; }

  .footer_links h3{font-size: 20px;}

  .footer_des p { font-size: 18px; margin: 0 0 7px; }



  .indus_img img { height: 350px; } 

  .indust_box h3 { font-size: 20px; }

  .serv_img img { width: 100%; } 

  .loc_img img { width: 100%; }


  .landing_main_header .navbar {
    padding: 15px !important;
}


.landing_main_header .navbar-nav .nav-link{font-size: 16px;}







}



@media (max-width: 575px){

  .main_footer{overflow: hidden;}

  .copyright p { text-align: center !important; } 

  .copyright .row { flex-direction: column-reverse; gap: 10px; } 

  .footer_des span { letter-spacing: 0; }

  .navbar-brand img { max-width: 200px; } 
  .navbar-brand { padding: 0 !important; margin: 0 !important; }

  .footer_links a{font-size: 14px;}
  .header_right{display: none !important;}

}