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:#fff;--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%)}.sec-container.svelte-1s4exyz{max-width:1280px;margin:0 auto;padding:0 1rem}@media (width>=1024px){.sec-container.svelte-1s4exyz{padding:0 1.5rem}}.services-grid.svelte-1s4exyz{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.services-grid.svelte-1s4exyz{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.services-grid.svelte-1s4exyz{grid-template-columns:repeat(4,1fr)}}.service-item.svelte-1s4exyz{background-color:var(--surface-color);z-index:1;width:100%;height:100%;padding:50px 30px;transition:all .3s ease-in-out;position:relative;box-shadow:0 0 25px #0000001a}.service-item.svelte-1s4exyz:before{content:"";background:var(--accent-color);z-index:-1;transition:all .3s;position:absolute;inset:100% 0 0}.service-item.svelte-1s4exyz .icon:where(.svelte-1s4exyz){width:36px;height:36px;color:var(--accent-color);margin-bottom:10px;transition:all .3s ease-in-out}.service-item.svelte-1s4exyz .icon:where(.svelte-1s4exyz) svg{width:100%;height:100%}.service-item.svelte-1s4exyz h4:where(.svelte-1s4exyz){margin-bottom:15px;font-size:20px;font-weight:700}.service-item.svelte-1s4exyz h4:where(.svelte-1s4exyz) a:where(.svelte-1s4exyz){color:var(--heading-color);text-decoration:none;transition:all .3s ease-in-out}.service-item.svelte-1s4exyz div:where(.svelte-1s4exyz){color:color-mix(in srgb, var(--default-color), transparent 25%);font-size:14px;line-height:24px;transition:all .3s ease-in-out}.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}