
/* Clear typographic services overview based on the supplied reference. */
.services-overview{padding-block:2px 82px;font-family:Cairo,Tahoma,Arial,sans-serif;direction:rtl}.services-overview>h2{font-family:Cairo,Tahoma,Arial,sans-serif;font-weight:800;font-size:clamp(36px,3.5vw,48px);line-height:1.5;color:#203548;letter-spacing:-.6px;margin:0 0 56px;text-align:right}.services-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 72px}.overview-service{min-width:0;text-align:right}.overview-service-heading{display:flex;align-items:center;gap:10px;color:#203548;background:transparent;border:0;padding:0;margin:0 0 11px;text-align:right;font:inherit;cursor:pointer;text-decoration:none}.overview-service-heading h3{font-family:Cairo,Tahoma,Arial,sans-serif;color:#203548;font-size:17px;line-height:1.8;font-weight:800;letter-spacing:0;margin:0}.overview-service-heading>.icon{width:22px;height:22px;stroke-width:2.2;color:var(--overview-accent);flex-shrink:0}.overview-service>p{font-size:15px;line-height:2;color:#365976;font-weight:400;margin:0}.overview-violet{--overview-accent:#9815d6}.overview-green{--overview-accent:#62bf28}.overview-pink{--overview-accent:#e91b79}.overview-orange{--overview-accent:#ed7436}.overview-teal{--overview-accent:#009d78}.overview-blue{--overview-accent:#07a4e9}.overview-service-heading:hover h3{color:#00635f;text-decoration:underline;text-underline-offset:5px}.overview-service-heading:focus-visible{outline:2px solid #00635f;outline-offset:6px;border-radius:3px}.services-overview-grid.overview-motion .overview-service{transition:opacity .5s ease,transform .5s ease}.services-overview-grid.overview-motion .overview-service.overview-pending{opacity:0;transform:translateY(18px)}
@media(max-width:1000px){.services-overview-grid{gap:40px 36px}.overview-service-heading h3{font-size:16px}.overview-service>p{font-size:14px}}
@media(max-width:740px){.services-overview{padding-bottom:50px}.services-overview>h2{margin-bottom:35px;font-size:36px}.services-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px}}
@media(max-width:520px){.services-overview-grid{grid-template-columns:minmax(0,1fr);gap:30px}.overview-service-heading h3{font-size:18px}.overview-service>p{font-size:15px;line-height:2}.overview-service-heading>.icon{width:23px;height:23px}.services-overview>h2{font-size:34px;margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.services-overview-grid.overview-motion .overview-service{transition:none!important;transform:none!important;opacity:1!important}}
