.services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.main-services{max-width:1200px;margin:0 auto;padding:0 20px}.service-card{cursor:pointer;border-radius:18px;width:100%;height:410px;position:relative;overflow:hidden}.service-overlay{color:#fff;background:linear-gradient(#0000,#0000004d,#000);flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0}.service-overlay h3{will-change:transform;margin:0;font-size:20px;transition:transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.service-overlay p{visibility:hidden;opacity:0;height:0;margin-top:8px;font-size:14px;transition:opacity .3s,transform .3s;transform:translateY(12px)}.service-image{will-change:transform;transition:transform .6s}.service-card:hover .service-image{transform:scale(1.08)}.service-card:hover h3{transform:translateY(-18px)}.service-card:hover p{opacity:1;visibility:visible;height:auto;transform:translateY(0)}@media (min-width:1920px){.main-services{max-width:1580px}}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.services-header{grid-template-columns:1fr!important}.service-card{height:380px}}@media (max-width:640px){.services-grid{grid-template-columns:1fr}}@media (max-width:992px){.service-card{height:480px}}