.why-flexerp{position:relative;width:100%;padding:140px 7vw 150px;overflow:hidden}
.why-flexerp:before{content:"";position:absolute;width:520px;height:520px;top:20%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(0,110,255,.12),rgba(0,110,255,.05) 35%,transparent 70%);pointer-events:none}

.why-flexerp-heading{position:relative;z-index:2;max-width:780px;margin:0 auto 70px;text-align:center}
.why-flexerp-heading .section-tag{display:inline-block;margin-bottom:18px}
.why-flexerp-heading h2{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.05;font-weight:700;letter-spacing:-1.5px}
.why-flexerp-heading h2 span{display:block}
.why-flexerp-heading p{max-width:650px;margin:24px auto 0;font-size:17px;line-height:1.8;opacity:.72}

.why-flexerp-grid{position:relative;z-index:2;max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

.why-card{position:relative;min-height:260px;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.why-card:before{content:"";position:absolute;width:180px;height:180px;top:-90px;right:-90px;background:radial-gradient(circle,rgba(0,132,255,.18),transparent 70%);pointer-events:none}

.why-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;border-radius:15px;background:rgba(0,115,255,.1);border:1px solid rgba(80,160,255,.18);box-shadow:inset 0 0 20px rgba(0,115,255,.05)}
.why-icon span{font-size:22px;line-height:1}
.why-card-content h3{margin:0 0 13px;font-size:21px;line-height:1.3;font-weight:600}
.why-card-content p{margin:0;font-size:15px;line-height:1.75;opacity:.66}

@media(max-width:1000px){
.why-flexerp{padding:110px 6vw 120px}
.why-flexerp-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
.why-flexerp{padding:90px 5vw 100px}
.why-flexerp-heading{margin-bottom:50px}
.why-flexerp-heading h2{font-size:38px;letter-spacing:-.8px}
.why-flexerp-heading p{font-size:15px;line-height:1.7}
.why-flexerp-grid{grid-template-columns:1fr;gap:16px}
.why-card{min-height:auto;padding:28px}
}