@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?93ubfk');
  src:  url('../fonts/icomoon.eot?93ubfk#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?93ubfk') format('truetype'),
    url('../fonts/icomoon.woff?93ubfk') format('woff'),
    url('../fonts/icomoon.svg?93ubfk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-linkedin:before {
  content: "\eac9";
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
header {
    background: #fff;
    padding: 20px 0;
}
body{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-display: swap;
    padding-top: 120px;
}
a{
    text-decoration: none!important;
}

.navbar-brand{ 
    font-size: 14px; 
    font-weight: 400;
    margin-bottom: 0; padding: 0;margin-left: 0px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.ml-0 {
    margin-left: 0;
}
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0 20px;
}
.navbar-brand img{
    max-width: 350px;
    margin: 5px 0;
}
.navbar{
    display: inline-block;
    width: 100%;
    padding: 0;
}
.navbar-collapse{ flex-grow: inherit !important;}
.no-padd{
    padding-left: 0;
    padding-right: 0;
}
.nav-links {
    list-style: none;
    display: flex;
    gap: 20px;
}
.nav-links a {
    text-decoration: none;
    color: #333;
}

.navbar-nav .nav-item a.nav-link{
    padding: 0px 17px;
    font-weight: 500;
    transition: 0.5s all ease;
    font-size: 14px; color: #333;
}
/* .navbar-nav .nav-item:last-child a.nav-link{ border: 0;} */
.navbar-nav .nav-item a.nav-link.active, .navbar-nav .nav-item a.nav-link:hover{
    color: #fff;transition: 0.5s all ease;
}
.bottom-menu-bar .bottom-nav li a{ color: #000 !important; font-size: 16px !important;}
.bottom-menu-bar .dropdown-menu li a.dropdown-item{ 
    font-size: 16px !important; 
    color:  #000 !important;
    font-weight: 400 !important; display: inline-block; width: auto;padding-left: 0;
}
.bottom-menu-bar .dropdown-menu li a.dropdown-item:hover, .bottom-menu-bar .dropdown-menu li a.dropdown-item:focus{ background: transparent !important;}
.bottom-menu-bar .dropdown-menu.show, .bottom-menu-bar .dropdown-menu{  border: 0; border-radius: 0 0 8px 8px; text-align: center; padding: 15px;}

.bottom-menu-bar .navbar-nav .nav-item{ padding:3px 15px 0;line-height: 30px;}
.bottom-menu-bar .navbar-nav .nav-item a.nav-link {
    padding: 0px;
}
.dropdown-menu.indus-dropdown{ width: 400px;left: -167%; }
.dropdown-menu.indus-dropdown li{ width: 50%; float: left;text-align: left;}
.right-border{ border-right: 0px solid #080A52;}
.bottom-menu-bar .bottom-nav li a.nav-btn{ background: #16243D; color: #fff !important; font-size: 16px; font-weight: 600; line-height: 24px; border-radius: 28px;padding: 10px 27px !important; margin-top: -6px;}
.container.bottom-menu-bar{ background: #fff;padding: 5px 10px;}
.bottom-menu-bar .dropdown:hover .dropdown-menu {
   display: block;
   margin-top: 0;top: 100%;
    left: 0;
}
.bottom-menu-bar .dropdown:hover .dropdown-menu.indus-dropdown{
    width: 400px;
    left: -167%;
}

/* General styling for header */
.main-header {
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 4px 2px 9px #eee;
    padding:15px 0px;
    transition: background-color 0.3s ease;
}
/* Header container layout */

/* Navigation links */
.nav-links {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.nav-links li {
    margin-left: 20px;
}

.nav-links a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    transition: color 0.3s ease;
}
.btn-primary{ background: #03B895; color: #fff; border-color: #03B895;font-size: 14px; padding: 9px 15px; font-weight: 500;}
.btn-primary:hover, .btn-primary:focus{ background: #fff; color: #03B895;border-color: #03B895;}
h1{ font-size: 65px; color: #19233D; font-weight: 700; margin-bottom: 30px;}
h1 span{ color: #03B895;}
p{ font-size: 14px; color: #595959;    font-weight: 500;}
.btn-outline-primary{ border-color: #03B895; color: #03B895;padding: 9px 15px; font-weight: 500; font-size: 14px;}
.btn-outline-primary:hover, .btn-outline-primary:focus{ background: #03B895; border-color: #03B895; color: #fff;}
.banner-section .btn{ margin: 0 5px;}
.image-grid-block{ display: inline-block; width: 100%;background: linear-gradient(to bottom, #ffffff 0%,#ffffff 68%,#ebebeb 100%); padding: 50px 0;}
.image-grid-block img{ display: inline-block; max-width: 100%;}
.text-section{display: inline-block; width: 100%;padding:10px 0 50px 0;}
h2{ font-weight: 700; color: #19233D; font-size: 28px; margin: 15px 0;}
.services-section {
    padding: 50px 0;
}
h3{ font-weight: 700; color: #19233D; font-size: 37px; margin-bottom: 15px;}
.services-section h3 span {
    color: #03b895; /* Green for "Services" */
}
.service-item {
    display:inline-block;
    margin-bottom: 30px;
}
.service-item i {
    margin-bottom: 14px;
    display: inline-block;
}
.service-item h5 {
    font-weight: bold;
}

.service-img {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.how-it-works {
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 86%,#e8e8e8 100%); padding: 50px 0;
}
.how-it-works h3 span {
    color: #03b895; /* green highlight for 'Works' */
}
.work-step {
    text-align: left;
    padding: 10px 10px 0;
}
.work-step img {
    width: 40px;
    margin-bottom: 15px;
}
.work-step h5 {
    font-weight: bold;
    margin-bottom: 10px;
}
.reasons-section {
    padding: 50px 0;
}
.reasons-section h3 span {
    color: #03b895; /* Green for 'Fresh Clean' */
}
.reasons-section h4 {
    color: #03b895;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top:40px ; font-size: 20px;
}
.color-m{color: #19233D;}
.reasons-section p{  font-weight: 500; font-size: 15px; margin-bottom: 30px;}
.reason-img {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reasons-section h5{ font-weight: 600; margin-bottom:5px; color: #03b895;}
.outer-section-block{background: linear-gradient(to bottom, #ffffff 0%,#ffffff 86%,#e8e8e8 100%); padding: 50px 0;}
.section {
    max-width: 1140px;
    margin: auto;
    padding: 20px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
  }
  .left img,
  .top img,
  .bottom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    display: block;
  }
  .left {
    position: relative;
  }
  .left p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #E1E1E1;
    color: #001f4d;
    font-weight: bold;
    padding: 15px;
    border-radius: 0 0 15px 15px;
    margin: 0;font-size: 30px;
  }
  .right {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
  }
  .overlay-text {
    position: absolute;
    color: white;
    font-size: 27px;
    font-weight: bold;
    padding: 20px;
    bottom: 10px;
  }
  .top, .bottom {
    position: relative;
  }
  .top .overlay-text {
    top: 20px;
  }
  .bottom .overlay-text {
    top: 20px;
  }
  .overlay-text.bottom-text{ bottom: 20px; top: inherit;}
  @media (max-width: 768px) {
    .right {
      grid-template-rows: auto;
    }
  }


.container-btm {
    max-width: 1140px;
    margin: auto;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.card {
    padding: 30px;
    color: white;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.left-card {
    background: linear-gradient(to bottom, #02e7b9 0%, #04B894 100%);
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.2;
    padding: 50px; border-radius: 15px; color: #fff;
}

.right-card {
    background: #071c42;
    position: relative;font-size: 2.5rem;font-weight: bold;line-height: 1.2;
    padding:48px 50px; border-radius: 15px; color: #fff;
}

.right-card-content {
    display: flex;
    align-items: center;
    gap: 80px;
    flex-wrap: wrap;
}

.right-text {
    flex: 1;
}

.right-text h2 {
    font-size: 2.2rem;font-weight: bold;line-height: 1.2;
    margin: 0 0 20px 0;
   color: #fff;
}



.right-image {
    flex: 1;
}

.right-image img {
    width: 80%;
    height: auto;
    border-radius: 15px;
    object-fit: cover;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}
.accordion-item{ border: 0;}
.accordion-body{ padding-top: 0; padding-bottom: 0;}
.accordion-button:not(.collapsed){ box-shadow: none; background: transparent; color: #19233D; font-weight: 700; font-size: 15px;}
.accordion-button{color: #19233D; font-weight: 700; font-size: 15px; padding-top:15px; padding-bottom:15px;}
.gradient-bg{background: linear-gradient(to bottom, #ffffff 0%,#ffffff 86%,#e8e8e8 100%); padding: 50px 0;}
.accordion{ --bs-accordion-bg: transparent;}
.here-for-you{ padding: 50px 0; background: #fafafa;}
h6{ color:#6f6f6f; margin-bottom: 20px;}
.top-ol-text{ display: inline-block; width: 100%; font-size: 16px; color:#19233D; font-weight: 500;}
.top-ol-text small{ float: left; width: 8px; height: 8px; background: #03B895; border-radius: 50%; margin: 7px 5px 0 0;}
.gardient-clr{color: #85D162; font-size: 45px;
 background-image: linear-gradient(180deg, #02e7b9 , #04B894 100%);
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}
.bg-white{ background: #fff;}
footer {
    width: 100%;
    padding: 60px 0 0;
    background: #fff;
}
.footer-logo{
    display: inline-block;
    max-width: 100%;
     margin-bottom: 15px;
}
footer h5 {
    color: #19233D;
    font-size: 16px;
    font-weight: 700;
}
.footer-links {
    display: inline-block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-links li {
    display: inline-block;
    width: 100%;
    margin-top: 7px;
}
.footer-links li a {
    color: #595959;
    font-size: 14px;
    text-decoration: none; font-weight: 500;
    transition: 0.3s all ease; position: relative;display: inline-block;
}
.footer-links li a:hover{ margin-left:10px;transition: 0.3s all ease;}
.bottom-footer {
    display: inline-block;
    background: #fafafa;
    padding:20px 0;
    width: 100%;
    margin-top: 40px;
    margin-bottom: -6px;
    text-align: left;
}
.bottom-footer p {
    color: #98999B;
    font-size: 14px;
    margin: 0;
    display: inline-block; width: 50%;
}
.footer-social-block{ float: right;list-style: none; padding: 0; margin:0;}
.footer-social-block li{ display: inline-block; margin-right: 15px;}
.footer-social-block li a{ display: inline-block; transition: all ease 0.3s;color: #98999B; font-size: 15px;}
.footer-social-block li a:hover, .footer-social-block li a:focus{transition: all ease 0.3s;color: #19233D;}
.info-listing{ display: inline-block; width: 100%; list-style: none; padding: 0; text-align: center; margin: 15px 0;}
.info-listing li{ position: relative; width: 24%; display: inline-block; text-align: left; padding-left: 60px;}
.info-listing li img{ position: absolute; left: 0; top:5px; z-index: 1;}
.info-listing li h4{ font-size: 22px; color: #19233D; font-weight: 600; margin-bottom: 2px;}
.info-listing li span{ font-size: 14px; color: #595959; font-weight: 500;}
.sectionClass {
  padding: 10px 0px;
  position: relative;
  display: block;
}

.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}


.sectiontitle {
  background-position: center;
  margin: 30px 0 0px;
  text-align: center;
  min-height: 20px;
}

.sectiontitle h2 {
  font-size: 30px;
  color: #222;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}


.headerLine {
  width: 160px;
  height: 2px;
  display: inline-block;
  background: #101F2E;
}


.projectFactsWrap{
    display: flex;
    margin-top: 30px;
    flex-direction: row;
    flex-wrap: wrap;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 25%;
  height: 100%;
  padding:0px;
  text-align: center;
}

.projectFactsWrap .item h4.number{
  font-size: 40px;
  padding: 0;
  font-weight: bold;
  background-image: linear-gradient(180deg, #02e7b9 , #04B894 100%);
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;
 margin-bottom: 0;
}

.projectFactsWrap .item p{
   color: #001f4d;
  font-size: 18px;
  margin: 0;
  padding:0 10px;
}


.projectFactsWrap .item span{
  width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.8);
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
   background-image: linear-gradient(180deg, #02e7b9 , #04B894 100%);
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;
}

.projectFactsWrap .item:hover span{
  background: white;
}

@media (max-width: 786px){
  .projectFactsWrap .item {
     flex: 0 0 50%;
  }
}



@media (max-width: 768px) {
    .container-btm {
        grid-template-columns: 1fr;
    }
    .left-card, .right-card {
        text-align: center;
    }
}



@media (max-width:359px){
    .main-header-top .container-fluid{padding: 0;}
    .main-header-top .navbar-brand{ margin-right: 0; font-size: 11px;}
    .navbar-nav .nav-item a.nav-link{ padding-bottom: 5px; margin-bottom: 5px; border-right: 0}
    
}

@media (min-width:360px) and (max-width:767px){
    .main-header-top .container-fluid{padding: 0;}
    .main-header-top .navbar-brand{ margin-right: 0; font-size: 12px;}
    .navbar-nav .nav-item a.nav-link{ padding-bottom: 5px; margin-bottom: 5px; border-right: 0}
    
}
@media (max-width:767.9px){ 
    .main-header-top-address-list li + li{
        margin-left: 0;
    }
    .navbar-brand img {max-width: 180px;}
    .container.bottom-menu-bar{ margin-top: 0; border-radius: 0;}
    h1{ font-size: 35px; font-weight: 700;}
    p br{ display: none;}
    h2{ font-size: 22px; font-weight: 700;}
    .text-section{ padding-bottom: 0;}
    h3{ font-size: 30px;}
    .left-card{ padding: 25px; font-size: 32px; margin-bottom: 15px;}
    .gardient-clr{ font-size: 32px;}
    footer{ padding-top: 0;}
    .footer-links{ margin-bottom: 25px;}
    .bottom-footer p{ width: 100%; text-align: center;}
    .footer-social-block{ width: 100%; text-align: center; margin-top: 10px;}
    .section{ grid-template-columns: inherit;}
    .right-card-content{ display: inline-block;}
    .right-text h2, .left-card{ font-size: 26px;}
    .right-text{ margin-bottom: 15px;}
    .info-listing li{ width: 49%; padding-left: 55px; margin: 15px 0;}
    .projectFactsWrap .item{ padding: 10px 0;}
}
@media (min-width:768px) and (max-width:1023.9px){
    .main-header-top .container-fluid{padding: 0;}
    .navbar-nav .nav-item a.nav-link{ padding-bottom: 5px; margin-bottom: 5px; border-right: 0}
    .main-header-top-address-list li + li { margin-left: 10px;}
    .main-header-top-menu{margin: 0;display: none;}
    .footer-logo{ max-width: 100%;}
    .nav-item.cta .btn{ width: 150px;}
    .left p, .overlay-text{ font-size: 23px;}
    .right-card-content{ gap: 10px;}
    .right-card{ padding: 20px;}
    .right-text h2{ font-size: 30px; margin-bottom: 15px;}
    .left-card{ font-size: 30px;}
    .container.bottom-menu-bar, .container.bottom-menu-bar .container{ max-width: 100%;}
    .navbar-brand{ max-width: 130px;}
    .navbar-brand img{ width: 100%;}
    .container.bottom-menu-bar .btn-primary{ padding: 9px;width: 160px;}
    .bottom-menu-bar .navbar-nav .nav-item{ padding: 3px 10px 0;}
    .work-step{ padding-left: 0; padding-right: 0;}
    .work-step h5{ font-size: 16px;}
    .left-card{ text-align: center;}
    .nav.navbar-nav.ms-auto.w-50.justify-content-end{ width: auto !important;}
    .info-listing li{ width: 49%; padding-left: 55px; margin: 15px 0;}
}
@media (min-width:1024px) and (max-width:1199px){
    .right-card-content{ gap: 60px;}
    
}



@media (min-width:1200px) and (max-width:1366px) {
    
}
@media (min-width:1367px) and (max-width:1638px) {
    
}
@media (min-width:1639px){
  
}