section.svelte-1s4exyz{--accent-color: rgb(var(--primary-600));--default-color: rgb(var(--default-light));--heading-color: rgb(var(--default-light));--background-color: rgb(var(--site-light));--surface-color: #ffffff;--contrast-color: rgb(var(--button-text-light));background-color:var(--background-color);padding:60px 0}.dark section.svelte-1s4exyz{--default-color: rgb(var(--default-dark));--heading-color: rgb(var(--default-dark));--background-color: rgb(var(--site-dark));--surface-color: color-mix(in srgb, rgb(var(--site-dark)), white 6%)}.container.svelte-1s4exyz{max-width:1280px;padding:0 1rem;margin:0 auto}@media (min-width: 1024px){.container.svelte-1s4exyz{padding:0 1.5rem}}.services-grid.svelte-1s4exyz{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.services-grid.svelte-1s4exyz{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.services-grid.svelte-1s4exyz{grid-template-columns:repeat(4,1fr)}}.service-item.svelte-1s4exyz{background-color:var(--surface-color);box-shadow:0 0 25px #0000001a;padding:50px 30px;transition:all .3s ease-in-out;height:100%;position:relative;z-index:1;width:100%}.service-item.svelte-1s4exyz:before{content:"";position:absolute;background:var(--accent-color);inset:100% 0 0;transition:all .3s;z-index:-1}.service-item.svelte-1s4exyz .icon:where(.svelte-1s4exyz){margin-bottom:10px;width:36px;height:36px;color:var(--accent-color);transition:ease-in-out .3s}.service-item.svelte-1s4exyz .icon:where(.svelte-1s4exyz) svg{width:100%;height:100%}.service-item.svelte-1s4exyz h4:where(.svelte-1s4exyz){font-weight:700;margin-bottom:15px;font-size:20px}.service-item.svelte-1s4exyz h4:where(.svelte-1s4exyz) a:where(.svelte-1s4exyz){color:var(--heading-color);transition:ease-in-out .3s;text-decoration:none}.service-item.svelte-1s4exyz div:where(.svelte-1s4exyz){line-height:24px;font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 25%);transition:ease-in-out .3s}.service-item.svelte-1s4exyz:hover h4:where(.svelte-1s4exyz) a:where(.svelte-1s4exyz),.service-item.svelte-1s4exyz:hover .icon:where(.svelte-1s4exyz),.service-item.svelte-1s4exyz:hover div:where(.svelte-1s4exyz){color:var(--contrast-color)}.service-item.svelte-1s4exyz:hover:before{background:var(--accent-color);inset:0}
