.util-page{color:#333;font-family:futuraptMedium,sans-serif}.util-hero{background:url("/Taciti assets/technology services-92.png") top/cover no-repeat;width:100%;height:50vw;min-height:380px}.util-hero-box{margin-left:150px;padding-top:70px}.util-hero-title{color:#fff;max-width:400px;font-family:futuraptMedium,sans-serif;font-size:50px;line-height:1.2}.util-overview{text-align:center;background:#fff;border-top-left-radius:60% 100px;border-top-right-radius:60% 100px;margin-top:-130px;padding:70px 140px}.util-overview h2{color:#013470;margin-bottom:24px;font-family:futuraptbold,sans-serif;font-size:36px;font-weight:700}.util-overview p{color:#555;max-width:1020px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-family:Roboto-Light,sans-serif;font-size:15.5px;line-height:1.85}.util-cards-section{background:#fff;padding:0 100px 70px}.util-cards-row{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto 28px;display:grid}.util-cards-row-center{grid-template-columns:repeat(2,1fr);gap:28px;max-width:740px;margin:0 auto;display:grid}.util-card{border:5px solid #ebebeb;border-radius:5px;min-height:300px;padding:30px 20px;transition:background .3s;position:relative;overflow:hidden}.util-card:hover{background-image:url("/Taciti assets/card.png");background-position:50%;background-repeat:no-repeat;background-size:cover}.util-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.util-card h4{color:#013470;margin:0;font-family:futuraptbold,sans-serif;font-size:22px;font-weight:700;line-height:1.2;transition:color .3s}.util-card:hover h4{color:#fff}.util-card-icon{object-fit:contain;flex-shrink:0;width:30px;height:50px}.util-icon-hover,.util-card:hover .util-icon-default{display:none}.util-card:hover .util-icon-hover{display:block}.util-card p{color:#4e5764;margin:0;font-family:Roboto-Light,sans-serif;font-size:18px;line-height:22px;transition:color .3s}.util-card:hover p{color:#fff}@media (max-width:1100px){.util-overview,.util-cards-section{padding-left:60px;padding-right:60px}}@media (max-width:767px){.util-hero{height:60vw;min-height:240px}.util-hero-box{margin-left:20px;padding-top:40px}.util-hero-box h1{font-size:32px!important}.util-overview{margin-top:-80px;padding:40px 20px}.util-overview p{text-align:justify!important}.util-overview h2{font-size:24px}.util-cards-section{padding:0 20px 50px}.util-cards-row,.util-cards-row-center{grid-template-columns:1fr}}