.yayasan-req{background-color:#fff;padding:4rem 0;position:relative}.yayasan-req__header{text-align:center;margin-bottom:5rem}.yayasan-req__kicker{text-transform:uppercase;letter-spacing:.2rem;color:#22c55e;margin-bottom:1rem;font-size:.9rem;font-weight:700;display:inline-block}.yayasan-req__title{color:#0f172a;letter-spacing:-.02em;font-size:clamp(2.2rem,4.5vw,2.8rem);font-weight:800}.yayasan-req__desc{color:#64748b;max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.6}.yayasan-req__grid{margin-inline:auto;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin-bottom:5rem;display:grid}.yayasan-req__card{text-align:center;background:#f8fafc;border:1px solid #0000;border-radius:1.25rem;height:100%;padding:2.5rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}.yayasan-req__card:before{content:"";background:#22c55e;border-radius:1.25rem 1.25rem 0 0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.yayasan-req__card:hover{background:#fff;box-shadow:0 10px 30px #0000000d}.yayasan-req__card:hover:before{transform:scaleX(1)}.yayasan-req__card-icon{color:#22c55e;background:#dcfce7;border-radius:1rem;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:1.75rem;display:flex}.yayasan-req__card-title{color:#0f172a;margin-bottom:.5rem;font-size:1.15rem;font-weight:800;line-height:1.3}.yayasan-req__card-desc{color:#64748b;font-size:.95rem;line-height:1.5}@media (max-width:1024px){.yayasan-req__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:767px){.yayasan-req__grid{grid-template-columns:1fr}}