.services-title{font-size:56px;font-weight:500;margin-bottom:60px}.service-card:hover img.grid-preview-pages-star{filter:brightness(0) invert(1)}.services-grid{column-gap:20px;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;row-gap:15px;width:985px}.service-card{align-items:flex-end;background-color:#1f1f1f;border-radius:14px;color:#fff;display:flex;height:200px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:transform .4s ease;width:315px}.card-bg{background-position:50%;background-size:cover;transform:scale(1.1);transition:opacity .5s ease,transform .5s ease}.card-bg,.service-card:after{inset:0;opacity:0;position:absolute}.service-card:after{background:#231f204d;content:"";transition:opacity .4s ease}.card-content{position:relative;z-index:2}.card-content h3{color:#fff;font-size:20px;font-weight:500;margin:0 0 8px}.discover-btn{color:#ff6a00;font-size:14px;font-weight:500}.card-icon{color:#ff6a00;font-size:18px;position:absolute;right:15px;top:15px;z-index:2}.service-card:hover{transform:translateY(-6px)}.service-card:hover .card-bg{opacity:1;transform:scale(1)}.service-card:hover:after{opacity:1}@media screen and (max-width:1200px){.services-grid{max-width:985px;width:90%}}@media screen and (max-width:1024px){.services-grid{column-gap:15px;row-gap:15px;width:95%}.service-card{height:190px;width:calc(50% - 15px)}.services-title{font-size:28px;margin-bottom:30px}}@media screen and (max-width:768px){.services-grid{column-gap:15px;row-gap:12px;width:100%}.service-card{height:180px;padding:15px;width:calc(50% - 15px)}.services-title{font-size:26px;margin-bottom:25px}.card-content h3{font-size:18px}.discover-btn{font-size:13px}}@media screen and (max-width:576px){.service-card{height:170px;padding:15px;width:100%}.services-title{font-size:24px;margin-bottom:20px}.card-content h3{font-size:17px}}