.services-modern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px 0;font-family:'Inter',sans-serif}.service-card{position:relative;height:400px;border-radius:20px;overflow:hidden;display:flex;align-items:flex-end;transition:transform 0.4s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px rgb(0 0 0 / .1)}.service-card:hover{transform:translateY(-10px)}.service-banner{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 0.6s ease}.service-card:hover .service-banner{transform:scale(1.1)}.service-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgb(0 0 0 / .8) 100%);z-index:1}.service-content{position:relative;z-index:2;padding:30px;color:#fff;width:100%;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.service-title{font-size:24px;font-weight:700;margin:0;transition:transform 0.4s ease,margin-bottom 0.4s ease;color:rgb(255 255 255 / .8)}.service-intro{font-size:15px;line-height:1.6;color:rgb(255 255 255 / .8)!important;max-height:0;opacity:0;margin-bottom:0;overflow:hidden;transition:max-height 0.4s ease,opacity 0.3s ease,margin-bottom 0.4s ease}.service-card:hover .service-intro{max-height:100px;opacity:1;margin-bottom:15px}.service-card:hover .service-title{margin-bottom:10px}.service-link{margin-top:5px;display:inline-flex;align-items:center;gap:8px;color:#25d366;font-weight:600;text-transform:uppercase}.service-link{display:inline-flex;align-items:center;gap:8px;color:#25d366;text-decoration:none;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px}.service-link svg{transition:transform 0.3s ease}.service-link:hover svg{transform:translateX(5px)}