:root {
    --primary-font: 'Inter', sans-serif !important;
    
    --secondary-font: 'Roboto', sans-serif ;
    --theme-color: #006884 !important;
    --theme-color-1: #102039;
    /* --theme-color-1: #053D57; */
    --theme-color-2: #97BCC7;

    /* --primary-font: 'Inter', sans-serif;
    --secondary-font: 'Roboto', sans-serif; */

    --primary-font: 'Archivo Black', sans-serif !important;
    --secondary-font: 'Archivo Black', sans-serif !important;
    --text-font:  'Open Sauce', sans-serif !important;
}

body {
    font-family: var(--secondary-font) !important;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

p { font-family:  var(--text-font) !important;}
.primary-btn-1 { font-family:  var(--text-font) !important; font-weight: bold !important;}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font) !important;
    
}

h5, h6 {
    font-family: var(--primary-font);
    color: var(--theme-color-1) !important;
}

.color-white { color: white !important;}
.color-theme { color: #053D57 !important;}
.color-lightgreen { color: #97BCC7 !important;}
.color-black { color: black !important}


.bg-teal {background: #97BCC7 !important;}
.bg-theme {background: #006884 !important;}
.bg-gray{  background: #ECECEC !important;}
.bg-darktheme {background: #102039 !important;}


/* new button style*/
 .nwbtn {
   background-color: white !important;
   color: #053D57 !important;
 }
 
 .nwbtn span {
     
    background-color: white !important; 
    }
 

.content-justify {text-align: justify !important;} 
.content-center {text-align: center !important;}
.round-pic { border-radius: 50% !important;}

.bg-color-11 {
    background: var(--theme-color-2) !important;
}

.header-link-1 .icon {
    background: transparent !important;
    
}

.icon::before {
    border: 1px solid transparent !important;
}

.swiper-fade .swiper-slide {
    /*pointer-events: none;*/
    transition-property: none !important;
    transition-duration: 0ms !important;
}

        .service-tab-btn-area ul .nav-link.active {
          background: #053D57 !important;
        }
        .service-tab-btn-area ul .nav-link {
                gap: 20px !important; 
                font-size: 16px !important;
        }
        
    .service-tab-btn-area ul .nav-link.active::before {
        background: #053D57 !important;
        }
        
        .service-tab-btn-area ul .nav-link { 
            padding:3px 10px 3px 10px !important  
          }

.about-us-content-area .icon {
    background: var(--theme-color) !important;
    color: white;
}

.testimonials-box ul.rating-list {
    color: #F9A711 !important;
}

 .testimonials-two-box ul.ratings {
    color: #F9A711 !important;
}

.testimonial-dot-inner span.swiper-pagination-bullet {
    background: var(--theme-color-1) !important;
}

.testimonial-dot-inner span.swiper-pagination-bullet-active {
    background: var(--theme-color) !important;
}

.footer-socials span {
    font-size: 20px !important;
}

.f-loc {
    font-size: 12px !important;
}


.breadcrumb__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 30, 74, 0.452); /* Change the color and opacity as needed */
    z-index: 0;
}

.serv_content {
    min-height: 393px !important;
}


.header-style-two {
    border-bottom: none !important;
}


    .primary-btn-1 {
        text-transform: none !important;
        font-size: 16px !important;
    }


@media only screen and (max-width: 1399px) {
    .header-action .header-link-1 {
        display: block !important;
        padding-top: 20px !important;
    }
}

    @media only screen and (max-width: 767px) {
    
      h6 {font-size: 12px !important;}
      
          /*.icon { */
          /*     width: 32px !important;*/
          /*     height: 32px !important;*/
          /*}*/
          
          #footer-logo {
            width:130px;   
          }
          #serv-title { font-size: 22px;}
          
          .slider { height: 200px !important; }
          .slide { height: 200px !important; }
          
          .slide > img {
              width: 100%;
              height: 200px !important;
              object-fit: cover;
            }
    }


/*  big screen query*/

@media only screen and (min-width: 768px) {
    
     #serv-title { font-size: 40px;}

  .service-tab-content { min-height: 545px;}
}


@media (min-width: 1024px) {
  .header__hamburger {
    display: none;
  }
}