/* Core Layout */
 .water-ripple {
     position: absolute;

     /* FIX: Changed from a hardcoded fallback value to inherit from parent section if available */
     --ripple-max-size: inherit;

     /* Make the container dynamically match the max size */
     width: var(--ripple-max-size);
     height: var(--ripple-max-size);
     display: flex;
     align-items: center;
     justify-content: center;

 }

 .ring {
     position: absolute;
     width: 20px;
     height: 20px;
     border: 1px solid #E77676;
     border-radius: 50%;
     animation: ripple 12s infinite cubic-bezier(0, 0.2, 0.8, 1);
 }

 /* .water-ripple.white-rings .ring {
     border-color: #fff;
 } */

 /* Staggering (Stays the same) */
 .ring:nth-child(1) {
     animation-delay: 0s;
 }

 .ring:nth-child(2) {
     animation-delay: 2s;
 }

 .ring:nth-child(3) {
     animation-delay: 4s;
 }

 .ring:nth-child(4) {
     animation-delay: 6s;
 }

 .ring:nth-child(5) {
     animation-delay: 8s;
 }

 .ring:nth-child(6) {
     animation-delay: 10s;
 }

 /* Massive */

 @keyframes ripple {
     0% {
         /* width: 20px;
         height: 20px; */
         width: 20px;
         height: 20px;
         opacity: 1;
     }

     100% {
         /* 🌟 The animation now reads the size dynamically! */
         width: var(--ripple-max-size);
         height: var(--ripple-max-size);
         opacity: 0;
     }
 }

 /* Desynchronize sections (Stays the same) */
 /* .section-1 {
     animation-delay: 0s;
 }

 .section-2 {
     animation-delay: -1.5s;
 }

 .section-3 {
     animation-delay: -3.0s;
 }

 .section-4 {
     animation-delay: -4.5s;
 } */

 /* 🌟 THE VARIATION TRICK: All your sizes kept exactly the same */

 /* ======================================
     Define section Wise Ripple Size 
 ====================================== */
 /* .section-1 {
     --ripple-max-size: 2300px;
 } */

 /* Home page - About Us Section  */

 .about {
     --ripple-max-size: 2300px;
 }

 .about .water-ripple {
     /* left: -11vw;
     top: -69vh; */

     top: 49%;
     left: 49%;
     transform: translate(-50%, -50%);
 }

 /* Overview page - Our Vision & Mission Section  */
 .overview-statement {
     --ripple-max-size: 961px;
 }

 .overview-statement .water-ripple {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 0;
 }

 /* Commong Rings  */
 body.page-id-124 main {
     --ripple-max-size: 2108px;
     overflow: hidden;
 }

 body.page-id-124 main>.water-ripple {
     bottom: -409px;
     left: -573px;
     z-index: -1;
 }


 /* Board of Directors page -  */

 body.page-id-204 main {
     --ripple-max-size: 2108px;
     /* overflow: hidden; */
 }

 body.page-id-204 main>.water-ripple {
     bottom: 111px;
     left: -387px;
     /* z-index: -1; */
 }

 /* Milestone page  */

 .ms-carousel {
     --ripple-max-size: 2108px;
 }

 .ms-carousel .water-ripple {
     bottom: -1100px;
     left: -573px;
     z-index: 0;
 }

 /* Investors Overview page  */
 body.page-id-1208 main {
     --ripple-max-size: 2108px;
     /* overflow: hidden; */
 }

 body.page-id-1208 main>.water-ripple {
     bottom: -1075px;
     left: -314px;
     z-index: -1;
 }

 /* Career Main page  */
 body.page-id-1491 main {
     --ripple-max-size: 2108px;
     /* overflow: hidden; */
 }

 body.page-id-1491 main>.water-ripple {
     bottom: 800px;
     left: -573px;
     z-index: -1;
 }

 /* Career Single page  */
 body.single-job_opening main {
     --ripple-max-size: 2108px;
     /* overflow: hidden; */
 }

 body.single-job_opening main>.water-ripple {
     bottom: -600px;
     left: -573px;
     z-index: -1;
 }

 /* Contact Us page  */
 body.page-id-539 main {
     --ripple-max-size: 2108px;
     /* overflow: hidden; */
 }

 body.page-id-539 main>.water-ripple {
     bottom: 800px;
     left: -573px;
     z-index: -1;
 }


 /* Media 3 pages - News, Events & Download  */
 body.page-id-1225 main,
 body.page-id-1227 main,
 body.page-id-1229 main {
     --ripple-max-size: 2108px;
     /* overflow: hidden; */
 }

 body.page-id-1225 main>.water-ripple,
 body.page-id-1227 main>.water-ripple,
 body.page-id-1229 main>.water-ripple {
     bottom: -255px;
     left: -573px;
     z-index: -1;
 }

 /* CSR page - Empowering Communities Section  */
 .purpose {
     --ripple-max-size: 961px;
 }

 .purpose .water-ripple {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .history {
     --ripple-max-size: 2108px;
     position: relative;
 }

 .history .water-ripple {
     top: 0;
     right: -869px;
     z-index: -1;
 }


 /*  ==========================
        Glow Effects 
 ============================*/

 :root {
     --glow-size: 1613px;
     --glow-half: 806.5px;
     /* 1613 / 2 */
     --glow-start: 80px;
     --glow-step: 1300px;
 }


 .page-background {
     position: relative;
     /* min-height: 100vh; */
     overflow: hidden;
     /* background: #fff; */
 }

 .page-glows {
     position: absolute;
     inset: 0;
     pointer-events: none;
     z-index: 0;
     overflow: hidden;
 }

 .glow {
     position: absolute;
     width: var(--glow-size);
     height: var(--glow-size);
     border-radius: 50%;
     background: radial-gradient(50% 50% at 50% 50%, rgba(210, 0, 0, 0.12) 0%, rgba(108, 0, 0, 0) 100%);
     pointer-events: none;
 }

 .glow.left {
     left: calc(var(--glow-half) * -1);
 }

 .glow.right {
     right: calc(var(--glow-half) * -1);
 }