.bannersec{
	position:relative;
}
.bannersec:after {
    content: "";
    position: absolute;
    top: 396px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(0deg, rgb(33 33 33) 0%, rgba(21, 24, 72, 0) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.9;
    z-index: 3;
}
.hero-content {
    position: absolute;
        top: 77%;
    text-align: center;
    width: 50%;
    z-index: 99;
}
.process-area{
    background-color: #e7f0f7;
}
.bg-blue{
     background-color: #e7f0f7;
}
.customsubtitle p{
   font-size: 18px;
    line-height: 30px;
}
.process-wrap{
   display: flex;
    gap: 20px;
    align-items: stretch;
}
.process-item {
  flex: 1;
  display: flex;
  flex-direction: column; 
} 

.explore-container {
  display: grid;
/*  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
  gap: 16px;
}

.explore-item {
  position: relative;
  overflow: hidden; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.explore-item img {
  width: 100%;
  height: auto;
  display: block;
}

.explore-item .overlay a{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0066b3;
  color: white;
     padding: 10px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    width: 70%;
}
.explore-item .overlay a{ 
  color: #fff; 
}
.feature-grid {
  display: grid; 
  gap: 20px;
  padding: 20px;
}

.feature-card {
    flex: 1;
  display: flex;
  flex-direction: column; 
  background-color: #fff;  
  padding: 10px; 
  text-align: left; 
  transition: transform 0.2s ease;
      margin-bottom: 25px;
}

.feature-card:hover {
  transform: translateY(-4px);
}

.feature-card img {
  width: 100%;
  height: auto;
  display: block; 
  margin-bottom: 10px;
}

.feature-card p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin: 0;
}
.global-cnt p{
      font-size: 18px;
    line-height: 30px;
    padding-right: 60px;
}

.legacy-sec { 
        background-image: url(../images/legacy-bg1.png);
    position: relative;
    overflow: hidden;
    padding: 45px 0px 0px 45px;
    background-position: bottom right;
    background-size: 100%;
}
.legacy-sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / 86%);
    z-index: 1;
}
.history-cnt p{
           font-size: 18px;
    line-height: 30px;
    color: #000 !important; 
    
    text-align: left !important;
    width: 85% !important;
}
.legacy-sec .history-cnt{
    z-index: 99;
}
.legacy-sec .legacyimg{
    position: relative;
    z-index: 99;
}
.readmore-effect{
    text-align: left; 
    margin-top: 15px;
 }   
.readmore-effect img{
  width: 18px; 
    transition: transform 0.3s ease-in-out;
    display: inline-block;
}
.readmore-effect img:hover {
    transform: rotate(45deg);
}
.subtitle-style {
       font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

.customer-sec .row{
  margin-bottom: 25px;
}
.customer-sec p{
        font-size: 18px;
    line-height: 30px;
    color: #000 !important; 
   
    text-align: left !important; 
}
.growthsec{
    background-color: #fbfbfb;
    border:1px solid #ededed;
    padding: 25px;
}
.growthbox{
    background-color: #0a609f;
    color: #fff;
    padding: 30px; 
}
.growthbox h4{ 
    font-size: 25px;
    color: #fff;
}
.growthbox p{ 
    color: #fff;
        font-size: 18px;
    line-height: 30px;
    padding-right: 212px;
    margin-top: 15px;
} 
.innovation-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.innovation-area::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    left: 0;
    bottom: 0;
    z-index: -1;
   /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.8) 100%);*/
    background-image: linear-gradient(to bottom, #00000000 41%, rgb(0 0 0 / 70%) 80%);
}


.innovation-area {
  background-image: url(../images/20.jpg);
/*  background-image: url('assets/images/canada-bg.jpg'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 200px 0 45px;
  text-align: center;
  position: relative;
}
.innovation-area p{
     font-size: 18px;
    line-height: 30px;
 color: #fff;
}
.innovation-area h4{
color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.innovation-area h2{
color: #fff;
font-size: 40px;
}
 

.custom-btn {
  font-size: 16px; 
  padding: 11px 20px;
  transition: all 0.5s;
  text-transform: capitalize;
  position: relative; 
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  border: none;
  background-color: #fff;
  box-shadow: var(--box-shadow);
  z-index: 1;
}
.innovation-area a{
  color: #0b68ad;
    font-weight: bold;;
}
.custom-btn::before  {
  content: "";
  height: 300px;
  width: 300px;
  background: var(--theme-color2);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: -1;
}

.custom-btn:hover{
  color: var(--color-white);
}

.custom-btn:hover::before {
  transform: translateY(-50%) translateX(-50%) scale(1);
}

.custom-btn i{
  margin-left: 8px;
  transform: rotate(-40deg);
  transition: var(--transition2);
}

.custom-btn:hover i{
  transform: rotate(0deg);
}

.custom-btn span {
  margin-right: 5px;
}
.footer-widget-wrap {
    background-color: #fff;
    padding: 50px;
}

.sub-footer-link li {
    display: inline-block;
    font-size: 14px;
    padding-right: 40px;
}
.sub-footer-link li a{
    font-size: 16px;
    color: #ffff;
}
.footercnt{
    font-size: 21px;
    line-height: 30px;
    margin: 25px 0px;
}

.certifiedbox{
       background-color: #fff;
    padding: 18px 18px 18px 32px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

   .map-container {
      position: relative;
      width: 100%;
      /* height: 100vh; */
      background: url('../../assets/images/products/heatpump/location.webp') no-repeat center center;
      background-size: cover;
    }
    .map-container1 {
      position: relative;
      width: 100%;
      /* height: 100vh; */
      background: url('../../assets/images/products/air-handler/4.jpg') no-repeat center center;
      background-size: cover;
    }
    .vertis-series1{
       position: relative;
      width: 100%;
      /* height: 100vh; */
      background: url('../../assets/images/products/vertis/location2.webp') no-repeat center center !important;
      background-size: cover;
    }
 .marker {
    position: absolute;
    transform: translate(-50%, -50%);
  }

  .location-button {
        width: 40px;
    height: 40px;
    line-height: 40px;
    border: 2px solid #0b68ad;
    border-radius: 50%;
    background-color: #0b68ad;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .location-button::before {
    content: '+';
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    z-index: 2;
  }

  .location-button::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid white; /* White outline animation */
    border-radius: 50%;
    animation: pulse 1.5s infinite;
    z-index: 1;
  }

  @keyframes pulse {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(1.8);
      opacity: 0;
    }
  }

  .marker .popup-box {
    position: absolute;
    /* top: -172px; */
   /*  left: 50%;
    transform: translateX(-50%); */
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    width: 150px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    display: none;
    z-index: 3;
  }

.marker .popup-box h6{
        color: #0d69ae;
    font-size: 16px;
    padding: 6px 2px;
  }
  .marker .popup-image {
        width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 5px;
  }

  .marker .popup-box::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
  }

  .marker.active .popup-box {
    display: block;
  }

  .marker.active .location-button::before {
    content: '×';
    color: #fff;
  }

   .productsec .product-image-container {
      overflow: hidden;
      border-radius: 10px;
    }

   .productsec .product-main-image {
      width: 100%;
      /* height: 500px;
      object-fit: cover; */
      transition: transform 1s ease;
    }

    .productsec .product-image-container:hover .product-main-image {
      transform: scale(1.15); /* Zoom level */
    }

   .productsec .thumbnail-image { 
 width: 100px;
    height: 100%; 
    object-fit: cover;
    cursor: pointer;
    border: 2px solid #3c3c3c2e; 
    margin-right: 12px;
    }

    .productsec .thumbnail-image.active {
      border-color: #095288;
    }
    .descriptionbox{
    background: #fbfbfb;
    padding: 20px;
    margin: 30px 0px;
}
.descriptionbox h5{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 12px;
}
.productbtn{
    font-size: 16px; 
  padding: 11px 20px;
  transition: all 0.5s; 
  position: relative; 
 font-weight: 600;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    border: none;
     color: #0b68ac;
    /* background-color: #fff;
    border: 1px solid #095288; 
  box-shadow: var(--box-shadow); */
  z-index: 1;
    margin-right: 20px;
}
.productbtn i{
  margin-left: 10px;
  transform: rotate(0deg);
  transition: var(--transition2);
}

.productbtn:hover i{
  transform: rotate(-10deg);
}
/* .productbtn:hover{
  color: var(--color-white);
  background-color: #095288;
} */

.productbtn1{
    font-size: 16px; 
    padding: 11px 20px;
  transition: all 0.5s;
  text-transform: capitalize;
  position: relative; 
 font-weight: 600;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    border: none;
    /* background-color: #095288; 
     box-shadow: var(--box-shadow); */
    color: #0b68ac;
 
  z-index: 1;

}
.productbtn1 i{
  margin-left: 10px;
  transform: rotate(-40deg);
  transition: var(--transition2);
}

.productbtn1:hover i{
  transform: rotate(0deg);
}
/* .productbtn1:hover{
  color: #095288;
  background-color: #fff;
  border: 1px solid #095288;
} */
 .feature-table {
            width: 100%;
            border-collapse: collapse; 
            overflow: hidden;
            font-size: 16px;
            text-align: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        .feature-table thead th {
            background-color: #0b68ad;
            color: white;
            padding: 14px 15px;
            font-weight: 600;
            text-align: left;
             text-align: center;
            border-right: 1px solid rgba(255,255,255,0.2); /* Middle border for header */
        }
        .feature-table thead th:last-child {
            border-right: none;
        }
        .feature-table tbody tr {
            border-bottom: 1px solid #f7f7f7;
        }
        .feature-table tbody tr:last-child {
            border-bottom: none;
        }
        .feature-table tbody td {
            padding: 14px 15px;
            border-right: 1px solid #c6c2c2; /* Middle border for cells */
        }
        .feature-table tbody td:last-child {
            border-right: none;
        }
        .feature-table tbody tr:nth-child(odd) {
            background-color: #ffffff;
        }
        .feature-table tbody tr:nth-child(even) {
            background-color: #e7f0f7;
        }
        .feature-name {
            font-weight: 600;
            color: #000;
        }
        .feature-desc {
            color: #000;
        }

/* TATA Group CSS */

 
   .timeline-container {
  position: relative;
  width: 100%;
  height: 70vh;
  background-size: cover;
  background-position: center;
  transition: background-image 0.6s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  box-sizing: border-box;
}

 .timelineContainer {
  transition: none !important; 
}

.timeline-text {
  background-color: rgb(0 0 0 / 31%);
    color: white;
    padding: 2rem;
    text-align: left;
    position: absolute;
    width:40%;
    left: 108px;
    top: 39%;
}
.timeline-text h2{
  color: #fff;
  font-size: 30px;
}
.timeline-container .arrow {
      font-size: 20px;
    width: 32px;
    color: white;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    height: 32px;
    line-height: 32px;  
}

.year-nav {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
      padding: 25px 0px;
 background: rgba(0, 0, 0, 84%);  
backdrop-filter: blur(5.5px);
-webkit-backdrop-filter: blur(5.5px);  color: #fff;
  overflow-x: auto;
}
 
.year-item {
      margin: 0 15px;
      font-size: 16px;
      color: #fff;
      opacity: 0.6;
      position: relative;
      cursor: pointer;
      transition: opacity 0.3s;
    }

    .year-item.active {
      font-weight: bold;
      opacity: 1;
    }
.year-item::before {
      content: '';
      position: absolute;
      height: 20px;
      width: 2px;
      background: #ddd;
      top: -25px;
      left: 50%;
      transform: translateX(-50%);
    }

    .year-item.active::after {
      content: '';
      position: absolute;
      height: 20px;
      width: 2px;
      background: #fff;
      bottom: -25px;
      left: 50%;
      transform: translateX(-50%);
    }
    .year-item.active::before {
      content: '';
      position: absolute;
      height: 20px;
      width: 2px;
      background: #fff;
      top: -25px;
      left: 50%;
      transform: translateX(-50%);
    }




/* Vertis page css */

.singlezonesec{
    background-color: #e7f0f7;
    padding: 12px;
    margin-top: 30px;

}
.singlezonesec p{
    font-size: 16px;
    padding: 10px 0px;
}
 

.vertis-comfort {
  position: relative;
  overflow: hidden;
  z-index: 1;
   background-image: url(../images/products/vertis/7.webp);
    background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 330px 0 18px;
  text-align: center;
}
.vertis-comfort::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    left: 0;
    bottom: 0;
    z-index: -1;
   /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.8) 100%);*/
    background-image: linear-gradient(to bottom, #00000000 41%, rgb(0 0 0 / 86%) 80%);
}
 
.vertis-comfort p{
 font-size: 18px;
    color: #fff;
    line-height: 30px;
}
 
.vertis-comfort h2{
    color: #fff;
    font-size: 34px;
    line-height: 50px;
    margin: 16px 0px 20px;
}
.bg-dark-blue{
    background-color: #055794;
}

.bg-dark-blue h2{
     color: #fff;
}

.bg-dark-blue p{
     color: #fff;
}

.smart-thermo{
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15);
    border: 1px solid #f5f5f500;
    padding: 30px;
}



 

    .mainban {
      position: relative;
      width: 100%; 
      overflow: hidden;
    }
 
    .mainban img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

 .mainban .overlay-content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; 
      padding: 30px;
      text-align: center;
      color: #fff;
          z-index: 99;
              width: 70%;
    margin: 0 auto;
    }

   
   .mainban .overlay-content h1 {
          font-size: 40px;
    font-weight: 700;
    margin: 20px 0;
   color: #0a68ad;
    }

   .mainban .overlay-content p {
    color: #0a68ad;
      font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    }




.innerbannersec {
      position: relative;
      width: 100%; 
      overflow: hidden;
    }
    .innerbannersec:after  {
    content: "";
    position: absolute;
    top: 396px;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-image: linear-gradient(0deg, rgb(33 33 33) 48%, rgba(21, 24, 72, -40) 100%); */
    /* background-image: linear-gradient(0deg, rgb(33 33 33 / 78%) 48%, rgba(21, 24, 72, -40) 100%); */
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.9;
    z-index: 3;
}

    .innerbannersec img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

 .innerbannersec .overlay-content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; 
      padding: 30px;
      text-align: center;
      color: #fff;
          z-index: 99;
              width: 70%;
    margin: 0 auto;
    }

   
   .innerbannersec .overlay-content h1 {
          font-size: 40px;
    font-weight: 700;
    margin: 20px 0;
    color: #fff;
    }

   .innerbannersec .overlay-content p {
    color: #fff;  
      font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    }

    @media (min-width: 768px) {

      
 
      .innerbannersec .overlay-content h1 {
        font-size: 2.5rem;
      }

      .innerbannersec .overlay-content p {
        font-size: 1.125rem;
      }
    
      .pumpsystem p {
    font-size: 18px;
    line-height:28px;
    padding:0px 0px;
}

    }

.wholehouse-cnt {
    padding-left: 20px;
}
 .wholehouse-cnt p {
    font-size: 18px;
    line-height: 30px;
    padding-top: 10px;
    padding-right: 60px;
    color: #fff;
}
.wholehouse-container {
    padding-top: 85px;
}
.pumpsystem{
       padding: 60px 10px 70px;
}
.pumpsystem p {
    font-size: 18px;
    line-height: 30px;
    padding:0px 50px;
}

.key-benefits{

}
.key-benefits {
  position: relative;
  overflow: hidden; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.key-benefits img {
  width: 100%;
  height: auto;
  display: block;
}

.key-benefits .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* background-color: #fff; */
  background-color: #e8eaeb;
  color: #222;
  padding: 12px; 
  margin: 5px;
    font-weight: bold;
    width: 97%;
    font-size: 15px;
        line-height: 20px;
}
.legacy-sec1 {
    background-image: url(../images/legacy-bg1.webp);
    position: relative;
    overflow: hidden;
    padding: 45px 45px 0px 0px;
    background-position: bottom right;
    background-size: 100%;
    background-repeat: no-repeat;
}
.legacy-sec1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / 86%);
    z-index: 1;
}
.legacy-sec1 .legacyimg {
    position: relative;
    z-index: 99;
    transform: scaleX(-1);
}
.legacy-sec1 .history-cnt {
    z-index: 99;
}
.about-title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 38px;
    margin-top: 15px;
    color: var(--color-blue);
    margin-bottom: 0;
}

.counter .counter-value{
        color: #0a5d9a;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 5px;
    display: inline-block;
}
.counter .plussymb{
        color: #0a5d9a;
    font-size: 48px;
    font-weight: 700;
   margin: 0 0 5px;
    padding-left: 6px;
    display: inline-block;
}
 
 
@media screen and (max-width:990px){
    .counter{ margin-bottom: 0px; }
}   

 .mission-section {
      background-image: url('../images/about/5.webp'); /* Replace with your image path */
      background-size: cover;
      background-position: center;
      height: 100vh;
      position: relative;
    }

    .mission-vision-card {
     position: absolute;
    bottom: 20px;
    left: 20px; 
    width: 97%; 
    background-color: #e3e3e3;
    padding: 30px;
    }
 .mission-vision-card li.nav-item {
    width: 50%;
    display: contents;
}


    /* .nav-tabs .nav-link {
      font-weight: 600;
      padding: 10px 45px;
      border: none;
      color: #000;
      width: 50%;
    text-align: center;
    background-color: #fff;
    }

    .nav-tabs .nav-link.active {
          padding: 10px 45px;
    background-color: #0b68ad;
    color: #fff;
    border-radius: 0px;
    }    */

     .rd-card {
      position: relative;
      overflow: hidden;
      height: 100%;
    }

    .rd-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .rd-overlay {
      position: absolute;
      bottom: 15px;
    left: 15px;
      right: 0;
      background: rgba(255,255,255,0.95);
      padding: 20px;
      overflow: hidden;
      transform: translateY(60%);
      width: 95%;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    }

    .rd-card:hover .rd-overlay { 
        transform: translateY(0%);
      opacity: 1;
      bottom: 15px;
    left: 15px;
    width: 95%;
    }

    .rd-heading {
      position: absolute;
    bottom: 15px;
    left: 15px;
    background: white;
    padding: 12px 20px;
    font-weight: bold;
    color: #0b68ad;
    z-index: 2;
    width: 95%;
    }

    .rd-card:hover .rd-heading {
      opacity: 0;
    }

    .rd-overlay p {
      margin: 0;
      color: #333;
    }

    .rd-title {
      color: #0b68ad;
      font-weight: 600;
      margin-bottom: 10px;
    }
.givingbacksec{
    background-color: #fbfbfb;
    padding: 45px;
}

.sustainability-section {
      position: relative;
      background-size: cover;
      background-position: center;
      min-height: 500px;
      margin-bottom: 40px;
      display: flex;
      align-items: flex-end;
    }

   .sustainability-section .text-overlay {
      background-color: rgba(255, 255, 255, 0.95);
      padding: 20px 30px;
      width: 80%;
    margin: 20px;
    }

   .sustainability-section .text-overlay h5 {
      color: #016dbe;
      font-weight: 600;
      margin-bottom: 10px;
    }
 .sustainability-section .text-overlay p {
          font-size: 16px;
    line-height: 28px;
    }
    .sustainability-section .text-overlay small {
      color: #555;
    font-size: 15px;
    }
  .sustainability-carousel-container {
      position: relative;
      max-width: 80%;
      margin: auto;
    }

   .sustainability-carousel-container .carousel {
      border: 1px solid #ccc;
      border-radius: 10px;
      overflow: hidden;
    }

   .sustainability-carousel-container .carousel .carousel-inner img {
      width: 100%;
      height: auto;
    }

    .sustainability-carousel-container .slider-nav-buttons {
     position: absolute;
    bottom: 65px;
    right: 58px;
    display: flex;
    gap: 15px;
    }

   .sustainability-carousel-container .slider-nav-buttons button {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      background-color: white;
      border: 1px solid #ccc;
      font-size: 18px;
    }

.comingsoon{
  padding: 150px 0px;
}
.comingsoon h1{
  font-size: 45px;
  font-weight: 700;
      color: var(--theme-color);
}
.comingsoon p{
  font-size: 20px;
}
.header .main-navigation{ 
    box-shadow: 1px -3px 8px rgba(0, 0, 0, 0.25);

    }


    .about-cnt{
    padding-right: 15px !important;
    padding-left: 0px !important;
}
.exetrembox {
    background-color: #e7f0f7;
}
.exetrembox .icon img {
    width: 45px;
    padding: 8px;
    background-color: #0b68ad; 
}
.exetrembox .lstimg img {
    width: 35px;
    padding: 8px;
    background-color: #0b68ad; 
}
.glancebox h5{
       font-size: 18px;
    line-height: 30px;
    font-weight: bolder;
    color: #0b68ad;
    margin: 15px 0px;
}
.promisesec p{
   font-size: 18px;
    line-height: 30px;
}
.exploreproduct{
    width: 92%;
    margin: 0px 20px;
}

.explorepara{
 font-size: 18px;
    line-height: 30px;
}



.products-overview-carousel-container{
  width: 100%;

}
.products-overview-carousel-container .wholehouse-container{
  padding-top: 0px;
}
.products-overview-carousel-container .carousel {
      border: none;
      border-radius: 10px;
      overflow: hidden;
    }
    .products-overview-carousel-container .carousel .wholehouse-cnt{
     padding: 0px 30px;
    }
.products-overview-carousel-container .carousel h4{
     color: #fff;
     font-size: 18px;
     font-weight: normal;
     line-height: 30px; 
    }
    .products-overview-carousel-container .carousel p{
     color: #fff;
     font-size: 16px;
     font-weight: normal;
     line-height: 28px; 
    }
.products-overview-carousel-container .carousel .carousel-inner img {
      width: 100%;
      height: auto;
    }

.products-overview-carousel-container .slider-nav-buttons {
     position: absolute;
        bottom:15%;
    right: 48%;
    display: flex;
    gap: 15px;
    }

.products-overview-carousel-container .slider-nav-buttons button {
      border-radius: 50%;
      width: 40px;
      height: 40px;
          background-color: #ffffff00;
    border: 1px solid #ffffff;
    color: #fff;
      font-size: 18px;
    }
.corner-home-img {
 display: flex; 
}
   
.corner-home-img img{
      width: 85%;
    margin: 0 auto;
}


/* Tabs css */


.feature-box {
  background-color: #f0f6fc; 
}

.hover-bg:hover {
  background-color: #e0efff !important;
}

.bg-blue {
  background-color: #e6eef7;
}
.featurestab {
    flex: 1;
    display: flex;
    flex-direction: column;
        position: relative;
    background: #e7f0f7; 
    padding: 25px 20px 30px 20px;
}
.featurestab .content h4{
        font-size: 18px;
    color: #000;
    line-height: 28px;
    margin: 20px 0px 6px;
}
.featurestab .content p{
    font-size: 16px;
    color: #000;
    line-height: 28px;
}
.featurestab img{
    width: 35px;
}
.tab-title {
  color: #005bbb;
  font-weight: 700;
  font-size: 1.75rem;
}

.tab-subtext {
  color: #333;
  margin-bottom: 1.5rem;
}

.tab-section-title {
     font-size: 22px;
    font-weight: 700;
    color: #005bbb;
    margin-top: 0px;
    margin-bottom: 1rem;
}

.tab-subsection-title {
  color: #005bbb;
  font-weight: 700;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}

.tab-link {
  color: #005bbb;
  font-weight: 600;
      text-decoration: underline;
  display: inline-block;
  margin-top: 0.5rem;
}

.tab-link:hover {
  text-decoration: underline;
}

.tab-box-link {
  background-color: #e6f0fa;
  color: #005bbb;
  font-weight: 600;
  padding: 0.75rem 1rem;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.tab-box-link:hover {
  background-color: #d5e8f7;
  text-decoration: none;
}

.link-icon {
 font-size: 18px;
    margin-left: 4px;
    float: right;
}
.tabcnt img{
 width: 140px;
 margin: 15px 0px 20px;
}
.lightblbox{
  background-color: #e7f0f7;
}
.enquirylink {
  text-decoration: underline;  
    color: #0b68ad;
    font-size: 18px;
}
.warrenty-title{
  background-color: #0b68ad;
    padding: 12px;
}
.warrenty-title h1{
  color: #fff;
    font-size: 28px;
    font-weight: 700;
}
.section-title {
      font-size: 28px;
    color: #0B6FB3;
    font-weight: bold;
    margin: 0;

}

.step-indicator {
  font-size: 25px; 
    color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-current {
      font-size: 52px;
    color: #0B6FB3;
    font-weight: 700;
}

.step-total {
     font-size: 40px;
    font-weight: bold;
    color: #8eb9e0;
    margin-left: 4px;
}

.date-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #6c757d;
  font-size: 18px;
}
.property-card {
  background-color: #eaf3fa;
    border-radius: 6px;
    padding: 29px 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: box-shadow 0.2s ease;
    cursor: pointer;
}

.property-card:hover {
  box-shadow: 0 0 0 2px #0b6fb3;
}

.property-icon {
  height: 60px;
}

.property-label {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.submit-button {
  background-color: #0B6FB3;
  color: #fff;
  padding: 10px 24px;
  font-weight: 500;
  border-radius: 4px;
  font-size: 16px;
}

.submit-button:hover {
  background-color: #095c96;
      color: #f4f4f4;
}
.form-control { 
    /* padding: 14px 15px; 
       border: 2px solid #1010108a;
           height: 50px; */  
    border: 1px solid #1010101c;
    height: 45px;
}
.btn-outline-custom-primary{
     border: 2px solid #0b68ad;
    margin-top: 32px;
}
.btn-outline-custom-primary:hover 
 {
    color: #0b68ad !important;
    background-color: #fff !important;
    border: 2px solid #0b68ad !important;
}
.custom-select-form{
  height: 44px;
}
.custom-delete-btn{
  background-color: #fff;
  border: 2px solid #f00;
  color: #f00;
      margin-top: 31px;
}
.section-heading {
  color: #0B6FB3;
  font-weight: 700;
}

.step-indicator {
  font-size: 20px;
  font-weight: 500;
}

.step-current {
  color: #0B6FB3;
  font-weight: 700;
}

.step-total {
  color: #BFD9EA;
  font-weight: 700;
}

.form-label {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 4px;
}

.form-input {
  border-radius: 6px;
    padding: 14px 15px;
    border: 2px solid #1010108a;
  font-size: 15px; 
  height: 50px;
}

.back-button {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  color: #000;
  padding: 10px 24px;
  font-weight: 600;
  border-radius: 4px;
  font-size: 16px;
  min-width: 120px;
}

.next-button {
  background-color: #0B6FB3;
  color: #fff;
  padding: 10px 24px;
  font-weight: 500;
  border-radius: 4px;
  font-size: 16px;
}
.property-label {
      display: flex;
    justify-content: start;
    align-items: start;
    gap: 12px;
    color: #000;
    margin-top: 13px;
}

.property-label input[type="checkbox"] {
     width: 18px;
    height: 18px; 
    margin-top: 5px;
}
 
.property-label input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #0b6fb3;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

 
.property-label input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 9px;
  border: solid #1b75bc;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.otp-input {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 24px;
  border: 1px solid #ccc;
}
.verificationbox{
  background-color: #e7f0f7;
    border: 1px solid #b6cfe3
}
.privacy-policy_title{
      margin: 25px 0px 12px;
          color: #0b68ad;
}
.privacy-cnt a{
  text-decoration: underline;
  color: #0b68ad;
}
.privacylink{
  font-weight: bold;
  color: #444;
}

.terms-title{
  font-weight: 700; 
    font-size: 32px;
    line-height: 42px;
    color: var(--color-blue);
    margin-bottom: 0;
}

.paragraph-spacing{
  margin-bottom: 10px;
}
.successmsg{
 color: #0b68ad;
 font-size: 22px;
}
.successmsgicon i{
 color: #ffffff;
    background-color: #0b68ad;
    padding: 9px 10px;
    border-radius: 50px;
    font-size: 20px;
}
.customerdetail-box{
  background-color: #e7f0f7;
}
.jsx-c9367a4b4ee27a39.p-4.customerdetail-box.mb-4 {
       background-color: #e7f0f7;
    border: 1px solid #b6d2e6;
}
.customerdetail-box h4{
   color: #0b68ad;
   font-size: 28px;
}
.table-light{
      --bs-table-bg: #e7f0f7;
   background-color: #e7f0f7;
    border: 1px solid #b6d2e6;
}
.table-light th{
     color: #0b68ad;
}
.cust-icon i{
      color: #0b68ad;
    font-size: 20px;
    margin-right: 8px;
}
.cust-icon{ 
  font-size: 18px;
    margin-right:10px;
}
.cust-icon {
          position: relative;
          padding-left: 30px; /* space for your icon */
        }

        .cust-icon::before {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          font-size: 1.2rem;
        }

        .cust-icon.user::before {
          content: '\f007'; /* Unicode for Font Awesome user */
          font-family: 'FontAwesome';
          font-weight: 900;
          color: #0a66a0;
        }

        .cust-icon.email::before {
          content: '\f0e0'; /* Unicode for Font Awesome envelope */
          font-family: 'FontAwesome';
          font-weight: 900;
          color: #0a66a0;
        }

        .cust-icon.phone::before {
          content: '\f095'; /* Unicode for Font Awesome phone */
          font-family: 'FontAwesome';
          font-weight: 900;
          color: #0a66a0;
        }

        .cust-icon.location::before {
          content: '\f3c5'; /* Unicode for Font Awesome map-marker-alt */
          font-family: 'FontAwesome';
          font-weight: 900;
          color: #0a66a0;
        }

        /* === ZIP SEARCH BOX === */
 

form.d-flex.w-100 button:first-child {
  background-color: #0a66a0;
  color: white;
  font-weight: 700;
  border-radius: 0;
      width: 300px;
}

form.d-flex.w-100 input.form-control {
  border: none;
  background-color: #e9f1f8;
  font-size: 18px;
    height: 69px;
}

form.d-flex.w-100 button:last-child {
  background-color: #0a66a0;
  color: white;
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: 0;
}

/* === CONTRACTOR CARDS === */
.p-4.border.bg-light.position-relative {
  background-color: #e9f1f8 !important;
  border: 1px solid #add2eb !important;
}

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

.position-absolute input[type="checkbox"] {
  width: 24px;
  height: 24px;
}

/* === DETAILS FORM === */
.p-4.border.bg-light.h-100 {
  background-color: #e9f1f8 !important;
  border: 1px solid #add2eb !important;
}

form .form-control {
  border-radius: 0;
  border: 1px solid #cdd9e1;
}

form label {
  font-size: 15px;
}

.d-flex.flex-wrap.gap-3 label {
  border: 1px solid #add2eb;
  border-radius: 0;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 600;
      width: 30%;
  background-color: #ffffff;
}

.d-flex.flex-wrap.gap-3 input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

/* === BUTTONS === */
button.btn-primary {
  background-color: #0a66a0;
  border-radius: 0;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
}

button.btn-primary:hover {
  background-color: #084a78;
}

/* === SUCCESS MESSAGE === */
.text-center.mt-5.p-5.border.bg-light {
  background-color: #e9f1f8;
  border: 1px solid #add2eb;
}

.display-4 i {
      font-size: 40px;
  color: #0a66a0;
}

   .contractor-label {
          background-color: #0a66a0;
          color: white;
          border-radius: 0;
        }
        .findbtn{
           width: 100%;
              display: flex;
    align-items: flex-end;
    justify-content: flex-end;
        }
        .contractor-submit {
          background-color: #0a66a0;
          color: white;
          border-radius: 0;
           padding: 12px;
         
        }
        .contractor-submit:hover {
          background-color: #06588b;
          color: white;
          border-radius: 0;
           padding: 12px;
         
        }
        .contractor-input {
          background-color: #e8f0f7;
          border: none;
          height: 57px;
        }
        .contractor-card {
          border: 1px solid #c9e1f2;
          background-color: #e8f0f7;
        }
        .contractor-card h5{
          font-size: 20px;
          margin-bottom: 15px;
        }
        .contractor-card p{
          font-size: 18px;
          margin-bottom: 6px;
        }
        .find-contractor-form input:disabled,
        .find-contractor-form button:disabled {
          cursor: not-allowed;
          opacity: 0.7;
        }

.contractorlogo-img{
     width: 85px;
    margin-bottom: 20px;
}
.otr-service{
  height: 100px;
}
.contactdetl{
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 16px;
  color: #000;
}
.contactcnt{
  font-size: 20px;
  color: #0a66a0;
}
.contactcnt i{
    line-height: 36px;
}
.contactcnt .span3{
    padding-left: 43px;
}
.yearsbtn{
  padding: 10px 50px;
   background-color: #f6f6f6;
    border-radius: 0px;
    border: 1px solid #e2e2e2;
    font-size: 18px;
    font-weight: bold;
}
.yearsbtn:hover:active{
  padding: 10px 50px;
    background-color: #f6f6f6;
    border-radius: 0px;
    border: 1px solid #e2e2e2;
    font-size: 18px;
    font-weight: bold;
}
.active-yearsbtn {
    padding: 10px 50px;
    background-color: #0a66a0;
    color: #fff;
    border-radius: 0px;
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: bold;
}
.awardscnt {
  padding-right: 60px;
}
.awardscnt h5{
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 18px;
}
.awardscnt p{
  font-size: 16px;
   line-height: 28px;
}
.corporatebox:hover{
  background-color: #0a66a0;
}
.corporatebox span{
      padding-right: 60px;
    line-height: 21px;
    color: #444;
} 
.corporatebox:hover span{
  color: #fff;
} 
.corporatebox:hover .corporatepdf{
  filter: brightness(0) invert(1);
} 
.bg-primary{
  background-color: #0a66a0 !important;
}
.faq-list {
  list-style: none;         
  padding: 0;
  margin: 0;
}

.faq-list li {
 position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
    text-align: left;
}

.faq-list li::before {
  content: "•";              
  position: absolute;
  left: 0;       
    top: 5px;
    color: #444444;
    font-size: 18px;
    line-height: 1;      
}
.accordion{
  padding-bottom: 50px;
}

.blog-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.blog-search {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

.search-input,
.category-select {
  border: 1px solid #d1d5db;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  width: 100%;
  font-size: 1rem;
}

/* .blog-latest {
  position: relative;
  margin-bottom: 3rem;
}  */
.blog-latest {
  position: relative;
  width: 100%;
  height: 500px; /* fixed height for banner */
  overflow: hidden;
  margin-bottom: 30px;
}

.blog-latest img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blogdetails-img{
   position: relative;
  width: 100%;
  height: 500px; /* fixed height for banner */
  overflow: hidden;
  margin-bottom: 30px;
}
.blogdetails-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 1px solid #ececec;
}

.blog-latest .overlay { 
  position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
        background: -webkit-linear-gradient(270deg, rgb(0 0 0 / -4%) 52%, rgb(0 0 0 / 69%) 72%);
    z-index: 1;
     display: flex;
  flex-direction: column;
  justify-content: flex-end;
     padding: 45px;
  color: #fff; 
}
.blog-latest .blog-readmore {
      display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: -28px !important;
    margin-right: 30px;
}

.blog-latest .latest-title {
      font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #fff;
   
}

.latest-excerpt {
 font-size: 16px;
    width: 71%;
}

.blog-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
}
.blog-readmore img {
  width: 18px;   /* set your desired width */
  height: 18px;  /* set your desired height */
  display: inline-block;
  object-fit: contain; /* keeps aspect ratio */
}
@media (min-width: 768px) {
  .blog-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.blog-card img {
  width: 100%; 
  object-fit: cover; 
  margin-bottom: 1rem;
  border: 1px solid #e7e7e7;
}

.blog-card-title {
      color: #0a66a0;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
    text-decoration: none;
     padding-right: 35px;
}
.blogdetails-thumbnail img{
   border: 1px solid #e7e7e7;
}
 

.blog-card-excerpt {
  font-size: 16px;
    line-height: 25px;
    color: #303030;
}

.blog-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #303030;
  margin-top: 0.8rem;
}

.blog-card-footer a {
  color: #0a66a0;
  font-weight: bold;
  text-decoration: none;
}

 



.blog-search1 {
  display: flex;
  align-items: center;
  justify-content: space-between; 
  gap: 1rem;  
  flex-wrap: nowrap;  
  width: 100%;
  max-width: 100%;   
  margin-bottom: 2rem;
}

.search-box1 {
  position: relative;
  flex: 1; 
}

.search-icon1 {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  font-size: 1rem;
}

.search-input1 {
  width: 100%;
  border: 1px solid #e5e7eb;
  padding: 0.75rem 1rem 0.75rem 2.5rem; 
  font-size: 1rem;
  background-color: #fafafa;
}

.category-select1 {
  flex-shrink: 0; 
  width: 220px;
  background-color: #0a66a0;
  color: #fff;
  border: none;
  padding: 0.75rem 1rem;
  font-size: 1rem; 
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><polygon points='0,0 20,0 10,10'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 10px;
}

 
.blogbreadcrumbs { 
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 30px;
}

.blogbreadcrumbs a {
  color: #1d1d1d;
  text-decoration: none;
   padding-right: 14px;
}
.blogbreadcrumbs span {
  color: #004b87;
  text-decoration: none;
  padding-left: 14px;
}
.blog-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #004b87;
  margin-bottom: 1rem;
}

.blog-intro {
  font-size: 1rem;
  color: #333;
  margin-bottom: 1.5rem;
}

.blog-main-image {
  margin-bottom: 1.5rem;
}

.blog-date {
  color: #004b87;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

.blog-content .blog-heading {
  font-size: 1.1rem;
  font-weight: bold;
  color: #004b87;
  margin-bottom: 1rem;
}

.blog-subheading {
  font-weight: bold;
  color: #004b87;
  margin: 1rem 0 0.5rem;
}

.blog-paragraph {
  color: #333;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.related-blogs {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.related-blog-card {
  flex: 1 1 calc(50% - 0.5rem);
}

.related-blog-link {
  display: block;
  color: #004b87;
  text-decoration: none;
  margin-top: 0.5rem;
  font-weight: bold;
}
.detailsblogsec{
  padding-bottom: 60px;
}
.blogdetailscnt{

}
 .tit-highlight{
  font-weight: bold;
  color: #004b87;
      margin-bottom: 6px;
    margin-top: 20px;
}

 .rebatesec {
 padding-bottom: 60px;
}

.rebatesec .search-bar-container {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 30px;
  border: 1px solid #ddd; 
  padding: 6px 15px;
  background-color: #f9f9f9;
  position: relative; /* optional, useful if you want absolute icon */
}

.rebatesec .search-icon {
  font-size: 20px;
  color: #666;
  margin-right: 10px;  /* space between icon and input */
  flex-shrink: 0;      /* prevents icon from shrinking */
}

.rebatesec .search-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
  background-color: transparent;
}
 
.rebatesblock {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    padding: 20px 30px;
    margin-bottom: 28px;
    background-color: #e6eef7;
    border: 1px solid #c6e2f9;
}
.rebatesblock h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    color: #0b68ad;
    margin: 0;
}
.rebatesblock a {
    display: contents;
}
.rebatepdf{
  float:right;
}
.warranty-box {
  display: flex;
  align-items: flex-start;
  background-color: #e6f1f9; 
  padding: 30px 20px;
    margin: 20px 0px 0px;
}
 
.warranty-icon img {  
    flex-shrink: 0;
    margin-right: 15px; 
}

.warranty-content {
  flex: 1;
}

.warranty-title {
  font-size: 18px;
  font-weight: 600;
  color: #005aa7;  
  margin: 0 0 8px 0;
}

.warranty-text {
  font-size: 15px;
  color: #333;
  margin: 0;
  line-height: 1.5;
}
.trustedtitle { 
    font-size: 20px !important; 
    padding: 0px 85px;
}
.contact-form-sec{
      padding: 3rem;
      background-color: #e6f1f9; 
}


/* Multimax CSS - Aug29-2025 */
.marker {
  position: absolute;
  transform: translate(-50%, -50%);
}

.marker-btn {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 50px; /* pill shape */
  padding: 6px 12px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: 0.3s ease;
}

.plus-icon {
  width: 28px;
  height: 28px;
  background: #007bff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-right: 8px;
}

.marker-label {
  font-size: 14px;
  font-weight: 600;
  color: #007bff;
      line-height: 18px; 
}

/* Popup box styling (already exists, but cleaner) */
.popup-box {
  margin-top: 10px;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  display: none;
}

.marker.active .popup-box {
  display: block;
}

  .box-product{
        background: #e4eff9;
    text-align: center;
    height: 100%;
        }
 .box-product h6{
       font-size: 11px !important;
        }

  .colorblue{
    color: #004b87;
  } 
  .btn-outline-primary {
    --bs-btn-color: #0a66a0;
    --bs-btn-border-color: #0a66a0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0a66a0;
    --bs-btn-hover-border-color: #0a66a0;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a66a0;
    --bs-btn-active-border-color: #0a66a0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0a66a0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0a66a0;
    --bs-gradient: none;
}
.room-details-img .col-md-2 {
  width: 20%;
}
.roomdetails-box{

}
.roomdeails-title {
 font-size: 13px;
 color: #0a66a0;
 font-weight: bold;
     margin: 10px 0px 5px;
}
.roomdeails-text {
 font-size: 11px;
 color: #666;
      margin: 2px 0px 10px;
}
.roomdetails-box button{
  border-radius: 0px;

} 
.result-textbox{
  border: 1px solid #0a66a0;
  padding: 10px 20px;
}
button.btn-success { 
    border-radius: 0;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
}
button.btn-secondary { 
    border-radius: 0;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
}
button.btn-dark { 
    border-radius: 0;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
}
.border-primary { 
    border-color: rgb(10 102 160) !important;
}
.radius-none{
  border-radius: 0px;
}
.step3card{
  border: 1px solid #ededed;
  background-color: #f9f9f9;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.accordion-content.open {
  max-height: 1500px; /* large enough to fit content */
  opacity: 1;
}


.text-highlight{
  color:#006dc4;
  font-weight:bold;
}

.aligned-list {
  list-style: none; /* remove default bullets */
  padding: 0;
  margin: 0;
}

.aligned-list li {
     position: relative;
    padding-left: 25px;
    text-indent: -10px;
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: 30px;
}
.cntlink{
  color: #0a68ad;
    display: inline;
}
 

/* Prevent unwanted horizontal scroll on all pages */
html, body {
  overflow-x: hidden;
}

 

/* Make sure images never overflow */
img, .product-main-image, .thumbnail-image {
  max-width: 100%;
  height: auto;
  display: block;
}

/* For Image component wrapper */
.product-image-container {
  overflow: hidden;
  width: 100%;
}
.footer-brand-logos {
    border: 1px solid #ededed;
    position: relative;
    width: 100%;
    height: 90px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-top: 20px; */
}
.footer-globallink h6 {
    font-size: 19px;
    color: #006dc4;
    text-decoration: none;
}
.footer-globallink h6:hover {
    text-decoration: underline;
}
.footer-social1 {
  display: flex;
  gap: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-social1 li a {
  width: 36px;
  height: 36px;
  background: #0b68ad;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  transition: 0.3s;
}

.footer-social1 li a:hover {
  background: #ffffff;
  color: #0b68ad;
  border: 1px solid #0b68ad;
}