.success-story-kpi-box{max-width:var(--content-box-width);width:90%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:20px;gap:2em;background-color:var(--text-green);overflow:hidden;margin:2em auto}.success-story-kpi-box .left-side{flex:1 1;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:2em 0 2em 2em}.success-story-kpi-box .left-side .component-title-container{background-color:rgba(232,234,237,.1);padding:.5em 1em;border-radius:.5em}.success-story-kpi-box .left-side .seo-h{text-align:left;margin-top:.5em!important;color:var(--heading-color,var(--main-white))!important}.success-story-kpi-box .left-side .description{text-align:left;margin-top:1em;margin-bottom:1em;color:var(--description-color,var(--main-white))}.success-story-kpi-box .kpi-box-separator{height:50px;width:1px;margin:0 1em;background:var(--kpi-info-bg-color,rgba(232,234,237,.1))}.success-story-kpi-box .kpi-boxes-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1em;margin-top:1em}.success-story-kpi-box .kpi-boxes{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1em}.success-story-kpi-box .kpi-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em}.success-story-kpi-box .kpi-box-value{font-size:var(--font-24);font-weight:500;color:var(--kpi-value-color,var(--enh-secondary-green))}.success-story-kpi-box .kpi-box-label{font-size:var(--font-22);font-weight:500;color:var(--kpi-label-color,var(--main-white))}.success-story-kpi-box .kpi-info{display:flex;width:100%;background:var(--kpi-info-bg-color,rgba(232,234,237,.1));padding:.5em 1em;justify-content:center;align-items:center}.success-story-kpi-box .kpi-info .kpi-info-text{text-align:center;color:var(--kpi-info-color,var(--main-white))}.success-story-kpi-box .right-side{flex:1 1;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.success-story-kpi-box .right-side .green-box{background:var(--decor-box-color,var(--enh-mint-green));z-index:1;transform:rotate(35deg);right:-135px}.success-story-kpi-box .right-side .green-box,.success-story-kpi-box .right-side .white-box{position:absolute;width:560px;height:560px;border-radius:80px;-webkit-clip-path:inset(0 0 100% 100%);clip-path:inset(0 0 100% 100%);transition:-webkit-clip-path 1.5s cubic-bezier(.22,1,.36,1);transition:clip-path 1.5s cubic-bezier(.22,1,.36,1);transition:clip-path 1.5s cubic-bezier(.22,1,.36,1),-webkit-clip-path 1.5s cubic-bezier(.22,1,.36,1)}.success-story-kpi-box .right-side .white-box{background:var(--main-white);z-index:2;transform:rotate(50deg);overflow:hidden;right:-150px;top:-250px}.success-story-kpi-box.visible .right-side .green-box,.success-story-kpi-box.visible .right-side .white-box{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.success-story-kpi-box .right-side .white-box img{width:560px;height:560px;object-fit:cover;position:absolute;top:60%;left:40%;scale:1.01;transform:translate(calc(-50% + 50px),-50%) rotate(-50deg);opacity:0;transition:transform 1.5s cubic-bezier(.22,1,.36,1),opacity 1.5s ease}.success-story-kpi-box.visible .right-side .white-box img{transform:translate(-50%,-50%) rotate(-50deg);opacity:1}.success-story-kpi-box .brand-logo-overlay{position:absolute;bottom:1.5em;right:1.5em;display:flex;align-items:center;gap:.5em;z-index:10}.success-story-kpi-box .brand-logo-overlay img{position:static!important;transform:none!important;opacity:1!important;width:auto!important;height:32px!important;object-fit:contain}.success-story-kpi-box .brand-logo-overlay .logo-separator{color:var(--main-white);font-size:var(--font-36);font-weight:300;margin-bottom:3px}@media (max-width:1100px){.success-story-kpi-box{flex-direction:column;height:auto}.success-story-kpi-box .left-side{width:100%;padding:2em}.success-story-kpi-box .right-side{width:100%;height:500px;margin-top:2em;overflow:visible}.success-story-kpi-box .right-side .green-box{width:350px;height:350px;right:auto;left:50%;top:50%;transform:translate(50%,-50%) rotate(35deg);border-radius:40px}.success-story-kpi-box .right-side .white-box{width:350px;height:350px;right:auto;left:50%;top:50%;transform:translate(50%,-50%) rotate(50deg);border-radius:40px}.success-story-kpi-box .right-side .white-box img{width:100%;height:120%;top:55%;left:25%;transform:translate(calc(-50% + 50px),-50%) rotate(-50deg)}.success-story-kpi-box.visible .right-side .white-box img{transform:translate(-50%,-50%) rotate(-50deg)}}@media (max-width:800px){.success-story-kpi-box{flex-direction:column;height:auto}.success-story-kpi-box .left-side{width:100%;padding:2em}.success-story-kpi-box .right-side{width:100%;min-height:200px;margin-top:2em;overflow:visible}.success-story-kpi-box .right-side .green-box{width:350px;height:350px;right:auto;left:50%;top:50%;transform:translate(-20%,-30%) rotate(35deg);border-radius:40px}.success-story-kpi-box .right-side .white-box{width:350px;height:350px;right:auto;left:50%;top:50%;transform:translate(-15%,-30%) rotate(50deg);border-radius:40px}.success-story-kpi-box .right-side .white-box img{width:100%;height:100%;top:62%;left:34%;transform:translate(calc(-50% + 50px),-50%) rotate(-50deg)}.success-story-kpi-box.visible .right-side .white-box img{transform:translate(-46%,-51%) rotate(-50deg)}}@media (max-width:468px){.success-story-kpi-box{flex-direction:column;height:auto}.success-story-kpi-box .left-side{width:100%;padding:1.5em}.success-story-kpi-box .right-side{width:100%;min-height:180px;margin-top:2em;overflow:visible}.success-story-kpi-box .right-side .green-box{width:450px;height:450px;right:auto;left:50%;top:65%;transform:translate(-52%,-25%) rotate(75deg)}.success-story-kpi-box .right-side .white-box{width:450px;height:450px;right:auto;left:50%;top:40%;transform:translate(-55%,-20%) rotate(70deg)}.success-story-kpi-box .right-side .white-box img{width:100%;height:100%;top:47%;left:32%;transform:translate(calc(-50% + 50px),-50%) rotate(-50deg)}.success-story-kpi-box.visible .right-side .white-box img{transform:translate(-46%,-51%) rotate(-70deg)}.success-story-kpi-box .kpi-boxes-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;margin-top:1em;width:100%}}