@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


@font-face {
	font-family: AvantGardeStd-Md;
	src: url(../Fonts/ITCAvantGardeStd-Md.otf);
}


@font-face {
	font-family: Behind-Bold;
	src: url(../fonts/Behind-The-Nineties-Sans-Bd.otf);
}


@font-face {
	font-family: Behind-Medium;
	src: url(../fonts/Behind-The-Nineties-Md.otf);
}


/*
body,
html {
	font-size: 100%;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;


}*/



      body,
html {
    font-size: 100%;
	padding: 0;
	margin: 0;
            background-color: var(--editorial-bg);
            -webkit-font-smoothing: antialiased;
     font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
        }






a {
    text-decoration: none;
}



h1 {
	 font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	font-size: 5.5em;
	color: #000080;
	font-weight: 700;
  

}


h1 span {
font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	color: #38E0BF;
	font-weight: 700;

}

h2 {
	font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	font-size: 4.5em;
	font-weight: 600;
	color:#000080;
}


h2 span {
	font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	color: #38E0BF;
}

h3 {
	font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	font-size: 3em;
	font-weight: 600;
	margin-top: 0.5em;
	color: #000080;
}


h3 span {
	font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	color: #000080;
}

h4 {
	font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	font-size: 2.5em;
	color: #000080;
	font-weight: 600;
}


h5 {
	font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	font-size: 1.8em;
	color: #000080;
	font-weight: 600;
	padding-top: 0.4em;
}


h6 {
	font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	font-weight: 500;
	font-size: 1.5em;
	color: #000080;

}


p {
	font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	color: #606060;
}


a {
	font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
	
}


p a {
	color: #212121;
	text-decoration: none;
}


p a:hover {
	color: #212121;
	text-decoration: none;
}


.content-wrapper {
	max-width: 1440px;
	margin: 0 auto;
	padding: 1em;
}

.content-wrapper-2 {

	margin: 0 auto;

}






/*****NAVBAR******/



/******HOMEPAGE******/



/*.about-us {
     background-image: url(../images/about-banner-2.png);
   -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    padding:8em 1em;
    margin-bottom: 8em;
}*/





/******PROJECTS*******/



.owl-container {
      max-width: 100%;
      margin: 0 auto;;
    }

    .item {
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
        padding-top:0.5em;
        padding-right: 0.5em;
        padding-left: 0.6em;
    }

  


    .owl-nav {
      position: absolute;
      top: -4rem;
      right: 0;
    }

   .owl-next img, .owl-prev img {
     width: 45px!important;
    }

    .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
      background: none !important;
      outline: none !important;
      opacity: 1;
    }

    .owl-nav .owl-prev, .owl-nav .owl-next {
      outline: none;
      opacity: 0.9;
      transition: all .5s ease;
    }

    .owl-dots {
        display: none;
      margin-top: 1rem;
    }

    .owl-dot {
      outline: none;
    }

    .owl-dot.active, .owl-dot:hover {
      transition: all .2s ease;
      transform: scale(1.2);
    }


    @media screen and (max-width: 600px) {
      .owl-nav {
       position: absolute;
      top: -2rem;
      right: 0;
      }
        
         .owl-next img, .owl-prev img {
      width: 30px!important;
    }


      .owl-dots {
        display: none;
      }
    }






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



@media (max-width: 1199.98px) {


    
 h1 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 4em;
	color: #212121;
	font-weight: 600;

}


h1 span {

	font-family: 'AvantGardeStd-Md', sans-serif;
	font-style: italic;
	color: #204E83;
	font-weight: 200;

}

h2 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 3.5em;
	font-weight: 700;
	color: #204E83;
}


h2 span {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-style: italic;
	font-weight: 200;
	color: #204E83;
}

h3 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 3em;
	font-weight: 600;
	margin-top: 0.5em;
	color:#204E83;
}


h4 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 2.5em;
	color: #204E83;
	font-weight: 600;
}


h5 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 1.8em;
	color: #204E83;
	font-weight: 600;
	padding-top: 0.4em;
}


h6 {
	font-family: "AvantGardeStd-Md", sans-serif;
	font-weight: 600;
	font-size: 1.4em;
	color: #204E83;
	
}


p {
	font-family: "AvantGardeStd-Md", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	color: #212121;
}
   
    
 
   
 
    
    
}



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



@media (max-width: 769px) {

   h1 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 4em;
	color: #212121;
	font-weight: 600;
}
    
    
    



h2 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 3.3em;
	font-weight: 700;
	color: #204E83;
}


h3 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 2.8em;
	font-weight: 600;
	margin-top: 0.5em;
	color: #204E83;
}


h4 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 2.1em;
	color: #204E83;
	font-weight: 600;
}


h5 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 1.8em;
	color: #204E83;
	font-weight: 600;
	padding-top: 0.4em;
}


h6 {
	font-family: "AvantGardeStd-Md", sans-serif;
	font-weight: 600;
	font-size: 1.5em;
	color: #204E83;

}

    
  

}

@media (max-width: 469px) {
    
    
    
      h1 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 3.2em;
	color: #212121;
	font-weight: 600;
}



h2 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 2.9em;
	font-weight: 700;
	color: #204E83;
}
    
h3 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 2.3em;
	font-weight: 600;
	margin-top: 0.5em;
	color: #204E83;
}
    
 h6 {
	font-family: "AvantGardeStd-Md", sans-serif;
	font-weight: 500;
	font-size: 1.1em;
	color: #204E83;

}
p {
	font-family: "AvantGardeStd-Md", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.9em;
	color: #212121;
}
    
    
}



.navbar-brand img {
     width: 65px;
    height: auto;
    padding: 0.1em;
}


.header-right-buton {
    background-color: #000080;
    border-radius: 7px;
    color:#fff;
}


.header-right-buton a {
    color:#fff;
}


.btn-outline-success {
    background-color: #000080!important; 
    color:#fff;
    border:solid 1px #000080!important;
}



.btn-outline-success a {
    color:#fff!important;
    text-decoration: none;
}


.btn-outline-success a:hover {
    color:#fff!important;
    text-decoration: none;
}


/********HOMEPAGE*******/

  /* Hero Section Height & Gradients */
        .hero-section {
            height: 85vh;
            min-height: 600px;
        }

        .hero-overlay {
            /*background: linear-gradient(to right, rgba(0, 0, 128, 0.8), rgba(0, 0, 128, 0.8),rgba(0, 0, 128, 0.8), transparent);*/
            
            
            background:rgba(0, 0, 128, 0.7);
        }

 .badge-accent {
            background-color: rgba(56, 224, 191, 0.2);
            color: rgba(56, 224, 191,1);
            border: 1px solid rgba(56, 224, 191, 0.3);
            letter-spacing: 0.1em;
        }


.bg-success-3 {
    background-color: #38E0BF!important;
}


.bg-success-4 {
  background-color:#000080;
    color:#fff!important;
}


.bg-success-4 p {
    color:#fff!important;
}




.bg-light-custom {
    background-color: #f6f7f8;
}


.bg-primary-custom {
    background-color:#000080;
}


.bg-light-custom-2 {
    background-color: rgba(56,224,191,0.1);
}



.material-symbols-outlined {
    color: rgba(56,224,191,1);
}


.home-service h5 {
    color:#fff;
}


#home-global {
  ;
}


#home-global h2 {
color:#fff;
}


#home-global h5 {
color:#fff;
}


.lead {
    color:#fff!important;
}


.btn-accent {
    background-color: #38E0BF;
    color:#fff;
    border:1px solid #38E0BF;
}


.btn-accent:hover {
    background-color: #38E0BF;
    color:#fff;
   
}


.btn-accent a {
    color:#fff;
    text-decoration: none;
}


.btn-accent a:hover {
      background-color: #38E0BF;
    color:#fff;
    text-decoration: none;
    border:1px solid #38E0BF;
}


.btn-outline-glass {
   background-color: #fff;
    color:#38E0BF;
    border:1px solid #38E0BF;  
}


.btn-outline-glass:hover {
      background-color: #fff;
    color:#38E0BF;
    text-decoration: none;
    border:1px solid #38E0BF;
}


.btn-outline-glass a {
    color:#38E0BF;
    text-decoration: none;
}


.btn-outline-glass a:hover {
      background-color: #fff;
    color:#38E0BF;
    text-decoration: none;
}

/********ABOUT US**********/


  .about-header {
            height: 85vh;
            min-height: 650px;
            margin-bottom: 0px;
        }




.about-hero p {
    color:#fff!important;
}






.text-primary  {
    color:#000080!important;
}


.bg-info {
    background-color: rgba(56,224,191,1)!important;
    height: 5px;
    width: 100px;
}

.text-info {
    color: rgba(56,224,191,1)!important;
}


 /*.bg-mint-subtle {
            background-color: #e6fffa !important;
        }



  .card-hover-effect {
            transition: all 0.3s ease;
        }

        .card-hover-effect:hover {
            border-color: rgba(56,224,191, 0.3) !important;
            background-color: rgba(56,224,191, 0.5) !important;
        }

        .card-hover-effect:hover .icon-wrapper {
            background-color: rgba(56,224,191,1)!important;
            color: #ffffff !important;
        }

*/



 .bg-mint-subtle {
            background-color: #e6fffa !important;
        }

        .hover-scale {
            transition: transform 0.3s ease;
        }
        .hover-scale:hover {
            transform: scale(1.05);
        }
        
        .card-hover-effect {
            transition: all 0.3s ease;
        }
        .card-hover-effect:hover {
            border-color: rgba(56, 178, 172, 0.3) !important;
            background-color: rgba(230, 255, 250, 0.5) !important;
        }
        .card-hover-effect:hover .icon-wrapper {
            background-color:(230, 255, 250, 0.9)!important;
            color: #ffffff !important;
        }



/*****SERVICES*******/

.service-hero {
     /*background-image: url(../images/Services-Bg.jpg);
   -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    padding:6em 1em;*/
    margin-bottom: 8em;


}


.service-hero h1 {
    color:#fff!important;
}


.service-hero h1 span{
    color:rgba(56,224,191,1)!important;
}


.service-hero p {
    color:#fff!important;
}




  /* Avatar Overlap */
        .avatar-group > * {
            margin-right: -0.75rem;
            position: relative;
            border: 2px solid #fff;
        }
        .avatar-group > *:last-child { margin-right: 0; }

.bg-teal-brand {
    background-color: #38E0BF;
}


 .badge-accent-2 {
            background-color: rgba(255, 255, 255, 0.3);
            color: rgba(255, 255,255,1);
            border: 1px solid rgba(255, 255, 255, 0.9);
            letter-spacing: 0.1em;
        }


   /* Hover & Transition Effects */
        .service-card {
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
        }
        .service-card:hover {
            border-color: #38E0BF;
            transform: translateY(-2px);
        }
        .group-hover-link { transition: all 0.3s ease; }
        .service-card:hover .group-hover-link { gap: 1rem !important; }


.bg-navy-brand { 
    background-color:#000080; 
    padding: 16em 1em;
}
   /* CTA Background Blurs */
        .blur-shape {
            position: absolute;
            border-radius: 50%;
            filter: blur(3rem);
            z-index: 0;
        }







/*****LOCATIONS******/

.location-hero{
  padding:7em 0 7em;
  text-align:center;
  background-color: #F6F6F6 ;
    margin-bottom: 4em;
}
.location-hero h1{
  /*font-size:clamp(2rem,5vw,3.5rem);
  font-weight:700;*/
}
.location-hero .highlight{
  color:#38E0BF;
}
.badge-live{
  background:#d1fae5;
  color:#38E0BF;
  font-weight:500;
  padding:8px 16px;
  border-radius:50px;
}


/* Cards & Image Blocks */
.feature-card{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}
.feature-card img{
  width:100%;
  height:420px;
  object-fit:cover;
}


.location-section{
  padding:80px 0;
}





.location-footer {
     background-image: url(../images/location.jpg);
   -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    padding:12em 2em 2em 2em;
    margin-bottom: 8em;
    margin-top: 5em;
    border-radius: 1.5rem;
}

.location-footer h4 {
    color:#fff;
}


.location-footer p {
    color:#fff;
}



.location-footer-inner {
    background-color: #fff;
    border-radius: 1.3rem;
    padding: 1.5rem;
    margin-top: 2em;
}
     

.location-footer-inner h4 {
    color:#000080;
}


.location-footer p {
    
}



/******CAREER PEOPLE******/
.feature-card {
            transition: all 0.3s ease;
            border-color: rgba(25, 135, 84, 0.1) !important; /* Bootstrap success green with opacity */
        }
        .feature-card:hover {
            border-color: rgba(25, 135, 84, 0.4) !important;
        }
        .feature-card:hover .icon-box {
            background-color: #198754 !important; /* bg-success */
            color: #fff !important;
        }



/*******CLIENTS PARTNERS*****/
.clients-section {
        padding: 6em 0;
        background: #f4f4f4;
    }

    /* Equal height & 100vh on large screens */
    @media (min-width: 992px) {
        .clients-wrapper {
            min-height: auto;
        }
    }

    .card-custom {
        border-radius: 24px;
        overflow: hidden;
        height: 100%;
    }

    /* Left image column */
    .image-column {
        position: relative;
        background: url('../images/client-hero.jpg') center center/cover no-repeat;
        display: flex;
        align-items: flex-end;
        padding: 40px 20px;
        color: #fff;
    }


    .image-column::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
    }

    .image-content {
        position: relative;
        z-index: 2;
        max-width: 600px;
    }

    .image-content h2 {
        color:#fff;
    }


  .image-content h2 span {
        color:#38E0BF;
    }

    .image-content p {
        font-size: 1.1rem;
        opacity: 0.95;
        color:#fff;
    }

    /* Right blue column */
    .blue-column {
        background-color: #0d0f8c;
        color: #fff;
        padding: 70px 30px;
        display: flex;
        align-items: center;
    }

    .blue-column h4 {
        color:#fff;
        margin-bottom: 20px;
    }

    .blue-column p,
    .blue-column li {
        font-size: 1.1rem;
        line-height: 1.4;
        opacity: 0.95;
        color:#fff;
    }

    .blue-column ul {
        list-style: none;
        padding-left: 0;
        margin: 20px 0;
    }

   /* .blue-column ul li::before {
        content: "– ";
    }*/


.clients-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
  
}

.clients-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;
    font-size: 1.1rem;
    line-height: 1.4;
    list-style: none;
    
}

.clients-list i {
    list-style: none;
    font-size: 1.5rem;
    color: #38E0BF;
    flex-shrink: 0;
    margin-top: 0px;
}


    /* Responsive adjustments */
    @media (max-width: 991.98px) {
        .image-column,
        .blue-column {
            padding: 40px 10px;
        }

       /* .image-content h1 {
            font-size: 2.2rem;
        }

        .blue-column h2 {
            font-size: 2rem;
        }*/
    }







/*****CONTACT*****/



  .contact-header {
            height: 75vh;
            min-height: 550px;
            margin-bottom: 0px;
      margin-bottom: 4em;
        }



.tag{
display:inline-block;
padding:6px 14px;
border-radius:30px;
background:#0d2a57;
font-size:13px;
margin-bottom:20px;
letter-spacing:.5px;
}

/* SECTION TITLE */

.section-title{
text-align:center;
margin-bottom:50px;
}

.section-title h2{
font-weight:600;
}

.section-title span{
width:50px;
height:3px;
background:#38E0BF;
display:block;
margin:10px auto 0;
}

/* LOCATION CARD */

.location-card img{
height:250px;
object-fit:cover;
}

.location-card{
border:none;
border-radius:14px;
overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,.08);
}

.location-info{
padding:25px;
}

.location-info h5{
font-weight:600;
}

.icon-box{
width:36px;
height:36px;
border-radius:8px;
background:#E1FAF5;
display:flex;
align-items:center;
justify-content:center;
margin-right:12px;
color:#38E0BF;
}

/* CONTACT BOX */

.contact-wrapper{
background:white;
border-radius:14px;
overflow:hidden;
box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.contact-left{
background:#000080;
color:white;
padding:50px 40px;
    color:#fff!important;
}

.contact-left h4{
font-weight:600;
margin-bottom:15px;
    color:#fff;
}


.contact-left p{
    color:#fff;
}

.contact-feature{
margin-top:40px;
}

.contact-feature div{
margin-bottom:15px;
}

.contact-right{
padding:40px;
}


.btn-primary {
    background:#38E0BF!important;
    border:none!important;
}

.form-control::placeholder {
  color: #6c757d; /* Bootstrap gray */
    opacity: 0.6;
}



.hover-shadow {
    box-shadow:0 8px 20px rgba(0,0,0,.05);
    border:none!important;
}