/*** Basic style v1 ***/

/*** ---------- Global ---------- ***/
:root {
    --ts-100: 1000ms; --ts-95: 950ms; --ts-90: 900ms; --ts-85: 850ms; --ts-80: 800ms; --ts-75: 750ms; --ts-70: 700ms; --ts-65: 650ms; --ts-60: 600ms; --ts-55: 550ms; --ts-50: 500ms; --ts-45: 450ms; --ts-40: 400ms; --ts-35: 350ms; --ts-30: 300ms; --ts-25: 250ms; --ts-20: 200ms; --ts-15: 150ms; 
}

/*** Disable animations & transitions ***/
@media (prefers-reduced-motion) {
    *, *::before, *::after { transition: 0s; animation: none; }
    :root {
        --ts-100: 0; --ts-95: 0; --ts-90: 0; --ts-85: 0; --ts-80: 0; --ts-75: 0; --ts-70: 0; --ts-65: 0; --ts-60: 0; --ts-55: 0; --ts-50: 0; --ts-45: 0; --ts-40: 0; --ts-35: 0; --ts-30: 0; --ts-25: 0; --ts-20: 0; --ts-15: 0;
    }
}

*, *::before, *::after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 10px; height: -webkit-fill-available; scroll-behavior: smooth; }
body { font-size: var(--fs); line-height: var(--lh); color: var(--clr-text); min-height: 100dvh; min-height: -webkit-fill-available; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
body.--no-scroll { overflow: hidden; }
.wpb-pagewrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }


/*** ---------- Accordion ---------- ***/
.wpb-accordion {
    --p: 0 1.8rem; 
    --bg: #fff; 
    --active-bg: #fff; 
    --active-clr: inherit; 
    --body-p: 1.8rem; 
    --active-border-color: var(--clr-primary);
}
.wpb-accordion .collapse:not(.show) { display: none; }
.wpb-accordion__item { color: var(--clr); border: .2rem solid var(--clr-border); }
.wpb-accordion__item + .wpb-accordion__item{ margin-top: 1.2rem; }
.wpb-accordion__item .wpb-accordion__header { --fs: 1.8rem; margin: 0; }
.wpb-accordion__item .wpb-accordion__button { border: none; font: inherit; color: inherit; min-height: clamp(4.4rem, 8vw, 6.4rem); cursor: pointer; display: grid; grid-template-columns: 1fr 2rem; line-height: 1.2; column-gap: 2rem; align-items: center; width: 100%; font-size: clamp(1.8rem, 2vw, 2.4rem); font-weight: 750; text-align: left; padding: var(--p); padding-left: 1.5rem; background-color: var(--bg); overflow-anchor: none; border-radius: 0; transition: background-color var(--ts-duration) ease-in-out, color var(--ts-duration) ease-in-out, border-radius var(--ts-duration) ease-in-out, border var(--ts-duration) ease-in-out; }
.wpb-accordion__item .wpb-accordion__button span { font-family: var(--font-primary); transition: color var(--ts-duration) ease-in-out; }
.wpb-accordion__item .wpb-accordion__button i { --w: 1.6rem; --h: 1.6rem; width: var(--w); height: var(--h); margin: auto; display: flex; align-items: center; justify-content: center; transform-origin: center; transition: transform var(--ts-25) ease; }
.wpb-accordion__item .wpb-accordion__button.is-active { color: var(--active-clr); background-color: var(--active-bg); }
.wpb-accordion__item .wpb-accordion__button.is-active i { transform: rotate(90deg); }
.wpb-accordion__item .wpb-accordion__body {  border-top: 1px solid var(--clr-border); padding: var(--body-p); transition: margin var(--ts-duration) ease; }
.wpb-accordion__item .wpb-accordion__body p{ font-size: clamp(1.5rem, 1.5vw, 1.8rem); }
.wpb-accordion__item .collapse:not(.show) { display: none; }
.wpb-accordion__item .collapsing { height: 0; overflow: hidden; transition: height .35s ease; }

/*** ---------- Images ---------- ***/
.wpb-image { --br: 0; --clip-path-size: 7rem; transform: translateZ(0); will-change: transform; --clip-path: polygon(100% 0, 100% calc(100% - var(--clip-path-size)), calc(100% - var(--clip-path-size)) 100%, 0 100%, 0 0); }
.wpb-image.wpb-image--clippath img{ clip-path: var(--clip-path); -webkit-clip-path: var(--clip-path); }
img { display: block; width: 100%; height: auto; }

/*** ---------- Logo marquee ---------- ***/
.wpb-logo-marquee{ --gap: 9rem; --image-height: 6rem; display: flex; position: relative; }
.wpb-logo-marquee::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; background: linear-gradient(to left,#FFFF, transparent 2rem, transparent calc(100% - 2rem),#FFFF); z-index: 2; pointer-events: none; }
.wpb-logo-marquee .wpb-logo-marquee__items{ display: flex; align-items: center; justify-content: space-between; column-gap: var(--gap); padding-left: var(--gap); animation: translate_x_left 70s linear infinite; }
.wpb-logo-marquee .wpb-logo-marquee__items img{ height: var(--image-height); min-height: var(--image-height); object-fit: contain; width: auto; }

@media (min-width: 768px) {
    .wpb-logo-marquee::before{ content: ''; right: calc(100% - 10rem); left: auto; width: 70vw; background: linear-gradient(to left, transparent, #fff 15rem); }
}

@keyframes translate_x_left {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

/*** ---------- Containers ---------- ***/
.container, .container-fluid { --wpb-width: var(--container-width); --p: 1.8rem; width: 100%; max-width: var(--wpb-width); margin-left: auto; margin-right: auto; padding-left: var(--p); padding-right: var(--p); position: relative; }
.component-container { container-type: inline-size; container-name: componentContainer; }

@media (min-width: 576px) {
    body { --wp--style--global--content-size: var(--container-width--sm); } 
    .container { --wpb-width: var(--container-width--sm); }
    .container.container--large{ --wpb-width: 100%; }
}

@media (min-width: 768px) {
    body { --wp--style--global--content-size: var(--container-width--md); } 
    .container { --wpb-width: var(--container-width--md); }
}

@media (min-width: 992px) {
    body { --wp--style--global--content-size: var(--container-width--lg); } 
    .container { --wpb-width: var(--container-width--lg); }
}

@media (min-width: 1200px) {
    body { --wp--style--global--content-size: var(--container-width--xl); } 
    .container { --wpb-width: var(--container-width--xl); }
    
    .container.container--small { --wpb-width: 1000px; }
    .container.container--medium { --wpb-width: 1100px; }
}

@media (min-width: 1400px) {
    body { --wp--style--global--content-size: var(--container-width--xxl); } 
    .container { --wpb-width: var(--container-width--xxl); }
    
    .container.container--small { --wpb-width: 1000px; }
    .container.container--medium { --wpb-width: 1180px; }
}

@media (min-width: 1600px) {
    body { --wp--style--global--content-size: var(--container-width--xxxl); } 
    .container { --wpb-width: var(--container-width--xxxl); }
    
    .container.container--small { --wpb-width: 1000px; }
    .container.container--medium { --wpb-width: 1180px; }
    .container.container--large { --wpb-width: 1720px; }
}

/*** ----- Sections ----- ***/
section { position: relative; }
.has-background-asset { position: relative; }
.has-background-asset::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(var(--clr-dark-rgb), .15), rgba(var(--clr-dark-rgb), .25), rgba(var(--clr-dark-rgb), .15) ); }
.has-background-asset .wpb-text :is(h1, h2, h3, h4, h5, p, ul, ul li, ol, ol li, .wpb-breadcrumbs, .wpb-breadcrumbs *, em) { color: #fff; }
:is(.has-background-asset, .wpb-bg-clr--secondary) .btn.btn--primary{ backdrop-filter: blur(2px); --hover-bg-clr: #fff4; }
.has-background-asset .container { z-index: 1; }

img.is-background-asset { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%!important; object-fit: cover; }
.is-background-asset { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.is-background-asset :is(img, video) { width: 100%; height: 100%!important; object-fit: cover; }

.wpb-section__header { padding-bottom: 3.2rem; }
.wpb-section__header .container:has(.wpb-text + *) { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1.6rem; }
.wpb-section__header .wpb-text { margin: 0; }

.wpb-section__footer { padding-top: 4.8rem; }
.wpb-section__footer .btn-group{ justify-content: end; }

@media (min-width: 768px) {
    .wpb-section__header { padding-bottom: 4.8rem; }
}

@media (min-width: 992px) {
    .wpb-section__header { padding-bottom: 6.4rem; }
    .wpb-section__footer { padding-top: 6.4rem; }
}

/*** ---------- Icons ---------- ***/
.wpb-icon { --src: ; --clr: var(--clr-dark); --w: 1.8rem; --h: 1.8rem; display: inline-flex; background: transparent; }
.wpb-icon::after { content:''; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--w); height: var(--h); min-width: var(--w); min-height: var(--h); background-color: var(--clr); transition: background-color var(--ts-duration) var(--ts-function); }

.wpb-icon.wpb-icon--dots-line{ --src: url('/app/themes/wuxnl-theme/assets/icons/default/dots-line.svg'); --w: 140rem; --h: .4rem; }
.wpb-icon.wpb-icon--dots-line::after{ -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: repeat; mask-repeat: repeat; }
.wpb-icon.wpb-icon--dots-down{ --src: url('/app/themes/wuxnl-theme/assets/icons/default/dots-down.svg'); --clr: var(--clr-dark-30); --w: .8rem; --h: 6.8rem; }

/*** ---------- Background colors ---------- ***/
.wpb-bg-clr--transparent { background-color: transparent; }
.wpb-bg-clr--white { background-color: #fff; }
.wpb-bg-clr--grey { background-color: #f2f2f2; }

/*** ---------- Typography ---------- ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--clr-text); font-size: var(--fs); line-height: var(--lh); text-wrap: balance; }

h1, .h1 { --fs: clamp(0.32rem, 0.32rem + 0.40000vw, 6.4rem); --lh: 1.15; }
h2, .h2 { --fs: clamp(2.8rem, 2.8rem + 0.10526vw, 4.4rem); --lh: 1.15; }
h3, .h3 { --fs: clamp(2rem, 2rem + 0.05263vw, 2.8rem); --lh: 1.15; }
h4, .h4 { --fs: 1.8rem; --lh: 1.15; }
h5, .h5 { --fs: 1.6rem; --lh: 1.15; }
h6, .h6 { --fs: 1.4rem; --lh: 1.15; }

.wpb-text { --mt: 1em; }
.wpb-text > * + *:not(.btn .blockquote) { margin-top: var(--mt); } 
.wpb-text .wpb-breadcrumbs + :is(h1, h2, h3){ --mt: 2rem; }

.wpb-text :is(ul, ol) { padding-left: 3.8rem; }
.wpb-text :is(ul, ol) li { font: inherit; }

.wpb-text a:not(.btn) { font: inherit; text-underline-offset: .25rem; }
.wpb-text blockquote { border-left: 4px solid #f2f2f2; padding-left: 1.6rem; }

.wpb-text iframe { width: 100%; height: 100%; aspect-ratio: 16/9; border-radius: 1rem; }

strong, strong * { font: inherit; font-weight: 700; color: inherit; }
em, em * { color: inherit; }

.text-uppercase { text-transform: uppercase; }
.text-heading { font-family: var(--wpb-font-headings); }

@media (min-width: 992px){
    .wpb-text .wpb-breadcrumbs + :is(h1, h2, h3){ --mt: 4rem; }
}

/*** ---------- Cards ----------  ***/
.wpb-card { --p: 2rem; --border: 2px solid rgb(var(--clr-dark-rgb), .07); border-radius: var(--br); background-color: var(--clr-light); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; text-decoration: none; }
.wpb-card a { text-decoration: none; }
.wpb-card .wpb-card__header { display: flex; overflow: hidden; }
.wpb-card .wpb-card__header img { width: 100%; height: auto; } 
.wpb-card .wpb-card__body { padding: var(--p); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.wpb-card .wpb-card__footer { padding: var(--p); padding-top: 0; }

.wpb-card.wpb-card--image{ --height: 46rem; --footer-height: 6rem; clip-path: var(--clip-path-TopR); position: relative; overflow: hidden; transform: translateZ(0); will-change: transform; }
.wpb-card.wpb-card--image .wpb-card__inner{ display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; text-decoration: none; height: var(--height); background: linear-gradient(to bottom, rgb(var(--clr-dark-rgb), .65), rgb(var(--clr-dark-rgb), 0) 10rem, rgb(var(--clr-dark-rgb), 0), rgb(var(--clr-dark-rgb), .8) 70%);  }
.wpb-card.wpb-card--image *:not(.badge, .badge *){ color: #fff; }
.wpb-card.wpb-card--image .wpb-card__header { display: flex; justify-content: space-between; gap: 1.2rem; flex-wrap: wrap; padding: var(--p); }
.wpb-card.wpb-card--image .wpb-card__header .wpb-logo img{ height: 2.4rem; width: auto; }
.wpb-card.wpb-card--image .wpb-card__header > img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: transform var(--ts-duration) var(--ts-function); z-index: -2; }
.wpb-card.wpb-card--image .wpb-card__body{ padding: var(--p) calc(var(--p) + 1.2rem); flex-grow: 0; margin-top: auto; text-align: center; transition: transform var(--ts-duration) var(--ts-function); }
.wpb-card.wpb-card--image .excerpt { --excerpt-line-clamp: 2; display: -webkit-box; -webkit-line-clamp: var(--excerpt-line-clamp); -webkit-box-orient: vertical; overflow: hidden; font-size: clamp(1.4rem, 1.5vw, 1.8rem); }
.wpb-card.wpb-card--image .wpb-card__title { --fs: clamp(3.2rem, 2.5vw, 4.4rem); margin-bottom: .8rem; font-family: var(--font-heading); text-transform: uppercase; }
.wpb-card.wpb-card--image .wpb-card__footer{ height: var(--footer-height); padding-top: 0; margin-bottom: calc(-1 * var(--footer-height)); text-align: center; transition: margin-bottom var(--ts-duration) var(--ts-function); }
.wpb-card.wpb-card--image .wpb-card__footer::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(to top, var(--clr-dark), rgb(var(--clr-dark-rgb), 0.2) 30%); z-index: -1; opacity: 0; transition: opacity var(--ts-duration) var(--ts-function); }
.wpb-card.wpb-card--image .wpb-card__footer::after{ content: ''; background-image: var(--bg-asset--card); background-size: cover; position: absolute; left: 1rem; bottom: 0; right: 1rem; height: 11rem; transform: translateY(4rem); opacity: 0; transition: opacity var(--ts-duration) var(--ts-function), transform var(--ts-duration) var(--ts-function); transition-delay: 50ms; }
.wpb-card.wpb-card--image .wpb-card__footer .btn{ pointer-events: none; min-height: auto; }
.wpb-card.wpb-card--image:hover .wpb-card__header > img{ transform: scale(1.1); }
.wpb-card.wpb-card--image:hover .wpb-card__footer{ margin-bottom: 0; }
.wpb-card.wpb-card--image:hover .wpb-card__footer::before{ opacity: 1; }
.wpb-card.wpb-card--image:hover .wpb-card__footer::after{ opacity: 1; transform: translateY(0); }

.wpb-card.wpb-card--blog{ --p: 1.8rem; --footer-width: 5rem; flex-direction: row; flex-wrap: wrap; }
.wpb-card.wpb-card--blog .wpb-card__header{ width: 100%; position: relative; overflow: hidden; }
.wpb-card.wpb-card--blog .wpb-card__header > img{ transition: transform var(--ts-duration) var(--ts-function); }
.wpb-card.wpb-card--blog .wpb-card__header .badge-group{ position: absolute; left: var(--p); top: var(--p); right: var(--p); height: fit-content; }
.wpb-card.wpb-card--blog .wpb-card__body{ display: flex; flex-direction: column; justify-content: center; width: calc(100% - var(--footer-width) - var(--p) - 4px); }
.wpb-card.wpb-card--blog .wpb-card__footer{ width: var(--footer-width); display: flex; align-items: center; justify-content: center; padding: var(--p); border-left: 4px dotted var(--clr-dark-30); margin: 1.6rem 0; }
.wpb-card.wpb-card--blog .wpb-card__footer i{ width: 1.3rem; font-size: 1.3rem; }
.wpb-card.wpb-card--blog .wpb-card__title{ --fs: clamp(1.8rem, 2vw, 2.2rem); font-family: var(--font-primary); letter-spacing: 0; transition: opacity var(--ts-duration) var(--ts-function);; }
.wpb-card.wpb-card--blog:hover .wpb-card__title{ opacity: .5; }
.wpb-card.wpb-card--blog:hover .wpb-card__header > img{ transform: scale(1.1); }

.wpb-card.wpb-card--blog-small{ --p: 2.6rem; flex-direction: row; transition: background var(--ts-duration) var(--ts-function); }
.wpb-card.wpb-card--blog-small .wpb-card__header{ width: 13rem; min-width: 13rem; }
.wpb-card.wpb-card--blog-small .wpb-card__header img{ object-fit: cover; }
.wpb-card.wpb-card--blog-small .wpb-card__body{ display: flex; flex-direction: column; gap: 1.2rem; }
.wpb-card.wpb-card--blog-small .wpb-card__title{ --fs: clamp(1.6rem, 1.5vw, 2rem); font-family: var(--font-primary); font-weight: 750; letter-spacing: -0.025em; }
.wpb-card.wpb-card--blog-small .wpb-card__footer{ border-left: 4px dotted var(--clr-dark-30); }
.wpb-card.wpb-card--blog-small .wpb-card__footer{ padding: 0; padding-left: var(--p); margin: var(--p); display: flex; align-items: center; font-size: 1.3rem; color: rgb(var(--clr-dark-rgb), .5); }
.wpb-card.wpb-card--blog-small:hover{ background-color: var(--clr-dark-20); }

.wpb-card.wpb-card--pros-cons .wpb-card__header{ flex-direction: column; padding: var(--p); border-bottom: var(--border); }
.wpb-card.wpb-card--pros-cons .wpb-card__header h3{ --fs: clamp(2.2rem, 3vw, 2.8rem); letter-spacing: .5px; }
.wpb-card.wpb-card--pros-cons .wpb-card__header .wpb-label{ font-size: clamp(1.4rem, 1.5vw, 1.6rem); text-transform: uppercase; padding-bottom: 1.2rem; }
.wpb-card.wpb-card--pros-cons .wpb-card__header .wpb-label i{ --size: 2.4rem; width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); font-size: 1.4rem; display: flex; align-items: center; justify-content: center; padding: 0; }
.wpb-card.wpb-card--pros-cons .wpb-pros-cons li:has(+ li){ padding-bottom: 2.6rem; border-bottom: var(--border); }

.wpb-card.wpb-card--step .wpb-card__body .wpb-label{ --clr-heading: var(--clr-primary); font-size: clamp(1.3rem, 1.5vw, 1.6rem); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 2rem; }
.wpb-card.wpb-card--step .wpb-card__body .wpb-label i{ font-size: clamp(1rem, 1vw, 1.2rem); }
.wpb-card.wpb-card--step .wpb-card__body .wpb-card__title{ margin-bottom: 1.2rem; letter-spacing: 0; }
.wpb-card.wpb-card--step .wpb-card__body p{ font-size: 1.6rem; }
:is(.wpb-bg-clr--dark, .wpb-bg-clr--secondary) .wpb-card.wpb-card--step{ background-color: var(--clr-secondary-110) !important; }
:is(.wpb-bg-clr--dark, .wpb-bg-clr--secondary) .wpb-card.wpb-card--step *:not(.wpb-label, .wpb-label *){ color: #fff; }

.wpb-card.wpb-card--blurb{ position: relative; background-color: transparent; overflow: hidden;}
.wpb-card.wpb-card--blurb *{ color: #fff; }
.wpb-card.wpb-card--blurb .wpb-card__header{ padding-bottom: 50%; z-index: -1; }
.wpb-card.wpb-card--blurb .wpb-card__header img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform var(--ts-25) ease; transform-origin: center center;}
.wpb-card.wpb-card--blurb .wpb-card__body{ background: linear-gradient(to top, var(--clr-dark), rgb(var(--clr-dark-rgb), 0)); margin-top: auto; flex-grow: 0; padding-top: 5rem; }
.wpb-card.wpb-card--blurb .wpb-card__body h3{ font-size: clamp(2.2rem, 3vw, 4.4rem); text-transform: uppercase; }
.wpb-card.wpb-card--blurb .wpb-card__body p{ --mt: .8rem; font-size: clamp(1.4rem, 1.5vw, 1.8rem); }
.wpb-card.wpb-card--blurb .wpb-card__body .btn--link{ --hover-clr: var(--clr-primary); min-height: 3rem; }
.wpb-card.wpb-card--blurb:hover .wpb-card__header img {transform: scale(1.02);}
.wpb-card.wpb-card--blurb:hover .btn--link{ color: var(--clr-primary); }


@media(min-width: 992px){
    .wpb-card.wpb-card--image{ --height: 54rem; --p: 3.6rem; }
    .wpb-card.wpb-card--image .wpb-card__header .wpb-logo img{ height: 3.8rem; }
    .wpb-card.wpb-card--image:hover .wpb-card__body{ transform: translateY(2rem); }
    .wpb-card.wpb-card--image .wpb-card__header .badge-group{ justify-content: end; max-width: 25rem; }

    .wpb-card.wpb-card--blog{ --p: 2.8rem; --footer-width: 8rem; }
    .wpb-card.wpb-card--step{ --p: 3.6rem; }
    .wpb-card.wpb-card--pros-cons .wpb-card__header .wpb-label{ padding-bottom: 2.4rem; }
}

@container componentContainer (max-width: 450px) {
    .wpb-card.wpb-card--blog-small{ --p: 1.8rem; flex-wrap: wrap; justify-content: space-between; }
    .wpb-card.wpb-card--blog-small .wpb-card__header{ width: 100%; min-width: 100%; }
    .wpb-card.wpb-card--blog-small .wpb-card__body{ width: calc(100% - 40rem); }
}

.wpb-card:is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary, .wpb-bg-clr--dark) *:not(.btn, .btn *){ --border: 2px solid rgba(255, 255, 255, 0.35); --clr-heading: #FFFF; --clr-text: #FFFF; color: var(--clr-text); }
:is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary, .wpb-bg-clr--dark, .wpb-bg-clr--light) .wpb-card:not([class*="wpb-bg-clr--"]){ background-color: #FFFF; }

/*** ---------- Pros & Cons ---------- ***/
.wpb-pros-cons{ --fa-icon-code: '\f00c'; list-style: none; display: flex; flex-direction: column; gap: 2.6rem; }
.wpb-pros-cons li{ --offset: 3.4rem; position: relative; padding-left: var(--offset); }
.wpb-pros-cons li strong{ font-size: 1.8rem; color: var(--clr-heading); }
.wpb-pros-cons li p{ font-size: 1.6rem; }
.wpb-pros-cons li::before{ 
    --size: 2rem; content: var(--fa-icon-code); font-family: 'Font Awesome 6 sharp'; width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); font-size: 1.3rem; position: absolute; left: 0; top: .6em; 
    border: 2px solid var(--clr-text); border-radius: 50%; font-weight: 900; line-height: 1; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; 
}
.wpb-card:not([class*="wpb-bg-clr--"]) .wpb-pros-cons li::before{ color: var(--clr-dark); opacity: .35; }
.wpb-pros-cons.--is-cons{ --fa-icon-code: '\f00d'; }

@media(min-width: 768px){
    .wpb-card { --p: 3.2rem; }
}
@media(min-width: 1200px){
    .wpb-card { --p: 4rem; }
}

/*** ---------- Quote ---------- ***/
.wpb-quote{ padding-top: 3rem; border-top: 4px dotted var(--clr-dark-40); color: var(--clr-heading); }
.wpb-quote > span{ display: block; font-size: 1.6rem; padding-bottom: 1.2rem; }
.wpb-quote .wpb-quote__text{ font-size: clamp(1.8rem, 2vw, 2.2rem); font-weight: 500; }
.wpb-quote > img{ margin-top: 2.4rem; height: 3.3rem; width: auto; }

:is(.wpb-bg-clr--primary, .wpb-bg-clr--secondary, .wpb-bg-clr--dark) .wpb-quote{ color: #FFFF; border-color: #FFFF; }

/*** ---------- Tabs ---------- ***/
.wpb-tabs { 
    --p: 0 2rem; 
    --clr: var(--clr-dark); 
    --bg-clr: var(--clr-light); 
    --border: .8rem solid transparent; 
    --active-bg-clr: var(--clr-light); 
    --active-border: .8rem solid var(--clr-primary);

    display: grid; gap: 2.4rem; }
.wpb-tabs .wpb-tabs__header { display: flex; flex-direction: column; gap: 1.2rem; position: relative; z-index: 1; margin-bottom: -0.1rem; }
.wpb-tabs .tab-button { 
    font: inherit; font-size: clamp(1.8rem, 2vw, 2.4rem); font-weight: 750; display: inline-flex; justify-content: space-between; align-items: center; padding: var(--p); color: var(--clr); min-height: 5.5rem; background-color: var(--bg-clr); border-radius: var(--br) var(--br) 0 0; border: none; border-left: var(--border); text-align: start; text-decoration: none; 
    cursor: pointer; user-select: none; line-height: 1; opacity: .6; transition-duration: var(--ts-duration); transition-timing-function: var(--ts-function); transition-property: color, background-color, border-color, opacity;
}
.wpb-tabs .tab-button i{ padding-left: 3rem; padding-right: 1rem; height: 60%; border-left: 6px dotted var(--clr-dark-30); display: flex; align-items: center; font-size: 1.3rem; }
.wpb-tabs .tab-button:hover{ border-color: rgb(var(--clr-dark-rgb), .1); opacity: .8; }
.wpb-tabs .tab-button.is-active, 
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="0"]) .tab-button[data-id="0"],
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="1"]) .tab-button[data-id="1"],
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="2"]) .tab-button[data-id="2"],
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="3"]) .tab-button[data-id="3"],
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="4"]) .tab-button[data-id="4"],
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="5"]) .tab-button[data-id="5"],
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="6"]) .tab-button[data-id="6"],
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="7"]) .tab-button[data-id="7"],
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="8"]) .tab-button[data-id="8"],
.wpb-tabs:has(.tab-pane__dot.is-active[data-id="9"]) .tab-button[data-id="9"] { border-color: var(--active-clr); background-color: var(--active-bg-clr); border-left: var(--active-border); opacity: 1; }

.wpb-tabs .wpb-tabs__content { background-color: var(--bg-clr); display: grid;  }
.wpb-tabs .wpb-tabs__content .tab-pane { --p: 2.4rem; opacity: 0; display: flex; flex-direction: column; transition: opacity var(--ts-20) ease; }
.wpb-tabs .wpb-tabs__content .tab-pane.is-active { pointer-events: all; opacity: 1; }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__content{ padding: var(--p); transform: translateY(calc(-1 * var(--p) + 1rem)); transition: transform var(--ts-50) ease; }
.wpb-tabs .wpb-tabs__content .tab-pane :is(h2, h3, h4){ letter-spacing: 0; }
.wpb-tabs .wpb-tabs__content .tab-pane.is-active .tab-pane__content{ transform: translateY(0); }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer{ --offset: calc(var(--p) / 2); display: flex; justify-content: space-between; align-items: center; gap: 2.4rem; flex-wrap: wrap; padding: 2.4rem var(--offset); margin-top: auto; margin-left: var(--offset); margin-right: var(--offset); border-top: 5px dotted var(--clr-dark-30); }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer .tab-pane__dots{ padding-right: 3rem; display: flex; align-items: center; gap: 1.1rem; }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer .tab-pane__dots .tab-pane__dot{ --size: 1.1rem; width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); border-radius: 50%; background-color: var(--clr-dark-30); cursor: pointer; transition: background var(--ts-duration) var(--ts-function); }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer .tab-pane__dots .tab-pane__dot.active{ background-color: var(--clr-primary); }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer .tab-pane__dots .tab-pane__dot:hover{ background-color: var(--clr-secondary); }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer .tab-pane__nav-btn{ --size: 4rem; --bg-clr: #FFFF; --clr: var(--clr-dark); width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); background-color: var(--bg-clr); color: var(--clr); display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; font-size: 1.3rem; transition: background var(--ts-duration) var(--ts-function), color var(--ts-duration) var(--ts-function); }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer .tab-pane__nav-btn.prev-tab i{ transform: rotate(180deg); }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer .tab-pane__nav-btn:hover{ --bg-clr: var(--clr-primary); --clr: #fff; }
.wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer .tab-pane__navigation{ display: flex; align-items: center; gap: .8rem; }
.wpb-tabs .wpb-tabs__content .tab-pane > * + * { margin-top: 1em; }
.wpb-tabs .wpb-tabs__content .tab-pane .wpb-text p{ font-size: clamp(1.5rem, 1.5vw, 1.8rem); }

@media (min-width: 768px) {
    .wpb-tabs{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
    .wpb-tabs{ gap: 4.8rem; }
}
@media (min-width: 1200px) {
    .wpb-tabs{ gap: 8rem; }
    .wpb-tabs .tab-button { min-height: 8rem; }
    .wpb-tabs .wpb-tabs__content .tab-pane { --p: 3.6rem; }
}

.wpb-bg-clr--light .wpb-tabs { --bg-clr: #FFFF; --active-bg-clr: #FFFF;  }
.wpb-bg-clr--light .wpb-tabs .wpb-tabs__content .tab-pane .tab-pane__footer .tab-pane__nav-btn{ --bg-clr: var(--clr-light); }


/*** ---------- Alignment ---------- ***/
.wpb-align-y__top .inner { -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
.wpb-align-y__center .inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.wpb-align-y__bottom .inner { -webkit-box-align: end; -ms-flex-align: end; align-items: end; }

@media (min-width: 992px) {
    .wpb-align-left { order: -1; }
    .wpb-align-right { order: 999; }
}

/*** ---------- Badge ---------- ***/
.badge-group { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.badge { 
    --fs: 1.4rem; --lh: 1; --p: .5rem 1rem; --clr: var(--clr-dark); --bg-clr: transparent; --br: 2rem; --border: 1px solid var(--clr-dark-30); --box-shadow: none; --hover-clr: var(--clr); --hover-bg-clr: var(--bg-clr); --hover-border: var(--border);
    --hover-box-shadow: var(--box-shadow); display: inline-block; font-size: var(--fs); font-weight: 500; line-height: var(--lh); padding: var(--p); color: var(--clr); background-color: var(--bg-clr); border-radius: var(--br); border: var(--border); box-shadow: var(--box-shadow); 
    display: flex; align-items: center; gap: .5rem; width: fit-content; text-align: center; text-decoration: none; vertical-align: middle; user-select: none; transition-duration: var(--ts-duration); transition-timing-function: var(--ts-function); transition-property: color, background-color, border-color, box-shadow; 
    }
.badge i{ color: var(--clr-primary); }
.badge i.fa-hexagon{ font-size: 1rem; }
.badge:hover { color: var(--hover-clr); background-color: var(--hover-bg-clr); border: var(--hover-border); box-shadow: var(--hover-box-shadow); }
.badge.badge--dark { --clr: #fff; --bg-clr: rgb(var(--clr-dark-rgb), .7); --border: 1px solid transparent; backdrop-filter: blur(10px); }
.badge.badge--primary { --clr: #fff; --bg-clr: var(--clr-primary); --border: 1px solid transparent; }
.badge.badge--primary i{ color: var(--clr); }
.badge.badge--primary-light { --clr: var(--clr-primary); --bg-clr: var(--clr-primary-20); }

.badge--large{ --p: .8rem 1.4rem; gap: .6rem; }

/*** ---------- backdrop ---------- ***/
.wpb-backdrop { background-color: transparent; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; opacity: 0; pointer-events: none; transition: opacity var(--ts-25) ease; }    
.wpb-backdrop.active { opacity: 1; pointer-events: all; }

/*** ---------- User ---------- ***/
.wpb-user{ --size: 4.3rem; display: flex; align-items: center; gap: 1.2rem; }
.wpb-user > img{ width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); border-radius: 50%; object-fit: cover; }
.wpb-user .wpb-user__text{ display: flex; flex-direction: column; color: var(--clr-dark); font-size: clamp(1.4rem, 1.5vw, 1.6rem); line-height: 1.2; }
.wpb-user .wpb-user__text strong:has(+ *){ margin-bottom: .3em; }

/*** ---------- Breadcrumb ---------- ***/
.wpb-breadcrumbs :is(span, a) { color: var(--clr-dark); display: flex; align-items: center; text-decoration: none; font-size: 1.4rem; font-weight: 500; }
.wpb-breadcrumbs a:hover { text-decoration: underline }
.wpb-breadcrumbs .breadcrumb_last { font-weight: 650; }
.wpb-breadcrumbs > span { display: flex; flex-wrap: wrap; column-gap: 1rem; }
.wpb-breadcrumbs i { font-size: 1.2rem; opacity: .2; }

/*** ---------- Social media ---------- ***/
.wpb-social-media {
    --br: 50%; 
    --clr: var(--clr-primary); 
    --bg-clr: var(--clr-primary-20); 
    --border: none; 
    --box-shadow: none; 
    --hover-clr: var(--clr-primary-20); 
    --hover-bg-clr: var(--clr-primary); 
    --hover-border: var(--border); 
    --hover-box-shadow: var(--box-shadow); 
    --focus-clr: var(--hover-clr); 
    --focus-bg-clr: var(--hover-bg-clr); 
    --focus-border: var(--hover-border); 
    --focus-box-shadow: var(--hover-box-shadow); 
    --active-clr: var(--focus-clr); 
    --active-bg-clr: var(--focus-bg-clr); 
    --active-border: var(--focus-border); 
    --active-box-shadow: var(--focus-box-shadow); 
}

.wpb-social-media { display: flex; flex-wrap: wrap; column-gap: 1rem; row-gap: 1rem; }
.wpb-social-media a { background-color: var(--bg-clr); border-radius: var(--br); text-decoration: none; width: 3.8rem; height: 3.8rem; display: inline-grid; place-items: center; transition: background-color var(--ts-duration) ease-in-out; }
.wpb-social-media a i { --clr: inherit;; --w: 1.6rem; --h: 1.6rem; }
.wpb-social-media a:hover { background-color: var(--hover-bg-clr)!important; border: var(--hover-border)!important; box-shadow: var(--hover-box-shadow)!important; }
.wpb-social-media a:hover i { --clr: var(--hover-clr); }
.wpb-social-media a:focus { background-color: var(--focus-bg-clr)!important; border: var(--focus-border)!important; box-shadow: var(--focus-box-shadow)!important; }
.wpb-social-media a:focus i { --clr: var(--focus-clr); }
.wpb-social-media a:active { background-color: var(--active-bg-clr)!important; border: var(--active-border)!important; box-shadow: var(--active-box-shadow)!important; }
.wpb-social-media a:hover i { --clr: var(--active-clr); }

/*** ---------- Footer CTA ---------- ***/
.wpb-footer-cta { position: relative; --clr-text: #fff; --clr-heading: #fff; background: linear-gradient(45deg, var(--clr-primary), var(--clr-secondary) 35%); overflow: hidden; }
.wpb-footer-cta::before{ --size: 65vw; content: ''; position: absolute; top: -30vw; right: 5vw; background: radial-gradient(rgb(var(--clr-primary-rgb), .4), transparent 60%); width: var(--size); height: var(--size); pointer-events: none; }
.wpb-footer-cta::after{ --size: 75vw; content: ''; position: absolute; bottom: -30vw; right: -30vw; background: radial-gradient(rgb(var(--clr-primary-rgb), .5), transparent 60%); width: var(--size); height: var(--size); pointer-events: none; }


.wpb-footer-cta .wpb-text{ text-align: center; }
.wpb-footer-cta .wpb-text h2{ --mt: 3.2rem; }
.wpb-footer-cta .wpb-text .wpb-label{ justify-content: center; }
.wpb-footer-cta .btn.btn--primary{ --mt: 2.4rem; --hover-bg-clr: #fff4; backdrop-filter: blur(2px); }
.wpb-footer-cta .wpb-bg-assets .wpb-bg-asset{ --top: 0; --bottom: auto; transform: rotate(180deg); }

.wpb-label{ display: flex; align-items: center; gap: .8rem; color: var(--clr-heading); font-size: clamp(1.8rem, 2vw, 2.8rem); font-weight: 750; }
.wpb-label i{ font-size: 1.2rem; padding: .4rem; border: 2px solid var(--clr-heading); border-radius: 50%; aspect-ratio: 1/1; }

@media(max-width: 576px){
    .wpb-footer-cta .wpb-text .wpb-label{ text-wrap: balance; text-align: left; line-height: 1.2; gap: 1.4rem; }
    .wpb-footer-cta .wpb-text .wpb-label span{ width: fit-content; max-width: 18rem; }
    .wpb-footer-cta .wpb-text .wpb-label i{ font-size: 2rem; }
}

@media(min-width: 768px){
    .wpb-footer-cta .wpb-text h2{ --mt: 4rem; }
    .wpb-footer-cta .btn.btn--primary{ --mt: 4rem; }
}


/*** ---------- USP Snippet ---------- ***/
.wpb-usp { display: flex; align-items: center; gap: 1rem; font-size: clamp(1.6rem, 1.5vw, 2rem); font-weight: 900; }
.wpb-usp-container{ display: flex; align-items: center; flex-wrap: wrap; row-gap: 1.2rem; column-gap: 4.8rem; }

/*** ---------- USP block ---------- ***/
.wpb-usp-block-container{ display: grid; gap: 1.6rem; column-gap: 2.4rem; }

.wpb-usp-block-container .wpb-usp-block{ --p: 1.8rem; padding: var(--p); display: flex; align-items: center; gap: 1.4rem; border: 2px solid var(--clr-dark-20); line-height: 1.2; }
.wpb-usp-block-container .wpb-usp-block > i{ --size: 2.8rem; width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); border-radius: 50%; background-color: var(--clr-primary); font-size: 1.6rem; color: #fff; display: flex; align-items: center; justify-content: center; }
.wpb-usp-block-container .wpb-usp-block strong{ display: block; color: var(--clr-heading); padding-bottom: .25em; }
.wpb-usp-block-container .wpb-usp-block p{ font-size: clamp(1.4rem, 1.5vw, 1.6rem); line-height: 1.4; }

@media(min-width: 768px){
    .wpb-usp-block-container{ grid-template-columns: repeat(auto-fit, minmax(38rem, 1fr)); }
}

/*** ---------- Modal ---------- ***/
.modal { --br: 1.6rem; --p: 2rem; --backdrop-clr: rgba(0,0,0,.45); position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; padding: 1.5rem; background-color: var(--backdrop-clr); display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transform: scale(.95); transition: opacity var(--ts-duration) ease-in-out, transform var(--ts-duration) ease-in-out; z-index: 1090; }
.modal.show { display: flex; opacity: 1; pointer-events: all; transform: scale(1); }
.modal.show .modal-dialog { transform: translateY(0); }
.modal .modal-dialog { display: flex; flex-direction: column; border-radius: var(--br); width: 100%; max-width: 74rem; height: auto; max-height: 80vh; transform: translateY(5rem); transition: transform var(--ts-25) ease; background-color: #fff; overflow: hidden; }
.modal.modal--small .modal-dialog { max-width: 60rem; max-height: 60rem; }
.modal.modal--large .modal-dialog { max-width: 100rem; max-height: 60rem; }
.modal.modal--fullscreen { padding: 0; }
.modal.modal--fullscreen .modal-dialog { height: 100%; max-height: 100%; max-width: 100%; border-radius: 0; }
.modal .modal-dialog .modal-dialog__header { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; padding: var(--p); background-color: #fff; font-family: inherit; }
.modal .modal-dialog .modal-dialog__header .modal-title { font-size: 2rem; margin: 0; }
.modal .modal-dialog .modal-dialog__header .btn-close { cursor: pointer; background-color: transparent; width: 3.2rem; height: 3.2rem; border-radius: 50%; border: 1px solid var(--clr-border); display: inline-grid; place-items: center; transition: background-color var(--ts-duration) ease-in-out, border-color var(--ts-duration) ease-in-out; }
.modal .modal-dialog .modal-dialog__header .btn-close i { --w: 1.4rem; --h: 1.4rem; }
.modal .modal-dialog .modal-dialog__header .btn-close:hover { border-color: var(--clr-primary); background-color: var(--clr-primary); }
.modal .modal-dialog .modal-dialog__header .btn-close:hover i { --clr: #fff; } 
.modal .modal-dialog .modal-dialog__header p { margin: 0; font-size: 1.6rem; line-height: 1.6rem; }
.modal .modal-dialog .modal-dialog__body { background-color: #fff; padding: var(--p); overflow-y: auto; overflow-x: hidden; }
.modal .modal-dialog .modal-dialog__footer { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #E4E9EA; background-color: #fff; padding: var(--p); z-index: 2; margin-top: auto; }

.modal.modal--video{ --br: 0; --p: 0; --bg-clr: #000; --backdrop-clr: rgba(0,0,0,.45); }
.modal.modal--video .modal-dialog{ max-width: 100%; max-height: 100%; background-color: var(--bg-clr); }
.modal.modal--video .modal-dialog .modal-dialog__body{ display: flex; justify-content: center; overflow: hidden; background-color: var(--bg-clr); }
.modal.modal--video .modal-dialog video{ object-fit: contain !important; width: 100%; height: auto !important; }
.modal.modal--video .btn--close{ --hover-bg-clr: transparent; --hover-border: 1px solid #FFFF; --size: 4.4rem; width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); position: absolute; top: 1.2rem; right: 1.2rem; z-index: 5; }

@media (min-width: 576px) {
    .modal.modal--fullscreen { --p: 2rem calc((100% - 540px) / 2 + 2rem); }
}

@media (min-width: 768px) {
    .modal.modal--fullscreen { --p: 2rem; }
    .modal.modal--fullscreen .modal-dialog { max-width: 74rem; height: auto; max-height: 80vh; border-radius: var(--br); }
}

@media (min-width: 992px) {
    .modal { --p: 3.2rem; }
    .modal.modal--fullscreen { --p: 3.2rem; }

    .modal.modal--video .btn--close{ --size: 6rem; font-size: 2.4rem; }
}

/*** ---------- Tooltips ---------- ***/
.wpb-tooltip { --bg: rgb( 255,255,255); position: absolute; pointer-events: none; opacity: 0; background-color: var(--bg); color: inherit; font-size: 1.3rem; line-height: 2rem; padding: .5rem 1rem; border-radius: .5rem; z-index: 9999; box-shadow: 0 0 .75rem .25rem rgba(0,0,0,.1); }
.wpb-tooltip::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 .5rem .5rem .5rem; border-color: transparent transparent var(--bg) transparent; bottom: 100%; transform: translateX(-50%); left: 50%; }
.wpb-tooltip.wpb-tooltip--left::after { border-width: .7rem 0 .7rem .7rem; border-color: transparent transparent transparent var(--bg); top: 50%; transform: translateY(-50%); left: calc(100% - 1px); }
.wpb-tooltip.wpb-tooltip--right::after { border-width: .7rem .7rem .7rem 0; border-color: transparent var(--bg) transparent transparent; top: 50%; transform: translateY(-50%); right: calc(100% - 1px); left: auto; }
.wpb-tooltip.wpb-tooltip--top::after { border-width:  .5rem .5rem 0 .5rem; border-color: var(--bg) transparent transparent transparent; top: 100%; transform: translateX(-50%); left: 50%; }
.wpb-tooltip.show { opacity: 1; }

/*** ---------- Dropdowns ---------- ***/
.wpb-dropdown { position: relative; }
.wpb-dropdown .wpb-dropdown__menu { opacity: 0; pointer-events: none; min-width: 10rem; border-radius: .5rem; position: absolute; top: calc(100% + .5rem); left: 0; background-color: #fff; box-shadow: 0 0.5rem 0.5rem rgb(21, 47, 51, .1); border: 1px solid rgba(var(--clr-border)); padding: 1.25rem; transition: opacity var(--ts-duration) ease-in-out; }
.wpb-dropdown .wpb-dropdown__menu-right { left: auto; right: 0; }
.wpb-dropdown .wpb-dropdown__menu ul { list-style: none; }
.wpb-dropdown .wpb-dropdown__menu ul .dropdown-item { white-space: nowrap; display: flex; gap: .5rem; text-decoration: none; }
.wpb-dropdown.wpb-dropdown__left .wpb-dropdown__menu { top: 0; right: calc(100% + .5rem); left: auto; } 
.wpb-dropdown.wpb-dropdown__left .wpb-dropdown__toggle i { order: -1; transform: rotate(90deg); }
.wpb-dropdown.wpb-dropdown__right .wpb-dropdown__menu { top: 0; left: calc(100% + .5rem); right: auto; } 
.wpb-dropdown.wpb-dropdown__right .wpb-dropdown__toggle i { order: 9999; transform: rotate(-90deg); }
.wpb-dropdown .wpb-dropdown__toggle[aria-expanded="true"] + .wpb-dropdown__menu { opacity: 1; pointer-events: all; z-index: 850; }  

/*** ---------- Tables ---------- ***/
.wpb-table { overflow-x: auto; }
table { 
    --clr: var(--clr-text); 
    --border-clr: var(--clr-border); 
    --accent-bg-clr: transparent; 
    --hover-clr: var(--clr-text); 
    --hover-bg-clr: rgba(0, 0, 0, 0.075); 
    --border-width: .1rem; 
    
    border-collapse: collapse; width: 100%; color: var(--clr); vertical-align: top; border-color: var(--border-clr); border-spacing: 0; margin: 0 0 1.41575em; }
table td, table th { padding: 1em 1.41575em; text-align: left; vertical-align: top; border-color: inherit; border-style: solid; border-width: 0; border-bottom-width: var(--border-width); }
table thead { vertical-align: bottom; }

/*** ---------- Filters ---------- ***/
.wpb-toolbar .container { display: grid; grid-template-columns: 1fr; }

@media (width > 576px) {
    .wpb-toolbar .container { grid-template-columns: 1fr 20rem; }
}

/*** ---------- Pagination ---------- ***/
.wpb-pagination { --p: 0; --clr: var(--clr-dark); --bg-clr: transparent; --border: 2px solid var(--clr-dark-30); --br: 0; --hover-clr: #fff; --hover-bg-clr: var(--clr-primary); --hover-border: 2px solid var(--hover-bg-clr); --active-color: var(--hover-clr); --active-bg-clr: var(--hover-bg-clr); --active-border: var(--hover-border); position: relative; }
.wpb-pagination .has-prev-next { padding-left: 3.8rem; padding-right: 3.8rem; } 
.wpb-pagination ul { --gap: 1rem; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; gap: var(--gap); padding-top: 3.2rem; }
.wpb-pagination li > * { width: 4.4rem; height: 4.4rem; display: inline-grid; place-items: center; font-weight: 600; font-size: 1.6rem; line-height: 1.6; color: var(--clr-text); color: inherit; padding: var(--p); color: var(--clr); background-color: var(--bg-clr); border-radius: var(--br); border: var(--border); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; transition-property: color, background-color, border-color; transition-duration: var(--ts-duration); transition-timing-function: var(--ts-function); }
.wpb-pagination li > *:hover { --border: 2px solid var(--clr-dark); }
.wpb-pagination li > * i { --w: 1.5rem; --h: 1.5rem; pointer-events: none; }
.wpb-pagination li :is(> *:hover, > *:focus, > *:active) { color: var(--hover-clr); background-color: var(--hover-bg-clr); border: var(--hover-border); }
.wpb-pagination li > *.current { color: var(--active-color); background-color: var(--active-bg-clr); border: var(--active-border); }
.wpb-pagination li .page-number__prev { position: absolute; left: 0; }
.wpb-pagination li .page-number__next { position: absolute; right: 0; }
.wpb-pagination li:has([data-page="…"]),
.wpb-pagination li [data-page="…"] { pointer-events: none!important; }

/*** ---------- Offcanvas ---------- ***/
.wpb-offcanvas { --p: 1.8rem; width: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: auto; flex-direction: column; z-index: 9999; background-color: #fff; transform: translate3d(100%, 0, 0); transition: transform var(--ts-35) ease; }
.wpb-offcanvas.wpb-offcanvas--left { transform: translate3d(-100%, 0, 0); top: 0; right: auto; bottom: 0; left: 0; }
.wpb-offcanvas.is-active { pointer-events: all; transform: translate3d(0%, 0, 0); }
.wpb-offcanvas .wpb-offcanvas__header { display: flex; justify-content: space-between; align-items: center; padding: var(--p); }
.wpb-offcanvas .wpb-offcanvas__body { padding: var(--p); flex-grow: 1; overflow-y: auto; }
.wpb-offcanvas .wpb-offcanvas__footer { display: grid; padding: var(--p); }
.btn[data-target="#productFilters"] { position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 600; }

.wpb-offcanvas.wpb-offcanvas--filters form > * + * { margin-top: 2rem; }

@media (min-width: 576px) {
    .wpb-offcanvas { max-width: 45rem; }
}

@media (min-width: 992px) {
    .wpb-offcanvas.wpb-offcanvas--filters { --p: 0; display: flex!important; position: static; transform: none; }
    .wpb-offcanvas.wpb-offcanvas--filters .wpb-offcanvas__header,
    .wpb-offcanvas.wpb-offcanvas--filters .wpb-offcanvas__footer { display: none; }
    .btn[data-target="#productFilters"] { display: none; }
}

/* Contact links */
.contact-link { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-decoration: none; }
.contact-link strong { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; width: 100%; }

/*** ---------- Archive ---------- ***/
.wpb-archive { --gc: 1; --gap: 2.2rem; }
.wpb-archive .container.container--results { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); }
.wpb-archive .container.container--results >:is(:nth-child(2),:nth-child(3), :nth-child(6)){ clip-path: none; }
.wpb-archive .container.container--results >:nth-child(4){ clip-path: var(--clip-path-BottomL); }
.wpb-archive .container.container--results >:nth-child(5){ clip-path: var(--clip-path-BottomR); }

@media (min-width: 768px) {
    .wpb-archive { --gc: 2; }
}

/*** ---------- Single ---------- ***/
.wpb-related--posts { --gc: 1; --gap: 1.6rem; }
.wpb-related--posts .badge{ font-size: 1.3rem; }
.wpb-related--posts .wpb-section__header h2{ --fs: clamp(3.2rem, 4vw, 4.8rem); }
.wpb-related--posts .wpb-section__header .wpb-text{ width: 100%; border-top: 4px dotted var(--clr-dark-30); padding-top: 4.8rem; }
.wpb-related--posts .container.container--articles { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); }
.wpb-related--posts .container.container--articles > .wpb-card--image:nth-child(2){ clip-path: var(--clip-path-BottomR); }

.wpb-related--blog .wpb-section__header{ padding-bottom: 3.6rem; }

@media (min-width: 768px) {
    .wpb-related--posts { --gc: 2; --gap: 3.2rem; }
}
@media (min-width: 992px) {
    .wpb-related--posts .wpb-section__header .wpb-text{ padding-top: 6.4rem; }
}

.social-share-icons { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .25rem; padding-top: 1.6rem; }

/*** ---------- Aspect ratio ---------- ***/
.wpb-ratio { --wpb-aspect-ratio: 100%; position: relative; width: 100%; }
.wpb-ratio::before { display: block; padding-top: var(--wpb-aspect-ratio); content: ""; }
.wpb-ratio--21x9 { --wpb-aspect-ratio: 42.8571428571%; }
.wpb-ratio--16x9 { --wpb-aspect-ratio: 56.25%; }
.wpb-ratio--1x1 { --wpb-aspect-ratio: 100%; }
.wpb-ratio--4x3 { --wpb-aspect-ratio: 75%; }
.wpb-ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wpb-ratio > img { object-fit: cover; } 

/*** ---------- Alerts ---------- ***/
.wpb-alert { --clr: #fff; --bg: var(--clr-primary); --br: 1.6rem; display: block; padding: 1.6rem; color: var(--clr); background-color: var(--bg); border-radius: var(--br); }
.wpb-alert.wpb-alert-icon { display: grid; grid-template-columns: 2.8rem 1fr; gap: 1.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.wpb-alert.wpb-alert-icon i-wrapper { width: 2.8rem; height: 2.8rem; }
.wpb-alert.wpb-alert-icon i-wrapper i { --w: 2.8rem; --h: 2.8rem; }
.wpb-alert *:not(.btn) { color: inherit; }

.wpb-alert.wpb-alert--info { --border: 1px solid rgb(0, 143, 214); --bg: rgb(0, 143, 214); }
.wpb-alert.wpb-alert--warning { --border: 1px solid rgb(194, 100, 47); --bg: rgb(194, 100, 47); }
.wpb-alert.wpb-alert--danger { --border: 1px solid rgb(216, 19, 19); --bg: rgb(216, 19, 19); }
.wpb-alert.wpb-alert--success { --border: 1px solid rgb(78, 168, 69); --bg: rgb(78, 168, 69); }

/*** ---------- Page: Search ---------- ***/
.wpb-search-results { --gc: 1; --gap: 2.2rem; }
.wpb-search-results .wpb-text { margin-bottom: 3.2rem; }
.wpb-search-results .inner { display: grid; gap: var(--gap); grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); }
.wpb-search-results .result { text-decoration: none; display: flex; gap: .5rem; padding: .75rem 1.25rem; margin-bottom: -.1rem; transition: background-color var(--ts-duration) ease-in-out; }
.wpb-search-results .result .info { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: .5rem; }
.wpb-search-results .result .info i { margin-left: auto; }
.wpb-search-results .result { border: 1px solid var(--clr-border); }
.wpb-search-results .result:hover { background-color: #f2f2f2; }
.wpb-search-results :is(.result:first-child, .no-result) { margin-top: 1.6rem; }

/*** ---------- Wux Advanced Search ---------- ***/
.wpb-search-results { display: grid; gap: 2.2rem; position: relative; }
.wpb-search-results h3 { --fs: 2rem; padding-bottom: .8rem; }
.wpb-search-results.--loading { min-height: 6.4rem; margin-top: 2.2rem; }
.wpb-search-results.--loading::after { content: ''; --src: url('/app/themes/wuxnl-theme/assets/icons/default/icon_loading.svg'); --clr: var(--clr-text); --w: 2rem; --h: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--w); height: var(--h); background-color: var(--clr); position: absolute; top: calc(50% - (var(--h) / 2)); left: calc(50% - (var(--w) / 2)); animation: rotate 0.5s linear infinite; }
.wpb-search-results.--loading .result-section { opacity: .5; }
.wpb-search-results .result-section:nth-child(1) { margin-top: 2.2rem; }
.wpb-search-results.--loading .result-section:nth-child(1) { margin-top: 0; }
.wpb-search-results .result-section .results:is(.posts, .terms) { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: .8rem; }
.wpb-search-results .no-result-section { border: 1px solid var(--clr-border); padding: 2.2rem; border-radius: 1rem; margin-top: 2.2rem; }
.wpb-search-results.--loading .no-result-section { margin-top: 0; }

@media (min-width: 768px) {
    .wpb-search-results .result-section .results:is(.posts, .terms) { grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr)); }
}


@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes scale {
    0% { transform: scale(0); }
    100% { transform: scale(100%); }
}

@keyframes transform {
    0% { transform: scale(100%) translateY(0px); opacity: 1; }
    100% { transform: scale(100%)  translateY(-10rem); opacity: 0; }
}

@keyframes pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 var(--clr-primary); opacity: .7; }
    70% { transform: scale(1); box-shadow: 0 0 0 1.5rem var(--clr-primary); opacity: 0; }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 var(--clr-primary); opacity: 0; }
}



/*** ---------- Blaze slider ---------- ***/
.wpb-block:has(.blaze-slider){ overflow: hidden; }
.blaze-slider .blaze-track-container{ overflow: visible; }

.blaze-slider .blaze-pagination-container { --p: 1.8rem 0 0 0; padding: var(--p); }
.blaze-slider .blaze-pagination-container .blaze-pagination { display: flex; align-items: center; width: calc(100% + 22vw); transition: transform var(--ts-duration) var(--ts-function); }
.blaze-slider .blaze-pagination-container .blaze-pagination button { --size: .5rem; --bg: var(--clr-light); cursor: pointer; width: 100%; height: var(--size); background: var(--bg); border: none; text-indent: -9999rem; overflow: clip; transition: background var(--ts-duration) var(--ts-function); }
.blaze-slider .blaze-pagination-container .blaze-pagination button.active { --bg: var(--clr-primary); }
.blaze-slider .blaze-nav-container { --p: 1.8rem 0 0 0; display: flex; align-items: center; justify-content: end; gap: .8rem; padding: var(--p); }
.blaze-slider .blaze-nav-container > button { 
    --size: 4rem; --inner-clr: #FFFF; --hover-inner-clr: #FFFF; --bg-clr: var(--clr-dark); --hover-bg-clr: var(--clr-primary); --border: 2px solid var(--bg-clr); --hover-border: 2px solid transparent; --br: 50%; font-size: 1.3rem; width: var(--size); min-width: var(--size); height: var(--size); 
    min-height: var(--size); background: var(--bg-clr); color: var(--inner-clr); border: var(--border); border-radius: var(--br); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background var(--ts-duration) var(--ts-function), border var(--ts-duration) var(--ts-function);  
}
.blaze-slider .blaze-nav-container > button:hover{ background: var(--hover-bg-clr); color: var(--hover-inner-clr); border: var(--hover-border); }
.blaze-slider .blaze-nav-container .btn-group{ margin-right: auto; }

.blaze-slider.start .blaze-nav-container > .blaze-prev{ pointer-events: none; --inner-clr: var(--clr-dark); --bg-clr: transparent; --border: 2px solid var(--clr-dark-20); opacity: .5; }
.blaze-slider.end .blaze-nav-container > .blaze-next{ pointer-events: none; --inner-clr: var(--clr-dark); --bg-clr: transparent; --border: 2px solid var(--clr-dark-20); opacity: .5; }
.blaze-slider.end .blaze-pagination-container .blaze-pagination{ transform: translateX(-22vw); }

.blaze-slider .blaze-nav-container > .blaze-prev i{ transform: rotate(180deg); }


/*** ---------- Temlate: Contact ---------- ***/
body[class*='template-contact']{ --block-offset: 0; }

.wpb-header.wpb-header--contact{ --min-height: auto; position: relative; overflow: hidden; min-height: 100dvh; }
.wpb-header.wpb-header--contact h1{ --fs: clamp(4rem, 5vw, 8rem); }
.wpb-header.wpb-header--contact .wpb-image{ position: absolute; left: 0; top: 0; right: 0; height: 30rem; }
.wpb-header.wpb-header--contact .wpb-image img{ width: 100%; height: 100%; object-fit: cover; }
.wpb-header.wpb-header--contact .wpb-text{ padding-bottom: 2.4rem; }
.wpb-header.wpb-header--contact .wpb-text p:has(+ :is(h1, h2, h3)):has(em:only-child){ color: #FFF; }
.wpb-header.wpb-header--contact .container{ --wpb-width: calc(86rem + var(--p) + var(--p)); margin-left: 0; z-index: 2; }
.wpb-header.wpb-header--contact .inner .wpb-menu-column{ margin-top: 4.8rem; flex-direction: row; flex-wrap: wrap; gap: 3.2rem; row-gap: .8rem; }
.wpb-header.wpb-header--contact .inner .wpb-menu-column + .wpb-menu-column{ margin-top: 2.4rem; font-size: 1.4rem; color: rgba(255, 255, 255, 0.7); }
.wpb-header.wpb-header--contact .inner .wpb-menu-column .wpb-menu-column__title{ width: 100%; margin: 0; color: rgba(255, 255, 255, 0.5); }
.wpb-header.wpb-header--contact .inner .wpb-menu-column .wpb-menu-column__text{ width: 100%; margin-bottom: 1.2rem; }
.wpb-header.wpb-header--contact .inner .wpb-menu-column .wpb-menu-column__text strong{ color: #FFFF; font-size: clamp(1.8rem, 2vw, 2.4rem); }
.wpb-header.wpb-header--contact .inner .wpb-menu-column .wpb-menu-column__text p{ font-size: clamp(1.4rem, 1.5vw, 1.6rem); color: rgba(255, 255, 255, 0.5); line-height: 1; }
.wpb-header.wpb-header--contact .inner .wpb-menu-column li a{ color: #FFFF; }
.wpb-header.wpb-header--contact .wpb-bg-assets .wpb-bg-asset{ --w: 53rem; --h: 16.5rem; }

.wpb-header.wpb-header--contact::before{ --size: 90vw; content: ''; position: absolute; top: -55vw; right: -10vw; background: radial-gradient(rgb(var(--clr-primary-rgb), .6), transparent 60%); width: var(--size); height: var(--size); pointer-events: none; }
.wpb-header.wpb-header--contact::after{ --size: 95vw; content: ''; position: absolute; bottom: -25vw; right: -50vw; background: radial-gradient(rgb(var(--clr-primary-rgb), .5), transparent 60%); width: var(--size); height: var(--size); pointer-events: none; }


@media (max-width: 992px){
    .wpb-header.wpb-header--contact{ --block-offset: 0; }
    .wpb-navigation + .wpb-header.wpb-header--contact{ padding-top: calc(32rem + var(--pt)); }
    .wpb-header.wpb-header--contact::before{ top: 20vw; right: auto; left: -20vw; }
}
@media (min-width: 992px){
    .wpb-header.wpb-header--contact{ --col-1-width: 32rem; display: grid; grid-template-columns: var(--col-1-width) 1fr; }
    .wpb-header.wpb-header--contact .wpb-image{ bottom: 0; width: var(--col-1-width); height: 100%; }
    .wpb-header.wpb-header--contact .container{ --p: 4.8rem; margin-left: 0; grid-column: 2; }

    .wpb-header.wpb-header--contact .inner .wpb-menu-column{ margin-top: 8rem; }
}
@media (min-width: 1200px){
    .wpb-header.wpb-header--contact{ --col-1-width: 52rem; }
    .wpb-header.wpb-header--contact .container{ --p: 6.4rem; }
}
@media (min-width: 1400px){
    .wpb-header.wpb-header--contact{ --col-1-width: 64rem; }
}
@media (min-width: 1600px){
    .wpb-header.wpb-header--contact{ --col-1-width: 80rem; }
}
@media (min-width: 1800px){
    .wpb-header.wpb-header--contact .container{ --p: 10rem; }
}