.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1280px;
}
body {font-family: 'Poppins';}body {line-height: 1.6;font-size: 18px;font-weight: 400;color: var(--primary);}.oxy-nav-menu-hamburger-line {background-color: var(--primary);}h1, h2, h3, h4, h5, h6 {font-family: 'Poppins';font-size: var(--text-4xl) ;font-weight: 700;line-height: 1.1;color: var(--text-title);}h2, h3, h4, h5, h6{font-size: var(--text-3xl) ;line-height: 1.2;}h3, h4, h5, h6{font-size: var(--text-2xl) ;line-height: 1.3;}h4, h5, h6{font-size: var(--text-xl) ;line-height: 1.3;}h5, h6{font-size: var(--text-l) ;line-height: 1.3;}h6{font-size: var(--text-m) ;line-height: 1.4;}a {color: var(--primary);text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: px;}.ct-section-inner-wrap {
padding-top: var(--space-section) ;
padding-right: 3.2rem;
padding-bottom: var(--space-section) ;
padding-left: 3.2rem;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 3.2rem;
padding-left: 3.2rem;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.columns-12 {
}
.columns-8--on-m {
}
.columns-4--on-s {
}
.items-center {
}
.col-span-8--on-m {
}
.col-span-4--on-s {
}
.col-span-12 {
}
.col-span-12 .cell{
width:50%;
}

.hs-1 {
}
.column-gap-2xl {
}
.card {
 gap:2.4rem;
 padding-top:var(--space-s) ;
 padding-bottom:var(--space-s) ;
 width:100%;
}
.card:not(.ct-section):not(.oxy-easy-posts),
.card.oxy-easy-posts .oxy-posts,
.card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:2.4rem;
}
@media (max-width: 479px) {
.card {
}
.card:not(.ct-section):not(.oxy-easy-posts),
.card.oxy-easy-posts .oxy-posts,
.card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.col-span-4--on-m {
}
.col-span-4--on-m:not(.ct-section):not(.oxy-easy-posts),
.col-span-4--on-m.oxy-easy-posts .oxy-posts,
.col-span-4--on-m.ct-section .ct-section-inner-wrap{
display:flex;
}
.col-span-4 {
}
.card__icon-wrapper {
 width:150px;
 height:150px;
 border-radius:100%;
 background-color:var(--primary-10);
 margin-bottom:1.2rem;
}
.card__icon-wrapper:not(.ct-section):not(.oxy-easy-posts),
.card__icon-wrapper.oxy-easy-posts .oxy-posts,
.card__icon-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
align-content:center;
justify-content:center;
}
.card__icon {
color: var(--light);}.card__icon 
>svg {width: 50px;height: 50px;}.card__icon {
 height:70px;
 min-width:100px;
 width:50px;
}
.card__icon:not(.ct-section):not(.oxy-easy-posts),
.card__icon.oxy-easy-posts .oxy-posts,
.card__icon.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
}

.card__content {
 width:100%;
}
.flex-row {
}
.btn {
}
@media (max-width: 479px) {
.btn {
 width:100%;
}
}

.margin-top-2xs {
}
.margin-left-auto {
}
.margin-right-auto {
}
.btn__icon {
color: var(--light);}.btn__icon 
>svg {width: 24px;height: 24px;}.btn__icon {
}
.oxel_logo_slider {
 width:100%;
 position:relative;
 overflow:hidden;
 text-align:center;
 height:200px;
}
.oxel_logo_slider:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider.oxy-easy-posts .oxy-posts,
.oxel_logo_slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 991px) {
.oxel_logo_slider {
 width:300%;
 height:200px;
}
}

@media (max-width: 767px) {
.oxel_logo_slider {
 height:150px;
 text-align:center;
}
}

@media (max-width: 479px) {
.oxel_logo_slider {
}
}

.oxel_logo_slider__logo {
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 text-align:center;
 padding-top:16px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:16px;
 border-radius:clamp(1.6rem, calc(-0.42vw + 2.13rem), 2rem) ;
 background-color:var(--primary);
 height:150px;
 width:100%;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.oxel_logo_slider__logo:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__logo.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__logo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.oxel_logo_slider__logo {
 height:150px;
}
}

.oxel_logo_slider__image_carrier {
 width:100%;
 text-align:left;
 flex-shrink:0;
 transition-duration:0.1s;
 transition-timing-function:linear;
 gap:2rem;
 height:200px;
}
.oxel_logo_slider__image_carrier:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__image_carrier.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__image_carrier.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:2rem;
}
@media (max-width: 767px) {
.oxel_logo_slider__image_carrier {
 height:150px;
 gap:1rem;
}
.oxel_logo_slider__image_carrier:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__image_carrier.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__image_carrier.ct-section .ct-section-inner-wrap{
gap:1rem;
}
}

.oxel_logo_slider__image_carrier--delay {
}
.row-gap-l {
}
.col-span-6 {
}
.col-span-5 {
}
.col-start-8 {
}
.p {
}
.margin-top-l {
}
.pricing {
}
.pricing:not(.ct-section):not(.oxy-easy-posts),
.pricing.oxy-easy-posts .oxy-posts,
.pricing.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 1280px) {
.pricing {
}
.pricing:not(.ct-section):not(.oxy-easy-posts),
.pricing.oxy-easy-posts .oxy-posts,
.pricing.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

@media (max-width: 991px) {
}

.columns-8--on-l {
}
.full-width {
}
.row-gap-2xs {
}
.column-gap-2xs {
}
.pricing-card {
 width:100%;
 min-height:750px;
 max-width:400px;
}
.pricing-card:not(.ct-section):not(.oxy-easy-posts),
.pricing-card.oxy-easy-posts .oxy-posts,
.pricing-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 1280px) {
.pricing-card {
 min-height:100%;
 min-width:100%;
}
}

.col-span-3 {
}
.glass {
}
.padding-s {
}
.col-span-4--on-l {
}
.line-bottom {
 margin-top:0px;
 border-bottom-style:solid;
 border-bottom-color:var(--secondary);
 border-bottom-width:2px;
isolation: isolate;
}
@media (max-width: 1280px) {
.line-bottom:after{
 max-width:calc(1280px - 6.4rem)px;
 width:calc(100% - 6.4rem) ;
}
}

.relative {
}
.padding-bottom-xs {
}
.btn--price {
 min-width:220px;
 margin-left:-6px;
 margin-top:auto;
}
@media (max-width: 1280px) {
.btn--price {
 margin-left:0px;
}
}

.hl-sticky {
}
.tl-1 {
}
.width-100 {
 max-width:100%;
}
.tabs-8881-tab {
transform:;white-space: nowrap;
}
.tabs-8881-tab-active {
 border-bottom-width:2px;
 border-bottom-style:solid;
 border-bottom-color:var(--secondary);
}
.hs-3 {
}
.tabs-contents-8881-tab {
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-top:var(--space-s) ;
 max-width:100%;
}
.tabs-contents-8881-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-contents-8881-tab.oxy-easy-posts .oxy-posts,
.tabs-contents-8881-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 991px) {
.tabs-contents-8881-tab {
}
.tabs-contents-8881-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-contents-8881-tab.oxy-easy-posts .oxy-posts,
.tabs-contents-8881-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.column-gap-xs {
}
.hs-4 {
}
.margin-bottom-s {
}
.radius-l {
}
.oxel_toc__primary {
 color:#374047;
 font-size:14px;
 text-transform:uppercase;
 letter-spacing:1px;
 padding-left:8px;
 width:100%;
 padding-bottom:8px;
 border-top-color:#606e79;
 border-right-color:#606e79;
 border-bottom-color:#dee1e3;
 border-left-color:#606e79;
 border-bottom-style:solid;
 border-bottom-width:1px;
 margin-bottom:8px;
 padding-top:8px;
 border-left-width:2px;
 border-left-style:solid;
}
.oxel_toc__sub {
 text-decoration:underline;
 color:#606e79;
 margin-left:16px;
}
.oxel_toc__sub__2 {
 margin-left:32px;
}
.oxel_toc__sub__1 {
}
.oxel_toc__container {
 padding-bottom:16px;
 width:100%;
}
.oxel_toc__sub__3 {
 margin-left:48px;
}
.oxel_toc__sub__4 {
 margin-left:64px;
}
.oxel_toc__template {
}
.oxel_iconlist {
 max-width:100%;
}
.oxel_iconlist__row {
 padding-top:2px;
 padding-left:2px;
 padding-bottom:2px;
 width:100%;
 margin-top:0px;
 padding-right:2px;
}
.oxel_iconlist__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_iconlist__row__icon {
color: #7f8b93;}.oxel_iconlist__row__icon 
>svg {width: 18px;height: 18px;}.oxel_iconlist__row__icon {
 margin-left:32px;
 margin-right:16px;
}
.oxel_iconlist__row__label {
}
.oxel_iconlist__row--dark {
 background-color:#eceeef;
}
.oxel-image-accordion {
}
.oxel-image-accordion:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-accordion.oxy-easy-posts .oxy-posts,
.oxel-image-accordion.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 767px) {
.oxel-image-accordion {
 height:600px;
}
.oxel-image-accordion:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-accordion.oxy-easy-posts .oxy-posts,
.oxel-image-accordion.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.oxel-image-accordion__item {
 position:relative;
 height:400px;
 overflow:hidden;
 transition-duration:0.6s;
 transition-timing-function:cubic-bezier(.69,.05,.67,.88);
 transition-property:all;
}
@media (max-width: 767px) {
.oxel-image-accordion__item {
 height:auto;
}
}

.oxel-image-accordion__details {
 z-index:10;
 position:absolute;
 left:18px;
 bottom:16px;
 width:10000px;
}
.oxel-image-accordion__details:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-accordion__details.oxy-easy-posts .oxy-posts,
.oxel-image-accordion__details.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.oxel-image-accordion__details {
 position:absolute;
 bottom:8px;
 left:8px;
}
}

.oxel-image-accordion__icon {
background-color: #f9f9fa;
border: 1px solid #f9f9fa;
padding: 10px;color: #374047;}.oxel-image-accordion__icon 
>svg {width: 14px;height: 14px;}.oxel-image-accordion__icon {
 margin-right:16px;
}
@media (max-width: 767px) {
.oxel-image-accordion__icon {
padding: 6px;}.oxel-image-accordion__icon {
}
}

.oxel-image-accordion__link {
 color:#f9f9fa;
}
.oxel-image-accordion__image {
 position:absolute;
 width:100%;
 height:100%;
}
.oxel_horizontal_divider {
 margin-bottom:32px;
 width:100%;
 margin-top:16px;
}
.oxel_horizontal_divider:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_horizontal_divider__line {
 height:2px;
 background-color:#ffffff;
}
.oxel_horizontal_divider__icon {
color: #dee1e3;}.oxel_horizontal_divider__icon 
>svg {width: 16px;height: 16px;}.oxel_horizontal_divider__icon {
flex-shrink: 0;
}
.oxel_horizontal_divider__icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider__icon.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider__icon.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_icon_button__container:hover{
 background-color:color(2);
}
.oxel_icon_button__container {
 background-color:color(1);
 padding-top:8px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:8px;
 transition-duration:0.3s;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_icon_button_text {
 color:color(4);
}
.oxel_icon_button_icon {
color: color(3);}.oxel_icon_button_icon 
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
 margin-right:8px;
}
.header-logo {
 height:45px;
 object-fit:contain;
 width:auto;
}
@media (max-width: 479px) {
.header-logo {
 margin-right:0px;
 height:45px;
}
}

.main-header {
 position:fixed;
 top:1.6rem;
 z-index:1000;
 width:100%;
 overflow:hidden;
 height:80px;
}
.main-header:not(.ct-section):not(.oxy-easy-posts),
.main-header.oxy-easy-posts .oxy-posts,
.main-header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-content:center;
justify-content:center;
}
@media (max-width: 1280px) {
.main-header {
 padding-left:3.2rem;
 padding-right:3.2rem;
}
}

@media (max-width: 991px) {
.main-header {
 height:100px;
}
}

@media (max-width: 479px) {
.main-header {
 padding-left:2.4rem;
 padding-right:2.4rem;
}
}

.main-menu:hover{
}
.main-menu {
}
.main-menu {
--oxynav-brand-color:var(--light);
--oxynav-background-color:rgba(130,28,28,0);
}

.main-menu a{
font-weight: 600;
}

@media (max-width: 991px) {
.main-menu {
 visibility:hidden;
}
.main-menu:not(.ct-section):not(.oxy-easy-posts),
.main-menu.oxy-easy-posts .oxy-posts,
.main-menu.ct-section .ct-section-inner-wrap{
display:none;
}
}

.main-menu__btn {
}
.header-right {
 position:relative;
}
@media (max-width: 991px) {
.header-right {
 width:100%;
}
}

@media (max-width: 479px) {
.header-right {
}
}

.ghost {
}
.logo_slider_item {
 border-radius:clamp(1.6rem, calc(-0.42vw + 2.13rem), 2rem) ;
 background-color:var(--light);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
}

.no-page {
 height:85vh;
}
.no-page:not(.ct-section):not(.oxy-easy-posts),
.no-page.oxy-easy-posts .oxy-posts,
.no-page.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.docs {
 width:100%;
}
.toc {
 max-width:250pxpx;
}
.img-full {
 object-fit:cover;
 height:100%;
 width:100%;
}
.header-content {
 max-width:calc(1280px - 6.4rem) ;
}
.radius-full {
}
.margin-left-s {
}
.burger-menu {
 padding-bottom:20px;
 visibility:hidden;
 padding-top:20px;
 padding-right:20px;
 padding-left:20px;
 width:80px;
 height:80px;
}
.burger-menu:not(.ct-section):not(.oxy-easy-posts),
.burger-menu.oxy-easy-posts .oxy-posts,
.burger-menu.ct-section .ct-section-inner-wrap{
display:none;
}
.burger-menu .hamburger-inner, .burger-menu .hamburger-inner:after, .burger-menu .hamburger-inner:before{
height:4px;
background-color:var(--light);
}

.burger-menu .hamburger:hover .hamburger-inner, .burger-menu .hamburger:hover .hamburger-inner:after, .burger-menu .hamburger:hover .hamburger-inner:before{
background-color:var(--light);
}

.burger-menu .hamburger.is-active .hamburger-inner, .burger-menu .hamburger.is-active .hamburger-inner:after, .burger-menu .hamburger.is-active .hamburger-inner:before{
background-color:var(--light);
}

.burger-menu .hamburger{
border_radius_border-radius:0px;
border-radius:0px;
}

.burger-menu .hamburger.is-active{
border_radius_border-radius:0px;
border-radius:0px;
}

.burger-menu .hamburger.is-active:hover, .burger-menu .hamburger:hover{
opacity:1;
}

@media (max-width: 991px) {
.burger-menu {
 visibility:visible;
}
.burger-menu:not(.ct-section):not(.oxy-easy-posts),
.burger-menu.oxy-easy-posts .oxy-posts,
.burger-menu.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
align-content:center;
justify-content:center;
}
}

.cta-wp {
 position:fixed;
 right:16px;
 bottom:16px;
 padding-top:var(--space-2xs) ;
 padding-bottom:var(--space-2xs) ;
 padding-left:var(--space-2xs) ;
 padding-right:var(--space-2xs) ;
 gap:var(--space-xs) ;
 z-index:10;
}
.cta-wp:not(.ct-section):not(.oxy-easy-posts),
.cta-wp.oxy-easy-posts .oxy-posts,
.cta-wp.ct-section .ct-section-inner-wrap{
display:none;
align-items:center;
justify-content:center;
gap:var(--space-xs) ;
}
@media (max-width: 767px) {
.cta-wp {
 right:16px;
 left:16px;
 bottom:16px;
}
}

.cta-wp__img {
 height:110px;
 width:110px;
}
.radius-s {
}
.radius-m {
}
.items-middle {
}
.hero-wrapper {
 width:100vw;
 height:100vh;
}
.hero-wrapper .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.hero-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hero-wrapper.oxy-easy-posts .oxy-posts,
.hero-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.hero-wrapper {
 height:100%;
 gap:6.4rem;
}
.hero-wrapper .ct-section-inner-wrap {
padding-top: 10rem;
}
.hero-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hero-wrapper.oxy-easy-posts .oxy-posts,
.hero-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:6.4rem;
}
}

.topline {
 font-weight:600;
 color:var(--secondary);
 font-size:var(--text-l) ;
}
.subline {
 font-weight:400;
 font-size:calc(var(--text-xl) - 3px) ;
 color:var(--primary);
 line-height:1.4;
}
.hero-left {
 width:50%;
}
@media (max-width: 991px) {
.hero-left {
 width:100%;
 margin-top:6.4rem;
}
}

.hero-right {
 position:static;
 right:0px;
 height:100%;
 padding-bottom:0rem;
 margin-right:calc((100vw - 1140px) / -2) ;
 text-align:center;
 width:50vw;
}
.hero-right:not(.ct-section):not(.oxy-easy-posts),
.hero-right.oxy-easy-posts .oxy-posts,
.hero-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-end;
}
@media (max-width: 1280px) {
.hero-right {
 width:50vw;
 margin-right:-3.2rem;
}
}

@media (max-width: 991px) {
.hero-right {
 margin-right:-6.4rem;
 width:calc(100% + 6.4rem) ;
}
}

.hero-right__img {
 object-fit:contain;
 width:100%;
 height:100%;
 object-position:right;
 min-height:900px;
}
@media (max-width: 991px) {
.hero-right__img {
 object-position:top;
 object-fit:contain;
 min-height:100%;
}
}

.text {
 margin-bottom:var(--space-xs) ;
 padding-left:0px;
}
.testimonial-left {
 height:100%;
 padding-right:6.4rem;
 padding-top:3.2rem;
 padding-bottom:3.2rem;
 max-width:450px;
}
.testimonial-left:not(.ct-section):not(.oxy-easy-posts),
.testimonial-left.oxy-easy-posts .oxy-posts,
.testimonial-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 1280px) {
.testimonial-left {
 padding-left:6.4rem;
}
}

@media (max-width: 991px) {
.testimonial-left {
 max-width:100%;
 width:100%;
}
}

.testimonial-right {
 margin-right:calc((100vw - 1140px) / -2) ;
 width:70vw;
 max-height:800px;
 height:-webkit-fill-available ;
}
@media (max-width: 1280px) {
.testimonial-right {
 min-height:800px;
 margin-right:0 ;
 max-height:100%;
}
}

@media (max-width: 991px) {
.testimonial-right {
 width:100%;
}
}

@media (max-width: 767px) {
.testimonial-right {
 height:100%;
 min-height:100%;
}
}

.testimonial-wrapper {
 position:relative;
 text-align:left;
 height:100%;
isolation: isolate;
}
.testimonial-wrapper .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.testimonial-wrapper:not(.ct-section):not(.oxy-easy-posts),
.testimonial-wrapper.oxy-easy-posts .oxy-posts,
.testimonial-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.testimonial-headline {
 color:var(--light);
 font-weight:400;
 font-style:italic;
 font-size:calc(var(--text-l) + 3px) ;
}
.testimonial-text {
 color:var(--light);
 font-size:1.6rem;
 text-align:left;
}
.testimonial-img {
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center 25%;
}
@media (max-width: 1280px) {
.testimonial-img {
 object-fit:cover;
}
}

.testimonial-left__signature {
 width:100%;
 margin-top:2.4rem;
 margin-bottom:2.4rem;
}
.testimonial-left__signature:not(.ct-section):not(.oxy-easy-posts),
.testimonial-left__signature.oxy-easy-posts .oxy-posts,
.testimonial-left__signature.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
justify-content:space-between;
}
@media (max-width: 479px) {
.testimonial-left__signature {
 text-align:right;
 gap:1.6rem;
}
.testimonial-left__signature:not(.ct-section):not(.oxy-easy-posts),
.testimonial-left__signature.oxy-easy-posts .oxy-posts,
.testimonial-left__signature.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:1.6rem;
}
}

.testimonial-signature {
 font-family:'La Belle Aurore';
 font-size:2rem;
}
.line {
 height:100%;
 position:absolute;
 left:0px;
 background-color:var(--secondary);
 width:20px;
}
.glass--testimonial {
}
@media (max-width: 1280px) {
.glass--testimonial {
 width:100%;
}
}

.slider {
 slider-remove-padding:yes;
 slider-dots-overlay:yes;
 slider-stretch-slides:yes;
}
            .slider .unslider {
				padding: 0px;
			}
			.slider .unslider-wrap.unslider-carousel > li {
				padding: 0px;
			}
			.slider .unslider-arrow.next {
				right: 10px;
				z-index: 100;
			}
			.slider .unslider-arrow.prev {
				left: 10px;
				z-index: 100;
			}
        			.slider .unslider .unslider-nav {
			    position: absolute;
			    bottom: 0;
			    left: 0;
			    right: 0;
			    z-index: 100;
			}
					.slider .unslider-wrap {
				display: flex;
			}
			.slider .ct-slide {
				height: 100%;
			}
			.slider .unslider, 
			.slider .oxygen-unslider-container, 
			.slider .unslider-wrap, 
			.slider .unslider-wrap li {
				height: 100%;
			}
		.hero-heading {
 width:100%;
}
@media (max-width: 767px) {
.hero-heading {
 font-size:5rem;
}
}

@media (max-width: 479px) {
.hero-heading {
 font-size:4rem;
}
}

.rotating-words {
}
@media (max-width: 767px) {
.rotating-words {
}
}

.footer-wrapper {
 width:100%;
 height:100%;
 padding-top:var(--space-xl) ;
 padding-right:var(--space-xl) ;
 padding-bottom:var(--space-xl) ;
 padding-left:var(--space-xl) ;
 border-radius:var(--radius-xl) ;
 text-align:justify;
 gap:6.4rem;
 border-top-left-radius:var(--radius-l) ;
 border-top-right-radius:var(--radius-l) ;
 border-bottom-left-radius:0px;
 border-bottom-right-radius:0px;
}
.footer-wrapper:not(.ct-section):not(.oxy-easy-posts),
.footer-wrapper.oxy-easy-posts .oxy-posts,
.footer-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
gap:6.4rem;
}
@media (max-width: 767px) {
.footer-wrapper {
 text-align:justify;
 gap:3.2rem;
}
.footer-wrapper:not(.ct-section):not(.oxy-easy-posts),
.footer-wrapper.oxy-easy-posts .oxy-posts,
.footer-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:3.2rem;
}
}

.footer-logo {
 width:100%;
 object-fit:contain;
 height:100px;
}
@media (max-width: 767px) {
.footer-logo {
 height:100%;
}
}

@media (max-width: 479px) {
.footer-logo {
}
}

.footer-links {
 font-size:var(--text-l) ;
 font-weight:600;
}
@media (max-width: 991px) {
.footer-links {
}
.footer-links:not(.ct-section):not(.oxy-easy-posts),
.footer-links.oxy-easy-posts .oxy-posts,
.footer-links.ct-section .ct-section-inner-wrap{
align-items:flex-start;
align-content:flex-start;
justify-content:flex-start;
}
}

.footer-bottom {
 margin-top:var(--space-m) ;
 margin-bottom:var(--space-xs) ;
 width:100%;
 font-size:1.6rem;
 text-align:center;
}
.footer-bottom:not(.ct-section):not(.oxy-easy-posts),
.footer-bottom.oxy-easy-posts .oxy-posts,
.footer-bottom.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.footer-claim {
 font-size:1.6rem;
 width:100%;
 text-align:center;
 color:var(--light);
}
.testimonial-left-wrapper {
 max-width:calc(1280px - 6.4rem) ;
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
.testimonial-left-wrapper:not(.ct-section):not(.oxy-easy-posts),
.testimonial-left-wrapper.oxy-easy-posts .oxy-posts,
.testimonial-left-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.testimonial-wrapper-content {
 max-width:calc(1280px - 6.4rem) ;
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
.testimonial-wrapper-content:not(.ct-section):not(.oxy-easy-posts),
.testimonial-wrapper-content.oxy-easy-posts .oxy-posts,
.testimonial-wrapper-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1280px) {
.testimonial-wrapper-content {
 max-width:100%;
}
}

@media (max-width: 991px) {
.testimonial-wrapper-content {
}
.testimonial-wrapper-content:not(.ct-section):not(.oxy-easy-posts),
.testimonial-wrapper-content.oxy-easy-posts .oxy-posts,
.testimonial-wrapper-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}

.flex-column {
}
.width-50 {
 width:50%;
}
@media (max-width: 991px) {
.width-50 {
 width:100%;
}
}

.gap {
 gap:2.4rem;
}
.gap:not(.ct-section):not(.oxy-easy-posts),
.gap.oxy-easy-posts .oxy-posts,
.gap.ct-section .ct-section-inner-wrap{
display:flex;
gap:2.4rem;
}
.flex {
}
.flex:not(.ct-section):not(.oxy-easy-posts),
.flex.oxy-easy-posts .oxy-posts,
.flex.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 991px) {
.flex {
}
.flex:not(.ct-section):not(.oxy-easy-posts),
.flex.oxy-easy-posts .oxy-posts,
.flex.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.footer-content {
 width:100%;
}
.footer-content:not(.ct-section):not(.oxy-easy-posts),
.footer-content.oxy-easy-posts .oxy-posts,
.footer-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.footer-content {
 text-align:justify;
 gap:3.2rem;
}
.footer-content:not(.ct-section):not(.oxy-easy-posts),
.footer-content.oxy-easy-posts .oxy-posts,
.footer-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:3.2rem;
}
}

.calculator {
 width:100%;
}
.hs-5 {
}
.pricing-card__price {
 font-size:calc(var(--text-l) - 4px) ;
}
@media (max-width: 991px) {
.pricing-card__price {
 font-size:var(--text-l) ;
}
}

.pricing-card__price-month {
 font-size:calc(var(--text-xl) - 8px) ;
}
@media (max-width: 991px) {
.pricing-card__price-month {
 font-size:calc(var(--text-xl) - 4px) ;
}
}

.pricing-card--beige {
 background-color:var(--secondary-20);
}
.pricing-card--brown {
 background-color:var(--primary-20);
}
.pricing-card--blue {
 background-color:var(--accent-1-10);
}
.pricing-intro {
 max-width:100%;
}
.pricing-intro:not(.ct-section):not(.oxy-easy-posts),
.pricing-intro.oxy-easy-posts .oxy-posts,
.pricing-intro.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
justify-content:center;
}
@media (max-width: 991px) {
.pricing-intro {
}
.pricing-intro:not(.ct-section):not(.oxy-easy-posts),
.pricing-intro.oxy-easy-posts .oxy-posts,
.pricing-intro.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.padding-xs {
}
.pricing-card__list {
 font-size:1.6rem;
 width:100%;
}
.pricing-card--center {
}
.btn--floating {
 position:fixed;
 bottom:16px;
 right:16px;
 width:auto;
}
.modal-expert {
 width:100%;
 height:70%;
}
.oxy-close-modal {
padding: 10px 16px;
}.oxy-close-modal {
 z-index:99999999;
 margin-left:auto;
}
.contact-hub {
}
.ls-track-wrap {
}
.ls-track {
}
.logo-slide {
}
.ls-wrap {
}
.ls-list {
}
.margin-top-m {
}
.margin-top-s {
}
.hs-6 {
}
.hs-2 {
}
body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--secondary-20);
}
html {
  font-size: 62.5%;
  height: -webkit-fill-available;
}
html, body {
  overflow-x: hidden;
  }
#footer {
margin-top:auto;
}


:root {
    --primary: hsla(27, 22%, 40%, 1);
    --primary-5: hsla(27, 22%, 40%, 0.05);
    --primary-10: hsla(27, 22%, 40%, 0.1);
    --primary-20: hsla(27, 22%, 40%, 0.2);
    --primary-30: hsla(27, 22%, 40%, 0.3);
    --primary-40: hsla(27, 22%, 40%, 0.4);
    --primary-50: hsla(27, 22%, 40%, 0.5);
    --primary-60: hsla(27, 22%, 40%, 0.6);
    --primary-70: hsla(27, 22%, 40%, 0.7);
    --primary-80: hsla(27, 22%, 40%, 0.8);
    --primary-90: hsla(27, 22%, 40%, 0.9);
    --primary-d-1: hsla(29, 21%, 23%, 1);
    --primary-d-2: hsla(27, 20%, 18%, 1);
    --primary-d-3: hsla(30, 18%, 13%, 1);
    --primary-d-4: hsla(38, 48%, 13%, 1);
    --primary-l-1: hsla(29, 13%, 41%, 1);
    --primary-l-2: hsla(26, 10%, 55%, 1);
    --primary-l-3: hsla(28, 10%, 70%, 1);
    --primary-l-4: hsla(40, 100%, 92%, 1);
    --secondary: hsla(35, 27%, 64%, 1);
    --secondary-5: hsla(35, 27%, 64%, 0.05);
    --secondary-10: hsla(35, 27%, 64%, 0.1);
    --secondary-20: hsla(35, 27%, 64%, 0.2);
    --secondary-30: hsla(35, 27%, 64%, 0.3);
    --secondary-40: hsla(35, 27%, 64%, 0.4);
    --secondary-50: hsla(35, 27%, 64%, 0.5);
    --secondary-60: hsla(35, 27%, 64%, 0.6);
    --secondary-70: hsla(35, 27%, 64%, 0.7);
    --secondary-80: hsla(35, 27%, 64%, 0.8);
    --secondary-90: hsla(35, 27%, 64%, 0.9);
    --secondary-d-1: hsla(14, 15%, 23%, 1);
    --secondary-d-2: hsla(14, 14%, 18%, 1);
    --secondary-d-3: hsla(35, 13%, 25%, 1);
    --secondary-d-4: hsla(30, 11%, 14%, 1);
    --secondary-l-1: hsla(15, 9%, 42%, 1);
    --secondary-l-2: hsla(34, 29%, 78%, 1);
    --secondary-l-3: hsla(11, 7%, 70%, 1);
    --secondary-l-4: hsla(36, 28%, 93%, 1);
    --tertiary: hsla(12, 31%, 22%, 1);
    --tertiary-5: hsla(12, 31%, 22%, 0.05);
    --tertiary-10: hsla(12, 31%, 22%, 0.1);
    --tertiary-20: hsla(12, 31%, 22%, 0.2);
    --tertiary-30: hsla(12, 31%, 22%, 0.3);
    --tertiary-40: hsla(12, 31%, 22%, 0.4);
    --tertiary-50: hsla(12, 31%, 22%, 0.5);
    --tertiary-60: hsla(12, 31%, 22%, 0.6);
    --tertiary-70: hsla(12, 31%, 22%, 0.7);
    --tertiary-80: hsla(12, 31%, 22%, 0.8);
    --tertiary-90: hsla(12, 31%, 22%, 0.9);
    --tertiary-d-1: hsla(357, 30%, 13%, 1);
    --tertiary-d-2: hsla(13, 27%, 14%, 1);
    --tertiary-d-3: hsla(5, 32%, 8%, 1);
    --tertiary-d-4: hsla(0, 36%, 5%, 1);
    --tertiary-l-1: hsla(14, 17%, 36%, 1);
    --tertiary-l-2: hsla(12, 10%, 51%, 1);
    --tertiary-l-3: hsla(13, 11%, 67%, 1);
    --tertiary-l-4: hsla(13, 10%, 83%, 1);
    --accent-1: hsla(197, 55%, 55%, 1);
    --accent-1-5: hsla(197, 55%, 55%, 0.05);
    --accent-1-10: hsla(197, 55%, 55%, 0.1);
    --accent-1-20: hsla(197, 55%, 55%, 0.2);
    --accent-1-30: hsla(197, 55%, 55%, 0.3);
    --accent-1-40: hsla(197, 55%, 55%, 0.4);
    --accent-1-50: hsla(197, 55%, 55%, 0.5);
    --accent-1-60: hsla(197, 55%, 55%, 0.6);
    --accent-1-70: hsla(197, 55%, 55%, 0.7);
    --accent-1-80: hsla(197, 55%, 55%, 0.8);
    --accent-1-90: hsla(197, 55%, 55%, 0.9);
    --bg-body: hsla(0, 0%, 90%, 1);
    --bg-surface: hsla(0, 0%, 100%, 1);
    --text-body: hsla(28, 22%, 28%, 1);
    --text-title: hsla(28, 22%, 28%, 1);
    --border-primary: hsla(28, 22%, 28%, 1);
    --shadow-primary: hsla(27, 22%, 40%, 1);
    --light: hsla(85, 0%, 100%, 1);
    --light-5: hsla(0, 0%, 100%, 0.05);
    --light-10: hsla(0, 0%, 100%, 0.1);
    --light-20: hsla(0, 0%, 100%, 0.2);
    --light-30: hsla(0, 0%, 100%, 0.3);
    --light-40: hsla(0, 0%, 100%, 0.4);
    --light-50: hsla(0, 0%, 100%, 0.5);
    --light-60: hsla(0, 0%, 100%, 0.6);
    --light-70: hsla(0, 0%, 100%, 0.7);
    --light-80: hsla(0, 0%, 100%, 0.8);
    --light-90: hsla(0, 0%, 100%, 0.9);
    --dark: hsla(0, 4%, 10%, 1);
    --dark-5: hsla(0, 4%, 10%, 0.05);
    --dark-10: hsla(0, 4%, 10%, 0.1);
    --dark-20: hsla(0, 4%, 10%, 0.2);
    --dark-30: hsla(0, 4%, 10%, 0.3);
    --dark-40: hsla(0, 4%, 10%, 0.4);
    --dark-50: hsla(0, 4%, 10%, 0.5);
    --dark-60: hsla(0, 4%, 10%, 0.6);
    --dark-70: hsla(0, 4%, 10%, 0.7);
    --dark-80: hsla(0, 4%, 10%, 0.8);
    --dark-90: hsla(0, 4%, 10%, 0.9);
    --space-4xs: clamp(0.6rem, calc(0.21vw + 0.53rem), 0.8rem);
    --space-3xs: clamp(1.2rem, calc(0.42vw + 1.07rem), 1.6rem);
    --space-2xs: clamp(2rem, calc(0.42vw + 1.87rem), 2.4rem);
    --space-xs: clamp(2.4rem, calc(0.83vw + 2.13rem), 3.2rem);
    --space-s: clamp(3.2rem, calc(0.83vw + 2.93rem), 4rem);
    --space-m: clamp(4rem, calc(0.83vw + 3.73rem), 4.8rem);
    --space-l: clamp(4.8rem, calc(0.83vw + 4.53rem), 5.6rem);
    --space-xl: clamp(5.6rem, calc(0.83vw + 5.33rem), 6.4rem);
    --space-2xl: clamp(6.4rem, calc(0.83vw + 6.13rem), 7.2rem);
    --space-3xl: clamp(7.2rem, calc(0.83vw + 6.93rem), 8rem);
    --space-4xl: clamp(8rem, calc(1.67vw + 7.47rem), 9.6rem);
    --space-section: clamp(11.2rem, calc(3.33vw + 10.13rem), 14.4rem);
    --text-xs: clamp(1.4rem, calc(0vw + 1.4rem), 1.4rem);
    --text-s: clamp(1.4rem, calc(0.21vw + 1.33rem), 1.6rem);
    --text-m: clamp(1.6rem, calc(0.21vw + 1.53rem), 1.8rem);
    --text-l: clamp(1.8rem, calc(0.63vw + 1.6rem), 2.4rem);
    --text-xl: clamp(2.4rem, calc(1.04vw + 2.07rem), 3.4rem);
    --text-2xl: clamp(3.4rem, calc(1.46vw + 2.93rem), 4.8rem);
    --text-3xl: clamp(4.8rem, calc(1.25vw + 4.4rem), 6rem);
    --text-4xl: clamp(6rem, calc(2.08vw + 5.33rem), 8rem);
    --text-display: clamp(1.8rem, calc(0.42vw + 1.67rem), 2.2rem);
    --radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem);
    --radius-s: clamp(0.6rem, calc(-0.21vw + 0.87rem), 0.8rem);
    --radius-m: clamp(1rem, calc(-0.21vw + 1.27rem), 1.2rem);
    --radius-l: clamp(1.6rem, calc(-0.42vw + 2.13rem), 2rem);
    --radius-xl: clamp(2.6rem, calc(-0.63vw + 3.4rem), 3.2rem);
    --radius-full: 999rem;
    --shadow-xs: 0 1px 2px var(--shadow-primary);
    --shadow-s: 0 1.5px 3px var(--shadow-primary);
    --shadow-m: 0 2px 6px var(--shadow-primary);
    --shadow-l: 0 3px 12px var(--shadow-primary);
    --shadow-xl: 0 6px 48px var(--shadow-primary);
}
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px 16px;
    background: var(--accent-1);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    transition: all 0.6s ease-in-out;
    outline: 0;
    cursor: pointer;
    -webkit-backdrop-filter: blur(25px);
            backdrop-filter: blur(25px);
    border-radius: var(--radius-m);
}
.btn .btn__icon {
    transition: all 0.6s ease-in-out;
}
.btn:hover .btn__icon {
    transform: rotate(45deg)
}
.btn:hover {
    background: var(--accent-1);
}
.btn.small {
    font-size: var(--text-s);
    padding: var(--space-xs) var(--space-s);
}
.btn.large {
    font-size: var(--text-l);
    padding: var(--space-s) var(--space-m);
}
.btn.ghost {
    color: var(--light);
    border: 2px solid var(--light);
    box-shadow: none;
    background: transparent;
}
.btn.secondary {
    background: var(--secondary);
    border-color: var(--secondary);
}
.btn.ghost:hover {

}
.btn.secondary:hover {
    background: var(--primary);
    border-color: var(--primary);
}
.btn:focus {
    outline: 4px solid var(--primary-l-3);
    outline-offset: 2px;
}
.badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-4xs);
    padding: var(--space-xs) var(--space-s);
    background: var(--dark-5);
    color: var(--primary);
    font-size: 16px;
    font-weight: 400;
    border-radius: var(--radius-full);
    border: 0;
    outline: 0;
}
.badge.secondary {
    color: var(--secondary);
}
.link {
    color: var(--light);
    font-size: 16px;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
}
.link .btn__icon {
    transition: all 0.6s ease-in-out;
}
.link:hover .btn__icon {
    transform: rotate(45deg)
}
.link:hover {
    box-shadow: 0 2px 0 var(--light);
}
.link:focus {
    background: var(--primary-10);
}
.input {
    padding: var(--space-3xs) var(--space-s);
    background: rgba(255, 255, 255, 0.15);
    color: var(--light);
    font-size: 16px;
    font-weight: 400;
    border-radius: var(--radius-full);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    transition: all 0.25s ease-in-out;
    appearance: none;
    outline: 0;
    width: 100%;
}
.input:focus {
    background: var(--primary-20);
    border-color: var(--primary);
    box-shadow: var(--shadow-l);
}
.input:hover {
    border-color: var(--light);
    background: transparent;
}
.input::placeholder {
    color: var(--light-50);
}
.input:invalid {
    border-color: var(--error);
    background: var(--error-10);
}
.input:disabled {
    cursor: not-allowed;
    opacity: .75;
    box-shadow: none;
    background: var(--dark-10);
}
.select {
    padding: var(--space-xs) var(--space-s);
    background: rgba(255, 255, 255, 0.15);
    color: var(--light);
    font-size: 16px;
    font-weight: 400;
    border-radius: var(--radius-full);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    transition: all 0.25s ease-in-out;
    outline: 0;
}
.select:focus {
    border-color: var(--light);
}
.select:hover {
    border-color: var(--light);
}
.select::placeholder {
    color: var(--light);
}
.select:invalid {
    border-color: var(--error);
    background: var(--error-10);
}
.select:disabled {
    cursor: not-allowed;
    opacity: .75;
    box-shadow: none;
    background: var(--dark-10);
}
.divider {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    height: 1px;
    max-height: 1px;
    background: var(--light);
    border: 0;
}
.divider.vertical {
    min-width: 1px;
    width: 1px;
    max-width: 1px;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
}
.checkbox {
    appearance: none;
    display: grid;
    place-content: center;
    border: 2px solid var(--light);
    border-radius: var(--radius-m);
    width: clamp(2.4rem, calc(-0.83vw + 3.47rem), 3.2rem);
    height: clamp(2.4rem, calc(-0.83vw + 3.47rem), 3.2rem);
}
.checkbox:checked:before {
    transform: scale(1);
}
.checkbox::before {
    content: "";
    width: 1em;
    height: 1em;
    box-shadow: inset 1em 1em var(--primary);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transition: transform 0.2s;
}
.checkbox:hover {
    border-color: var(--light);
}
.checkbox:focus {
    outline: 3px solid var(--light);
    outline-offset: 2px;
}
.checkbox:checked {
    background: var(--light);
    border-color: var(--light);
}
.radio {
    appearance: none;
    display: grid;
    place-content: center;
    border: 2px solid var(--light);
    border-radius: var(--radius-full);
    width: clamp(2.4rem, calc(-0.83vw + 3.47rem), 3.2rem);
    height: clamp(2.4rem, calc(-0.83vw + 3.47rem), 3.2rem);
}
.radio:checked:before {
    transform: scale(1);
}
.radio::before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100%;
    transform: scale(0);
    transition: transform 0.2s;
    background: var(--light);
}
.radio:hover {
    border-color: var(--light);
}
.radio:focus {
    outline: 3px solid var(--light);
    outline-offset: 2px;
}
.radio:checked {
    border-color: var(--light);
}
.bg-primary {
    background-color: var(--primary);
}
.bg-primary-5 {
    background-color: var(--primary-5);
}
.bg-primary-10 {
    background-color: var(--primary-10);
}
.bg-primary-20 {
    background-color: var(--primary-20);
}
.bg-primary-30 {
    background-color: var(--primary-30);
}
.bg-primary-40 {
    background-color: var(--primary-40);
}
.bg-primary-50 {
    background-color: var(--primary-50);
}
.bg-primary-60 {
    background-color: var(--primary-60);
}
.bg-primary-70 {
    background-color: var(--primary-70);
}
.bg-primary-80 {
    background-color: var(--primary-80);
}
.bg-primary-90 {
    background-color: var(--primary-90);
}
.bg-primary-d-1 {
    background-color: var(--primary-d-1);
}
.bg-primary-d-2 {
    background-color: var(--primary-d-2);
}
.bg-primary-d-3 {
    background-color: var(--primary-d-3);
}
.bg-primary-d-4 {
    background-color: var(--primary-d-4);
}
.bg-primary-l-1 {
    background-color: var(--primary-l-1);
}
.bg-primary-l-2 {
    background-color: var(--primary-l-2);
}
.bg-primary-l-3 {
    background-color: var(--primary-l-3);
}
.bg-primary-l-4 {
    background-color: var(--primary-l-4);
}
.border-primary {
    border-color: var(--primary);
}
.border-primary-5 {
    border-color: var(--primary-5);
}
.border-primary-10 {
    border-color: var(--primary-10);
}
.border-primary-20 {
    border-color: var(--primary-20);
}
.border-primary-30 {
    border-color: var(--primary-30);
}
.border-primary-40 {
    border-color: var(--primary-40);
}
.border-primary-50 {
    border-color: var(--primary-50);
}
.border-primary-60 {
    border-color: var(--primary-60);
}
.border-primary-70 {
    border-color: var(--primary-70);
}
.border-primary-80 {
    border-color: var(--primary-80);
}
.border-primary-90 {
    border-color: var(--primary-90);
}
.border-primary-d-1 {
    border-color: var(--primary-d-1);
}
.border-primary-d-2 {
    border-color: var(--primary-d-2);
}
.border-primary-d-3 {
    border-color: var(--primary-d-3);
}
.border-primary-d-4 {
    border-color: var(--primary-d-4);
}
.border-primary-l-1 {
    border-color: var(--primary-l-1);
}
.border-primary-l-2 {
    border-color: var(--primary-l-2);
}
.border-primary-l-3 {
    border-color: var(--primary-l-3);
}
.border-primary-l-4 {
    border-color: var(--primary-l-4);
}
.bg-secondary {
    background-color: var(--secondary);
}
.bg-secondary-5 {
    background-color: var(--secondary-5);
}
.bg-secondary-10 {
    background-color: var(--secondary-10);
}
.bg-secondary-20 {
    background-color: var(--secondary-20);
}
.bg-secondary-30 {
    background-color: var(--secondary-30);
}
.bg-secondary-40 {
    background-color: var(--secondary-40);
}
.bg-secondary-50 {
    background-color: var(--secondary-50);
}
.bg-secondary-60 {
    background-color: var(--secondary-60);
}
.bg-secondary-70 {
    background-color: var(--secondary-70);
}
.bg-secondary-80 {
    background-color: var(--secondary-80);
}
.bg-secondary-90 {
    background-color: var(--secondary-90);
}
.bg-secondary-d-1 {
    background-color: var(--secondary-d-1);
}
.bg-secondary-d-2 {
    background-color: var(--secondary-d-2);
}
.bg-secondary-d-3 {
    background-color: var(--secondary-d-3);
}
.bg-secondary-d-4 {
    background-color: var(--secondary-d-4);
}
.bg-secondary-l-1 {
    background-color: var(--secondary-l-1);
}
.bg-secondary-l-2 {
    background-color: var(--secondary-l-2);
}
.bg-secondary-l-3 {
    background-color: var(--secondary-l-3);
}
.bg-secondary-l-4 {
    background-color: var(--secondary-l-4);
}
.border-secondary {
    border-color: var(--secondary);
}
.border-secondary-5 {
    border-color: var(--secondary-5);
}
.border-secondary-10 {
    border-color: var(--secondary-10);
}
.border-secondary-20 {
    border-color: var(--secondary-20);
}
.border-secondary-30 {
    border-color: var(--secondary-30);
}
.border-secondary-40 {
    border-color: var(--secondary-40);
}
.border-secondary-50 {
    border-color: var(--secondary-50);
}
.border-secondary-60 {
    border-color: var(--secondary-60);
}
.border-secondary-70 {
    border-color: var(--secondary-70);
}
.border-secondary-80 {
    border-color: var(--secondary-80);
}
.border-secondary-90 {
    border-color: var(--secondary-90);
}
.border-secondary-d-1 {
    border-color: var(--secondary-d-1);
}
.border-secondary-d-2 {
    border-color: var(--secondary-d-2);
}
.border-secondary-d-3 {
    border-color: var(--secondary-d-3);
}
.border-secondary-d-4 {
    border-color: var(--secondary-d-4);
}
.border-secondary-l-1 {
    border-color: var(--secondary-l-1);
}
.border-secondary-l-2 {
    border-color: var(--secondary-l-2);
}
.border-secondary-l-3 {
    border-color: var(--secondary-l-3);
}
.border-secondary-l-4 {
    border-color: var(--secondary-l-4);
}
.bg-tertiary {
    background-color: var(--tertiary);
}
.bg-tertiary-5 {
    background-color: var(--tertiary-5);
}
.bg-tertiary-10 {
    background-color: var(--tertiary-10);
}
.bg-tertiary-20 {
    background-color: var(--tertiary-20);
}
.bg-tertiary-30 {
    background-color: var(--tertiary-30);
}
.bg-tertiary-40 {
    background-color: var(--tertiary-40);
}
.bg-tertiary-50 {
    background-color: var(--tertiary-50);
}
.bg-tertiary-60 {
    background-color: var(--tertiary-60);
}
.bg-tertiary-70 {
    background-color: var(--tertiary-70);
}
.bg-tertiary-80 {
    background-color: var(--tertiary-80);
}
.bg-tertiary-90 {
    background-color: var(--tertiary-90);
}
.bg-tertiary-d-1 {
    background-color: var(--tertiary-d-1);
}
.bg-tertiary-d-2 {
    background-color: var(--tertiary-d-2);
}
.bg-tertiary-d-3 {
    background-color: var(--tertiary-d-3);
}
.bg-tertiary-d-4 {
    background-color: var(--tertiary-d-4);
}
.bg-tertiary-l-1 {
    background-color: var(--tertiary-l-1);
}
.bg-tertiary-l-2 {
    background-color: var(--tertiary-l-2);
}
.bg-tertiary-l-3 {
    background-color: var(--tertiary-l-3);
}
.bg-tertiary-l-4 {
    background-color: var(--tertiary-l-4);
}
.border-tertiary {
    border-color: var(--tertiary);
}
.border-tertiary-5 {
    border-color: var(--tertiary-5);
}
.border-tertiary-10 {
    border-color: var(--tertiary-10);
}
.border-tertiary-20 {
    border-color: var(--tertiary-20);
}
.border-tertiary-30 {
    border-color: var(--tertiary-30);
}
.border-tertiary-40 {
    border-color: var(--tertiary-40);
}
.border-tertiary-50 {
    border-color: var(--tertiary-50);
}
.border-tertiary-60 {
    border-color: var(--tertiary-60);
}
.border-tertiary-70 {
    border-color: var(--tertiary-70);
}
.border-tertiary-80 {
    border-color: var(--tertiary-80);
}
.border-tertiary-90 {
    border-color: var(--tertiary-90);
}
.border-tertiary-d-1 {
    border-color: var(--tertiary-d-1);
}
.border-tertiary-d-2 {
    border-color: var(--tertiary-d-2);
}
.border-tertiary-d-3 {
    border-color: var(--tertiary-d-3);
}
.border-tertiary-d-4 {
    border-color: var(--tertiary-d-4);
}
.border-tertiary-l-1 {
    border-color: var(--tertiary-l-1);
}
.border-tertiary-l-2 {
    border-color: var(--tertiary-l-2);
}
.border-tertiary-l-3 {
    border-color: var(--tertiary-l-3);
}
.border-tertiary-l-4 {
    border-color: var(--tertiary-l-4);
}
.bg-light {
    background-color: var(--light);
}
.bg-light-5 {
    background-color: var(--light-5);
}
.bg-light-10 {
    background-color: var(--light-10);
}
.bg-light-20 {
    background-color: var(--light-20);
}
.bg-light-30 {
    background-color: var(--light-30);
}
.bg-light-40 {
    background-color: var(--light-40);
}
.bg-light-50 {
    background-color: var(--light-50);
}
.bg-light-60 {
    background-color: var(--light-60);
}
.bg-light-70 {
    background-color: var(--light-70);
}
.bg-light-80 {
    background-color: var(--light-80);
}
.bg-light-90 {
    background-color: var(--light-90);
}
.text-light {
    color: var(--light);
}
.text-light-5 {
    color: var(--light-5);
}
.text-light-10 {
    color: var(--light-10);
}
.text-light-20 {
    color: var(--light-20);
}
.text-light-30 {
    color: var(--light-30);
}
.text-light-40 {
    color: var(--light-40);
}
.text-light-50 {
    color: var(--light-50);
}
.text-light-60 {
    color: var(--light-60);
}
.text-light-70 {
    color: var(--light-70);
}
.text-light-80 {
    color: var(--light-80);
}
.text-light-90 {
    color: var(--light-90);
}
.bg-dark {
    background-color: var(--dark);
}
.bg-dark-5 {
    background-color: var(--dark-5);
}
.bg-dark-10 {
    background-color: var(--dark-10);
}
.bg-dark-20 {
    background-color: var(--dark-20);
}
.bg-dark-30 {
    background-color: var(--dark-30);
}
.bg-dark-40 {
    background-color: var(--dark-40);
}
.bg-dark-50 {
    background-color: var(--dark-50);
}
.bg-dark-60 {
    background-color: var(--dark-60);
}
.bg-dark-70 {
    background-color: var(--dark-70);
}
.bg-dark-80 {
    background-color: var(--dark-80);
}
.bg-dark-90 {
    background-color: var(--dark-90);
}
.text-dark {
    color: var(--dark);
}
.text-dark-5 {
    color: var(--dark-5);
}
.text-dark-10 {
    color: var(--dark-10);
}
.text-dark-20 {
    color: var(--dark-20);
}
.text-dark-30 {
    color: var(--dark-30);
}
.text-dark-40 {
    color: var(--dark-40);
}
.text-dark-50 {
    color: var(--dark-50);
}
.text-dark-60 {
    color: var(--dark-60);
}
.text-dark-70 {
    color: var(--dark-70);
}
.text-dark-80 {
    color: var(--dark-80);
}
.text-dark-90 {
    color: var(--dark-90);
}
.margin-top-auto {
    margin-top: auto;
}
.margin-right-auto {
    margin-right: auto;
}
.margin-bottom-auto {
    margin-bottom: auto;
}
.margin-left-auto {
    margin-left: auto;
}
.margin-auto {
    margin: auto;
}
.padding-vertical-auto {
    padding-top: auto;
    padding-bottom: auto;
}
.padding-horizontal-auto {
    padding-left: auto;
    padding-right: auto;
}
.margin-4xs {
    margin: 0.8rem;
    margin: var(--space-4xs);
}
.margin-3xs {
    margin: 1rem;
    margin: var(--space-3xs);
}
.margin-2xs {
    margin: 1.2rem;
    margin: var(--space-2xs);
}
.margin-xs {
    margin: 1.6rem;
    margin: var(--space-xs);
}
.margin-s {
    margin: 2.4rem;
    margin: var(--space-s);
}
.margin-m {
    margin: 3.2rem;
    margin: var(--space-m);
}
.margin-l {
    margin: 4rem;
    margin: var(--space-l);
}
.margin-xl {
    margin: 4.8rem;
    margin: var(--space-xl);
}
.margin-2xl {
    margin: 5.6rem;
    margin: var(--space-2xl);
}
.margin-3xl {
    margin: 6.4rem;
    margin: var(--space-3xl);
}
.margin-4xl {
    margin: 7.2rem;
    margin: var(--space-4xl);
}
.margin-horizontal-4xs {
    margin-left: 0.8rem;
    margin-left: var(--space-4xs);
    margin-right: 0.8rem;
    margin-right: var(--space-4xs);
}
.margin-horizontal-3xs {
    margin-left: 1rem;
    margin-left: var(--space-3xs);
    margin-right: 1rem;
    margin-right: var(--space-3xs);
}
.margin-horizontal-2xs {
    margin-left: 1.2rem;
    margin-left: var(--space-2xs);
    margin-right: 1.2rem;
    margin-right: var(--space-2xs);
}
.margin-horizontal-xs {
    margin-left: 1.6rem;
    margin-left: var(--space-xs);
    margin-right: 1.6rem;
    margin-right: var(--space-xs);
}
.margin-horizontal-s {
    margin-left: 2.4rem;
    margin-left: var(--space-s);
    margin-right: 2.4rem;
    margin-right: var(--space-s);
}
.margin-horizontal-m {
    margin-left: 3.2rem;
    margin-left: var(--space-m);
    margin-right: 3.2rem;
    margin-right: var(--space-m);
}
.margin-horizontal-l {
    margin-left: 4rem;
    margin-left: var(--space-l);
    margin-right: 4rem;
    margin-right: var(--space-l);
}
.margin-horizontal-xl {
    margin-left: 4.8rem;
    margin-left: var(--space-xl);
    margin-right: 4.8rem;
    margin-right: var(--space-xl);
}
.margin-horizontal-2xl {
    margin-left: 5.6rem;
    margin-left: var(--space-2xl);
    margin-right: 5.6rem;
    margin-right: var(--space-2xl);
}
.margin-horizontal-3xl {
    margin-left: 6.4rem;
    margin-left: var(--space-3xl);
    margin-right: 6.4rem;
    margin-right: var(--space-3xl);
}
.margin-horizontal-4xl {
    margin-left: 7.2rem;
    margin-left: var(--space-4xl);
    margin-right: 7.2rem;
    margin-right: var(--space-4xl);
}
.margin-vertical-4xs {
    margin-top: 0.8rem;
    margin-top: var(--space-4xs);
    margin-bottom: 0.8rem;
    margin-bottom: var(--space-4xs);
}
.margin-vertical-3xs {
    margin-top: 1rem;
    margin-top: var(--space-3xs);
    margin-bottom: 1rem;
    margin-bottom: var(--space-3xs);
}
.margin-vertical-2xs {
    margin-top: 1.2rem;
    margin-top: var(--space-2xs);
    margin-bottom: 1.2rem;
    margin-bottom: var(--space-2xs);
}
.margin-vertical-xs {
    margin-top: 1.6rem;
    margin-top: var(--space-xs);
    margin-bottom: 1.6rem;
    margin-bottom: var(--space-xs);
}
.margin-vertical-s {
    margin-top: 2.4rem;
    margin-top: var(--space-s);
    margin-bottom: 2.4rem;
    margin-bottom: var(--space-s);
}
.margin-vertical-m {
    margin-top: 3.2rem;
    margin-top: var(--space-m);
    margin-bottom: 3.2rem;
    margin-bottom: var(--space-m);
}
.margin-vertical-l {
    margin-top: 4rem;
    margin-top: var(--space-l);
    margin-bottom: 4rem;
    margin-bottom: var(--space-l);
}
.margin-vertical-xl {
    margin-top: 4.8rem;
    margin-top: var(--space-xl);
    margin-bottom: 4.8rem;
    margin-bottom: var(--space-xl);
}
.margin-vertical-2xl {
    margin-top: 5.6rem;
    margin-top: var(--space-2xl);
    margin-bottom: 5.6rem;
    margin-bottom: var(--space-2xl);
}
.margin-vertical-3xl {
    margin-top: 6.4rem;
    margin-top: var(--space-3xl);
    margin-bottom: 6.4rem;
    margin-bottom: var(--space-3xl);
}
.margin-vertical-4xl {
    margin-top: 7.2rem;
    margin-top: var(--space-4xl);
    margin-bottom: 7.2rem;
    margin-bottom: var(--space-4xl);
}
.margin-top-4xs {
    margin-top: 0.8rem;
    margin-top: var(--space-4xs);
}
.margin-top-3xs {
    margin-top: 1rem;
    margin-top: var(--space-3xs);
}
.margin-top-2xs {
    margin-top: 1.2rem;
    margin-top: var(--space-2xs);
}
.margin-top-xs {
    margin-top: 1.6rem;
    margin-top: var(--space-xs);
}
.margin-top-s {
    margin-top: 2.4rem;
    margin-top: var(--space-s);
}
.margin-top-m {
    margin-top: 3.2rem;
    margin-top: var(--space-m);
}
.margin-top-l {
    margin-top: 4rem;
    margin-top: var(--space-l);
}
.margin-top-xl {
    margin-top: 4.8rem;
    margin-top: var(--space-xl);
}
.margin-top-2xl {
    margin-top: 5.6rem;
    margin-top: var(--space-2xl);
}
.margin-top-3xl {
    margin-top: 6.4rem;
    margin-top: var(--space-3xl);
}
.margin-top-4xl {
    margin-top: 7.2rem;
    margin-top: var(--space-4xl);
}
.margin-right-4xs {
    margin-right: 0.8rem;
    margin-right: var(--space-4xs);
}
.margin-right-3xs {
    margin-right: 1rem;
    margin-right: var(--space-3xs);
}
.margin-right-2xs {
    margin-right: 1.2rem;
    margin-right: var(--space-2xs);
}
.margin-right-xs {
    margin-right: 1.6rem;
    margin-right: var(--space-xs);
}
.margin-right-s {
    margin-right: 2.4rem;
    margin-right: var(--space-s);
}
.margin-right-m {
    margin-right: 3.2rem;
    margin-right: var(--space-m);
}
.margin-right-l {
    margin-right: 4rem;
    margin-right: var(--space-l);
}
.margin-right-xl {
    margin-right: 4.8rem;
    margin-right: var(--space-xl);
}
.margin-right-2xl {
    margin-right: 5.6rem;
    margin-right: var(--space-2xl);
}
.margin-right-3xl {
    margin-right: 6.4rem;
    margin-right: var(--space-3xl);
}
.margin-right-4xl {
    margin-right: 7.2rem;
    margin-right: var(--space-4xl);
}
.margin-bottom-4xs {
    margin-bottom: 0.8rem;
    margin-bottom: var(--space-4xs);
}
.margin-bottom-3xs {
    margin-bottom: 1rem;
    margin-bottom: var(--space-3xs);
}
.margin-bottom-2xs {
    margin-bottom: 1.2rem;
    margin-bottom: var(--space-2xs);
}
.margin-bottom-xs {
    margin-bottom: 1.6rem;
    margin-bottom: var(--space-xs);
}
.margin-bottom-s {
    margin-bottom: 2.4rem;
    margin-bottom: var(--space-s);
}
.margin-bottom-m {
    margin-bottom: 3.2rem;
    margin-bottom: var(--space-m);
}
.margin-bottom-l {
    margin-bottom: 4rem;
    margin-bottom: var(--space-l);
}
.margin-bottom-xl {
    margin-bottom: 4.8rem;
    margin-bottom: var(--space-xl);
}
.margin-bottom-2xl {
    margin-bottom: 5.6rem;
    margin-bottom: var(--space-2xl);
}
.margin-bottom-3xl {
    margin-bottom: 6.4rem;
    margin-bottom: var(--space-3xl);
}
.margin-bottom-4xl {
    margin-bottom: 7.2rem;
    margin-bottom: var(--space-4xl);
}
.margin-left-4xs {
    margin-left: 0.8rem;
    margin-left: var(--space-4xs);
}
.margin-left-3xs {
    margin-left: 1rem;
    margin-left: var(--space-3xs);
}
.margin-left-2xs {
    margin-left: 1.2rem;
    margin-left: var(--space-2xs);
}
.margin-left-xs {
    margin-left: 1.6rem;
    margin-left: var(--space-xs);
}
.margin-left-s {
    margin-left: 2.4rem;
    margin-left: var(--space-s);
}
.margin-left-m {
    margin-left: 3.2rem;
    margin-left: var(--space-m);
}
.margin-left-l {
    margin-left: 4rem;
    margin-left: var(--space-l);
}
.margin-left-xl {
    margin-left: 4.8rem;
    margin-left: var(--space-xl);
}
.margin-left-2xl {
    margin-left: 5.6rem;
    margin-left: var(--space-2xl);
}
.margin-left-3xl {
    margin-left: 6.4rem;
    margin-left: var(--space-3xl);
}
.margin-left-4xl {
    margin-left: 7.2rem;
    margin-left: var(--space-4xl);
}
.padding-4xs {
    padding: 0.8rem;
    padding: var(--space-4xs);
}
.padding-3xs {
    padding: 1rem;
    padding: var(--space-3xs);
}
.padding-2xs {
    padding: 1.2rem;
    padding: var(--space-2xs);
}
.padding-xs {
    padding: 1.6rem;
    padding: var(--space-xs);
}
.padding-s {
    padding: 2.4rem;
    padding: var(--space-s);
}
.padding-m {
    padding: 3.2rem;
    padding: var(--space-m);
}
.padding-l {
    padding: 4rem;
    padding: var(--space-l);
}
.padding-xl {
    padding: 4.8rem;
    padding: var(--space-xl);
}
.padding-2xl {
    padding: 5.6rem;
    padding: var(--space-2xl);
}
.padding-3xl {
    padding: 6.4rem;
    padding: var(--space-3xl);
}
.padding-4xl {
    padding: 7.2rem;
    padding: var(--space-4xl);
}
.padding-horizontal-4xs {
    padding-left: 0.8rem;
    padding-left: var(--space-4xs);
    padding-right: 0.8rem;
    padding-right: var(--space-4xs);
}
.padding-horizontal-3xs {
    padding-left: 1rem;
    padding-left: var(--space-3xs);
    padding-right: 1rem;
    padding-right: var(--space-3xs);
}
.padding-horizontal-2xs {
    padding-left: 1.2rem;
    padding-left: var(--space-2xs);
    padding-right: 1.2rem;
    padding-right: var(--space-2xs);
}
.padding-horizontal-xs {
    padding-left: 1.6rem;
    padding-left: var(--space-xs);
    padding-right: 1.6rem;
    padding-right: var(--space-xs);
}
.padding-horizontal-s {
    padding-left: 2.4rem;
    padding-left: var(--space-s);
    padding-right: 2.4rem;
    padding-right: var(--space-s);
}
.padding-horizontal-m {
    padding-left: 3.2rem;
    padding-left: var(--space-m);
    padding-right: 3.2rem;
    padding-right: var(--space-m);
}
.padding-horizontal-l {
    padding-left: 4rem;
    padding-left: var(--space-l);
    padding-right: 4rem;
    padding-right: var(--space-l);
}
.padding-horizontal-xl {
    padding-left: 4.8rem;
    padding-left: var(--space-xl);
    padding-right: 4.8rem;
    padding-right: var(--space-xl);
}
.padding-horizontal-2xl {
    padding-left: 5.6rem;
    padding-left: var(--space-2xl);
    padding-right: 5.6rem;
    padding-right: var(--space-2xl);
}
.padding-horizontal-3xl {
    padding-left: 6.4rem;
    padding-left: var(--space-3xl);
    padding-right: 6.4rem;
    padding-right: var(--space-3xl);
}
.padding-horizontal-4xl {
    padding-left: 7.2rem;
    padding-left: var(--space-4xl);
    padding-right: 7.2rem;
    padding-right: var(--space-4xl);
}
.padding-vertical-4xs {
    padding-top: 0.8rem;
    padding-top: var(--space-4xs);
    padding-bottom: 0.8rem;
    padding-bottom: var(--space-4xs);
}
.padding-vertical-3xs {
    padding-top: 1rem;
    padding-top: var(--space-3xs);
    padding-bottom: 1rem;
    padding-bottom: var(--space-3xs);
}
.padding-vertical-2xs {
    padding-top: 1.2rem;
    padding-top: var(--space-2xs);
    padding-bottom: 1.2rem;
    padding-bottom: var(--space-2xs);
}
.padding-vertical-xs {
    padding-top: 1.6rem;
    padding-top: var(--space-xs);
    padding-bottom: 1.6rem;
    padding-bottom: var(--space-xs);
}
.padding-vertical-s {
    padding-top: 2.4rem;
    padding-top: var(--space-s);
    padding-bottom: 2.4rem;
    padding-bottom: var(--space-s);
}
.padding-vertical-m {
    padding-top: 3.2rem;
    padding-top: var(--space-m);
    padding-bottom: 3.2rem;
    padding-bottom: var(--space-m);
}
.padding-vertical-l {
    padding-top: 4rem;
    padding-top: var(--space-l);
    padding-bottom: 4rem;
    padding-bottom: var(--space-l);
}
.padding-vertical-xl {
    padding-top: 4.8rem;
    padding-top: var(--space-xl);
    padding-bottom: 4.8rem;
    padding-bottom: var(--space-xl);
}
.padding-vertical-2xl {
    padding-top: 5.6rem;
    padding-top: var(--space-2xl);
    padding-bottom: 5.6rem;
    padding-bottom: var(--space-2xl);
}
.padding-vertical-3xl {
    padding-top: 6.4rem;
    padding-top: var(--space-3xl);
    padding-bottom: 6.4rem;
    padding-bottom: var(--space-3xl);
}
.padding-vertical-4xl {
    padding-top: 7.2rem;
    padding-top: var(--space-4xl);
    padding-bottom: 7.2rem;
    padding-bottom: var(--space-4xl);
}
.padding-top-4xs {
    padding-top: 0.8rem;
    padding-top: var(--space-4xs);
}
.padding-top-3xs {
    padding-top: 1rem;
    padding-top: var(--space-3xs);
}
.padding-top-2xs {
    padding-top: 1.2rem;
    padding-top: var(--space-2xs);
}
.padding-top-xs {
    padding-top: 1.6rem;
    padding-top: var(--space-xs);
}
.padding-top-s {
    padding-top: 2.4rem;
    padding-top: var(--space-s);
}
.padding-top-m {
    padding-top: 3.2rem;
    padding-top: var(--space-m);
}
.padding-top-l {
    padding-top: 4rem;
    padding-top: var(--space-l);
}
.padding-top-xl {
    padding-top: 4.8rem;
    padding-top: var(--space-xl);
}
.padding-top-2xl {
    padding-top: 5.6rem;
    padding-top: var(--space-2xl);
}
.padding-top-3xl {
    padding-top: 6.4rem;
    padding-top: var(--space-3xl);
}
.padding-top-4xl {
    padding-top: 7.2rem;
    padding-top: var(--space-4xl);
}
.padding-right-4xs {
    padding-right: 0.8rem;
    padding-right: var(--space-4xs);
}
.padding-right-3xs {
    padding-right: 1rem;
    padding-right: var(--space-3xs);
}
.padding-right-2xs {
    padding-right: 1.2rem;
    padding-right: var(--space-2xs);
}
.padding-right-xs {
    padding-right: 1.6rem;
    padding-right: var(--space-xs);
}
.padding-right-s {
    padding-right: 2.4rem;
    padding-right: var(--space-s);
}
.padding-right-m {
    padding-right: 3.2rem;
    padding-right: var(--space-m);
}
.padding-right-l {
    padding-right: 4rem;
    padding-right: var(--space-l);
}
.padding-right-xl {
    padding-right: 4.8rem;
    padding-right: var(--space-xl);
}
.padding-right-2xl {
    padding-right: 5.6rem;
    padding-right: var(--space-2xl);
}
.padding-right-3xl {
    padding-right: 6.4rem;
    padding-right: var(--space-3xl);
}
.padding-right-4xl {
    padding-right: 7.2rem;
    padding-right: var(--space-4xl);
}
.padding-bottom-4xs {
    padding-bottom: 0.8rem;
    padding-bottom: var(--space-4xs);
}
.padding-bottom-3xs {
    padding-bottom: 1rem;
    padding-bottom: var(--space-3xs);
}
.padding-bottom-2xs {
    padding-bottom: 1.2rem;
    padding-bottom: var(--space-2xs);
}
.padding-bottom-xs {
    padding-bottom: 1.6rem;
    padding-bottom: var(--space-xs);
}
.padding-bottom-s {
    padding-bottom: 2.4rem;
    padding-bottom: var(--space-s);
}
.padding-bottom-m {
    padding-bottom: 3.2rem;
    padding-bottom: var(--space-m);
}
.padding-bottom-l {
    padding-bottom: 4rem;
    padding-bottom: var(--space-l);
}
.padding-bottom-xl {
    padding-bottom: 4.8rem;
    padding-bottom: var(--space-xl);
}
.padding-bottom-2xl {
    padding-bottom: 5.6rem;
    padding-bottom: var(--space-2xl);
}
.padding-bottom-3xl {
    padding-bottom: 6.4rem;
    padding-bottom: var(--space-3xl);
}
.padding-bottom-4xl {
    padding-bottom: 7.2rem;
    padding-bottom: var(--space-4xl);
}
.padding-left-4xs {
    padding-left: 0.8rem;
    padding-left: var(--space-4xs);
}
.padding-left-3xs {
    padding-left: 1rem;
    padding-left: var(--space-3xs);
}
.padding-left-2xs {
    padding-left: 1.2rem;
    padding-left: var(--space-2xs);
}
.padding-left-xs {
    padding-left: 1.6rem;
    padding-left: var(--space-xs);
}
.padding-left-s {
    padding-left: 2.4rem;
    padding-left: var(--space-s);
}
.padding-left-m {
    padding-left: 3.2rem;
    padding-left: var(--space-m);
}
.padding-left-l {
    padding-left: 4rem;
    padding-left: var(--space-l);
}
.padding-left-xl {
    padding-left: 4.8rem;
    padding-left: var(--space-xl);
}
.padding-left-2xl {
    padding-left: 5.6rem;
    padding-left: var(--space-2xl);
}
.padding-left-3xl {
    padding-left: 6.4rem;
    padding-left: var(--space-3xl);
}
.padding-left-4xl {
    padding-left: 7.2rem;
    padding-left: var(--space-4xl);
}
H1 {
    font-size: var(--text-4xl);
    line-height: 1.1;
}
H2 {
    font-size: var(--text-3xl);
    line-height: 1.2;
}
H3 {
    font-size: var(--text-2xl);
    line-height: 1.3;
}
H4 {
    font-size: var(--text-xl);
    line-height: 1.3;
}
H5 {
    font-size: var(--text-l);
    line-height: 1.3;
}
H6 {
    font-size: var(--text-m);
    line-height: 1.4;
}
.line-height-xs {
    line-height: 1;
}
.line-height-s {
    line-height: 1.2;
}
.line-height-m {
    line-height: 1.3;
}
.line-height-l {
    line-height: 1.4;
}
.line-height-xl {
    line-height: 1.5;
}
.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}
.lowercase {
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.font-100 {
    font-weight: 100;
}
.font-200 {
    font-weight: 200;
}
.font-300 {
    font-weight: 300;
}
.font-400 {
    font-weight: 400;
}
.font-500 {
    font-weight: 500;
}
.font-600 {
    font-weight: 600;
}
.font-700 {
    font-weight: 700;
}
.font-800 {
    font-weight: 800;
}
.font-900 {
    font-weight: 900;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.hl-1 {
    font-size: var(--hl-1);
}
.hl-2 {
    font-size: var(--hl-2);
}
.tl-1 {
    font-size: var(--text-xl);
    margin-bottom: var(--space-4xs);
    line-height: 1.4;
    font-weight: 200;
}
.row {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
}
.column {
    display: grid;
    grid-auto-flow: row;
    justify-items: start;
    align-content: start;
}
.columns-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.columns-4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}
.columns-5 {
    display: grid;
    grid-template-columns: repeat(5,1fr);
}
.columns-6 {
    display: grid;
    grid-template-columns: repeat(6,1fr);
}
.columns-7 {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}
.columns-8 {
    display: grid;
    grid-template-columns: repeat(8,1fr);
}
.columns-9 {
    display: grid;
    grid-template-columns: repeat(9,1fr);
}
.columns-10 {
    display: grid;
    grid-template-columns: repeat(10,1fr);
}
.columns-11 {
    display: grid;
    grid-template-columns: repeat(11,1fr);
}
.columns-12 {
    display: grid;
    grid-template-columns: repeat(12,1fr);
}
.columns-min-5 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(5rem, 1fr));
}
.columns-min-10 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(10rem, 1fr));
}
.columns-min-20 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(20rem, 1fr));
}
.columns-min-30 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(30rem, 1fr));
}
.columns-min-40 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(40rem, 1fr));
}
.columns-min-50 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50rem, 1fr));
}
.columns-min-60 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(60rem, 1fr));
}
.columns-min-70 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(70rem, 1fr));
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-1 {
    flex: 1;
}
.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.col-span-2 {
    grid-column: auto / span 2;
}
.col-span-3 {
    grid-column: auto / span 3;
}
.col-span-4 {
    grid-column: auto / span 4;
}
.col-span-5 {
    grid-column: auto / span 5;
}
.col-span-6 {
    grid-column: auto / span 6;
}
.col-span-7 {
    grid-column: auto / span 7;
}
.col-span-8 {
    grid-column: auto / span 8;
}
.col-span-9 {
    grid-column: auto / span 9;
}
.col-span-10 {
    grid-column: auto / span 10;
}
.col-span-11 {
    grid-column: auto / span 11;
}
.col-span-12 {
    grid-column: auto / span 12;
}
.col-start-1 {
    grid-column-start: 1;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-start-3 {
    grid-column-start: 3;
}
.col-start-4 {
    grid-column-start: 4;
}
.col-start-5 {
    grid-column-start: 5;
}
.col-start-6 {
    grid-column-start: 6;
}
.col-start-7 {
    grid-column-start: 7;
}
.col-start-8 {
    grid-column-start: 8;
}
.col-start-9 {
    grid-column-start: 9;
}
.col-start-10 {
    grid-column-start: 10;
}
.col-start-11 {
    grid-column-start: 11;
}
.col-start-12 {
    grid-column-start: 12;
}
.row-span-2 {
    grid-row: auto / span 2;
}
.row-span-3 {
    grid-row: auto / span 3;
}
.row-span-4 {
    grid-row: auto / span 4;
}
.row-span-5 {
    grid-row: auto / span 5;
}
.row-span-6 {
    grid-row: auto / span 6;
}
.row-span-7 {
    grid-row: auto / span 7;
}
.row-span-8 {
    grid-row: auto / span 8;
}
.row-span-9 {
    grid-row: auto / span 9;
}
.row-span-10 {
    grid-row: auto / span 10;
}
.row-span-11 {
    grid-row: auto / span 11;
}
.row-span-12 {
    grid-row: auto / span 12;
}
.row-start-1 {
    grid-row-start: 1;
}
.row-start-2 {
    grid-row-start: 2;
}
.row-start-3 {
    grid-row-start: 3;
}
.row-start-4 {
    grid-row-start: 4;
}
.row-start-5 {
    grid-row-start: 5;
}
.row-start-6 {
    grid-row-start: 6;
}
.row-start-7 {
    grid-row-start: 7;
}
.row-start-8 {
    grid-row-start: 8;
}
.row-start-9 {
    grid-row-start: 9;
}
.row-start-10 {
    grid-row-start: 10;
}
.row-start-11 {
    grid-row-start: 11;
}
.row-start-12 {
    grid-row-start: 12;
}
.items-left {
    justify-items: start;
}
.content-left {
    justify-content: start;
}
.items-center {
    justify-items: center;
}
.content-center {
    justify-content: center;
}
.items-right {
    justify-items: end;
}
.content-right {
    justify-content: end;
}
.items-top {
    align-items: start;
}
.content-top {
    align-content: start;
}
.items-middle {
    align-items: center;
}
.content-middle {
    align-content: center;
}
.items-bottom {
    align-items: end;
}
.content-bottom {
    align-content: end;
}
.items-stretch {
    align-items: stretch;
}
.content-stretch {
    justify-content: stretch;
}
.space-between {
    justify-content: space-between;
}
.space-around {
    justify-content: space-around;
}
.self-left {
    margin-right: auto;
    place-self: start;
}
.self-center {
    margin-inline: auto;
    place-self: center;
}
.self-right {
    margin-left: auto;
    place-self: end;
}
.self-top {
    margin-bottom: auto;
    align-self: start;
}
.self-middle {
    margin-block: auto;
    align-self: center;
}
.self-bottom {
    margin-top: auto;
    align-self: end;
}
.self-stretch {
    align-self: stretch;
}
.full-width {
    width: 100%;
}
.full-height {
    height: 100%;
}
.screen-width {
    width: 100vw;
}
.screen-height {
    height: 100vh;
}
.auto-width {
    width: auto;
}
.auto-height {
    height: auto;
}
.width-100 {
    width: 100%;
}
.width-90 {
    width: 90%;
}
.width-80 {
    width: 80%;
}
.width-70 {
    width: 70%;
}
.width-60 {
    width: 60%;
}
/*.width-50 {
    width: 50%;
}*/
.width-40 {
    width: 40%;
}
.width-30 {
    width: 30%;
}
.width-20 {
    width: 20%;
}
.width-10 {
    width: 10%;
}
.max-site-width {
    max-width: 140rem;
    width: 100%;
}
.max-width-140 {
    max-width: 140rem;
}
.max-width-130 {
    max-width: 130rem;
}
.max-width-120 {
    max-width: 120rem;
}
.max-width-110 {
    max-width: 110rem;
}
.max-width-100 {
    max-width: 100rem;
}
.max-width-90 {
    max-width: 90rem;
}
.max-width-80 {
    max-width: 80rem;
}
.max-width-70 {
    max-width: 70rem;
}
.max-width-60 {
    max-width: 60rem;
}
.max-width-50 {
    max-width: 50rem;
}
.max-width-40 {
    max-width: 40rem;
}
.max-width-30 {
    max-width: 30rem;
}
.max-width-20 {
    max-width: 20rem;
}
.max-width-10 {
    max-width: 10rem;
}
.row-gap-4xs {
    grid-row-gap: var(--space-4xs);
}
.row-gap-3xs {
    grid-row-gap: var(--space-3xs);
}
.row-gap-2xs {
    grid-row-gap: var(--space-2xs);
}
.row-gap-xs {
    grid-row-gap: var(--space-xs);
}
.row-gap-s {
    grid-row-gap: var(--space-s);
}
.row-gap-m {
    grid-row-gap: var(--space-m);
}
.row-gap-l {
    grid-row-gap: var(--space-l);
}
.row-gap-xl {
    grid-row-gap: var(--space-xl);
}
.row-gap-2xl {
    grid-row-gap: var(--space-2xl);
}
.row-gap-3xl {
    grid-row-gap: var(--space-3xl);
    grid-column-gap: var(--space-3xl);
}
.row-gap-4xl {
    grid-row-gap: var(--space-4xl);
    grid-column-gap: var(--space-4xl);
}
.column-gap-4xs {
    grid-column-gap: var(--space-4xs);
}
.column-gap-3xs {
    grid-column-gap: var(--space-3xs);
}
.column-gap-2xs {
    grid-column-gap: var(--space-2xs);
}
.column-gap-xs {
    grid-column-gap: var(--space-xs);
}
.column-gap-s {
    grid-column-gap: var(--space-s);
}
.column-gap-m {
    grid-column-gap: var(--space-m);
}
.column-gap-l {
    grid-column-gap: var(--space-l);
}
.column-gap-xl {
    grid-column-gap: var(--space-xl);
}
.column-gap-2xl {
    grid-column-gap: var(--space-2xl);
}
.radius-xs {
    border-radius: var(--radius-xs);
}
.radius-s {
    border-radius: var(--radius-s);
}
.radius-m {
    border-radius: var(--radius-m);
}
.radius-l {
    border-radius: var(--radius-l);
}
.radius-xl {
    border-radius: var(--radius-xl);
}
.radius-full {
    border-radius: var(--radius-full);
}
.border {
    border-width: 1px;
    border-style: solid;
}
.border-left {
    border-left-width: 1px;
    border-left-style: solid;
}
.border-right {
    border-right-width: 1px;
    border-right-style: solid;
}
.border-top {
    border-top-width: 1px;
    border-top-style: solid;
}
.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.shadow-xs {
    box-shadow: var(--shadow-xs);
}
.shadow-s {
    box-shadow: var(--shadow-s);
}
.shadow-m {
    box-shadow: var(--shadow-m);
}
.shadow-l {
    box-shadow: var(--shadow-l);
}
.shadow-xl {
    box-shadow: var(--shadow-xl);
}
.opacity-0 {
    opacity: 0;
}
.opacity-10 {
    opacity: 0.1;
}
.opacity-20 {
    opacity: 0.2;
}
.opacity-30 {
    opacity: 0.3;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-80 {
    opacity: 0.8;
}
.opacity-90 {
    opacity: 0.9;
}
.opacity-100 {
    opacity: 1;
}
.aspect-1 {
    aspect-ratio: 1;
}
.aspect-4-3 {
    aspect-ratio: 4 / 3;
}
.aspect-3-4 {
    aspect-ratio: 3 / 4;
}
.aspect-3-2 {
    aspect-ratio: 3 / 2;
}
.aspect-2-3 {
    aspect-ratio: 2 / 3;
}
.aspect-16-9 {
    aspect-ratio: 16 / 9;
}
.aspect-9-16 {
    aspect-ratio: 9 / 16;
}
.fit-contain {
    object-fit: contain;
}
.fit-cover {
    object-fit: cover;
}
.fit-fill {
    object-fit: fill;
}
.bg-blur-xs {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.bg-blur-s {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}
.bg-blur-m {
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
.bg-blur-l {
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
}
.bg-blur-xl {
    -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
}
.grayscale {
    filter: grayscale(1);
}
.rotate-90 {
    transform: rotate(90deg);
}
.rotate-180 {
    transform: rotate(180deg);
}
.display-none {
    display: none;
}
.visible {
    visibility: visible;
}
.hidden {
    visibility: hidden;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-auto {
    overflow: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-y-auto {
    overflow-y: auto;
}
.list-none {
    list-style-type: none;
}
.white-space-nowrap {
    white-space: nowrap;
}
.transition-global {
    transition: all 0.3s;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.sticky {
    position: sticky;
}
.fixed {
    position: fixed;
}
.inset-0 {
    inset: 0;
}
.bottom-0 {
    bottom: 0;
}
.top-0 {
    top: 0;
}
.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}
.pointer {
    cursor: pointer;
}
.not-allowed {
    cursor: not-allowed;
}
.cursor-auto {
    cursor: auto;
}
.no-pointer-events {
    pointer-events: none;
}
.z--1 {
    z-index: -1;
}
.z-0 {
    z-index: 0;
}
.z-1 {
    z-index: 1;
}
.z-10 {
    z-index: 10;
}
.z-100 {
    z-index: 100;
}
.z-1000 {
    z-index: 1000;
}
.z-10000 {
    z-index: 10000;
}
@media (max-width: 1280px) {
    .column--on-xl {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
    .row--on-xl {
        grid-template-columns: unset;
        grid-auto-flow: column;
    }
    .columns-2--on-xl {
        grid-template-columns: repeat(2, 1fr);
    }
    .columns-3--on-xl {
        grid-template-columns: repeat(3, 1fr);
    }
    .columns-4--on-xl {
        grid-template-columns: repeat(4, 1fr);
    }
    .columns-5--on-xl {
        grid-template-columns: repeat(5, 1fr);
    }
    .columns-6--on-xl {
        grid-template-columns: repeat(6, 1fr);
    }
    .columns-7--on-xl {
        grid-template-columns: repeat(7, 1fr);
    }
    .columns-8--on-xl {
        grid-template-columns: repeat(8, 1fr);
    }
    .col-span-1--on-xl {
        grid-column: auto / span 1;
    }
    .col-span-2--on-xl {
        grid-column: auto / span 2;
    }
    .col-span-3--on-xl {
        grid-column: auto / span 3;
    }
    .col-span-4--on-xl {
        grid-column: auto / span 4;
    }
    .col-span-5--on-xl {
        grid-column: auto / span 5;
    }
    .col-span-6--on-xl {
        grid-column: auto / span 6;
    }
    .col-span-7--on-xl {
        grid-column: auto / span 7;
    }
    .col-span-8--on-xl {
        grid-column: auto / span 8;
    }
    .col-start-1--on-xl {
        grid-column-start: 1;
    }
    .col-start-2--on-xl {
        grid-column-start: 2;
    }
    .col-start-3--on-xl {
        grid-column-start: 3;
    }
    .col-start-4--on-xl {
        grid-column-start: 4;
    }
    .col-start-5--on-xl {
        grid-column-start: 5;
    }
    .col-start-6--on-xl {
        grid-column-start: 6;
    }
    .col-start-7--on-xl {
        grid-column-start: 7;
    }
    .col-start-8--on-xl {
        grid-column-start: 8;
    }
    .row-span-1--on-xl {
        grid-row: auto / span 1;
    }
    .row-span-2--on-xl {
        grid-row: auto / span 2;
    }
    .row-span-3--on-xl {
        grid-row: auto / span 3;
    }
    .row-span-4--on-xl {
        grid-row: auto / span 4;
    }
    .row-span-5--on-xl {
        grid-row: auto / span 5;
    }
    .row-span-6--on-xl {
        grid-row: auto / span 6;
    }
    .row-span-7--on-xl {
        grid-row: auto / span 7;
    }
    .row-span-8--on-xl {
        grid-row: auto / span 8;
    }
    .row-start-1--on-xl {
        grid-row-start: 1;
    }
    .row-start-2--on-xl {
        grid-row-start: 2;
    }
    .row-start-3--on-xl {
        grid-row-start: 3;
    }
    .row-start-4--on-xl {
        grid-row-start: 4;
    }
    .row-start-5--on-xl {
        grid-row-start: 5;
    }
    .row-start-6--on-xl {
        grid-row-start: 6;
    }
    .row-start-7--on-xl {
        grid-row-start: 7;
    }
    .row-start-8--on-xl {
        grid-row-start: 8;
    }
}
@media (max-width: 992px) {
    .column--on-l {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
    .row--on-l {
        grid-template-columns: unset;
        grid-auto-flow: column;
    }
    .columns-2--on-l {
        grid-template-columns: repeat(2, 1fr);
    }
    .columns-3--on-l {
        grid-template-columns: repeat(3, 1fr);
    }
    .columns-4--on-l {
        grid-template-columns: repeat(4, 1fr);
    }
    .columns-5--on-l {
        grid-template-columns: repeat(5, 1fr);
    }
    .columns-6--on-l {
        grid-template-columns: repeat(6, 1fr);
    }
    .columns-7--on-l {
        grid-template-columns: repeat(7, 1fr);
    }
    .columns-8--on-l {
        grid-template-columns: repeat(8, 1fr);
    }
    .col-span-1--on-l {
        grid-column: auto / span 1;
    }
    .col-span-2--on-l {
        grid-column: auto / span 2;
    }
    .col-span-3--on-l {
        grid-column: auto / span 3;
    }
    .col-span-4--on-l {
        grid-column: auto / span 4;
    }
    .col-span-5--on-l {
        grid-column: auto / span 5;
    }
    .col-span-6--on-l {
        grid-column: auto / span 6;
    }
    .col-span-7--on-l {
        grid-column: auto / span 7;
    }
    .col-span-8--on-l {
        grid-column: auto / span 8;
    }
    .col-start-1--on-l {
        grid-column-start: 1;
    }
    .col-start-2--on-l {
        grid-column-start: 2;
    }
    .col-start-3--on-l {
        grid-column-start: 3;
    }
    .col-start-4--on-l {
        grid-column-start: 4;
    }
    .col-start-5--on-l {
        grid-column-start: 5;
    }
    .col-start-6--on-l {
        grid-column-start: 6;
    }
    .col-start-7--on-l {
        grid-column-start: 7;
    }
    .col-start-8--on-l {
        grid-column-start: 8;
    }
    .row-span-1--on-l {
        grid-row: auto / span 1;
    }
    .row-span-2--on-l {
        grid-row: auto / span 2;
    }
    .row-span-3--on-l {
        grid-row: auto / span 3;
    }
    .row-span-4--on-l {
        grid-row: auto / span 4;
    }
    .row-span-5--on-l {
        grid-row: auto / span 5;
    }
    .row-span-6--on-l {
        grid-row: auto / span 6;
    }
    .row-span-7--on-l {
        grid-row: auto / span 7;
    }
    .row-span-8--on-l {
        grid-row: auto / span 8;
    }
    .row-start-1--on-l {
        grid-row-start: 1;
    }
    .row-start-2--on-l {
        grid-row-start: 2;
    }
    .row-start-3--on-l {
        grid-row-start: 3;
    }
    .row-start-4--on-l {
        grid-row-start: 4;
    }
    .row-start-5--on-l {
        grid-row-start: 5;
    }
    .row-start-6--on-l {
        grid-row-start: 6;
    }
    .row-start-7--on-l {
        grid-row-start: 7;
    }
    .row-start-8--on-l {
        grid-row-start: 8;
    }
}
@media (max-width: 768px) {
    .column--on-m {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
    .row--on-m {
        grid-template-columns: unset;
        grid-auto-flow: column;
    }
    .columns-2--on-m {
        grid-template-columns: repeat(2, 1fr);
    }
    .columns-3--on-m {
        grid-template-columns: repeat(3, 1fr);
    }
    .columns-4--on-m {
        grid-template-columns: repeat(4, 1fr);
    }
    .columns-5--on-m {
        grid-template-columns: repeat(5, 1fr);
    }
    .columns-6--on-m {
        grid-template-columns: repeat(6, 1fr);
    }
    .columns-7--on-m {
        grid-template-columns: repeat(7, 1fr);
    }
    .columns-8--on-m {
        grid-template-columns: repeat(8, 1fr);
    }
    .col-span-1--on-m {
        grid-column: auto / span 1;
    }
    .col-span-2--on-m {
        grid-column: auto / span 2;
    }
    .col-span-3--on-m {
        grid-column: auto / span 3;
    }
    .col-span-4--on-m {
        grid-column: auto / span 4;
    }
    .col-span-5--on-m {
        grid-column: auto / span 5;
    }
    .col-span-6--on-m {
        grid-column: auto / span 6;
    }
    .col-span-7--on-m {
        grid-column: auto / span 7;
    }
    .col-span-8--on-m {
        grid-column: auto / span 8;
    }
    .col-start-1--on-m {
        grid-column: 1;
    }
    .col-start-2--on-m {
        grid-column: 2;
    }
    .col-start-3--on-m {
        grid-column: 3;
    }
    .col-start-4--on-m {
        grid-column: 4;
    }
    .col-start-5--on-m {
        grid-column: 5;
    }
    .col-start-6--on-m {
        grid-column: 6;
    }
    .col-start-7--on-m {
        grid-column: 7;
    }
    .col-start-8--on-m {
        grid-column: 8;
    }
    .flex-column--on-m {
        display: flex;
        flex-direction: column;
    }
    .row-span-1--on-m {
        grid-row: auto / span 1;
    }
    .row-span-2--on-m {
        grid-row: auto / span 2;
    }
    .row-span-3--on-m {
        grid-row: auto / span 3;
    }
    .row-span-4--on-m {
        grid-row: auto / span 4;
    }
    .row-span-5--on-m {
        grid-row: auto / span 5;
    }
    .row-span-6--on-m {
        grid-row: auto / span 6;
    }
    .row-span-7--on-m {
        grid-row: auto / span 7;
    }
    .row-span-8--on-m {
        grid-row: auto / span 8;
    }
    .row-start-1--on-m {
        grid-row-start: 1;
    }
    .row-start-2--on-m {
        grid-row-start: 2;
    }
    .row-start-3--on-m {
        grid-row-start: 3;
    }
    .row-start-4--on-m {
        grid-row-start: 4;
    }
    .row-start-5--on-m {
        grid-row-start: 5;
    }
    .row-start-6--on-m {
        grid-row-start: 6;
    }
    .row-start-7--on-m {
        grid-row-start: 7;
    }
    .row-start-8--on-m {
        grid-row-start: 8;
    }
}
@media (max-width: 480px) {
    .column--on-s {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
    .row--on-s {
        grid-template-columns: 1fr;
        grid-auto-flow: column;
    }
    .columns-2--on-s {
        grid-template-columns: repeat(2, 1fr);
    }
    .columns-3--on-s {
        grid-template-columns: repeat(3, 1fr);
    }
    .columns-4--on-s {
        grid-template-columns: repeat(4, 1fr);
    }
    .col-span-1--on-s {
        grid-column: auto / span 1;
    }
    .col-span-2--on-s {
        grid-column: auto / span 2;
    }
    .col-span-3--on-s {
        grid-column: auto / span 3;
    }
    .col-span-4--on-s {
        grid-column: auto / span 4;
    }
    .col-start-1--on-s {
        grid-column-start: 1;
    }
    .col-start-2--on-s {
        grid-column-start: 2;
    }
    .col-start-3--on-s {
        grid-column-start: 3;
    }
    .col-start-4--on-s {
        grid-column-start: 4;
    }
    .row-span-1--on-s {
        grid-row: auto / span 1;
    }
    .row-span-2--on-s {
        grid-row: auto / span 2;
    }
    .row-span-3--on-s {
        grid-row: auto / span 3;
    }
    .row-span-4--on-s {
        grid-row: auto / span 4;
    }
    .row-start-1--on-s {
        grid-row-start: 1;
    }
    .row-start-2--on-s {
        grid-row-start: 2;
    }
    .row-start-3--on-s {
        grid-row-start: 3;
    }
    .row-start-4--on-s {
        grid-row-start: 4;
    }
}/* Spacing Typo */
h1, h2, p {
  margin-bottom: var(--space-2xs);
}
h3, h4, h5, h6 {
  margin-bottom: var(--space-3xs);
}
h1, h2, h3, h4, h5, h6 {
  word-break: break-word;
}
.p {
  margin-bottom: var(--space-2xs);
}
p {
  margin-top: 0px;
}
/* Typo */
.hs-1 {
    font-size: var(--text-4xl);
    line-height: 1.1;
}
.hs-2 {
    font-size: var(--text-3xl);
    line-height: 1.2;
}
.hs-3 {
    font-size: var(--text-2xl);
    line-height: 1.3;
}
.hs-4 {
    font-size: var(--text-xl);
    line-height: 1.3;
}
.hs-5 {
    font-size: var(--text-l);
    line-height: 1.3;
}
.hs-6 {
    font-size: var(--text-m);
    line-height: 1.4;
}
@media (max-width: 768px) {
  h1 {
    font-size: var(--text-3xl);
  }
  h2 {
    font-size: var(--text-2xl);
  }
  h3 {
    font-size: var(--text-xl);
  }
  h4 {
    font-size: var(--text-l);
  }  
  h5 {
    font-size: var(--text-m);
  }  
  h6 {
    font-size: var(--text-s);
  }  
}




/* List */
.list ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 10px;
    list-style-type: none;
}
.list li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.list li:before {
    content: "✓";
    display: inline-block;
    width: 1.5em;
    text-align: center;
}


/* Menu Footer */
@media only screen and (max-width: 768px) {
#_nav_menu-63-25.oxy-nav-menu:not(.oxy-nav-menu-open) .menu-item a {
    justify-content: center;
  }
  #_nav_menu-65-25.oxy-nav-menu:not(.oxy-nav-menu-open) .menu-item a {
    justify-content: center;
}
}


/* Glass Effect */
.glass {
  position: relative;
  overflow: hidden;
  background-color: var(--primary-80); /* semi-transparent overlay */
  z-index: 0; /* ensure pseudo-element is behind */
  backdrop-filter: blur(6px); 
  -webkit-backdrop-filter: blur(6px);
}

.glass::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url(/wp-content/uploads/2026/01/card-background.jpg) 50% 85% / cover no-repeat;
  opacity: 0.8;
  filter: blur(18px);
  z-index: -1;
  
}

.glass--header {
  position: relative;
  overflow: hidden;
  background-color: var(--primary-80); /* semi-transparent overlay */
  z-index: 0; /* ensure pseudo-element is behind */
  backdrop-filter: blur(6px); 
  -webkit-backdrop-filter: blur(6px);
}

.glass--header::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url(/wp-content/uploads/2026/01/sugarize-header.jpg) 50% 85% / cover no-repeat;
  opacity: 0.9;
  filter: blur(18px);
  z-index: -1;
  
}

/* Carousel */
.oxy-carousel-builder .flickity-page-dots {
  justify-content: left;
}
/* Sticky HL */
.hl-sticky {
  position: -webkit-sticky; 
  position: sticky; 
  top: 200px;
}
@media only screen and (max-width: 992px) {
  .hl-sticky {
  position: static; 
  }
}

/* Logo Rotation */
.logo-rotation {
  animation: rotate 10s infinite; /* 10s duration for the entire animation cycle */
}

@keyframes rotate {
  0%, 90% {
    transform: rotate(0deg); /* No rotation for most of the time */
  }
  95%, 100% {
    transform: rotate(360deg); /* Complete rotation */
  }
}

/* Team Images */
@media only screen and (min-width: 992px) {
  .team img:nth-of-type(2n) {
  margin-top: var(--space-xs);
  }
}
/* Sales Tools */
@media only screen and (min-width: 768px) {
  .sales-tool .sales-tool__img-wrapper:nth-of-type(2n) {
  margin-top: -4.8rem;
  }
}
/* Burger Icon */
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  border-radius: 0px;
}
/* Off Canvas */
#off-canvas.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner, body:not(.oxygen-builder-body) #off-canvas:not(.oxy-off-canvas-toggled) .offcanvas-inner {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(50px);
    background: url(/wp-content/uploads/2026/01/card-background.jpg) 50% 85% / cover no-repeat;
}
/* Pulse Effect */
.pulse {
  animation: pulse-animation 4s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25),
                0 0 0 0 rgba(255, 255, 255, 0.25),
                0 0 0 0 rgba(255, 255, 255, 0.25);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0),
                0 0 0 60px rgba(255, 255, 255, 0),
                0 0 0 90px rgba(255, 255, 255, 0);
  }
}


/* Card Vorteile */
@media only screen and (min-width: 480px) {
  #vorteile .card {

    align-content: center;
    border-top: none;
    padding-top: var(--space-3xs);
    padding-bottom: var(--space-3xs);
    flex-direction: column;
    
  }
}

/* Carousel */
.carousel .oxy-carousel-builder_inner .flickity-page-dots {
  display: block;
}
.oxy-carousel-builder .flickity-page-dots {
  justify-content: center;
}

/* List Negative */
.list-negative ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 10px;
    list-style-type: none; /* remove default bullets */
}

.list-negative li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.list-negative li:before {
    content: "✖";       /* Red X character */
    display: inline-block;
    width: 1.5em;
    text-align: center;
    color: red;         /* make the X red */
    font-weight: bold;  /* optional for bolder look */
}

.span-wrapper {
  overflow: hidden;
}
.span-animation {
  display: block;
  height: 100%;
  padding-left: 10px;
  color: #0e6ffc;
  animation: spin_words 8s infinite;
}
@keyframes spin_words {
  10% {
    transform: translateY(-112%);
  }
  25% {
    transform: translateY(-100%);
  }
  35% {
    transform: translateY(-212%);
  }
  50% {
    transform: translateY(-200%);
  }
  60% {
    transform: translateY(-312%);
  }
  75% {
    transform: translateY(-300%);
  }
  85% {
    transform: translateY(-412%);
  }
  100% {
    transform: translateY(-400%);
  }
}

.oxy-nav-menu-list {
    align-items: flex-start;
}