.swiper-container{grid-template-columns:repeat(1,minmax(0,1fr));justify-items:center;gap:2rem;height:100%;padding-left:.5rem;padding-right:.5rem;display:grid}@media (width>=1024px){.swiper-container{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0;padding-right:0}}.swiper-text-container{flex-direction:column;align-items:center;height:100%;margin-top:2.5rem;display:flex}.swiper-text-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}@media (width>=1024px){.swiper-text-container{justify-content:center;align-items:flex-start;margin-top:0;margin-left:5rem}.swiper-text-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}}.swiper-text-container-badge{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-transform:uppercase;color:var(--primary-500);border-radius:.25rem;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;line-height:.875rem;display:inline-flex}.swiper-image{-o-object-fit:cover;object-fit:cover;align-self:flex-end}@media (width>=1024px){.swiper-image{padding-right:2.5rem}}.device-group-preview-table-row{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));grid-template-columns:3fr 1fr 1fr;gap:1rem;width:100%;display:grid}.accordion-wrapper{text-align:left;--tw-text-opacity:1;width:100%;color:rgb(17 24 39/var(--tw-text-opacity,1));justify-content:space-between;align-items:center;display:flex}.faq-answer a{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1));text-decoration-line:underline}.swiper-pagination-bullet{background-color:var(--vf-gray-400)!important;opacity:1!important}.swiper-pagination-bullet-active{background-color:var(--vf-primary)!important}.bg-gradient{background:linear-gradient(#fff 0%,#f9fafb 50% 100%)}@media (width>=1024px){.image-wrapper-container:has(.image-container:hover) .image-container img{filter:blur(8px)}.image-wrapper-container:has(.image-container:hover) .image-container:hover img{filter:none}.image-wrapper-container:has(.image-container:hover) .image-container .text-container{opacity:0}.image-wrapper-container:has(.image-container:hover) .image-container:hover .text-container{opacity:1}}.swiper-hero{width:100%;height:700px}@media (width>=1024px){.swiper-hero{width:100%;height:500px}}