.services{background:radial-gradient(at 100% 30%,#00bbae29,#0000 37%),radial-gradient(at 15% 80%,#6445df17,#0000 42%),#f5f5fc;padding:6.5rem max(2rem,50% - 30.375rem) 5.5rem}.services .servicesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.services .serviceCard{background:#ffffffb8;border:.0625rem solid #ffffffd9;border-radius:1rem;flex-direction:column;min-height:15.75rem;padding:1.5rem;display:flex;box-shadow:0 1.25rem 2.5rem -2.25rem #6445df6b}.services .serviceCard .serviceIcon{color:#6445df;background:#6445df1a;border-radius:.75rem;place-items:center;width:2.375rem;height:2.375rem;display:grid}.services .serviceCard .serviceIcon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.25rem;height:1.25rem}.services .serviceCard h3{color:#15171e;margin-top:1.25rem;font-size:1.125rem;font-weight:600;line-height:1.35}.services .serviceCard p{color:#7e8ca4;margin-top:.75rem;font-size:1rem;line-height:1.55}.services .serviceCard a{color:#6445df;align-items:center;gap:.625rem;width:fit-content;margin-top:auto;padding-top:1rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.services .serviceCard a span{font-size:1rem;transition:transform .18s}.services .serviceCard a:hover span{transform:translate(.1875rem)}.services .serviceCard a:focus-visible{outline-offset:.1875rem;outline:.1875rem solid #6445df}@media (max-width:47.5rem){.services{padding:4rem 1.5rem}.services .servicesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){.services .servicesGrid{grid-template-columns:1fr}.services .serviceCard{min-height:11.5rem}}