@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");.services-section{padding:40px 20px;text-align:center}.services-section h2{margin-bottom:30px}.services-container{display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px}.service-box{background:#fff;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.08);cursor:pointer;overflow:hidden;padding:30px 20px;position:relative;transition:all .3s ease}.service-box:before{background:rgba(0,123,255,.1);border-radius:15px;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .4s ease;width:100%;z-index:0}.service-box:hover:before{transform:scale(1)}.service-box:hover{box-shadow:0 15px 30px rgba(0,123,255,.2);transform:translateY(-10px)}.service-box img{margin-bottom:20px;transition:transform .9s}.service-box h3,.service-box img{position:relative;z-index:1}.service-box:hover img{transform:rotate(1turn) scale(1.2)}@media (max-width:767px){.services-container{grid-template-columns:1fr}.service-box{padding:25px 15px}.service-box img{font-size:36px;padding:12px}}