.about-service-reach{position:relative;isolation:isolate;overflow:hidden;background:#fdfefe;color:#003f2f;font-family:'DM Sans',sans-serif;padding:var(--about-space,80px) var(--about-right,5%) var(--about-space,80px) var(--about-left,7%);scroll-margin-top:100px}.about-service-reach:before{content:'';position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at 5% 90%,#dfefe566,transparent 42%),radial-gradient(ellipse at 95% 10%,#f9eeee55,transparent 40%);animation:reach-drift 18s ease-in-out infinite}.reach-inner{width:100%;max-width:1600px;margin:auto}.reach-heading{text-align:center;margin-bottom:38px}.reach-heading>p{display:flex;align-items:center;justify-content:center;gap:18px;font-size:20px;font-weight:800;margin:0 0 20px}.reach-heading>p:before,.reach-heading>p:after{content:'';width:58px;height:3px;background:#ed001c;border-radius:2px}.reach-heading h2{font-size:clamp(32px,3.25vw,55px);font-weight:800;line-height:1.15;letter-spacing:-1.4px;margin:0 0 18px;color:#003f2f}.reach-heading em{font:inherit;color:#ed001c}.reach-heading>div{font-size:clamp(16px,1.35vw,22px);line-height:1.5;color:#3e4d52;max-width:1100px;margin:auto}.reach-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reach-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e0e8e2;border-radius:24px;background:#fff;box-shadow:0 6px 18px #073b2b09;transition:transform .4s,box-shadow .4s,border-color .4s}.reach-card:after{content:'';position:absolute;z-index:-1;bottom:0;right:0;width:65px;height:65px;background:#ef001d;border-radius:100% 0 24px 0}.reach-card-content{position:relative;z-index:1;padding:30px 30px 28px;background:linear-gradient(90deg,#fff 0%,#fffffff5 45%,#ffffff90 66%,transparent 90%)}.reach-card-heading{display:flex;gap:22px;align-items:center}.reach-card-heading>svg{width:62px;height:62px;color:#007b47;flex-shrink:0;transition:transform .4s,color .4s}.reach-card h3{font-size:clamp(24px,2vw,34px);line-height:1.12;margin:0;font-weight:800;color:#003f2f;letter-spacing:-.6px}.reach-card-content>p{max-width:65%;font-size:clamp(16px,1.2vw,20px);line-height:1.5;color:#394951;margin:23px 0 28px}.reach-card-content>p:before{content:'';display:block;width:48px;height:3px;border-radius:2px;background:#ef001d;margin-bottom:18px}.reach-art{position:absolute;z-index:-1;inset:0;background-image:url('/assets/service-reach-reference.png');background-repeat:no-repeat;transition:transform .7s}.reach-delhi{background-size:229% 204%;background-position:0 60%}.reach-install{background-size:229% 204%;background-position:100% 60%}.reach-button{display:inline-flex;align-items:center;gap:18px;padding:10px 13px 10px 20px;background:linear-gradient(115deg,#008548,#003e2c);color:#fff;border-radius:40px;text-decoration:none;font-size:16px;font-weight:750;line-height:1.3;transition:transform .3s,box-shadow .3s}.reach-button span{display:grid;place-items:center;background:#fff;color:#00432e;border-radius:50%;width:29px;height:29px;font-size:24px;transition:transform .3s}.reach-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.reach-phone{display:inline-flex;align-items:center;min-height:43px;background:#fff;border:1px solid #ef001d;color:#003f2f;border-radius:30px;font-size:16px;font-weight:750;padding:8px 14px;text-decoration:none;transition:transform .3s}.reach-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #073b2b15;border-color:#a8cebb}.reach-card:hover .reach-art{transform:scale(1.025)}.reach-card:hover .reach-card-heading>svg{transform:translateY(-3px) rotate(-4deg);color:#ed001c}.reach-card:hover .reach-button span{transform:rotate(12deg) translateX(2px)}.reach-button:hover,.reach-phone:hover{transform:translateY(-2px);box-shadow:0 6px 15px #003f2f18}.reach-card a:focus-visible{outline:3px solid #047a4e;outline-offset:4px}.reach-areas{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:32px;background:#eff5f1;padding:20px;border-radius:24px}.reach-areas>svg{width:32px;height:32px;color:#ed001c}.reach-areas strong{font-size:18px;margin-right:10px}.reach-areas>span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e2ebe5;border-radius:30px;padding:8px 15px;font-size:15px;color:#3d4d46;box-shadow:0 3px 7px #003f2f06;transition:transform .3s}.reach-areas>span svg{width:18px;height:21px;color:#ed001c}.reach-areas>span:hover{transform:translateY(-3px)}.reach-heading,.reach-card,.reach-areas{transition:opacity .75s,translate .75s,transform .4s,box-shadow .4s}.reach-enter:not(.reach-visible) :is(.reach-heading,.reach-card,.reach-areas){opacity:0;translate:0 26px}.reach-card:nth-child(2){transition-delay:.1s}.reach-areas{transition-delay:.2s}@keyframes reach-drift{50%{transform:translate(18px,-15px) scale(1.03)}}@media(max-width:1050px){.reach-card-content{padding:25px 22px}.reach-card-heading{gap:15px}.reach-card-heading>svg{width:44px;height:44px}.reach-card-content>p{max-width:82%;font-size:16px}.reach-card h3{font-size:26px}.reach-areas{gap:10px}.reach-areas strong{font-size:17px}.reach-areas>span{font-size:14px}.reach-phone{font-size:14px}}@media(max-width:760px){.reach-cards{grid-template-columns:1fr;gap:24px}.reach-heading h2{font-size:34px}.reach-heading>p{font-size:16px;gap:12px}.reach-heading>p:before,.reach-heading>p:after{width:32px}.reach-card-content>p{max-width:70%}.reach-card h3{font-size:28px}.reach-areas{margin-top:26px;padding:18px 14px}.reach-heading{margin-bottom:28px}}@media(max-width:440px){.reach-card-content{padding:24px 18px}.reach-card-content>p{max-width:90%;background:#ffffff70}.reach-card h3{font-size:24px}.reach-button{font-size:14px;gap:13px}.reach-heading h2{font-size:30px}.reach-areas>svg{display:none}.reach-areas strong{flex-basis:100%;text-align:center;margin:0}.reach-areas>span{font-size:12px;padding:7px 11px}}@media(prefers-reduced-motion:reduce){.about-service-reach:before,.about-service-reach *{animation:none!important;transition:none!important;translate:none!important;transform:none!important;opacity:1!important}}
.reach-art{left:auto;width:49%;background-size:565% 256%;mask-image:linear-gradient(90deg,transparent,#000 35%);background-position:38.14% 50.8%}.reach-install{background-size:584% 264%;background-position:93% 50%}.reach-card-content{background:linear-gradient(90deg,#fff 0%,#fffffff5 42%,#ffffff80 68%,transparent 90%)}
