.benefits-section{max-width:1160px;margin:105px auto 0;padding:0 32px}.benefits-heading{display:flex;align-items:end;justify-content:space-between}.benefits-heading h2{font-size:36px}.carousel-arrows{display:flex;gap:7px}.carousel-arrows button{width:40px;height:40px;border:1px solid #d7e3e9;background:white;border-radius:50%;color:#086fb4;font-size:17px;cursor:pointer;transition:.2s}.carousel-arrows button:hover{background:#0878c2;color:white;border-color:#0878c2}.benefit-viewport{overflow:hidden;margin-top:25px;padding:52px 3px 15px;touch-action:pan-y}.benefit-track{display:flex;gap:12px;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}.benefit-card{flex:0 0 calc((100% - 48px)/5);min-height:245px;border:1px solid transparent;border-radius:13px;background:transparent;padding:28px 15px 20px;text-align:center;position:relative;cursor:pointer;transition:.35s;color:#102b45}.benefit-card:hover,.benefit-card.active{background:white;border-color:#dbe5ea;box-shadow:0 15px 35px rgba(19,61,86,.08);transform:translateY(-7px)}.benefit-card svg{width:68px;height:68px;fill:none;stroke:#08783a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin:8px auto 23px;transition:.3s}.benefit-card.active svg{transform:scale(1.08)}.benefit-card h3{font-size:14px;line-height:1.5;letter-spacing:-.02em}.benefit-card>p{font-size:10px;line-height:1.55;color:#708493;margin:8px 0 0}.benefit-tip{position:absolute;z-index:3;left:50%;top:-48px;transform:translateX(-50%) translateY(8px);width:190px;min-height:74px;background:#eaf6dc;color:#254628;border-radius:10px;padding:13px 15px;text-align:left;font-size:9px;line-height:1.5;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 12px 30px rgba(39,91,48,.1)}.benefit-tip:after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background:#eaf6dc;transform:translateX(-50%) rotate(45deg)}.benefit-card.active .benefit-tip{opacity:1;transform:translateX(-50%) translateY(0)}.benefit-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}.benefit-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#cce2d7;padding:0;cursor:pointer;transition:.2s}.benefit-dots button.active{width:23px;border-radius:8px;background:#08783a}@media(max-width:900px){.benefit-card{flex-basis:calc((100% - 24px)/3)}}@media(max-width:600px){.benefits-section{margin-top:75px;padding:0 18px}.benefits-heading h2{font-size:28px}.benefit-card{flex-basis:calc((100% - 12px)/2)}.benefit-tip{width:160px}.carousel-arrows{display:none}}
