{"id":11,"date":"2026-07-15T06:31:53","date_gmt":"2026-07-15T06:31:53","guid":{"rendered":"https:\/\/demo.getln.com\/vashavi\/?page_id=11"},"modified":"2026-08-29T06:37:21","modified_gmt":"2026-08-29T06:37:21","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.getln.com\/vashavi\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.vasavi-home-sec1-container {\n               position: relative;\n    width: 100%;\n    height: 500px;\n    background-image: url(https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/slider-scaled.webp);\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center\n        }\n\n        \n\n        .vasavi-home-sec1-wrapper {\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 40px 20px;\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        @media(min-width: 1024px) {\n            .vasavi-home-sec1-wrapper {\n                flex-direction: row;\n                justify-content: space-between;\n                align-items: center;\n            }\n        }\n\n        .vasavi-home-sec1-content {\n            flex: 1;\n            color: #ffffff;\n            max-width: 600px;\n        }\n\n        .vasavi-home-sec1-subtitle {\n           font-size: 14px;\n    font-weight: 400;\n    letter-spacing: unset;\n    text-transform: uppercase;\n    margin-bottom: 16px;\n    color: white;\n        }\n\n        .vasavi-home-sec1-title {\n            font-size: 45px;\n            font-weight: 600;\n            line-height: 1.2;\n            margin-bottom: 32px;\n            color: #ffffff;\n        }\n\n       \n      \n        .vasavi-home-sec1-form-card {\n            background-color: #ffffff;\n            border-radius: 8px;\n            padding: 32px;\n            width: 100%;\n            max-width: 440px;\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);\nposition: relative;\n    top: 100px;\n        }\n\n        .vasavi-home-sec1-form-title {\n            font-size: 1.25rem;\n            font-weight: 700;\n            text-align: center;\n            color: #111827;\n            margin-bottom: 24px;\n        }\n\n        .vasavi-home-sec1-form-group {\n            margin-bottom: 20px;\n        }\n\n        .vasavi-home-sec1-label {\n            display: block;\n            font-size: 0.75rem;\n            font-weight: 700;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\n            color: #4b5563;\n            margin-bottom: 8px;\n        }\n\n        .vasavi-home-sec1-input,\n        .vasavi-home-sec1-textarea {\n            width: 100%;\n            padding: 12px 16px;\n            font-size: 0.95rem;\n            border: 1px solid #d1d5db;\n            border-radius: 6px;\n            color: #1f2937;\n            outline: none;\n            transition: border-color 0.2s ease, box-shadow 0.2s ease;\n            font-family: 'Inter', sans-serif;\n        }\n\n        .vasavi-home-sec1-input:focus,\n        .vasavi-home-sec1-textarea:focus {\n            border-color: #2563eb;\n            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);\n        }\n\n        .vasavi-home-sec1-textarea {\n            resize: vertical;\n            min-height: 90px;\n        }\n\n        .vasavi-home-sec1-submit-btn {\n            width: 100%;\n            background-color: #0b2b8c;\n            color: #ffffff;\n            font-weight: 700;\n            font-size: 1rem;\n            padding: 14px;\n            border-radius: 6px;\n            border: none;\n            cursor: pointer;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            transition: background-color 0.2s ease;\n        }\n\n        .vasavi-home-sec1-submit-btn:hover {\n            background-color: #08216c;\n        }\n\n\n.vasavi-home-sec1-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 30px;\n    color: white;\n    text-decoration: none;\n    border: unset;\n    border-radius: unset;\n    overflow: hidden;\n    transition: color 0.35s ease;\n    z-index: 1;\n    background: #0234a2;\n    text-decoration: unset !important;\n    font-size: 15px;\n    font-weight: 500;\n}\n\n.vasavi-home-sec1-btn::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:#43b031;\n    transform: scaleX(0);\n    transform-origin: right;\n    transition: transform 0.4s ease;\n    z-index: -1;\n}\n\n.vasavi-home-sec1-btn svg {\n    transition: transform 0.35s ease;\n}\n\n.vasavi-home-sec1-btn:hover {\n    color: #fff;\n}\n\n.vasavi-home-sec1-btn:hover::before {\n    transform: scaleX(1);\n    transform-origin: left;\n}\n\n.vasavi-home-sec1-btn:hover svg {\n    transform: translateX(5px);\n}.vasavi-home-sec1-btn\n<\/style>\n\n<section class=\"vasavi-home-sec1-container\">\n        <div class=\"vasavi-home-sec1-overlay\"><\/div>\n        <div class=\"container\">\n\n      \n        <div class=\"vasavi-home-sec1-wrapper\">\n            \n            <!-- Left Text Content -->\n            <div class=\"vasavi-home-sec1-content\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n                <p class=\"vasavi-home-sec1-subtitle\">Water Treatment plant<\/p>\n                <h1 class=\"vasavi-home-sec1-title\">Millions of Litres Recycled Through Our Water Solutions.<\/h1>\n                <a href=\"https:\/\/demo.getln.com\/vashavi\/contact-us\/\" class=\"vasavi-home-sec1-btn\">\n                   Talk to Us\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n            <\/div>\n\n            <!-- Right Expert Contact Form -->\n            <div class=\"vasavi-home-sec1-form-card\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n                \n                <div class=\"forminator-ui forminator-custom-form forminator-custom-form-13 forminator-design--default  forminator_ajax\" data-forminator-render=\"0\" data-form=\"forminator-module-13\" data-uid=\"6a9b1c97d2b3c\"><br\/><\/div><form\n\t\t\t\tid=\"forminator-module-13\"\n\t\t\t\tclass=\"forminator-ui forminator-custom-form forminator-custom-form-13 forminator-design--default  forminator_ajax\"\n\t\t\t\tmethod=\"post\"\n\t\t\t\tdata-forminator-render=\"0\"\n\t\t\t\tdata-form-id=\"13\"\n\t\t\t\t data-color-option=\"theme\" data-design=\"default\" data-grid=\"open\" style=\"display: none;\"\n\t\t\t\tdata-uid=\"6a9b1c97d2b3c\"\n\t\t\t><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><div class=\"forminator-row\"><div id=\"name-1\" class=\"forminator-field-name forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-name-1_6a9b1c97d2b3c\" id=\"forminator-field-name-1_6a9b1c97d2b3c-label\" class=\"forminator-label\">Name<\/label><input type=\"text\" name=\"name-1\" value=\"\" placeholder=\"\" id=\"forminator-field-name-1_6a9b1c97d2b3c\" class=\"forminator-input forminator-name--field\" aria-required=\"false\" autocomplete=\"name\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"email-1\" class=\"forminator-field-email forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-email-1_6a9b1c97d2b3c\" id=\"forminator-field-email-1_6a9b1c97d2b3c-label\" class=\"forminator-label\">Email Address<\/label><input type=\"email\" name=\"email-1\" value=\"\" placeholder=\"\" id=\"forminator-field-email-1_6a9b1c97d2b3c\" class=\"forminator-input forminator-email--field\" data-required=\"\" aria-required=\"false\" autocomplete=\"email\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"phone-1\" class=\"forminator-field-phone forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-phone-1_6a9b1c97d2b3c\" id=\"forminator-field-phone-1_6a9b1c97d2b3c-label\" class=\"forminator-label\">Phone<\/label><input type=\"text\" name=\"phone-1\" value=\"\" placeholder=\"\" id=\"forminator-field-phone-1_6a9b1c97d2b3c\" class=\"forminator-input forminator-field--phone\" data-required=\"\" aria-required=\"false\" autocomplete=\"off\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"text-1\" class=\"forminator-field-text forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-text-1_6a9b1c97d2b3c\" id=\"forminator-field-text-1_6a9b1c97d2b3c-label\" class=\"forminator-label\">Message<\/label><input type=\"text\" name=\"text-1\" value=\"\" placeholder=\"\" id=\"forminator-field-text-1_6a9b1c97d2b3c\" class=\"forminator-input forminator-name--field\" data-required=\"\" \/><\/div><\/div><\/div><input type=\"hidden\" name=\"referer_url\" value=\"\" \/><div class=\"forminator-row forminator-row-last\"><div class=\"forminator-col\"><div class=\"forminator-field\"><button class=\"forminator-button forminator-button-submit\">Submit<\/button><\/div><\/div><\/div><input type=\"hidden\" id=\"forminator_nonce\" name=\"forminator_nonce\" value=\"1509b3c876\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/vashavi\/wp-json\/wp\/v2\/pages\/11\" \/><input type=\"hidden\" name=\"form_id\" value=\"13\"><input type=\"hidden\" name=\"page_id\" value=\"11\"><input type=\"hidden\" name=\"form_type\" value=\"default\"><input type=\"hidden\" name=\"current_url\" value=\"https:\/\/demo.getln.com\/vashavi\/\"><input type=\"hidden\" name=\"render_id\" value=\"0\"><input type=\"hidden\" name=\"action\" value=\"forminator_submit_form_custom-forms\"><\/form>\n            <\/div>\n  <\/div>\n        <\/div>\n    <\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.vasavi-home-sec2-container {\n            position: relative;\n            width: 100%;\n            background-color: #ffffff;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            padding-top: 90px;\n        }\n\n        .vasavi-home-sec2-wrapper {\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 20px 60px 20px;\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n            align-items: center;\n        }\n\n        @media(min-width: 1024px) {\n            .vasavi-home-sec2-wrapper {\n                flex-direction: row;\n                justify-content: space-between;\n                align-items: center;\n            }\n        }\n\n        .vasavi-home-sec2-image-box {\n            flex: 1;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n            max-width: 540px;\n        }\n\n        .vasavi-home-sec2-img {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n        }\n\n        .vasavi-home-sec2-content {\n            flex: 1;\n            max-width: 580px;\n            color: #111827;\n        }\n\n        .vasavi-home-sec2-title {\n            font-size: 45px;\n            font-weight: 600;\n            line-height: 1.2;\n            margin-bottom: 20px;\n            color: #111827;\n        }\n\n      \n\n        .vasavi-home-sec2-desc {\n           font-size: 15px;\n    line-height: 25px;\n    color: #4b5563;\n    margin-bottom: 24px;\n    font-weight: 300;\n        }\n\n        .vasavi-home-sec2-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background-color: #0b2b8c;\n            color: #ffffff;\n            font-weight: 600;\n            font-size: 0.9rem;\n            padding: 12px 24px;\n            border-radius: 6px;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: background-color 0.2s ease;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .vasavi-home-sec2-btn:hover {\n            background-color: #08216c;\n        }\n\n        .vasavi-home-sec2-stats-banner {\n            width: 100%;\n            background-color: #2eaf43;\n            color: #ffffff;\n            padding: 40px 20px;\n        }\n\n        .vasavi-home-sec2-stats-wrapper {\n            max-width: 1280px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(1, 1fr);\n            gap: 30px;\n            text-align: center;\n        }\n\n        @media(min-width: 640px) {\n            .vasavi-home-sec2-stats-wrapper {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media(min-width: 1024px) {\n            .vasavi-home-sec2-stats-wrapper {\n                grid-template-columns: repeat(4, 1fr);\n            }\n        }\n\n        .vasavi-home-sec2-stat-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .vasavi-home-sec2-stat-number {\n           font-size: 50px;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: #ffffff;\n    letter-spacing: unset;\n      font-family: 'Valley Sans';\n        }\n\n        \n\n        .vasavi-home-sec2-stat-label {\n              font-size: 17px;\n    font-weight: 300;\n    color: #ffffff;\n    line-height: 23px;\n    max-width: 220px;\n    font-family: 'Plus Jakarta Sans';\n        }\n<\/style>\n\n<section class=\"vasavi-home-sec2-container\">\n  <div class=\"container\">\n    <div class=\"vasavi-home-sec2-container-in\">\n\n\n      <div class=\"vasavi-home-sec2-wrapper\">\n\n        <!-- Left Vector Illustration -->\n        <div class=\"vasavi-home-sec2-image-box\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n          <img decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/abt-img1.webp\"\n            alt=\"Water Treatment Overview Illustration\">\n        <\/div>\n\n        <!-- Right Overview Content -->\n        <div class=\"vasavi-home-sec2-content\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n          <h2 class=\"vasavi-home-sec2-title\">Overview<\/h2>\n          <p class=\"vasavi-home-sec2-desc\">\n            Our journey in the water treatment industry began in 2004. Over the years, we have developed practical\n            expertise in water analysis, purification, filtration, and wastewater treatment solutions \u2014 from water\n            analysis and RO plants to water softeners, filtration systems, STP and ETP solutions.\n          <\/p>\n          <a href=\"https:\/\/demo.getln.com\/vashavi\/about-us\/\" class=\"vasavi-home-sec1-btn\">\n            View More\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n              stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n              <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n            <\/svg>\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Bottom Stats Banner with Animated Counters -->\n  <div class=\"vasavi-home-sec2-stats-banner\">\n    <div class=\"vasavi-home-sec2-stats-wrapper\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n      <div class=\"vasavi-home-sec2-stat-item\">\n        <span class=\"vasavi-home-sec2-stat-number\" data-target=\"3\" data-suffix=\"+\">0+<\/span>\n        <span class=\"vasavi-home-sec2-stat-label\">Own Patent Technologies<\/span>\n      <\/div>\n      <div class=\"vasavi-home-sec2-stat-item\">\n        <span class=\"vasavi-home-sec2-stat-number\" data-target=\"500\" data-suffix=\"+\">0+<\/span>\n        <span class=\"vasavi-home-sec2-stat-label\">Number of Installations<\/span>\n      <\/div>\n      <div class=\"vasavi-home-sec2-stat-item\">\n        <span class=\"vasavi-home-sec2-stat-number\" data-target=\"5\" data-suffix=\"ML\">0ML<\/span>\n        <span class=\"vasavi-home-sec2-stat-label\">of Hygiene drinking water delivered<\/span>\n      <\/div>\n      <div class=\"vasavi-home-sec2-stat-item\">\n        <span class=\"vasavi-home-sec2-stat-number\" data-target=\"100\" data-suffix=\"ML\">0ML<\/span>\n        <span class=\"vasavi-home-sec2-stat-label\">litres of water recycle by our installation per day<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const counters = document.querySelectorAll('.vasavi-home-sec2-stat-number');\n    let animated = false;\n\n    function runCounters() {\n      counters.forEach(counter => {\n        const target = +counter.getAttribute('data-target');\n        const suffix = counter.getAttribute('data-suffix') || '';\n        const duration = 2000; \/\/ Animation duration in milliseconds\n        const startTime = performance.now();\n\n        function updateCount(currentTime) {\n          const elapsed = currentTime - startTime;\n          const progress = Math.min(elapsed \/ duration, 1);\n\n          \/\/ Ease out quad formula for smooth decelerating count\n          const easeProgress = progress * (2 - progress);\n          const currentVal = Math.floor(easeProgress * target);\n\n          counter.innerText = currentVal + suffix;\n\n          if (progress < 1) {\n            requestAnimationFrame(updateCount);\n          } else {\n            counter.innerText = target + suffix;\n          }\n        }\n\n        requestAnimationFrame(updateCount);\n      });\n    }\n\n    const observer = new IntersectionObserver((entries, observerInstance) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting && !animated) {\n          animated = true;\n          runCounters();\n          observerInstance.unobserve(entry.target);\n        }\n      });\n    }, {threshold: 0.3});\n\n    const banner = document.querySelector('.vasavi-home-sec2-stats-banner');\n    if (banner) {\n      observer.observe(banner);\n    }\n  });\n<\/script>\n\n\n\n<!-- ... existing code ... -->\n<style>\n  .vasavi-home-sec3-container {\n    position: relative;\n    width: 100%;\n    background-color: #f0f7ee;\n    padding: 60px 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .vasavi-home-sec3-header-box {\n    text-align: center;\n\n    margin-bottom: 40px;\n  }\n\n  .vasavi-home-sec3-main-title {\n    font-size: 45px;\n    font-weight: 600;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #111827;\n  }\n\n\n  .vasavi-home-sec3-main-desc {\n    font-size: 15px;\n    line-height: 25px;\n    color: #4b5563;\n    margin-bottom: 24px;\n    font-weight: 300;\n  }\n\n  .vasavi-home-sec3-carousel-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 1200px;\n    display: flex;\n    align-items: center;\n  }\n\n  .vasavi-home-sec3-carousel-container {\n    overflow: hidden;\n    width: 100%;\n    padding: 10px 0 30px 0;\n  }\n\n  .vasavi-home-sec3-track {\n    display: flex;\n    gap: 30px;\n    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n    will-change: transform;\n  }\n\n  .vasavi-home-sec3-card {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    background-color: #ffffff;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    height: 420px;\n    flex: 0 0 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    cursor: pointer;\n  }\n\n  @media(min-width: 768px) {\n    .vasavi-home-sec3-card {\n      flex: 0 0 calc((100% - 60px) \/ 3);\n    }\n  }\n\n  .vasavi-home-sec3-card:hover {\n    transform: translateY(-10px) scale(1.02);\n    \/* box-shadow: 0 20px 40px rgba(16, 185, 129, 0.25); *\/\n  }\n\n  .vasavi-home-sec3-card-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 1;\n    transition: transform 0.6s ease;\n  }\n\n  .vasavi-home-sec3-card:hover .vasavi-home-sec3-card-img {\n    transform: scale(1.08);\n  }\n\n  .vasavi-home-sec3-card-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.88) 100%);\n    z-index: 2;\n    transition: background 0.3s ease;\n  }\n\n  .vasavi-home-sec3-card:hover .vasavi-home-sec3-card-overlay {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 20%, rgb(17 24 39) 100%);\n  }\n\n  .vasavi-home-sec3-card-content {\n    position: relative;\n    z-index: 3;\n    padding: 24px;\n    color: #ffffff;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    transition: transform 0.3s ease;\n  }\n\n  .vasavi-home-sec3-card:hover .vasavi-home-sec3-card-content {\n    transform: translateY(-4px);\n  }\n\n  .vasavi-home-sec3-card-title {\n    font-size: 20px;\n\n    color: #ffffff;\n    margin-bottom: 0px;\n    font-weight: 600;\n    font-family: 'Plus Jakarta Sans' !important;\n  }\n\n  .vasavi-home-sec3-card-desc {\n    font-size: 15px;\n    color: #e5e7eb;\n    line-height: 1.4;\n    font-weight: 300;\n    \/* font-family: 'Plus Jakarta Sans'; *\/\n  }\n\n  .vasavi-home-sec3-nav-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-60%);\n    background-color: #ffffff;\n    border: none;\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    transition: all 0.3s ease;\n    color: #111827;\n    font-size: 1.2rem;\n    font-weight: bold;\n  }\n\n  .vasavi-home-sec3-nav-btn:hover {\n    background-color: #43b031;\n    color: #ffffff;\n    box-shadow: 0 6px 20px rgba(5, 150, 105, 0.3);\n  }\n\n  .vasavi-home-sec3-prev {\n    left: -24px;\n  }\n\n  .vasavi-home-sec3-next {\n    right: -24px;\n  }\n\n  @media(max-width: 768px) {\n    .vasavi-home-sec3-prev {\n      left: 5px;\n    }\n\n    .vasavi-home-sec3-next {\n      right: 5px;\n    }\n  }\n\n  .vasavi-home-sec3-dots {\n    display: flex;\n    gap: 8px;\n    margin-top: 20px;\n    justify-content: center;\n  }\n\n  .vasavi-home-sec3-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: #d1d5db;\n    cursor: pointer;\n    border: none;\n    transition: all 0.3s ease;\n  }\n\n  .vasavi-home-sec3-dot.active {\n    background-color: #43b031;\n    width: 28px;\n    border-radius: 5px;\n  }\n<\/style>\n\n\n<section class=\"vasavi-home-sec3-container\">\n  <div class=\"container\">\n\n\n    <!-- Section Header -->\n    <div class=\"vasavi-home-sec3-header-box\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n      <h2 class=\"vasavi-home-sec3-main-title\">Water Treatment Solutions<\/h2>\n      <p class=\"vasavi-home-sec3-main-desc\">\n        Delivering advanced water treatment systems for clean, safe, and reliable water.<br>\n        Engineered solutions for residential, commercial, and industrial applications.\n      <\/p>\n    <\/div>\n\n    <!-- Carousel Wrapper -->\n    <div class=\"vasavi-home-sec3-carousel-wrapper\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n      <!-- <button class=\"vasavi-home-sec3-nav-btn vasavi-home-sec3-prev\" aria-label=\"Previous Slide\">\u276e<\/button> -->\n\n      <div class=\"vasavi-home-sec3-carousel-container\">\n        <div class=\"vasavi-home-sec3-track\">\n\n          <!-- Card 1: Domestic -->\n          <div class=\"vasavi-home-sec3-card\">\n            <img decoding=\"async\" class=\"vasavi-home-sec3-card-img\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/water1.webp\" alt=\"Domestic Water Purifier\" onerror=\"this.src='https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/water1.webp'\">\n            <div class=\"vasavi-home-sec3-card-overlay\"><\/div>\n            <div class=\"vasavi-home-sec3-card-content\">\n              <h3 class=\"vasavi-home-sec3-card-title\">Domestic<\/h3>\n              <p class=\"vasavi-home-sec3-card-desc\">Reliable water purification solutions.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Card 2: Commercial -->\n          <div class=\"vasavi-home-sec3-card\">\n            <img decoding=\"async\" class=\"vasavi-home-sec3-card-img\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/water2.webp\" alt=\"Commercial Water Treatment Filters\" onerror=\"this.src='https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/water2.webp'\">\n            <div class=\"vasavi-home-sec3-card-overlay\"><\/div>\n            <div class=\"vasavi-home-sec3-card-content\">\n              <h3 class=\"vasavi-home-sec3-card-title\">Commercial<\/h3>\n              <p class=\"vasavi-home-sec3-card-desc\">Efficient water treatment systems.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Card 3: Industrial -->\n          <div class=\"vasavi-home-sec3-card\">\n            <img decoding=\"async\" class=\"vasavi-home-sec3-card-img\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/water3.webp\" alt=\"Industrial Water Treatment Plant\" onerror=\"this.src='https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/water3.webp'\">\n            <div class=\"vasavi-home-sec3-card-overlay\"><\/div>\n            <div class=\"vasavi-home-sec3-card-content\">\n              <h3 class=\"vasavi-home-sec3-card-title\">Industrial<\/h3>\n              <p class=\"vasavi-home-sec3-card-desc\">Advanced water and wastewater treatment solutions.<\/p>\n            <\/div>\n          <\/div>\n\n         \n\n        \n        <\/div>\n      <\/div>\n\n      <!-- <button class=\"vasavi-home-sec3-nav-btn vasavi-home-sec3-next\" aria-label=\"Next Slide\">\u276f<\/button> -->\n    <\/div>\n\n    <!-- Carousel Pagination Dots -->\n    <!-- <div class=\"vasavi-home-sec3-dots\" data-aos=\"fade-up\" data-aos-duration=\"2000\">\n      <button class=\"vasavi-home-sec3-dot active\" data-index=\"0\" aria-label=\"Slide 1\"><\/button>\n      <button class=\"vasavi-home-sec3-dot\" data-index=\"1\" aria-label=\"Slide 2\"><\/button>\n      <button class=\"vasavi-home-sec3-dot\" data-index=\"2\" aria-label=\"Slide 3\"><\/button>\n    <\/div> -->\n  <\/div>\n<\/section>\n\n<!-- <script>\n  document.addEventListener('DOMContentLoaded', function () {\n    const track = document.querySelector('.vasavi-home-sec3-track');\n    const cards = document.querySelectorAll('.vasavi-home-sec3-card');\n    const nextBtn = document.querySelector('.vasavi-home-sec3-next');\n    const prevBtn = document.querySelector('.vasavi-home-sec3-prev');\n    const dots = document.querySelectorAll('.vasavi-home-sec3-dot');\n\n    let currentIndex = 0;\n    const totalCards = cards.length;\n\n    function updateCarousel() {\n      const isMobile = window.innerWidth < 768;\n      \/\/ On desktop show 3 cards at once, so max index is totalCards - 3 (which is 0)\n      const maxIndex = isMobile ? totalCards - 1 : Math.max(0, totalCards - 3);\n\n      if (currentIndex > maxIndex) {\n        currentIndex = maxIndex;\n      }\n      if (currentIndex < 0) {\n        currentIndex = 0;\n      }\n\n      \/\/ Calculate exact translation offset including gap (30px)\n      const cardWidth = cards[0].offsetWidth;\n      const gap = 30;\n      const offset = currentIndex * (cardWidth + gap);\n\n      track.style.transform = `translateX(-${offset}px)`;\n\n      \/\/ Update active dot\n      dots.forEach((dot, index) => {\n        if (index === currentIndex) {\n          dot.classList.add('active');\n        } else {\n          dot.classList.remove('active');\n        }\n      });\n    }\n\n    nextBtn.addEventListener('click', function () {\n      const isMobile = window.innerWidth < 768;\n      const maxIndex = isMobile ? totalCards - 1 : Math.max(0, totalCards - 3);\n\n      if (currentIndex < maxIndex) {\n        currentIndex++;\n      } else {\n        currentIndex = 0; \/\/ Loop back\n      }\n      updateCarousel();\n    });\n\n    prevBtn.addEventListener('click', function () {\n      const isMobile = window.innerWidth < 768;\n      const maxIndex = isMobile ? totalCards - 1 : Math.max(0, totalCards - 3);\n\n      if (currentIndex > 0) {\n        currentIndex--;\n      } else {\n        currentIndex = maxIndex; \/\/ Loop to end\n      }\n      updateCarousel();\n    });\n\n    dots.forEach(function (dot) {\n      dot.addEventListener('click', function () {\n        currentIndex = parseInt(this.getAttribute('data-index'), 10);\n        updateCarousel();\n      });\n    });\n\n    window.addEventListener('resize', updateCarousel);\n    updateCarousel();\n  });\n<\/script> -->\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   VASAVI HOME 4 - PRODUCTS SECTION\n========================================= *\/\n\n.vasavi-home-4-section {\n  \n    padding: 50px 0;\n    background: #f8fafc;\n    overflow: hidden;\n}\n\n\n\n\/* Main Layout *\/\n.vasavi-home-4-container {\n    display: flex;\n    align-items: center;\n    gap: 50px;\n}\n\n\/* =========================================\n   LEFT CONTENT\n========================================= *\/\n\n.vasavi-home-4-text-box {\n    flex: 0 0 30%;\n    max-width: 380px;\n}\n\n.vasavi-home-4-title {\n     font-size: 45px;\n    font-weight: 600;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #111827; \n}\n\n.vasavi-home-4-desc {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.8;\n    color: #64748b;\n}\n\n\/* =========================================\n   CAROUSEL\n========================================= *\/\n\n.vasavi-home-4-carousel-outer {\n    flex: 1;\n    min-width: 0;\n}\n\n.vasavi-home-4-carousel-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n\/* Products viewport *\/\n.vasavi-home-4-products-container {\n    width: 100%;\n    overflow: hidden;\n}\n\n\/* Track *\/\n.vasavi-home-4-products-track {\n    display: flex;\n    gap: 20px;\n    transition: transform 0.5s ease;\n    will-change: transform;\n}\n\n\/* =========================================\n   PRODUCT CARD\n========================================= *\/\n\n.vasavi-home-4-card {\n    flex: 0 0 calc((100% - 40px) \/ 3);\n    min-width: 0;\n   \n}\n\n.vasavi-home-4-card:hover {\n    transform: translateY(-6px);\n  \n}\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.vasavi-home-4-img-wrapper {\n    width: 100%;\n    height: 265px;\n    overflow: hidden;\n    background: #f1f5f9;\n}\n\n.vasavi-home-4-card-img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.vasavi-home-4-card:hover .vasavi-home-4-card-img {\n    transform: scale(1.06);\n}\n\n\/* =========================================\n   CARD CONTENT\n========================================= *\/\n\n.vasavi-home-4-card-content {\n    padding-top:10px;\n}\n\n.vasavi-home-4-card-title {\n    margin: 0 0 10px;\n    font-size: 17px;\n    font-weight: 600;\n    color: #111827;\n    margin-bottom: 3px;\n}\n\n.vasavi-home-4-card-desc {\n    margin: 0;\n    font-size: 14px;\n    line-height: 20px;\n    color: #64748b;\n}\n\n\/* =========================================\n   NAVIGATION BUTTONS\n========================================= *\/\n\n.vasavi-home-4-nav-btn {\n   flex: 0 0 44px;\n   background-color: #ffffff;\n    border: none;\n    width: 55px;\n    height: 41px;\n    border-radius: 50%;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    transition: all 0.3s ease;\n    color: #111827;\n    font-size: 1.2rem;\n    font-weight: bold;\n}\n\n.vasavi-home-4-nav-btn:hover {\n   color: white;\n    background: #2eaf43; \n}\n\n.vasavi-home-4-nav-btn:active {\n    transform: scale(0.95);\n}\n\n\/* =========================================\n   DOTS\n========================================= *\/\n\n.vasavi-home-4-dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin-top: 25px;\n}\n\n.vasavi-home-4-dot {\n    width: 9px;\n    height: 9px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: #cbd5e1;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.vasavi-home-4-dot.active {\n    width: 28px;\n    border-radius: 20px;\n    background: #2dac43;\n}\n\n.vasavi-home-4-dot:hover {\n    background: #0b6e9e;\n}\n\n\/* =========================================\n   TABLET - 992px\n========================================= *\/\n\n@media (max-width: 991px) {\n\n    .vasavi-home-4-section {\n        padding: 65px 0;\n    }\n\n    .vasavi-home-4-container {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 35px;\n    }\n\n    .vasavi-home-4-text-box {\n        flex: none;\n        max-width: 700px;\n        width: 100%;\n        text-align: center;\n        margin: 0 auto;\n    }\n\n    .vasavi-home-4-title {\n        font-size: 38px;\n    }\n\n    .vasavi-home-4-carousel-outer {\n        width: 100%;\n    }\n\n    .vasavi-home-4-card {\n        flex: 0 0 calc((100% - 20px) \/ 2);\n    }\n\n    .vasavi-home-4-img-wrapper {\n        height: 220px;\n    }\n}\n\n\/* =========================================\n   MOBILE - 639px\n========================================= *\/\n\n@media (max-width: 639px) {\n\n    .vasavi-home-4-section {\n        padding: 50px 0;\n    }\n\n    .vasavi-home-4-section .container {\n        padding: 0 15px;\n    }\n\n    .vasavi-home-4-container {\n        gap: 30px;\n    }\n\n    .vasavi-home-4-title {\n        font-size: 32px;\n        margin-bottom: 15px;\n    }\n\n    .vasavi-home-4-desc {\n           font-size: 15px;\n    line-height: 25px;\n    color: #4b5563;\n    margin-bottom: 24px;\n    font-weight: 300;\n    }\n\n    .vasavi-home-4-carousel-wrapper {\n        gap: 8px;\n    }\n\n    .vasavi-home-4-card {\n        flex: 0 0 100%;\n    }\n\n    .vasavi-home-4-img-wrapper {\n        height: 230px;\n    }\n\n    .vasavi-home-4-card-content {\n        padding: 18px;\n    }\n\n    .vasavi-home-4-card-title {\n        font-size: 19px;\n    }\n\n    .vasavi-home-4-card-desc {\n        font-size: 14px;\n    }\n\n    .vasavi-home-4-nav-btn {\n        flex: 0 0 38px;\n        width: 38px;\n        height: 38px;\n        font-size: 15px;\n    }\n\n    .vasavi-home-4-dots {\n        margin-top: 20px;\n    }\n}\n\n\/* =========================================\n   SMALL MOBILE - 480px\n========================================= *\/\n\n@media (max-width: 480px) {\n\n    .vasavi-home-4-section {\n        padding: 40px 0;\n    }\n\n    .vasavi-home-4-title {\n        font-size: 28px;\n    }\n\n    .vasavi-home-4-img-wrapper {\n        height: 200px;\n    }\n\n    .vasavi-home-4-card-content {\n        padding: 16px;\n    }\n}\n<\/style>\n\n<section class=\"vasavi-home-4-section\">\n  <div class=\"container\">\n\n\n    <div class=\"vasavi-home-4-container\">\n\n      <!-- Left Header Content -->\n      <div class=\"vasavi-home-4-text-box\" data-aos=\"fade-up\" data-aos-duration=\"2000\">\n        <h2 class=\"vasavi-home-4-title\">Our Products<\/h2>\n        <p class=\"vasavi-home-4-desc\">\n          Explore our wide range of advanced water treatment products designed for superior performance.\u2028 Reliable,\n          efficient, and engineered to deliver clean water for every application.\n        <\/p>\n      <\/div>\n\n      <!-- Right Carousel Wrapper (5 Cards) -->\n      <div class=\"vasavi-home-4-carousel-outer\" data-aos=\"fade-up\" data-aos-duration=\"2000\">\n        <div class=\"vasavi-home-4-carousel-wrapper\">\n          <button class=\"vasavi-home-4-nav-btn vasavi-home-4-prev\" aria-label=\"Previous Slide\">\u276e<\/button>\n\n          <div class=\"vasavi-home-4-products-container\">\n            <div class=\"vasavi-home-4-products-track\">\n\n              <!-- Product 1: Water Softner -->\n              <div class=\"vasavi-home-4-card\">\n                <div class=\"vasavi-home-4-img-wrapper\">\n                  <img decoding=\"async\" class=\"vasavi-home-4-card-img\"\n                    src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/roplant1.webp\" alt=\"Water Softner\">\n                <\/div>\n                <div class=\"vasavi-home-4-card-content\">\n                  <h3 class=\"vasavi-home-4-card-title\">RO Plants<\/h3>\n                  <p class=\"vasavi-home-4-card-desc\">Water purification solutions for domestic, commercial, and industrial applications<\/p>\n                <\/div>\n              <\/div>\n\n              <!-- Product 2: Duel Media Filter -->\n              <div class=\"vasavi-home-4-card\">\n                <div class=\"vasavi-home-4-img-wrapper\">\n                  <img decoding=\"async\" class=\"vasavi-home-4-card-img\"\n                    src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/water-softner.webp\">\n                <\/div>\n                <div class=\"vasavi-home-4-card-content\">\n                  <h3 class=\"vasavi-home-4-card-title\">Water Softener<\/h3>\n                  <p class=\"vasavi-home-4-card-desc\">A solution designed to reduce water hardness and help control scaling.\n                  <\/p>\n                <\/div>\n              <\/div>\n\n              <!-- Product 3: Hot & Cold Dispenser -->\n              <div class=\"vasavi-home-4-card\">\n                <div class=\"vasavi-home-4-img-wrapper\">\n                  <img decoding=\"async\" class=\"vasavi-home-4-card-img\"\n                    src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/duel-media-filter.webp\">\n                <\/div>\n                <div class=\"vasavi-home-4-card-content\">\n                  <h3 class=\"vasavi-home-4-card-title\">Dual Media Filters <\/h3>\n                  <p class=\"vasavi-home-4-card-desc\">Effective filtration systems for removing suspended particles and impurities.<\/p>\n                <\/div>\n              <\/div>\n\n              <!-- Product 1: Water Softner -->\n              <div class=\"vasavi-home-4-card\">\n                <div class=\"vasavi-home-4-img-wrapper\">\n                  <img decoding=\"async\" class=\"vasavi-home-4-card-img\"\n                    src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/hot-cold-water-dispensers.webp\" alt=\"Water Softner\">\n                <\/div>\n                <div class=\"vasavi-home-4-card-content\">\n                  <h3 class=\"vasavi-home-4-card-title\">Hot &#038; Cold Water Dispensers<\/h3>\n                  <p class=\"vasavi-home-4-card-desc\">Convenient water dispensing solutions for homes, offices, institutions, and commercial spaces.<\/p>\n                <\/div>\n              <\/div>\n\n            \n\n\n            <\/div>\n          <\/div>\n\n          <button class=\"vasavi-home-4-nav-btn vasavi-home-4-next\" aria-label=\"Next Slide\">\u276f<\/button>\n        <\/div>\n\n        <!-- Pagination Dots (Dynamically generated or matched to slides) -->\n        <div class=\"vasavi-home-4-dots\" id=\"vasavi-home-4-dots-container\">\n          <button class=\"vasavi-home-4-dot active\" data-index=\"0\" aria-label=\"Slide 1\"><\/button>\n          <button class=\"vasavi-home-4-dot\" data-index=\"1\" aria-label=\"Slide 2\"><\/button>\n          <button class=\"vasavi-home-4-dot\" data-index=\"2\" aria-label=\"Slide 3\"><\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n    const track = document.querySelector('.vasavi-home-4-products-track');\n    const cards = document.querySelectorAll('.vasavi-home-4-card');\n    const nextBtn = document.querySelector('.vasavi-home-4-nav-btn.vasavi-home-4-next');\n    const prevBtn = document.querySelector('.vasavi-home-4-nav-btn.vasavi-home-4-prev');\n    const dotsContainer = document.getElementById('vasavi-home-4-dots-container');\n\n    let currentIndex = 0;\n    const totalCards = cards.length;\n\n    function getMaxIndex() {\n      const width = window.innerWidth;\n      if (width < 640) return totalCards - 1;\n      if (width < 992) return Math.max(0, totalCards - 2);\n      return Math.max(0, totalCards - 3);\n    }\n\n    function updateDots() {\n      const maxIdx = getMaxIndex();\n      dotsContainer.innerHTML = '';\n      for (let i = 0; i <= maxIdx; i++) {\n        const dot = document.createElement('button');\n        dot.className = `vasavi-home-4-dot ${i === currentIndex ? 'active' : ''}`;\n        dot.setAttribute('data-index', i);\n        dot.setAttribute('aria-label', `Slide ${i + 1}`);\n        dot.addEventListener('click', () => {\n          currentIndex = i;\n          updateCarousel();\n        });\n        dotsContainer.appendChild(dot);\n      }\n    }\n\n    function updateCarousel() {\n      const maxIdx = getMaxIndex();\n      if (currentIndex > maxIdx) {\n        currentIndex = maxIdx;\n      }\n      if (currentIndex < 0) {\n        currentIndex = 0;\n      }\n\n      if (cards.length > 0) {\n        const cardWidth = cards[0].getBoundingClientRect().width;\n        const gap = 20;\n        const offset = currentIndex * (cardWidth + gap);\n        track.style.transform = `translateX(-${offset}px)`;\n      }\n\n      \/\/ Update active state on dots\n      const dots = dotsContainer.querySelectorAll('.vasavi-home-4-dot');\n      dots.forEach((dot, idx) => {\n        if (idx === currentIndex) {\n          dot.classList.add('active');\n        } else {\n          dot.classList.remove('active');\n        }\n      });\n    }\n\n    if (nextBtn) {\n      nextBtn.addEventListener('click', () => {\n        const maxIdx = getMaxIndex();\n        if (currentIndex < maxIdx) {\n          currentIndex++;\n        } else {\n          currentIndex = 0; \/\/ loop back\n        }\n        updateCarousel();\n      });\n    }\n\n    if (prevBtn) {\n      prevBtn.addEventListener('click', () => {\n        const maxIdx = getMaxIndex();\n        if (currentIndex > 0) {\n          currentIndex--;\n        } else {\n          currentIndex = maxIdx; \/\/ loop to end\n        }\n        updateCarousel();\n      });\n    }\n\n    window.addEventListener('resize', () => {\n      updateDots();\n      updateCarousel();\n    });\n\n    updateDots();\n    updateCarousel();\n  });\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n.home-sec-5-left-content p {\n    color: white;\n    \/* margin-bottom: 40px; *\/\n    font-size: 14px;\n}\n\n.home-sec-5-section {\n    width: 100%;\n    min-height: 500px;\n    background-color: #0b2559;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n}\n.home-sec-5-container {\n    width: 100%;\n   \n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n}\n@media(min-width: 992px) {\n    .home-sec-5-container {\n        flex-direction: row;\n        min-height: 520px;\n    }\n}\n.home-sec-5-left-content {\n    width: 100%;\n    background-color: #0b2559;\n    padding: 50px 30px;\n    display: flex;\ngap: 50px;\n    flex-direction: column;\n    justify-content: center;\n    z-index: 2;\n}\n@media(min-width: 992px) {\n    .home-sec-5-left-content {\n        width: 45%;\n        padding: 60px 50px 60px 80px;\n    }\n}\n\n\n\n\/* ETP title *\/\n.home-sec-5-etp-title {\n    font-size: 30px;\n    font-weight: 600;\n    color: #ffffff;\n    letter-spacing: -0.01em;\n    position: relative;\n    padding-bottom: 12px;\n    cursor: pointer;\n    transition: color 0.3s ease;\n}\n\n.home-sec-5-etp-title::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    max-width: 340px;\n    height: 2px;\n    background-color: #ffffff;\n    opacity: 0.8;\n    transition: background-color 0.3s ease;\n}\n\n\n\n\/* Description wrapper \u2014 FIXED height reserved always, no layout shift *\/\n.home-sec-5-desc-wrap {\n  \n    margin-top: 16px;\n    overflow: hidden;\n}\n\n\n\n\n\n\/* Right Side Image Box *\/\n.home-sec-5-right-image {\n    width: 100%;\n    min-height: 350px;\n    background-image: url('https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/tank2.webp');\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n@media(min-width: 992px) {\n    .home-sec-5-right-image {\n        width: 55%;\n        min-height: 100%;\n    }\n}\n.home-sec-5-img-fallback {\n    display: none;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n<\/style>\n\n<section class=\"home-sec-5-section\">\n\n    <div class=\"home-sec-5-container\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n\n        <!-- Left Side Content: STP & ETP -->\n        <div class=\"home-sec-5-left-content\">\n\n            <!-- STP Block -->\n            <div class=\"home-sec-5-block-1\">\n                <h2 class=\"home-sec-5-etp-title\">Sewage Treatment Plant (STP)<\/h2>\n\n                <div class=\"home-sec-5-desc-wrap\">\n                    <p class=\"home-sec-5-stp-desc\">\n                        Our STP systems efficiently treat domestic wastewater, enabling safe discharge or reuse while meeting environmental standards and reducing water wastage.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- ETP Block -->\n            <div class=\"home-sec-5-block-2\">\n                <h2 class=\"home-sec-5-etp-title\">Effluent Treatment Plant (ETP)<\/h2>\n\n                <div class=\"home-sec-5-desc-wrap\">\n                    <p class=\"home-sec-5-etp-desc\">\n                        Our ETP systems treat industrial effluents by removing contaminants, ensuring compliance with pollution control norms before safe discharge or reuse.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Right Side Aerial Image -->\n        <div class=\"home-sec-5-right-image\" role=\"img\" aria-label=\"Aerial Water Treatment Plant View\">\n            <img decoding=\"async\" class=\"home-sec-5-img-fallback\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/tank2.webp\" alt=\"Water Treatment Plant\">\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.right {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.home-vasavi-sec5-section {\n    background-color: #ffffff;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    padding: 60px 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .home-vasavi-sec5-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 1.15fr 1.15fr;\n    grid-template-rows: auto auto;\n    gap: 20px;\n    max-width: 1200px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .home-vasavi-sec5-col-left {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    justify-content: space-between;\n  }\n\n  .home-vasavi-sec5-text-box {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding-right: 10px;\n  }\n\n  .home-vasavi-sec5-title {\n  font-size: 45px;\n    font-weight: 600;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #111827;\n  }\n\n  .home-vasavi-sec5-description {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #4a4a4a;\n    margin: 0;\n  }\n\n  .home-vasavi-sec5-card {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n    display: flex;\n    align-items: flex-end;\n    background-color: #000000;\n    box-sizing: border-box;\n  }\n\n  .home-vasavi-sec5-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: transform 0.3s ease;\n  }\n\n  .home-vasavi-sec5-card:hover img {\n    transform: scale(1.03);\n  }\n\n  .home-vasavi-sec5-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 50%;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);\n    z-index: 1;\n  }\n\n  .home-vasavi-sec5-card-title {\n    position: relative;\n    z-index: 2;\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 600;\n    padding: 20px;\n    margin: 0;\n    line-height: 1.3;\n  }\n\n  .home-vasavi-sec5-municipal-card {\n    height: 240px;\n    width: 100%;\n  }\n\n  .home-vasavi-sec5-shipping-card {\n    grid-column: 2;\n    grid-row: 1 \/ span 2;\n    height: 500px;\n  }\n\n  .home-vasavi-sec5-commercial-card {\n    grid-column: 3;\n    grid-row: 1;\n    height: 240px;\n  }\n\n  .home-vasavi-sec5-bottom-right-row {\n    grid-column: 3;\n    grid-row: 2;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    height: 240px;\n  }\n\n  .home-vasavi-sec5-agro-card,\n  .home-vasavi-sec5-environmental-card {\n    height: 100%;\n    width: 100%;\n  }\n\n  @media (max-width: 900px) {\n    .home-vasavi-sec5-wrapper {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto;\n    }\n    .home-vasavi-sec5-shipping-card,\n    .home-vasavi-sec5-commercial-card,\n    .home-vasavi-sec5-bottom-right-row {\n      grid-column: auto;\n      grid-row: auto;\n      height: 280px;\n    }\n    .home-vasavi-sec5-bottom-right-row {\n      grid-template-columns: 1fr;\n      height: auto;\n      gap: 20px;\n    }\n    .home-vasavi-sec5-agro-card,\n    .home-vasavi-sec5-environmental-card {\n      height: 280px;\n    }\n  }\n<\/style>\n\n<section class=\"home-vasavi-sec5-section\">\n  <div class=\"home-vasavi-sec5-wrapper\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n\n    <!-- Left Column: Text & Municipal Card -->\n    <div class=\"home-vasavi-sec5-col-left\">\n      <div class=\"home-vasavi-sec5-text-box\">\n        <h2 class=\"home-vasavi-sec5-title\">Industries<br>we serve<\/h2>\n        <p class=\"home-vasavi-sec5-description\">\n          Our reputation is based on the experience in a broad range of well-proven Water Treatment Plants. We\n          manufacture international standard wastewater treatment plants across multiple industry sectors.\n        <\/p>\n      <\/div>\n      <div class=\"home-vasavi-sec5-card home-vasavi-sec5-municipal-card\">\n        <img decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/municiple-colony.webp\" alt=\"Municipal &amp; Government\">\n        <div class=\"home-vasavi-sec5-overlay\"><\/div>\n        <h3 class=\"home-vasavi-sec5-card-title\">Municipal &amp;<br>Government<\/h3>\n      <\/div>\n    <\/div>\n\n    <!-- Middle Column: Shipping & Marine (Tall Card) -->\n    <div class=\"home-vasavi-sec5-card home-vasavi-sec5-shipping-card\">\n      <img decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/shipping-zone.webp\" alt=\"Shipping &amp; Marine\">\n      <div class=\"home-vasavi-sec5-overlay\"><\/div>\n      <h3 class=\"home-vasavi-sec5-card-title\">Shipping &amp;<br>Marine<\/h3>\n    <\/div>\n\n    <!-- Right Column Top: Commercial & Institutional Card -->\n\n    <div class=\"right\">\n\n\n      <div class=\"home-vasavi-sec5-card home-vasavi-sec5-commercial-card\">\n        <img decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/commerical-buildings-scaled.webp\" alt=\"Commercial &amp; Institutional\">\n        <div class=\"home-vasavi-sec5-overlay\"><\/div>\n        <h3 class=\"home-vasavi-sec5-card-title\">Commercial &amp;<br>Institutional<\/h3>\n      <\/div>\n\n      <!-- Right Column Bottom: Agro & Environmental Cards side-by-side -->\n      <div class=\"home-vasavi-sec5-bottom-right-row\">\n        <div class=\"home-vasavi-sec5-card home-vasavi-sec5-agro-card\">\n          <img decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/garden.webp\" alt=\"Agro &amp; Irrigation\">\n          <div class=\"home-vasavi-sec5-overlay\"><\/div>\n          <h3 class=\"home-vasavi-sec5-card-title\">Agro &amp;<br>Irrigation<\/h3>\n        <\/div>\n        <div class=\"home-vasavi-sec5-card home-vasavi-sec5-environmental-card\">\n          <img decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/environmental.webp\" alt=\"Environmental &amp; Infrastructure\">\n          <div class=\"home-vasavi-sec5-overlay\"><\/div>\n          <h3 class=\"home-vasavi-sec5-card-title\">Environmental &amp;<br>Infrastructure<\/h3>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\nsection.vasavi-home-sec6-section {\n    display: none; \na.vasavi-home-sec6-arrow-btn {\n    text-decoration: unset !important;\n}\n.vasavi-home-sec6-section {\n    background-color: #ffffff;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    padding: 60px 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .vasavi-home-sec6-container {\n    max-width: 1200px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .vasavi-home-sec6-header {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n\n  .vasavi-home-sec6-title {\n font-size: 45px;\n    font-weight: 600;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #111827;\n  }\n\n  .vasavi-home-sec6-subtitle {\n    font-size: 14px;\n    line-height: 1.5;\n    color: #555555;\n    margin: 0;\n    max-width: 600px;\n  }\n\n  \/* Carousel Wrapper & Controls Layout *\/\n  .vasavi-home-sec6-carousel-wrapper {\n    position: relative;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .vasavi-home-sec6-track-container {\n    overflow: hidden;\n    width: 100%;\n    padding: 10px 4px 20px 4px;\n    box-sizing: border-box;\n  }\n\n  .vasavi-home-sec6-grid {\n    display: flex;\n    gap: 24px;\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .vasavi-home-sec6-card {\n    min-width: calc(25% - 18px);\n    background-color: #f3f7f0;\n    border-radius: 16px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 16px;\n    box-sizing: border-box;\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, background-color 0.4s ease;\n    cursor: pointer;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n  }\n\n  \/* Unique Hover Effect *\/\n  .vasavi-home-sec6-card:hover {\n    transform: translateY(-8px) scale(1.02);\n    box-shadow: 0 16px 32px rgba(46, 125, 50, 0.15);\n    background-color: #ebf5e9;\n  }\n\n  .vasavi-home-sec6-image-wrapper {\n    width: 100%;\n    height: 220px;\n    border-radius: 12px;\n    overflow: hidden;\n    position: relative;\n    background-color: #e5e5e5;\n  }\n\n  .vasavi-home-sec6-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;\n  }\n\n  .vasavi-home-sec6-card:hover .vasavi-home-sec6-image {\n    transform: scale(1.1);\n    filter: brightness(1.05);\n  }\n\n  .vasavi-home-sec6-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-top: 16px;\n    padding: 0 4px 4px 4px;\n  }\n\n  .vasavi-home-sec6-text-group {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .vasavi-home-sec6-project-title {\n    font-size: 14px;\n    font-weight: 600;\n    color: #111111;\n    margin: 0 0 4px 0;\n    transition: color 0.3s ease;\n  }\n\n  .vasavi-home-sec6-card:hover .vasavi-home-sec6-project-title {\n    color: #2e7d32;\n  }\n\n  .vasavi-home-sec6-project-category {\n    font-size: 13px;\n    font-weight: 500;\n    color: #333333;\n    margin: 0;\n  }\n\n  .vasavi-home-sec6-arrow-btn {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background-color: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #111111;\n    text-decoration: none;\n    flex-shrink: 0;\n    transition: background-color 0.2s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n\n  .vasavi-home-sec6-card:hover .vasavi-home-sec6-arrow-btn {\n    background-color: #2e7d32;\n    color: #ffffff;\n    transform: scale(1.15) rotate(45deg);\n  }\n\n  .vasavi-home-sec6-arrow-icon {\n    font-size: 14px;\n    font-weight: bold;\n    display: inline-block;\n    transition: transform 0.3s ease;\n  }\n\n  \/* Carousel Navigation Buttons *\/\n  .vasavi-home-sec6-nav-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background-color: #ffffff;\n    border: 1px solid #e0e0e0;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    font-size: 18px;\n    font-weight: bold;\n    color: #333333;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 10;\n    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease;\n  }\n\n  .vasavi-home-sec6-nav-btn:hover {\n    background-color: #2e7d32;\n    color: #ffffff;\n    border-color: #2e7d32;\n    transform: translateY(-50%) scale(1.08);\n  }\n\n  .vasavi-home-sec6-prev-btn {\n    left: -22px;\n  }\n\n  .vasavi-home-sec6-next-btn {\n    right: -22px;\n  }\n\n  \/* Pagination Dots *\/\n  .vasavi-home-sec6-dots {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 20px;\n  }\n\n  .vasavi-home-sec6-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 4px;\n    background-color: #d0d0d0;\n    border: none;\n    cursor: pointer;\n    transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease;\n    padding: 0;\n  }\n\n  .vasavi-home-sec6-dot.active {\n    width: 24px;\n    background-color: #2e7d32;\n  }\n\n  \/* Responsive Breakpoints *\/\n  @media (max-width: 1024px) {\n    .vasavi-home-sec6-card {\n      min-width: calc(50% - 12px);\n    }\n    .vasavi-home-sec6-prev-btn { left: -10px; }\n    .vasavi-home-sec6-next-btn { right: -10px; }\n  }\n\n  @media (max-width: 640px) {\n    .vasavi-home-sec6-card {\n      min-width: 100%;\n    }\n    .vasavi-home-sec6-prev-btn { left: -5px; }\n    .vasavi-home-sec6-next-btn { right: -5px; }\n  }\n<\/style>\n\n<section class=\"vasavi-home-sec6-section\">\n  <div class=\"vasavi-home-sec6-container\">\n    \n    <div class=\"vasavi-home-sec6-header\" data-aos=\"fade-up\" data-aos-duration=\"2000\">\n      <h2 class=\"vasavi-home-sec6-title\">Our Projects<\/h2>\n      <p class=\"vasavi-home-sec6-subtitle\">\n        Our projects showcase expertise in advanced water treatment technologies. Built to deliver clean water, operational efficiency, and lasting performance.\n      <\/p>\n    <\/div>\n\n    <div class=\"vasavi-home-sec6-carousel-wrapper\" data-aos=\"fade-up\" data-aos-duration=\"2000\">\n      <button class=\"vasavi-home-sec6-nav-btn vasavi-home-sec6-prev-btn\" aria-label=\"Previous Slide\">\u276e<\/button>\n      \n      <div class=\"vasavi-home-sec6-track-container\">\n        <div class=\"vasavi-home-sec6-grid\" id=\"vasaviCarouselGrid\">\n          \n          <!-- Card 1: Railway Station -->\n          <div class=\"vasavi-home-sec6-card\">\n            <div class=\"vasavi-home-sec6-image-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Railway Station STP\" class=\"vasavi-home-sec6-image\">\n            <\/div>\n            <div class=\"vasavi-home-sec6-content\">\n              <div class=\"vasavi-home-sec6-text-group\">\n                <h3 class=\"vasavi-home-sec6-project-title\">Railway Station<\/h3>\n                <p class=\"vasavi-home-sec6-project-category\">STP<\/p>\n              <\/div>\n              <a href=\"#\" class=\"vasavi-home-sec6-arrow-btn\" aria-label=\"View Project\">\n                <span class=\"vasavi-home-sec6-arrow-icon\">\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Card 2: KMCH -->\n          <div class=\"vasavi-home-sec6-card\">\n            <div class=\"vasavi-home-sec6-image-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1587351021759-3e566b6af7cc?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"KMCH STP\" class=\"vasavi-home-sec6-image\">\n            <\/div>\n            <div class=\"vasavi-home-sec6-content\">\n              <div class=\"vasavi-home-sec6-text-group\">\n                <h3 class=\"vasavi-home-sec6-project-title\">KMCH<\/h3>\n                <p class=\"vasavi-home-sec6-project-category\">STP<\/p>\n              <\/div>\n              <a href=\"#\" class=\"vasavi-home-sec6-arrow-btn\" aria-label=\"View Project\">\n                <span class=\"vasavi-home-sec6-arrow-icon\">\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Card 3: STP Casa Grande -->\n          <div class=\"vasavi-home-sec6-card\">\n            <div class=\"vasavi-home-sec6-image-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"STP Casa Grande\" class=\"vasavi-home-sec6-image\">\n            <\/div>\n            <div class=\"vasavi-home-sec6-content\">\n              <div class=\"vasavi-home-sec6-text-group\">\n                <h3 class=\"vasavi-home-sec6-project-title\">STP<\/h3>\n                <p class=\"vasavi-home-sec6-project-category\">Casa Grande<\/p>\n              <\/div>\n              <a href=\"#\" class=\"vasavi-home-sec6-arrow-btn\" aria-label=\"View Project\">\n                <span class=\"vasavi-home-sec6-arrow-icon\">\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Card 4: Isha Foundation -->\n          <div class=\"vasavi-home-sec6-card\">\n            <div class=\"vasavi-home-sec6-image-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582510003544-4d00b7f74220?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Isha Foundation\" class=\"vasavi-home-sec6-image\">\n            <\/div>\n            <div class=\"vasavi-home-sec6-content\">\n              <div class=\"vasavi-home-sec6-text-group\">\n                <h3 class=\"vasavi-home-sec6-project-title\">Isha Foundation<\/h3>\n                <p class=\"vasavi-home-sec6-project-category\">GETSR<\/p>\n              <\/div>\n              <a href=\"#\" class=\"vasavi-home-sec6-arrow-btn\" aria-label=\"View Project\">\n                <span class=\"vasavi-home-sec6-arrow-icon\">\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n  <!-- Card 1: Railway Station -->\n          <div class=\"vasavi-home-sec6-card\">\n            <div class=\"vasavi-home-sec6-image-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Railway Station STP\" class=\"vasavi-home-sec6-image\">\n            <\/div>\n            <div class=\"vasavi-home-sec6-content\">\n              <div class=\"vasavi-home-sec6-text-group\">\n                <h3 class=\"vasavi-home-sec6-project-title\">Railway Station<\/h3>\n                <p class=\"vasavi-home-sec6-project-category\">STP<\/p>\n              <\/div>\n              <a href=\"#\" class=\"vasavi-home-sec6-arrow-btn\" aria-label=\"View Project\">\n                <span class=\"vasavi-home-sec6-arrow-icon\">\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Card 2: KMCH -->\n          <div class=\"vasavi-home-sec6-card\">\n            <div class=\"vasavi-home-sec6-image-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1587351021759-3e566b6af7cc?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"KMCH STP\" class=\"vasavi-home-sec6-image\">\n            <\/div>\n            <div class=\"vasavi-home-sec6-content\">\n              <div class=\"vasavi-home-sec6-text-group\">\n                <h3 class=\"vasavi-home-sec6-project-title\">KMCH<\/h3>\n                <p class=\"vasavi-home-sec6-project-category\">STP<\/p>\n              <\/div>\n              <a href=\"#\" class=\"vasavi-home-sec6-arrow-btn\" aria-label=\"View Project\">\n                <span class=\"vasavi-home-sec6-arrow-icon\">\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Card 3: STP Casa Grande -->\n          <div class=\"vasavi-home-sec6-card\">\n            <div class=\"vasavi-home-sec6-image-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"STP Casa Grande\" class=\"vasavi-home-sec6-image\">\n            <\/div>\n            <div class=\"vasavi-home-sec6-content\">\n              <div class=\"vasavi-home-sec6-text-group\">\n                <h3 class=\"vasavi-home-sec6-project-title\">STP<\/h3>\n                <p class=\"vasavi-home-sec6-project-category\">Casa Grande<\/p>\n              <\/div>\n              <a href=\"#\" class=\"vasavi-home-sec6-arrow-btn\" aria-label=\"View Project\">\n                <span class=\"vasavi-home-sec6-arrow-icon\">\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Card 4: Isha Foundation -->\n          <div class=\"vasavi-home-sec6-card\">\n            <div class=\"vasavi-home-sec6-image-wrapper\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582510003544-4d00b7f74220?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Isha Foundation\" class=\"vasavi-home-sec6-image\">\n            <\/div>\n            <div class=\"vasavi-home-sec6-content\">\n              <div class=\"vasavi-home-sec6-text-group\">\n                <h3 class=\"vasavi-home-sec6-project-title\">Isha Foundation<\/h3>\n                <p class=\"vasavi-home-sec6-project-category\">GETSR<\/p>\n              <\/div>\n              <a href=\"#\" class=\"vasavi-home-sec6-arrow-btn\" aria-label=\"View Project\">\n                <span class=\"vasavi-home-sec6-arrow-icon\">\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <button class=\"vasavi-home-sec6-nav-btn vasavi-home-sec6-next-btn\" aria-label=\"Next Slide\">\u276f<\/button>\n    <\/div>\n\n    <!-- Dots Container -->\n    <div class=\"vasavi-home-sec6-dots\" id=\"vasaviDotsContainer\"><\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    const grid = document.getElementById('vasaviCarouselGrid');\n    const cards = grid.querySelectorAll('.vasavi-home-sec6-card');\n    const prevBtn = document.querySelector('.vasavi-home-sec6-prev-btn');\n    const nextBtn = document.querySelector('.vasavi-home-sec6-next-btn');\n    const dotsContainer = document.getElementById('vasaviDotsContainer');\n\n    let currentIndex = 0;\n\n    function getVisibleCount() {\n      if (window.innerWidth <= 640) return 1;\n      if (window.innerWidth <= 1024) return 2;\n      return 4;\n    }\n\n    function getMaxIndex() {\n      return Math.max(0, cards.length - getVisibleCount());\n    }\n\n    function createDots() {\n      dotsContainer.innerHTML = '';\n      const totalDots = getMaxIndex() + 1;\n      for (let i = 0; i < totalDots; i++) {\n        const dot = document.createElement('button');\n        dot.classList.add('vasavi-home-sec6-dot');\n        if (i === currentIndex) dot.classList.add('active');\n        dot.addEventListener('click', () => {\n          currentIndex = i;\n          updateCarousel();\n        });\n        dotsContainer.appendChild(dot);\n      }\n    }\n\n    function updateCarousel() {\n      const maxIdx = getMaxIndex();\n      if (currentIndex > maxIdx) currentIndex = maxIdx;\n      \n      const cardWidth = cards[0].getBoundingClientRect().width;\n      const gap = 24;\n      const offset = currentIndex * (cardWidth + gap);\n      grid.style.transform = `translateX(-${offset}px)`;\n\n      \/\/ Update dot indicators\n      const dots = dotsContainer.querySelectorAll('.vasavi-home-sec6-dot');\n      dots.forEach((dot, index) => {\n        if (index === currentIndex) {\n          dot.classList.add('active');\n        } else {\n          dot.classList.remove('active');\n        }\n      });\n    }\n\n    nextBtn.addEventListener('click', () => {\n      const maxIdx = getMaxIndex();\n      if (currentIndex < maxIdx) {\n        currentIndex++;\n      } else {\n        currentIndex = 0; \/\/ loop back to start\n      }\n      updateCarousel();\n    });\n\n    prevBtn.addEventListener('click', () => {\n      const maxIdx = getMaxIndex();\n      if (currentIndex > 0) {\n        currentIndex--;\n      } else {\n        currentIndex = maxIdx; \/\/ loop to end\n      }\n      updateCarousel();\n    });\n\n    window.addEventListener('resize', () => {\n      createDots();\n      updateCarousel();\n    });\n\n    createDots();\n  });\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n.logo-inner h2 {\n    font-size: 45px;\n    font-weight: 600;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #111827;\n    text-align: center;\n}\n<\/style>\n\n<div class=\"logo-sec\">\n<div class=\"container\">\n<div class=\"logo-inner\">\n<h2 data-aos=\"fade-up\" data-aos-duration=\"1000\">Clients<\/h2>\n<style id=\"sp_lcp_dynamic_css69\">div#logo-carousel-free-69.logo-carousel-free .sp-lc-logo{border: 1px solid #dddddd;border-radius: 0px;overflow: hidden;}div#logo-carousel-free-69.logo-carousel-free .sp-lc-logo:hover{border-color: #16a08b;}#logo-carousel-free-69.sp-lc-container .sp-lc-pagination .swiper-pagination-bullet {background-color: #dddddd;margin: 0 4px;}#logo-carousel-free-69.sp-lc-container .sp-lc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #16a08b; }#logo-carousel-free-69.sp-lc-container .sp-logo-carousel {padding-top: 46px;}#logo-carousel-free-69.sp-lc-container .sp-lc-button-prev,#logo-carousel-free-69.sp-lc-container .sp-lc-button-next {color: #aaaaaa;background: transparent;border: 1px solid #aaaaaa;line-height: 28px;}#logo-carousel-free-69.sp-lc-container .sp-lc-button-prev:hover,#logo-carousel-free-69.sp-lc-container .sp-lc-button-next:hover{background-color: #16a08b;color: #ffffff;border-color: #16a08b;}@media only screen and (max-width: 576px) {} .logo-carousel-free-area#logo-carousel-free-69{position: relative;}#lcp-preloader-69{position: absolute;left: 0;top: 0;height: 100%;width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;background: #fff;z-index: 9999;} .logo-carousel-free-area#logo-carousel-free-69 .sp-logo-carousel-section-title{margin-bottom: 30px;}#logo-carousel-free-69 .sp-lc-grid-container { justify-content: left; align-items: center; } #logo-carousel-free-69 .swiper-wrapper .swiper-slide { align-self: center; }#logo-carousel-free-69 .sp-lc-grid-container {margin-left: -4px;margin-right: -4px;width: calc( 100% + 8px);}#logo-carousel-free-69 .sp-lc-grid-container [class*=\"lc-col\"] {padding-left: 4px;padding-right: 4px;padding-bottom: 8px;}@media screen and (min-width: 1200px ){.logo-carousel-free-area#logo-carousel-free-69 .sp-logo-carousel:not([class*=\"-initialized\"]) > .swiper-wrapper {display: flex;width: calc( 100% + 8px );}.logo-carousel-free-area#logo-carousel-free-69 .sp-logo-carousel:not([class*=\"-initialized\"]) > .swiper-wrapper > .swiper-slide {width: 20%;padding-right: 8px;}}<\/style>\n<div id='logo-carousel-free-69' class=\"logo-carousel-free logo-carousel-free-area sp-lc-container\">\n\t\t\t<div id=\"lcp-preloader-69\" class=\"sp-logo-carousel-preloader\"><img decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/plugins\/logo-carousel-free\/admin\/assets\/images\/spinner.svg\" class=\"skip-lazy\" alt=\"Loader Image\"\/><\/div>\n\t\t\t<div id=\"sp-logo-carousel-id-69\" class=\"swiper-container sp-logo-carousel  lcp-preloader\" dir=\"ltr\" data-carousel='{ \"speed\":600,\"spaceBetween\": 8, \"autoplay\": true, \"infinite\":true, \"autoplay_speed\": 3000, \"stop_onHover\": true, \"pagination\": true, \"navigation\": true, \"MobileNav\": true, \"MobilePagi\": true, \"simulateTouch\": true,\"freeMode\": false,\"swipeToSlide\": false, \"carousel_accessibility\": true,\"adaptiveHeight\": false,\"allowTouchMove\": true, \"slidesPerView\": { \"lg_desktop\": 5, \"desktop\": 4, \"tablet\": 3, \"mobile\": 1, \"mobile_landscape\": 2 } }' data-carousel-starts-onscreen=\"false\">\n\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/logo4.webp\" title=\"\" alt=\"logo4\" width=\"384\" height=\"318\" class=\"sp-lc-image\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/logo3.webp\" title=\"\" alt=\"logo3\" width=\"278\" height=\"278\" class=\"sp-lc-image\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/logo2.webp\" title=\"\" alt=\"logo2\" width=\"324\" height=\"196\" class=\"sp-lc-image\"><\/div><\/div>\n\t\t<div class=\"swiper-slide\"><div class=\"sp-lc-logo\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.getln.com\/vashavi\/wp-content\/uploads\/2026\/08\/logo1.webp\" title=\"\" alt=\"logo1\" width=\"451\" height=\"172\" class=\"sp-lc-image\"><\/div><\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"sp-lc-pagination swiper-pagination dots\"><\/div>\n\t\t\t\t\t\t<div class=\"sp-lc-button-next\"><i class=\"fa fa-angle-right\"><\/i><\/div>\n\t\t\t<div class=\"sp-lc-button-prev\"><i class=\"fa fa-angle-left\"><\/i><\/div>\n\t\t\t\t<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.vasavi-home-cta-section {\n    background-color: #38a13a;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    padding: 36px 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  .vasavi-home-cta-container {\n    max-width: 1200px;\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    box-sizing: border-box;\n    gap: 20px;\n  }\n\n  .vasavi-home-cta-text-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .vasavi-home-cta-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: #ffffff;\n    margin: 0;\n    line-height: 1.3;\n  }\n\n  .vasavi-home-cta-subtitle {\n    font-size: 14px;\n    font-weight: 400;\n    color: rgba(255, 255, 255, 0.85);\n    margin: 0;\n    line-height: 1.4;\n  }\n\n  .vasavi-home-cta-button {\n    background-color: #0d238e;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 600;\n    padding: 12px 24px;\n    border-radius: 6px;\n    border: none;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: background-color 0.2s ease, transform 0.2s ease;\n    white-space: nowrap;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  }\n\n  .vasavi-home-cta-button:hover {\n    background-color: #09196b;\n    transform: translateY(-2px);\n  }\n\n  .vasavi-home-cta-arrow {\n    font-size: 16px;\n    font-weight: bold;\n    display: inline-block;\n  }\n\n  @media (max-width: 768px) {\n    .vasavi-home-cta-section {\n      padding: 30px 20px;\n    }\n    .vasavi-home-cta-container {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 20px;\n    }\n    .vasavi-home-cta-title {\n      font-size: 20px;\n    }\n    .vasavi-home-cta-button {\n      width: 100%;\n      justify-content: center;\n    }\n  }\n<\/style>\n\n<section class=\"vasavi-home-cta-section\" >\n  <div class=\"vasavi-home-cta-container\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n    <div class=\"vasavi-home-cta-text-group\">\n      <h2 class=\"vasavi-home-cta-title\" >Pure Water. Smarter Solutions. Sustainable Future.<\/h2>\n      <p class=\"vasavi-home-cta-subtitle\" >Talk to Our Experts Today And Customize Your Water Treatment Plant.<\/p>\n    <\/div>\n  <a href=\"https:\/\/demo.getln.com\/vashavi\/contact-us\/\" class=\"vasavi-home-sec1-btn\" >\n           Contact Today\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n              <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n            <\/svg>\n          <\/a>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Water Treatment plant Millions of Litres Recycled Through Our Water Solutions. Talk to Us Overview Our journey in the water treatment industry began in 2004. Over the years, we have developed practical expertise in water analysis, purification, filtration, and wastewater treatment solutions \u2014 from water analysis and RO plants to water softeners, filtration systems, STP [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry","entry","has-media"],"_links":{"self":[{"href":"https:\/\/demo.getln.com\/vashavi\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.getln.com\/vashavi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.getln.com\/vashavi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.getln.com\/vashavi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.getln.com\/vashavi\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":93,"href":"https:\/\/demo.getln.com\/vashavi\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":328,"href":"https:\/\/demo.getln.com\/vashavi\/wp-json\/wp\/v2\/pages\/11\/revisions\/328"}],"wp:attachment":[{"href":"https:\/\/demo.getln.com\/vashavi\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}