/* Global 
====================================================================== */
/* RESET BODY */
body { margin: 0; font-family: verdana, sans-serif; font-size: 13px; line-height: 20px; color: #fff; background: url() #17A4DF no-repeat top center; background-size: cover; }
/* Remove unwanted highlight color */
::selection {
    background: #333;
    color: #fff;
}

/* CLEAN LINKS */
a {
    text-decoration: none !important;
    transition: all 0.3s ease;
}


/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

::-moz-selection {
	background: #333;
	color: #fff;
}
/*::selection {*/
/*	background: #333;*/
/*	color: #fff;*/
}





a{
	text-decoration: none !important;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.delay1{
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s; 
}

.no-left-right-margin{
	margin-left: 0;
	margin-right: 0;
}
.no-left-right-padding{
	padding-left: 0;
	padding-right: 0;
}
.bold{
	font-weight: bold;
}
.underline{
	text-decoration: underline;
}
.dib{
	display: inline-block;
}
.yellow {
	color: #FFFF00;
}
.fff {
	color: #fff;
}
.blue {
	color: #00FCFF !important;
}
.dashed {
	border-bottom: 1px dashed #8BD1EF;
}



/* NAVBAR SPACING */
.main-header .navbar {
    padding: 17px 0;
    background: #fff;
}

/* NAV MENU CENTER */
.navbar-nav {
    margin: 0 auto;
}

/* NAV LINKS */
.navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 600;
    padding: 12px 22px !important;
    color: #17a4df !important;     
    transition: 0.3s ease;
}

/* ACTIVE + HOVER */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    background: #17a4df !important; 
    color: #fff !important;         
    border-radius: 6px;
}



.force-top-gap {
    margin-top: 10px !important; 
}

@media (max-width: 768px) {
    .force-top-gap {
        padding-top: 15px !important;
    }
}


.logo-row-bg .col-md-6:last-child {
    display: flex !important;
    justify-content: flex-end !important;
    padding-right: 26px !important;
}

.logo-row-bg .col-md-6:last-child img {
    max-width: 140px !important;
    width: auto !important;
    height: auto !important;
}

@media (max-width: 576px) {
    .logo-row-bg .col-md-6:last-child img {
        max-width: 110px !important;
    }
}




/* DROPDOWN */
.dropdown-menu {
    padding: 10px 0;
    border-radius: 10px;
}

.dropdown-menu .dropdown-item {
    padding: 10px 20px;
    color: #17a4df;
    font-size: 16px;
}

.dropdown-menu .dropdown-item:hover {
    background: #17a4df;
    color: white;
}


.navbar-toggler {
    border: none;
}

.navbar-toggler-icon {
    filter: invert(0.6); /* Black menu icon */
}

.logo-row-bg {
   
    margin: -14px;
    margin-bottom: 0px;
   
}




/* MOBILE MENU */
@media (max-width: 991px) {
    .navbar-nav .nav-link {
        padding: 10px 15px !important;
    }
}


.banner-slider img {
    height: 450px;
    object-fit: cover;
    object-position: center;   
    width: 100%;
}

@media (max-width: 767px) {
    .banner-slider img {
        height: 220px;
        object-position: center; /* MOBILE CENTER */
    }
}




.home-industries-clients .section-title {
    font-weight: 700;
    color: #222;
    border-left: 5px solid #007bff;
    padding-left: 12px;
}

.industries-list li {
    font-size: 15px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.industries-list .icon {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    border-radius: 4px;
}

/* CARD STYLE */
.client-card {
    text-align: center;
    padding: 20px 10px;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    background: #fff;
    transition: 0.3s ease;
    height: 100%;
}

.client-card:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    transform: translateY(-5px);
}

/* FIXED IMAGE AREA (ALL SAME SIZE) */
.client-logo {
    width: 100%;
    height: 120px;               
    object-fit: contain;        
    object-position: center;
    margin-bottom: 12px;
}

/* CLIENT TITLE TEXT */
.client-card p {
    font-size: 15px;
    color:black;
    font-weight: 600;
    margin: 0;
}



.products-section {
    background: #f8f9fa;
}

.section-title {
    font-size: 28px;
    letter-spacing: 0.5px;
}

/* Card Box */
.product-card {
    background: #fff;
    border-radius: 15px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    transition: 0.3s ease;
     margin-bottom: 30px;   
    padding: 25px;  
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.10);
}

/* Titles */
.product-title {
    color: #0077cc;
    font-weight: 600;
    margin-bottom: 15px;
    border-left: 4px solid #0077cc;
    padding-left: 10px;
}

/* Product Images */
.product-img {
    width: 90px;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

/* More Link */
.more-link {
    font-weight: 600;
    color: #ff9800;
    text-decoration: none;
}

.more-link:hover {
    color: #cc7a00;
}

/* Responsive */
@media (max-width: 576px) {
    .product-img {
        width: 70px;
    }
}









/*.section-title {*/
/*    font-size: 22px;*/
/*    font-weight: 700;*/
/*    border-left: 4px solid #007bff;*/
/*    padding-left: 10px;*/
/*}*/

/*.modern-list {*/
/*    padding: 0;*/
/*    margin: 0;*/
/*}*/

/*.modern-list li {*/
/*    list-style: none;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin-bottom: 12px;*/
/*    font-size: 16px;*/
/*    font-weight: 600;*/
/*}*/

/*.modern-list li img {*/
/*    width: 14px;*/
/*    margin-right: 10px;*/
/*}*/

/* CLIENT CARDS */
/*.client-card {*/
/*    border: 1px solid #e0e0e0;*/
/*    padding: 18px;*/
/*    border-radius: 10px;*/
/*    text-align: center;*/
/*    transition: 0.3s;*/
/*    background: #fff;*/
/*}*/

.client-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/*.client-card .client-logo {*/
/*    width: 50px;*/
/*    height: auto;*/
/*    margin-bottom: 10px;*/
/*    object-fit: contain;*/
/*}*/

/*.client-card p {*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*    margin: 0;*/
/*}*/



@media (max-width: 576px) {
    .mobile-gap {
        margin-top: 20px !important;
    }
}





.products-section {
    position: relative;
}

.section-heading {
    font-weight: 700;
    color: #0b4fa3;
}

.product-card-link { 
    text-decoration: none; 
    color: inherit; 
    display: block; 
}

.product-card {
  position: relative;
  border-radius: 10px;
  overflow: visible;
  transition: transform .25s ease, box-shadow .25s ease;
}

.product-card-img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transition: transform .35s ease;
}

.product-card-label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -18px;
  background: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  min-width: 80%;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  text-align: center;
}

.label-title {
  font-weight: 700;
  font-size: 14px;
  color: #111827;
}

.label-sub {
  font-size: 12px;
  color: #6b7280;
  font-weight: 600;
}

/* Hover */
.product-card-link:hover .product-card {
  transform: translateY(-6px);
}
.product-card-link:hover .product-card-img {
  transform: scale(1.03);
}

/* Space so labels don’t overlap next row */
.row.g-4 > .col-6 { 
    padding-bottom: 40px; 
}


.industry-list li {
    color: #fff !important;
}


/* Responsive */
@media (max-width: 576px) {
  .product-card-img { height: 150px; }
  .product-card-label { bottom: -14px; }
}
@media (min-width: 992px) {
  .product-card-img { height: 200px; }
  .product-card-label { bottom: -20px; }
}






/* ===== Floating Wrapper ===== */
.whatsapp_popup {
  position: fixed;
  right: 20px;
  bottom: 110px; /* footer ke just upar */
  z-index: 9999;
}

/* ===== Card ===== */
.fixed-callout {
  background: #ffffff;
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.18);
  animation: floatMove 3s ease-in-out infinite;
  width: 220px;
}

/* ===== Heading ===== */
.fixed-callout h4 {
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f2937;
}

/* ===== Common Button ===== */
.fixed-callout a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  margin-bottom: 10px;
}

/* ===== Icons ===== */
.fixed-callout i {
  font-size: 18px;
}

/* ===== WhatsApp ===== */
.whatsapp-btn {
  background: linear-gradient(135deg, #25d366, #1ebc5a);
  color: #fff;
}

.whatsapp-btn:hover {
  transform: translateX(-6px);
  box-shadow: 0 6px 18px rgba(37,211,102,0.4);
}

/* ===== Call ===== */
.call-btn {
  background: #f1f5f9;
  color: #0f172a;
}

.call-btn:hover {
  transform: translateX(-6px);
  background: #e2e8f0;
}

/* ===== Mobile View ===== */
.visible-xs {
  display: none;
}

@media (max-width: 768px) {
  .hidden-xs {
    display: none;
  }

  .visible-xs {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .fixed-callout {
    width: auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
    animation: none;
  }

  .visible-xs a {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    animation: floatMove 2.5s ease-in-out infinite;
  }

  .visible-xs i {
    font-size: 22px;
    color: #fff;
  }

  .call-btn {
    background: #0f172a;
  }
}

/* ===== Floating Animation ===== */
@keyframes floatMove {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}



/* ============================================
   ABOUT PAGE – FINAL RESPONSIVE CSS
============================================ */

/* --------------------------------------------
   MAIN TOP IMAGE (Consistent Size)
-------------------------------------------- */
.about-main-img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 18px;
    display: block;
}

/* --------------------------------------------
   INFO CARDS – Equal Height + Hover + Clean UI
-------------------------------------------- */
.info-card {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    padding: 28px 22px;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: 0.3s ease;
}

.info-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

/* --------------------------------------------
   Card Icons – Center & Consistent Size
-------------------------------------------- */
.icon-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 14px;
    margin: 0 auto 15px;
    display: block;
}

/* --------------------------------------------
   TEXT – Clean & Modern
-------------------------------------------- */
.about-wrapper p {
    color: #555;
    font-size: 16px;
    line-height: 1.7;
}

.about-wrapper h3, 
.about-wrapper h4 {
    font-weight: 700;
    color: #222;
    line-height: 1.3;
}

/* --------------------------------------------
   INDUSTRY LIST – Proper Spacing
-------------------------------------------- */
.industry-list li {
    font-size: 16px;
    padding: 6px 0;
    color: #444;
}

/* --------------------------------------------
   ANIMATION – Fade Up Smooth
-------------------------------------------- */
.about-wrapper img,
.about-wrapper .info-card {
    opacity: 0;
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ============================================
   RESPONSIVE BREAKPOINTS
============================================ */

/* ---------- TABLETS (992px) ---------- */
@media (max-width: 992px) {

    .about-main-img {
        height: 300px;
    }

    .info-card {
        padding: 24px 20px;
    }

    .icon-img {
        width: 65px;
        height: 65px;
    }
}

/* ---------- MOBILES (768px) ---------- */
@media (max-width: 768px) {

    .about-main-img {
        height: 240px;
    }

    .about-wrapper p {
        font-size: 15px;
    }

    .industry-list li {
        font-size: 15px;
    }

    .info-card {
        padding: 20px;
    }
}

/* ---------- SMALL MOBILES (576px) ---------- */
@media (max-width: 576px) {

    h2.display-6 {
        font-size: 26px !important;
    }

    h3 {
        font-size: 22px !important;
    }

    h4 {
        font-size: 17px !important;
    }

    .about-main-img {
        height: 200px;
    }

    .icon-img {
        width: 58px;
        height: 58px;
    }
}


/* About cooling tower page */

.def-card, .avoid-card {
    transition: .3s ease;
}
.def-card:hover, .avoid-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.product-list li img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
    border-radius: 8px;
}

.avoid-img {
    width: 90px;
    height: 90px;
    border-radius: 12px;
    object-fit: cover;
}


/* Mobile spacing fix for image & text */
@media (max-width: 576px) {
    .mobile-gap {
        margin-bottom: 20px !important;
    }
}


/* square- cooling tower page */
/* General */
.yellow {
    color: #f5b800 !important;
}
.product-page p, 
.product-page li {
    font-size: 18px;
}
/* CLEAN COOLING CARDS */
.cooling-card {
    padding: 25px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.10);
    transition: 0.3s ease;
}

.cooling-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 8px 28px rgba(0,0,0,0.15);
}

/* IMAGE SIZE FIXED & SMALL */
.cooling-img {
    width: 100%;
     max-width: 380px;
    height: 280px;  
    object-fit: cover;
    border-radius: 14px;
    margin: 0 auto;
    display: block;
}

/* Inner alignment */
.cooling-card-inner {
    max-width: 420px;
    margin: 0 auto;
}

/* Responsive Fix */
@media (max-width: 768px) {
    .cooling-img {
        height: 190px;
        max-width: 100%;
    }
}

/* Buttons */
.btn-warning {
    background: #ffca2c !important;
    border: none;
}
.btn-warning:hover {
    background: #e6b422 !important;
}

/* Pagination */
.btn-outline-dark:hover {
    background: #000 !important;
    color: #fff !important;
}



/* square- cooling tower feature  page */

.yellow { color: #f5b800 !important; }

/* Feature Cards */
.feature-card {
    border: 1px solid #eee;
    background: #fff;
    transition: 0.3s ease;
}
.feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}
.feature-img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    object-fit: cover;
}

/* Sidebar */
.sidebar-card {
    background: #fff;
    border: 1px solid #eee;
}
.sidebar-products li {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s ease;
}
.sidebar-products li img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
    border-radius: 10px;
}
.sidebar-products li:hover {
    color: #f5b800;
}

/* Buttons */
.btn-warning {
    background: #ffca2c !important;
    border: none;
}
.btn-warning:hover {
    background: #e0b027 !important;
}

/* Round- cooling tower   page */

/* -----------------------------------
   GLOBAL TEXT STYLE
----------------------------------- */
.top-info-block {
    background: #f9fbff;
    padding: 25px;
    border-radius: 18px;
}

.image-box img {
    border-radius: 16px;
    box-shadow: 0 5px 18px rgba(0,0,0,0.15);
}

/* SLIDER */
.slider-box img {
    height: 360px;
    object-fit: cover;
}

.equal-height-box {
    height: 300px;        
    overflow: hidden;
    border-radius: 15px;
}

.equal-height-box iframe,
.equal-height-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;    
    border-radius: 15px;
}



/* COMPONENT CARDS */
/* CARD IMAGE (Mobile First) */
.component-card img,
.component-img {
    width: 100%;
    height: 150px;           /* Mobile height */
    object-fit: cover;
    border-radius: 10px;
}

/* Tablet Size */
@media (min-width: 768px) {
    .component-card img,
    .component-img {
        height: 180px;
    }
}

/* Desktop Size */
@media (min-width: 992px) {
    .component-card img,
    .component-img {
        height: 220px;
    }
}

/* CARD */
.component-card {
    transition: 0.3s ease;
    background: white;
    border-radius: 12px;
}

.component-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 22px rgba(0,0,0,0.15);
}

/* HEADINGS */
.components-heading {
    font-size: 24px;
    font-weight: 700;
    color: #1c3f72;
}



/* ----------- RESPONSIVE FIX ----------- */
/* Mobile: only 1 card per row */
@media (max-width: 576px) {
    .col-6, .col-sm-6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .component-card img,
    .component-img {
        height: 200px;     /* mobile ke liye thodi badi image */
    }
}


/* evaporative-industrial-air-coolers  */

/* Card Hover */
.custom-slider-card {
    transition: 0.3s ease;
    border: 1px solid #eaeaea;
}
.custom-slider-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.15);
}

/* Slider Image – bigger + hover zoom */
.slider-img {
    width: 100%;
    height: 420px;              /* bigger image */
    object-fit: cover;
    transition: 0.5s ease;
}

.custom-slider-card:hover .slider-img {
    transform: scale(1.05);     /* image zoom on hover */
}

/* Controls */
.slider-control {
    filter: invert(1);          /* white buttons */
}

/* Responsive Height Fix */
@media (max-width: 768px) {
    .slider-img {
        height: 300px;
    }
}
@media (max-width: 576px) {
    .slider-img {
        height: 240px;
    }
}








/* closed-circuit-cooling-tower */

/* INTRO BOX */
.intro-box {
    background: #f8f9fb;
    padding: 35px;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.07);
}

/* LEFT IMAGE BIGGER */
.intro-image {
    width: 100%;
    max-width: 380px;
    height: 300px;            /* bigger */
    object-fit: cover;        /* perfect crop */
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* TEXT COLOR FIX */
.intro-box p {
    color: #333 !important;   /* dark readable */
    line-height: 1.6;
    font-size: 15.5px;
}

/* ENQUIRY BUTTON */
.intro-box .btn-primary {
    font-size: 15px;
    border-radius: 6px;
    padding: 10px 22px;
}

/* COMPONENT CARDS */
.component-card {
    background: #fff;
    border-radius: 14px;
    padding: 18px;
    text-align: center;
    box-shadow: 0 5px 18px rgba(0,0,0,0.08);
    transition: 0.3s;
    height: 100%;
}

.component-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.14);
}

.component-card img {
    width: 100%;
    height: 165px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 12px;
}

.component-card h5 {
    margin-top: 6px;
    margin-bottom: 5px;
    font-size: 17px;
    color: #0d6efd;
}

.component-card p {
    color: #444 !important;   
    font-size: 14.5px;
    margin-top: 6px;
    line-height: 1.55;
}


/* PDF IMAGE CLEAN */
.pdf-img {
    max-height: 280px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* YOUTUBE – REMOVE OVERLAY COMPLETELY */
.youtube-pdf iframe {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;    
}

/* MOBILE RESPONSIVE */
@media (max-width: 992px) {
    .intro-image {
        max-width: 100%;
        height: 260px;
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .intro-box {
        padding: 25px;
        text-align: center;
    }

    .intro-image {
        height: 220px;
    }
}


/* Resources page */



.res-link {
    color: #007bff;
    font-weight: 600;
}

.res-title {
    font-size: 32px;
    font-weight: 700;
    color: #333;
}

.section-header h4 {
    background: #0056d2;
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: 600;
}

/* Card Design */
.res-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: 0.3s ease;
}

.res-card:hover {
    transform: translateY(-5px);
}

.res-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.res-content {
    padding: 15px;
    text-align: center;
}

.res-content p {
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
}

/* Download Button */
.download-btn {
    display: inline-block;
    padding: 6px 14px;
    background: #dc3545;
    color: #fff !important;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
}
.download-btn:hover {
    background: #b92c38;
}

/* Video Cards */
.video-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.video-title {
    padding: 10px;
    text-align: center;
    font-weight: 600;
    color: #333;
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .res-img {
        height: 160px;
    }
}





/* ================================
   CONTACT PAGE PREMIUM STYLING
================================ */

/* Page */
.container {
    max-width: 1200px;
}

/* Headings */
h3.text-warning {
    font-size: 32px;
    margin-bottom: 10px;
}

/* Section Titles */
.bg-light.p-2.fw-bold {
    border-left: 4px solid #f7c200;
    background: #f9f9f9 !important;
    font-size: 15px;
}

/* Form Card */
form {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

/* Labels */
.col-form-label {
    font-weight: 600;
}

/* Inputs */
.form-control, .form-select {
    border-radius: 8px !important;
    padding: 10px 14px;
    border: 1px solid #dcdcdc;
    transition: all 0.3s ease;
}

.form-control:focus, 
.form-select:focus {
    border-color: #f7c200;
    box-shadow: 0 0 0 0.15rem rgba(247, 194, 0, 0.25);
}

/* Form spacing */
.row.mb-3, .row.g-3 {
    margin-bottom: 20px !important;
}

/* Button */
button.btn-primary {
    background: #f7c200 !important;
    border: none !important;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
}

button.btn-primary:hover {
    background: #e7b200 !important;
}

/* CAPTCHA Box */
.p-3.bg-light.border.rounded {
    border: 1px dashed #f7c200 !important;
    background: #fff !important;
}

#CaptchaDiv {
    letter-spacing: 3px;
}

/* TABLE STYLING */
.table {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

.table thead {
    background: #f7c200 !important;
    font-size: 18px;
}

.table tbody tr td {
    vertical-align: middle;
    padding: 12px 16px;
}

.table i {
    margin-right: 6px;
}

/* MAP FRAME */
iframe {
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Icons Color & Style */
.bi {
    font-size: 18px;
}

/* Section Title */
h4 {
    font-weight: 700;
    border-left: 4px solid #f7c200;
    padding-left: 10px;
}

/* Address / Contact Blocks */
.table td:first-child {
    width: 180px;
    font-weight: 600;
    color: #333;
}

/* Text Justify */
.text-justify {
    text-align: justify;
}




.contact-box table td {
    vertical-align: middle;
    padding: 10px 12px;
}

.map-box iframe {
    width: 100%;
    height: 450px;
}

@media (max-width: 767px) {
    .map-box iframe {
        height: 350px;
    }
}






/* MEDIA RESPONSIVE */
@media (max-width: 576px) {
    form {
        padding: 15px;
    }
    .col-form-label {
        margin-bottom: 5px;
    }
}




.form-center-box {
    max-width: 850px;        /* form ki max width fix */
    margin: 0 auto;          /* center align */
    background: #ffffff;     /* white clean background */
    padding: 25px;           /* inner spacing */
    border-radius: 12px;     /* smooth corners */
    box-shadow: 0 4px 20px rgba(0,0,0,0.1); /* light shadow */
}

/* Mobile spacing fix */
@media (max-width: 576px) {
    .form-center-box {
        padding: 15px;
        margin: 10px;
    }
}


/* Sitemap-page */


.sitemap-box {
    background: #ffffff;
    border: 1px solid #eee;
}

.sitemap-title {
    background: #0d6efd;  /* Bootstrap Primary Color */
    border-radius: 6px;
}

.sitemap-list li {
    padding: 6px 0;
}

.sitemap-list li a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
    transition: 0.3s;
}

.sitemap-list li a:hover {
    color: #0d6efd;
    padding-left: 5px;
}

.sitemap-list i {
    margin-right: 6px;
    color: #0d6efd;
}








.serve-block {
	font-size: 11px;
	background: #0488C8;
}
.serve-block p {
	border-bottom: 1px dashed #00FCFF;
	padding: 15px;
	background: #0270CE;
	margin-bottom: 0;
}
.serve-block ul {
	font-size: 10px;
	padding-bottom: 30px;
}
.serve-block ul li {
	border-bottom: 1px solid #0073AC;
	padding: 8px 0px 5px 20px;
}
.serve-block ul li img {
	margin-right: 10px;
}
.our-clients-block, .our-clients-block ul {
	font-size: 11px;
}
.our-clients-block p {
	padding: 15px;
}
.our-clients-block ul {
	width: 49%;
}
.our-clients-block .block-2 img {
	padding: 0 7px;
	background: #0387C7;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
.our-clients-block ul li {
	font-size: 10px;
	border-bottom: 1px solid #4DB3E4;
	padding: 8px 0px 5px 8px;
}






.footer-product-list {
    list-style: none;
    padding: 24px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    align-items: center;
}

.footer-product-list li {
    position: relative;
    padding-right: 18px;
    font-size: 15px;
}

.footer-product-list li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
}

.footer-product-list .title {
    font-weight: 700;
    color: #f1c40f;
}

.footer-product-list a {
    color: #ffffff;
    text-decoration: none;
    transition: 0.3s ease;
}

.footer-product-list a:hover {
    color: #f1c40f;
}

/* ------------------------------
   FOOTER DESIGN
--------------------------------*/
.footer-section {
    background: #0d1b2a;
    color: #eee;
    padding: 60px 0 30px;
}

.footer-logo {
    width: 160px;
    margin-bottom: 15px;
}

.footer-about {
    font-size: 14px;
    line-height: 22px;
    color: #bbb;
}

.footer-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links a {
    color: #bbb;
    font-size: 15px;
    transition: .3s;
}

.footer-links a:hover {
    color: #00c6ff;
    padding-left: 5px;
}

.footer-address i {
    color: #00a3ff;  
    font-size: 16px;
}
.footer-address {
    line-height: 28px;
}



/* Newsletter */
.newsletter-form {
    display: flex;
    background: #1b263b;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 10px;
}

.newsletter-form input {
    width: 100%;
    padding: 10px 12px;
    border: none;
    background: transparent;
    color: #fff;
}

.newsletter-form button {
    background: #00c6ff;
    border: none;
    padding: 10px 16px;
    color: #fff;
    font-size: 18px;
}

/* Social Icons */
.social-icons a {
    color: #ccc;
    font-size: 20px;
    margin-left: 15px;
    transition: .3s;
}

.social-icons a:hover {
    color: #00c6ff;
}

/* Bottom */
.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 40px;
    padding-top: 20px;
}

.copyright {
    color: #bbb;
    font-size: 14px;
}


.footer-bottom .design-credit a {
    color: #38bdf8;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-bottom .design-credit a:hover {
    color: #0ea5e9;
    text-decoration: underline;
}

/* Mobile alignment */
@media (max-width: 767px) {
    .footer-bottom {
        text-align: center;
    }

    .footer-bottom .text-md-end {
        text-align: center !important;
        margin-top: 6px;
    }
}




/* Responsive */
@media (max-width: 768px) {
    .footer-section {
        text-align: center;
    }
    .social-icons a {
        margin: 0 10px;
    }
    .newsletter-form {
        justify-content: center;
    }
}



.backToTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 10;
	background: url('../img/back-to-top.png') no-repeat; /* fallback for older browsers */
	background: url('../img/back-to-top.png') no-repeat;
	border-radius: 5px;
}


/* about */
.description-block {
	padding: 10px;
	margin: 0px;
	font-family: verdana;
	color: #F2FAFF;
	line-height: 22px;
	background: #30A3E4;
	border: 1px solid #28B8FE;
}




/* cooling tower */
.city-block .table thead {
	background: #0775AA;
	border: 1px solid #28B8FE;
}
.city-block .table thead tr th, .city-block .table tbody tr td {
	border: 1px solid #28B8FE;
}
.avoid-table thead {
	background: #198AE6 !important;
}
.avoid-block {
	background: #198AE6;
	border: 1px solid #198AE6;
	box-shadow: 1px 2px 2px #0775AA;
}



/* clients */
.client-block a {
	color: #ffff00;
	cursor: pointer;
}


/* square-cooling-tower */





/* contact block */
.contact-block form {
	color: #333;
	font-family: Arial;
	background: #FCFCFC;
	padding: 10px;
}
.contact-block .bg-default {
	color: #333;
	background: #eae9e9;
	padding: 10px 15px;
	font-size: 15px;
	font-family: Arial;
}
.contact-block form .form-group .control-label {
	text-align: left;
}
.contact-block form .form-group {
	margin-bottom: 0;
}
.contact-block form .form-group .form-control, .contact-block form .form-group .btn {
	margin-bottom: 15px;
	box-shadow: none;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}



/* sitemap */
.sitemap .sitemap-block-1 ul {
	padding: 15px 15px;
}
.sitemap .sitemap-block-1 ul ul {
	padding: 5px 0 5px 30px;
}
.sitemap .sitemap-block-1 ul h4 {
	padding: 15px;
	margin-top: 0;
}
.sitemap .sitemap-block-1 ul {
	background: #108BBF;
	margin-bottom: 0;
}
.sitemap .sitemap-block-1 ul li {
	padding: 7px 8px;
	border-bottom: 1px solid #fff;
}
.sitemap .sitemap-block-1 ul li:hover {
	background: #34B3E8;
}
.sitemap .sitemap-block-1 ul li a {
	color: #fff;	
}



/* components */
.components-block-1 h4 {
	padding: 15px;
}
.components-block-2 .block-1 {
	min-height: 420px;
	padding-bottom: 15px;
	border: 1px solid #004461;
	padding: 15px;
	color: #E2E2E2;
	background: #0480B5;
	margin-top: 15px;
	margin-bottom: 15px;
}
.components-block-2 .block-1 img {
	border: 1px solid #18A4DF;
	margin-bottom: 10px;
}
.components-block-2 .block-1 p:nth-of-type(1) {
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 10px;
}







/* Higher than 1200 (desktop devices)
====================================================================== */
@media only screen and (min-width: 1200px) {
	.container {
		width: 1260px;
		margin: auto;
	}
	.avoid-block {
		min-height: 120px;
	}

}

/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
 
}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
	.top-section .nav>li>a {
		padding: 8px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background: #FFFF00;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.navbar-default .navbar-toggle {
		border-color: #FFFF00;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.logo .logo-block-1 img {
		margin-top: -30px;
	}
	.logo .logo-block-2 img {
		margin-top: -60px;
	}
	.banner .container .block-3 {
		margin-right: 0;
	}
	.banner .container .block-4 img {
		display: none;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {

}