.service-area .product-type[data-v-36a057d7]{background-repeat:no-repeat;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 8px 32px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.service-area .product-type[data-v-36a057d7]:hover{border-color:#fff3;box-shadow:0 20px 40px #00000026;transform:translateY(-8px);transform:translateY(0)}@media (min-width:768px){.service-area .product-type.full-width-desktop[data-v-36a057d7]{grid-column:1/-1}}.product-image-wrapper[data-v-36a057d7]{height:100%;overflow:hidden;position:relative;width:100%}.product-image-wrapper img[data-v-36a057d7]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease;width:100%}.service-area .product-type .product-image[data-v-36a057d7],.service-area .product-type img[data-v-36a057d7]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:100%;will-change:transform}.service-area .product-type:hover .product-image[data-v-36a057d7],.service-area .product-type:hover img[data-v-36a057d7]{transform:scale(1.05)}.image-overlay[data-v-36a057d7]{display:none}.service-area .product-type .title[data-v-36a057d7]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;padding:28px 28px 20px}.title-content[data-v-36a057d7]{text-align:left;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.service-area .product-type h3[data-v-36a057d7]{margin-bottom:16px;font-size:24px;font-weight:700;letter-spacing:.5px;line-height:1.3}.service-area .product-type h3[data-v-36a057d7],.service-area .product-type:hover h3[data-v-36a057d7]{text-shadow:0 2px 8px rgba(0,0,0,.8)}.service-area .product-type p[data-v-36a057d7]{font-size:16px;font-weight:400;line-height:1.5;opacity:.85;text-shadow:0 1px 4px rgba(0,0,0,.8)}.service-area .product-type:hover p[data-v-36a057d7]{opacity:1}.service-area .product-type .learn-more[data-v-36a057d7]{cursor:pointer;font-size:15px;font-weight:600;align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid hsla(0,0%,100%,.25);border-radius:25px;box-shadow:0 4px 20px #0000004d;display:inline-flex;gap:8px;margin-top:20px;opacity:0;overflow:hidden;padding:12px 20px;position:relative;transform:translateY(20px) scale(.96);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.service-area .product-type .learn-more[data-v-36a057d7]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.service-area .product-type:hover .learn-more[data-v-36a057d7]{background:#ffffff40;border-color:#fff6;box-shadow:0 6px 24px #0006;opacity:1;transform:translateY(0) scale(1)}.service-area .product-type .learn-more[data-v-36a057d7]:hover{background:#ffffff59;box-shadow:0 8px 32px #00000080;transform:translateY(-1px) scale(1.02)}.service-area .product-type .learn-more[data-v-36a057d7]:hover:before{left:100%}.arrow-icon[data-v-36a057d7]{opacity:.8;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.service-area .product-type .learn-more:hover .arrow-icon[data-v-36a057d7]{opacity:1;transform:translate(6px) rotate(15deg)}@media (max-width: 1199.9px){.service-area .product-type[data-v-36a057d7]{border-radius:8px}.service-area .product-type h3[data-v-36a057d7]{font-size:20px}.service-area .product-type p[data-v-36a057d7]{font-size:15px}.service-area .product-type .title[data-v-36a057d7]{padding:20px 20px 16px}}@media (max-width: 1023.9px){.service-area .product-type h3[data-v-36a057d7]{font-size:18px}.service-area .product-type p[data-v-36a057d7]{font-size:14px;line-height:1.5}.service-area .product-type .learn-more[data-v-36a057d7]{font-size:14px;margin-top:16px;padding:8px 12px}.service-area .product-type .title[data-v-36a057d7]{padding:18px 18px 14px}}@media (max-width: 767.9px){.service-area .content[data-v-36a057d7]{display:flex!important;flex-direction:column!important}.service-area .product-type.full-width-desktop[data-v-36a057d7]{grid-column:auto!important}.service-area .product-type[data-v-36a057d7]{max-height:409px}.service-area .product-type[data-v-36a057d7]:hover{transform:translateY(-8px)}.service-area .product-type.network-camera[data-v-36a057d7]:hover{transform:translateY(0)}.service-area .product-type h3[data-v-36a057d7]{font-size:18px}.service-area .product-type p[data-v-36a057d7]{font-size:14px;line-height:1.5}.service-area .product-type .learn-more[data-v-36a057d7]{font-size:13px;margin-top:16px;padding:8px 16px}.service-area .product-type .learn-more[data-v-36a057d7]:hover{transform:translateY(-1px) scale(1.01)}.service-area .product-type .title[data-v-36a057d7]{padding:18px 18px 14px}}@media (max-width: 479.9px){.service-area .content[data-v-36a057d7]{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}.service-area .product-type.full-width-desktop[data-v-36a057d7]{grid-column:auto!important;width:100%!important}.service-area .product-type[data-v-36a057d7]{max-height:280px}.service-area .product-type[data-v-36a057d7]:hover{transform:translateY(-6px)}.service-area .product-type.network-camera[data-v-36a057d7]:hover{transform:translateY(0)}.service-area .product-type h3[data-v-36a057d7]{font-size:16px}.service-area .product-type p[data-v-36a057d7]{font-size:12px;line-height:1.5}.service-area .product-type .learn-more[data-v-36a057d7]{font-size:11px;border-radius:20px;margin-top:12px;padding:6px 12px}.service-area .product-type .learn-more[data-v-36a057d7]:hover{transform:translateY(0) scale(1)}.service-area .product-type .title[data-v-36a057d7]{padding:14px 14px 10px}}@media (prefers-reduced-motion:reduce){.arrow-icon[data-v-36a057d7],.learn-more[data-v-36a057d7],.service-area .product-type[data-v-36a057d7],.service-area .product-type img[data-v-36a057d7],.title-content[data-v-36a057d7]{animation:none;transition:none}.service-area .product-type[data-v-36a057d7]:hover,.service-area .product-type:hover img[data-v-36a057d7]{transform:none}}
