.community-services{position:relative;overflow:hidden;padding:24px;background:linear-gradient(145deg,#fbfdfc 0%,#f3f6f9 100%);box-shadow:0 12px 34px rgba(22,50,79,.07);border:1px solid var(--line);border-radius:22px}
.community-actions-primary.community-services{margin-top:8px}
.community-services:after{content:"";position:absolute;right:-62px;top:-76px;width:180px;height:180px;border-radius:50%;background:rgba(22,50,79,.06);pointer-events:none}
.community-services-head{position:relative;z-index:1;max-width:640px}.community-services-head h2{margin:6px 0!important;font-size:clamp(22px,3vw,30px)!important;color:var(--petrol)}.community-services-head p{margin:0;color:var(--muted);line-height:1.45}
.community-service-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.community-service-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:13px 14px;min-height:196px;padding:21px;border:1px solid transparent;border-radius:20px;text-align:left;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.community-service-card:before{content:"";position:absolute;right:-34px;bottom:-55px;width:135px;height:135px;border:22px solid rgba(255,255,255,.28);border-radius:50%;pointer-events:none}
.community-service-need{background:linear-gradient(145deg,#fdeedb,#fbddbd);border-color:#f2c493;color:#7a3a0e}.community-service-offer{background:linear-gradient(145deg,#0E7490,#155e75);border-color:#0E7490;color:#fff}
.community-service-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(22,50,79,.15)}.community-service-card:active{transform:translateY(-1px)}.community-service-card:focus-visible{outline:3px solid rgba(22,50,79,.3);outline-offset:3px}
.community-service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.72);color:var(--g)}.community-service-need .community-service-icon{color:#C2410C}.community-service-offer .community-service-icon{background:rgba(255,255,255,.13);color:#d7f3fb}.community-service-icon .ui-icon{width:25px;height:25px;stroke-width:2.2}
.community-service-copy{display:grid;align-content:start;gap:6px}.community-service-copy strong{font-size:20px;line-height:1.15}.community-service-copy>span{font-size:13px;line-height:1.45;opacity:.83}
.community-service-cta{grid-column:1/-1;align-self:end;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid currentColor;font-size:11px;font-weight:950;letter-spacing:.08em}.community-service-cta .ui-icon{width:18px;height:18px;transition:transform .18s ease}.community-service-card:hover .community-service-cta .ui-icon{transform:translateX(4px)}
.community-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.community-benefits>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px;border-radius:11px;color:#52645a;font-size:10px;text-align:center}.community-benefits i{display:flex;color:var(--g);font-style:normal}.community-benefits .ui-icon{width:17px;height:17px}.community-benefits b{font-weight:800}
@media(max-width:650px){.community-services{padding:18px 15px}.community-services-head h2{font-size:23px!important}.community-services-head p{font-size:13px}.community-service-grid{grid-template-columns:1fr;gap:10px;margin-top:14px}.community-service-card{min-height:158px;padding:17px;gap:10px 12px}.community-service-copy strong{font-size:18px}.community-service-copy>span{font-size:12px}.community-service-icon{width:44px;height:44px}.community-benefits{grid-template-columns:1fr 1fr;gap:3px}.community-benefits>span{justify-content:flex-start;text-align:left;padding:6px 4px}}
@media(prefers-reduced-motion:reduce){.community-service-card,.community-service-cta .ui-icon{transition:none!important}.community-service-card:hover,.community-service-card:hover .community-service-cta .ui-icon{transform:none!important}}
@media(max-width:650px){nav.nav-bar-rc3{grid-template-columns:repeat(7,minmax(0,1fr))}.nav-bar-rc3 .nav{min-width:0;overflow:hidden}.nav-bar-rc3 .nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}