@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.services__grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.services__grid .service-item{background:#026ef10d;border:2px solid rgba(2,110,241,.2);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.services__grid .service-item:hover{border-color:#026ef1}.services__grid .service-item .main-content{padding:24px 32px 32px}.services__grid .service-item .main-content .desc{font-size:1em;line-height:150%}.services__grid .service-item .cta{border:none;border-radius:14px;font-weight:600;margin:16px;padding:1em}.services__grid .service-item .cta:hover{opacity:70%}.services__grid .service-item .tags{align-items:center;display:flex;gap:8px}.services__grid .service-item .tags .item{background:#026ef11a;border-radius:8px;color:#026ef1;font-weight:500;padding:.8em}.services__grid .service-item.top_service{background:#026ef1;grid-row:span 2}.services__grid .service-item.top_service .cta{background:#fff;color:#026ef1}.services__grid .service-item.top_service *{color:#fff}.services__grid .service-item.top_service .icon-bg{height:100%;pointer-events:none;position:absolute;right:0;top:0;width:auto}.services__grid .service-item.top_service .label{align-items:center;background:#fff;border-radius:8px;color:#026ef1;display:flex;gap:4px;margin-bottom:32px;padding:.6em 1em;width:-moz-fit-content;width:fit-content}.services__grid .service-item.top_service span{color:#026ef1;font-weight:500}.services__grid .service-item.top_service .main-content .title{margin-bottom:.75em}.services__grid .service-item.top_service .main-content .desc{line-height:150%;width:80%}.services__grid .service-item:not(.top_service){height:190px}.services__grid .service-item:not(.top_service) *{color:#026ef1}.services__grid .service-item:not(.top_service) .main-content{align-items:start;display:flex;flex-direction:column;height:100%;justify-content:space-between}.services__grid .service-item:not(.top_service) .main-content .desc{line-height:150%}@media screen and (max-width:1200px){.services__grid{gap:10px;grid-template-columns:repeat(2,1fr)}.services__grid .service-item .main-content{padding:18px 22px 22px}}@media screen and (max-width:800px){.services__grid{grid-template-columns:repeat(1,1fr)}.services__grid .service-item:not(.top_service){height:auto}.services__grid .service-item:not(.top_service) .main-content{gap:24px}.services__grid .service-item:not(.top_service) .main-content .tags{flex-wrap:wrap}}
