.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-media-player .oxy-pro-media-player_play{
--extras-play-icon-size:60px;
}

.oxy-pro-media-player .oxy-pro-media-player_play button:hover{
--vm-play-scale:1;
}

.oxy-pro-media-player .oxy-pro-media-player_play button{
transition-duration:.3s;
}

.oxy-pro-media-player vime-player{
--vm-control-scale:.9;
--extras-slider-height:2px;
--vm-control-group-spacing:12px;
--vm-controls-padding:15px;
--vm-controls-spacing:15px;
--vm-time-font-size:13px;
--vm-control-border-radius:3px;
--extras-spinner-size:80px;
--vm-spinner-thickness:3px;
--vm-spinner-spin-duration:1s;
--vm-tooltip-spacing:3px;
--vm-tooltip-padding:3px;
}

.oxy-pro-media-player .oxy-pro-media-player_custom-image{
--extras-poster-left:50%;
--extras-poster-top:50%;
}

.oxy-pro-media-player vime-player.video{
                            height: 0;
                            overflow: hidden;
                        }
.oxy-pro-media-player .extras-in-builder vime-spinner{
                                opacity: 0;
                            }
.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: 'Kanit';}body {line-height: 1.6;font-size: 18px;font-weight: 300;color: var(--light);}.oxy-nav-menu-hamburger-line {background-color: var(--light);}h1, h2, h3, h4, h5, h6 {font-family: 'Kanit';font-size: var(--text-4xl) ;font-weight: 400;line-height: 1.1;color: var(--light);}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(--light);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;
				}
			}
.flex-column {
}
.width-50 {
}
.topline {
 font-weight:600;
 color:var(--secondary);
 font-size:var(--text-l) ;
}
.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;
}
}

.subline {
 font-weight:400;
 font-size:calc(var(--text-xl) - 3px) ;
 color:var(--primary);
 line-height:1.4;
}
.width-100 {
}
.margin-top-l {
}
.tabs-8881-tab {
transform:; padding-left:0px;
 padding-right:32px;
white-space: nowrap;
}
.tabs-8881-tab-active {
 border-bottom-width:1px;
 border-bottom-color:#ffffff;
 border-bottom-style:solid;
}
.hs-4 {
}
.tabs-contents-8881-tab {
 padding-left:0px;
 padding-right:0px;
}
.hs-5 {
}
.flex-row {
}
.btn {
}
@media (max-width: 479px) {
.btn {
 width:100%;
}
}

.margin-top-2xs {
}
.btn__icon {
color: var(--light);}.btn__icon 
>svg {width: 24px;height: 24px;}.btn__icon {
}
.img-full {
 object-fit:cover;
 height:100%;
 width:100%;
}
.modal-expert {
 width:100%;
 height:70%;
}
.oxy-close-modal {
padding: 10px 16px;
}.oxy-close-modal {
 z-index:99999999;
 margin-left:auto;
}
.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: var(--light);}.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_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(--light);
 height:200px;
 width:20%;
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 {
}
.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;
}
.padding-l {
}
.glass {
}
.header-logo:before{
 position:absolute;
 height:100%;
 background-color:var(--light);
 right:100%;
 width:100vw;
  content:"";
}
.header-logo {
 background-color:var(--light);
 border-bottom-right-radius:var(--radius-l) ;
 width:100%;
 height:100%;
 padding-right:10rem;
 position:relative;
}
.header-logo:not(.ct-section):not(.oxy-easy-posts),
.header-logo.oxy-easy-posts .oxy-posts,
.header-logo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 1280px) {
.header-logo {
 padding-right:4rem;
}
}

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

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

.main-menu > ul > li > a, .main-menu > ul > li > a::after, .main-menu > ul > li > button{
font-weight: 400;
}

@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 {
}
.radius-full {
}
.padding-left-l {
}
.margin-left-l {
}
.margin-left-s {
}
.items-middle {
}
.header-right {
 position:relative;
}
@media (max-width: 991px) {
.header-right {
 width:100%;
}
}

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

.header-logo--small {
 background-color:var(--light);
 border-bottom-right-radius:var(--radius-l) ;
 width:auto;
 height:100%;
 padding-right:2rem;
 position:absolute;
 padding-left:2rem;
 left:0px;
}
.header-logo--small:not(.ct-section):not(.oxy-easy-posts),
.header-logo--small.oxy-easy-posts .oxy-posts,
.header-logo--small.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 1280px) {
.header-logo--small {
 padding-right:2rem;
}
}

.hl-1 {
}
.hl-2 {
}
.columns-2 {
}
.margin-top-4xl {
}
.items-bottom {
}
.content-center {
}
.items-center {
}
.col-span-5 {
}
.columns-12 {
}
.col-span-6 {
}
.col-start-8 {
}
.ghost {
}
.link {
}
.columns-8--on-l {
}
.col-span-8--on-l {
}
@media (max-width: 1280px) {
}

.column-gap-l {
}
.row-gap-l {
}
.columns-4--on-s {
}
.col-span-4--on-s {
}
.columns-8--on-m {
}
.col-span-8--on-m {
}
.lines {
 width:calc(100% + 24rem) ;
 border-right-width:2px;
 border-right-color:rgba(255,255,255,0.5);
 border-right-style:solid;
 border-left-width:2px;
 border-left-color:rgba(255,255,255,0.5);
 border-left-style:solid;
 height:100%;
}
.row-gap-xs {
}
.row-gap-2xs {
}
.full-width {
}
.space-around {
}
.footer-logo {
 height:80px;
 width:80%;
 object-fit:contain;
}
@media (max-width: 991px) {
.footer-logo {
 height:110px;
}
}

.footer-logo-wrapper {
 width:350px;
 height:350px;
 background-color:var(--light);
}
.footer-logo-wrapper:not(.ct-section):not(.oxy-easy-posts),
.footer-logo-wrapper.oxy-easy-posts .oxy-posts,
.footer-logo-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.footer-logo-wrapper {
 width:250px;
 height:250px;
}
}

@media (max-width: 767px) {
.footer-logo-wrapper {
 width:400px;
 height:400px;
}
}

@media (max-width: 479px) {
.footer-logo-wrapper {
 width:300px;
 height:300px;
}
}

.footer-bg {
 position:absolute;
 z-index:-1;
 top:auto;
 left:auto;
 max-width:calc(1280px - 6.4rem) ;
 width:100%;
 height:80%;
 right:auto;
 bottom:auto;
}
@media (max-width: 767px) {
.footer-bg {
 width:80%;
 height:100%;
}
}

.footer-wrapper {
 position:relative;
}
.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:row;
justify-content:center;
}
@media (max-width: 767px) {
.footer-wrapper {
 padding-top:4.8rem;
 padding-bottom:4.8rem;
}
}

.flex-column--on-m {
}
@media (max-width: 767px) {
.flex-column--on-m {
}
.flex-column--on-m:not(.ct-section):not(.oxy-easy-posts),
.flex-column--on-m.oxy-easy-posts .oxy-posts,
.flex-column--on-m.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.self-center {
}
.text-center {
}
.hero-img {
 border-top-left-radius:var(--radius-l) ;
 border-bottom-left-radius:var(--radius-l) ;
 aspect-ratio:16 / 9;
 width:100%;
 min-width:calc(50vw + 672px) ;
 height:auto;
}
@media (max-width: 1280px) {
.hero-img {
 min-width:calc(100% + 3.2rem) ;
}
}

@media (max-width: 991px) {
.hero-img {
 height:450auto;
}
}

@media (max-width: 767px) {
.hero-img {
 height:350auto;
}
}

@media (max-width: 479px) {
.hero-img {
 height:250auto;
}
}

.col-span-12 {
}
.col-span-12 .cell{
width:50%;
}

.margin-bottom-l {
}
.relative {
}
.hero-img-wrapper {
 position:relative;
 overflow:visible;
 width:100%;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:auto;
 margin-right:auto;
}
.padding-s {
}
.hero-img__icon {
color: var(--light);}.hero-img__icon 
>svg {width: 55px;height: 55px;}.hero-img__icon {
 position:absolute;
 left:-50px;
 width:100px;
 height:100px;
 top:-50px;
}
.hero-img__icon:not(.ct-section):not(.oxy-easy-posts),
.hero-img__icon.oxy-easy-posts .oxy-posts,
.hero-img__icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.hero-img__icon {
}.hero-img__icon 
>svg {width: 32px;height: 32px;}.hero-img__icon {
 width:75px;
 height:75px;
 left:-38px;
 top:-38px;
}
}

@media (max-width: 767px) {
.hero-img__icon {
transform:scale(0.7,0.7);}
}

.margin-bottom-xl {
}
.margin-bottom-2xl {
}
.margin-bottom-3xl {
}
.margin-bottom-4xl {
}
.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;
}
}

.p {
}
.card__icon {
color: var(--light);}.card__icon 
>svg {width: 50px;height: 50px;}.card__icon {
 width:50px;
 height:50px;
 min-width:100px;
}
.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%;
}
.function__icon {
color: var(--light);}.function__icon 
>svg {width: 80px;height: 80px;}.function__icon {
 object-fit:contain;
 padding-top:3.2rem;
 padding-right:3.2rem;
 padding-bottom:3.2rem;
 padding-left:3.2rem;
 width:125px;
 height:125px;
}
.function__icon:not(.ct-section):not(.oxy-easy-posts),
.function__icon.oxy-easy-posts .oxy-posts,
.function__icon.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.function:before{
 width:100%;
 height:2px;
 background-color:rgba(255,255,255,0.5);
 position:absolute;
 top:33%;
  content:"";
}
.function {
 width:100%;
 position:relative;
}
.function:not(.ct-section):not(.oxy-easy-posts),
.function.oxy-easy-posts .oxy-posts,
.function.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.function {
 text-align:justify;
 gap:7.2rem;
}
.function:not(.ct-section):not(.oxy-easy-posts),
.function.oxy-easy-posts .oxy-posts,
.function.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:7.2rem;
}
.function:before{
 width:2px;
 height:calc(100% - 50px) ;
 top:0%;
 bottom:auto;
}
}

.uppercase {
}
.function__icon-wrapper {
 width:200px;
 height:200px;
 margin-top:-70px;
}
.function__icon-wrapper:not(.ct-section):not(.oxy-easy-posts),
.function__icon-wrapper.oxy-easy-posts .oxy-posts,
.function__icon-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
align-content:center;
justify-content:center;
}
@media (max-width: 991px) {
.function__icon-wrapper {
 margin-top:0px;
 margin-bottom:0px;
}
}

.function__icon-wrapper-1 {
 width:150px;
 height:150px;
}
.function__icon-wrapper-1:not(.ct-section):not(.oxy-easy-posts),
.function__icon-wrapper-1.oxy-easy-posts .oxy-posts,
.function__icon-wrapper-1.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
align-content:center;
justify-content:center;
}
.bg-blur-xl {
}
.padding-4xs {
}
.padding-xl {
}
.padding-2xl {
}
.padding-3xl {
}
.padding-4xl {
}
.column-gap-xs {
}
.full-height {
}
.full-height:not(.ct-section):not(.oxy-easy-posts),
.full-height.oxy-easy-posts .oxy-posts,
.full-height.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
}
.margin-top-auto {
}
.line-top {
isolation: isolate;
}
.line-top:before{
transform:translate(-50%); width:100%;
 height:100%;
 position:absolute;
 top:0px;
 border-top-width:2px;
 border-top-color:rgba(255,255,255,0.5);
 border-top-style:solid;
 max-width:calc(1280px - 6.4rem) ;
 left:50%;
 z-index:-1;
  content:"";
}
@media (max-width: 1280px) {
.line-top:before{
 width:calc(100% - 6.4rem) ;
}
}

.line-bottom:after{
transform:translate(-50%); max-width:calc(1280px - 6.4rem) ;
 width:100%;
 height:100%;
 position:absolute;
 top:0px;
 left:50%;
 border-bottom-width:2px;
 border-bottom-color:rgba(255,255,255,0.5);
 border-bottom-style:solid;
 z-index:-1;
  content:"";
}
.line-bottom {
 margin-top:0px;
isolation: isolate;
}
@media (max-width: 1280px) {
.line-bottom:after{
 max-width:calc(1280px - 6.4rem) ;
 width:calc(100% - 6.4rem) ;
}
}

.padding-bottom-xs {
}
.cell {
}
.oxel_logo_slider__logo-img {
 object-fit:contain;
 width:100%;
 height:100%;
}
.hero-img-sub {
 object-fit:cover;
 border-top-left-radius:var(--radius-l) ;
 border-bottom-left-radius:var(--radius-l) ;
 width:50vw;
 position:relative;
 min-width:50vw;
 aspect-ratio:16 / 9;
}
@media (max-width: 991px) {
.hero-img-sub {
 min-width:100vw;
 width:100vw;
}
}

@media (max-width: 767px) {
.hero-img-sub {
}
}

@media (max-width: 479px) {
.hero-img-sub {
}
}

.hero-img-sub-wrapper {
 position:relative;
}
.hero-img-sub-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hero-img-sub-wrapper.oxy-easy-posts .oxy-posts,
.hero-img-sub-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-end;
}
.hero-img-sub__icon {
color: var(--light);}.hero-img-sub__icon 
>svg {width: 55px;height: 55px;}.hero-img-sub__icon {
 position:absolute;
 left:-50px;
 width:100px;
 height:100px;
 bottom:-50px;
}
.hero-img-sub__icon:not(.ct-section):not(.oxy-easy-posts),
.hero-img-sub__icon.oxy-easy-posts .oxy-posts,
.hero-img-sub__icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.hero-img-sub__icon {
 left:calc(50% - 50px) ;
}
}

@media (max-width: 767px) {
.hero-img-sub__icon {
transform:scale(0.7,0.7);}
}

.column-gap-xl {
}
.column-gap-2xl {
}
.sticky {
}
.top-0 {
}
.hl-sticky {
}
.card__icon-wrapper {
 width:100px;
 height:100px;
 border-radius:100%;
border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.15); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); backdrop-filter: blur(50px);
}
.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;
}
.width-40 {
}
.width-60 {
}
.width-80 {
}
.logo-rotation {
}
.team {
}
.team:not(.ct-section):not(.oxy-easy-posts),
.team.oxy-easy-posts .oxy-posts,
.team.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(4, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.team {
}
.team:not(.ct-section):not(.oxy-easy-posts),
.team.oxy-easy-posts .oxy-posts,
.team.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

@media (max-width: 767px) {
.team {
}
.team:not(.ct-section):not(.oxy-easy-posts),
.team.oxy-easy-posts .oxy-posts,
.team.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.team__img {
 height:350px;
 object-fit:cover;
 border-radius:var(--radius-l) ;
}
@media (max-width: 479px) {
.team__img {
 height:250px;
}
}

.padding-top-l {
}
.padding-bottom-l {
}
.pricing {
}
.pricing-card {
 height:100%;
}
.col-span-3 {
}
.padding-xs {
}
.column-gap-2xs {
}
.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-6--on-l {
}
.col-span-4--on-l {
}
.row-gap-3xs {
}
.column-gap-3xs {
}
.column-gap-4xs {
}
.margin-left-auto {
}
.margin-right-auto {
}
.btn--price {
 min-width:220px;
 margin-left:-6px;
 margin-top:auto;
}
@media (max-width: 1280px) {
.btn--price {
 margin-left:0px;
}
}

.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;
}
}

.tl-1 {
}
.hs-6 {
}
.font-300 {
}
.font-200 {
}
.hs-3 {
}
.logo_slider {
}
.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) {
}

.logos-slide {
}
.logo-img {
}
.hs-1 {
}
.absolute {
}
.text-on-image {
 bottom:48px;
 left:-48px;
 padding-top:8px;
 padding-bottom:8px;
}
.c-primary {
}
.row-gap-s {
}
.circle {
}
.pulse {
}
.margin-top-s {
}
.sales-tool {
 padding-top:var(--space-m) ;
}
.sales-tool:not(.ct-section):not(.oxy-easy-posts),
.sales-tool.oxy-easy-posts .oxy-posts,
.sales-tool.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.sales-tool {
}
.sales-tool:not(.ct-section):not(.oxy-easy-posts),
.sales-tool.oxy-easy-posts .oxy-posts,
.sales-tool.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

@media (max-width: 767px) {
.sales-tool {
 padding-top:0 ;
}
.sales-tool:not(.ct-section):not(.oxy-easy-posts),
.sales-tool.oxy-easy-posts .oxy-posts,
.sales-tool.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.sales-tool__img {
 object-fit:contain;
 border-radius:var(--radius-l) ;
 width:100%;
 height:auto;
}
@media (max-width: 479px) {
}

.sales-tool__img-wrapper {
}
.list {
}
.hero-img--boxed {
 width:100%;
 border-radius:var(--radius-l) ;
 object-fit:cover;
 margin-right:0 ;
 object-position:top;
 aspect-ratio:16 / 9;
 height:auto;
}
@media (max-width: 1280px) {
.hero-img--boxed {
}
}

@media (max-width: 991px) {
.hero-img--boxed {
 height:450auto;
 max-height:100%;
}
}

@media (max-width: 767px) {
.hero-img--boxed {
 height:350auto;
}
}

@media (max-width: 479px) {
.hero-img--boxed {
 height:250auto;
}
}

.secondary {
}
.marquee-container {
}
.marquee {
}
.col-span-12--on-l {
}
.col-span-8--on-xl {
}
.hs-2 {
}
.radius-xs {
}
.radius-s {
}
.radius-m {
}
.radius-l {
}
.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;
}
.cta-wp__close {
color: #ffffff;}.cta-wp__close 
>svg {width: 32px;height: 32px;}.cta-wp__close {
 padding-top:8px;
 padding-right:8px;
 padding-bottom:8px;
 padding-left:8px;
 position:absolute;
 top:4px;
 right:4px;
}
.card__heading {
 font-size:var(--text-l) ;
}
.carousel {
 width:100%;
 --carousel-space-between:var(--space-l) ;
}
.carousel .oxy-carousel-builder_icon{
font-size:24px;
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.carousel .oxy-carousel-builder_prev{
top:100%;
bottom:0px;
}

.carousel .oxy-carousel-builder_next{
top:100%;
bottom:0px;
}

.carousel .oxy-carousel-builder_icon:hover{
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.carousel .flickity-page-dots .dot{
background-color:#ffffff;
opacity:0.5;
height:16px;
width:16px;
}

.carousel .flickity-page-dots .dot.is-selected{
opacity:1;
}

.carousel .oxy-carousel-builder_inner .flickity-page-dots{
position:relative;
}

.carousel {
                        --carousel-cell-width: calc((100% - var(--carousel-space-between)) / 2);
                        }

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

                        }

.hero-img__second-img {
color: var(--light);}.hero-img__second-img 
>svg {width: 55px;height: 55px;}.hero-img__second-img {
 position:absolute;
 border-radius:var(--radius-m) ;
 object-fit:contain;
 height:auto;
 width:30%;
 right:-5%;
 bottom:5%;
}
.hero-img__second-img:not(.ct-section):not(.oxy-easy-posts),
.hero-img__second-img.oxy-easy-posts .oxy-posts,
.hero-img__second-img.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
}

@media (max-width: 767px) {
.hero-img__second-img {
 right:-15%;
 bottom:35%;
}
}

@media (max-width: 479px) {
.hero-img__second-img {
 bottom:50%;
}
}

.hero {
 height:calc(100vh - 200px) ;
 font-size:12px;
 float:none;
}
.hero:not(.ct-section):not(.oxy-easy-posts),
.hero.oxy-easy-posts .oxy-posts,
.hero.ct-section .ct-section-inner-wrap{
align-items:flex-start;
justify-content:center;
}
@media (max-width: 991px) {
.hero {
 height:100%;
}
}

@media (max-width: 479px) {
.hero {
 padding-top:12px;
 text-align:center;
 font-size:1px;
}
}

.hero-img__icon--left {
color: var(--light);}.hero-img__icon--left 
>svg {width: 55px;height: 55px;}.hero-img__icon--left {
 position:absolute;
 width:100px;
 height:100px;
 bottom:-50px;
}
.hero-img__icon--left:not(.ct-section):not(.oxy-easy-posts),
.hero-img__icon--left.oxy-easy-posts .oxy-posts,
.hero-img__icon--left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 1280px) {
.hero-img__icon--left {
 left:25px;
}
}

@media (max-width: 991px) {
.hero-img__icon--left {
}.hero-img__icon--left 
>svg {width: 35px;height: 35px;}.hero-img__icon--left {
 width:75px;
 height:75px;
 bottom:-35px;
}
}

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

.carousel-features {
 width:100%;
 --carousel-space-between:var(--space-xs) ;
}
.carousel-features .oxy-carousel-builder_icon{
font-size:24px;
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.carousel-features .oxy-carousel-builder_prev{
top:50%;
bottom:30%;
left:-50px;
}

.carousel-features .oxy-carousel-builder_next{
top:50%;
bottom:30%;
right:-50px;
}

.carousel-features .oxy-carousel-builder_icon:hover{
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.carousel-features .flickity-page-dots .dot{
background-color:#ffffff;
opacity:0.5;
height:16px;
width:16px;
}

.carousel-features .flickity-page-dots .dot.is-selected{
opacity:1;
}

.carousel-features .oxy-carousel-builder_inner .flickity-page-dots{
position:relative;
}

.carousel-features {
                        --carousel-cell-width: calc((100% - var(--carousel-space-between)) / 2);
                        }

                        @media (max-width: 991px) {
.carousel-features {
}
.carousel-features .oxy-carousel-builder_prev{
left:-45px;
}

.carousel-features .oxy-carousel-builder_next{
right:-45px;
}

.carousel-features {
                        --carousel-cell-width: 100%;
                        }

                        }

.carousel-features__cell {
}
.carousel-features__cell__img {
 object-fit:cover;
 aspect-ratio:16 / 9;
 object-position:top;
 border-radius:var(--radius-l) ;
}
.margin-top-xs {
}
.carousel-hero {
 margin-left:auto;
}
.carousel-hero:not(.ct-section):not(.oxy-easy-posts),
.carousel-hero.oxy-easy-posts .oxy-posts,
.carousel-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.carousel-hero .cell, .carousel-hero .oxy-inner-content .flickity-slider > .cell, .carousel-hero .oxy-inner-content{
height:410px;
}

@media (max-width: 991px) {
.carousel-hero {
 margin-right:auto;
}
}

.carousel-hero__img {
 object-fit:contain;
 max-height:400px;
}
@media (max-width: 767px) {
.carousel-hero__img {
 height:250px;
}
}

.carousel-hero__item {
}
.carousel-hero__item--center {
 height:100%;
 z-index:1;
 position:relative;
 overflow:hidden;
}
.carousel-hero__img--center {
 max-height:500px;
 object-fit:contain;
}
@media (max-width: 767px) {
.carousel-hero__img--center {
 height:300px;
}
}

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

.carousel-hero__item--left {
 margin-right:-32px;
}
.carousel-hero__item--right {
 margin-left:-32px;
}
.fit-contain {
}
.col-span-4 {
}
.col-span-2--on-s {
}
.column-gap-s {
}
.col-span-2--on-m {
}
.card-carousel {
 gap:2.4rem;
 padding-top:var(--space-s) ;
 padding-bottom:var(--space-s) ;
 border-top-width:2px;
 border-top-style:solid;
 border-top-color:rgba(255,255,255,0.5);
 width:100%;
}
.card-carousel:not(.ct-section):not(.oxy-easy-posts),
.card-carousel.oxy-easy-posts .oxy-posts,
.card-carousel.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:2.4rem;
}
@media (max-width: 479px) {
.card-carousel {
}
.card-carousel:not(.ct-section):not(.oxy-easy-posts),
.card-carousel.oxy-easy-posts .oxy-posts,
.card-carousel.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.columns-10 {
}
.col-start-3 {
}
.col-start-2 {
}
.col-start-4 {
}
.row-gap-m {
}
.card__sugarcard {
 attachment_height:1920;
 attachment_width:927;
 attachment_url:https://sugarize.it/wp-content/uploads/2024/11/sugarcard_save.png;
 max-height:600px;
 width:100%;
 object-fit:contain;
}
@media (max-width: 991px) {
.card__sugarcard {
 max-height:400px;
}
}

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

.slider-features {
 width:100%;
 --carousel-space-between:var(--space-l) ;
}
.slider-features .oxy-carousel-builder_icon{
font-size:24px;
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.slider-features .oxy-carousel-builder_prev{
top:100%;
bottom:0px;
left:0px;
}

.slider-features .oxy-carousel-builder_next{
top:100%;
bottom:0px;
}

.slider-features .oxy-carousel-builder_icon:hover{
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.slider-features .flickity-page-dots .dot{
background-color:#ffffff;
opacity:0.5;
height:16px;
width:16px;
}

.slider-features .flickity-page-dots .dot.is-selected{
opacity:1;
}

.slider-features .oxy-carousel-builder_inner .flickity-page-dots{
position:relative;
}

.slider-features {
                        --carousel-cell-width: 100%;
                        }

                        @media (max-width: 991px) {
.slider-features {
}
.slider-features {
                        --carousel-cell-width: 100%;
                        }

                        }

.slider-features__slide {
 text-align:left;
}
.slider-features__slide-right {
 margin-left:auto;
 margin-right:auto;
}
.slider-features__slide-right:not(.ct-section):not(.oxy-easy-posts),
.slider-features__slide-right.oxy-easy-posts .oxy-posts,
.slider-features__slide-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.slider-features__slide-right .cell, .slider-features__slide-right .oxy-inner-content .flickity-slider > .cell, .slider-features__slide-right .oxy-inner-content{
height:410px;
}

.slider-features__slide-right__img {
}
.slider-features__slide-right__img-img {
 height:300px;
}
@media (max-width: 991px) {
.slider-features__slide-right__img-img {
 object-fit:contain;
}
}

@media (max-width: 767px) {
.slider-features__slide-right__img-img {
 height:200px;
}
}

.col-start-6 {
}
.slider-main {
 width:100%;
 slider-remove-padding:yes;
 slider-dots-overlay:no;
}
            .slider-main .unslider {
				padding: 0px;
			}
			.slider-main .unslider-wrap.unslider-carousel > li {
				padding: 0px;
			}
			.slider-main .unslider-arrow.next {
				right: 10px;
				z-index: 100;
			}
			.slider-main .unslider-arrow.prev {
				left: 10px;
				z-index: 100;
			}
        .slider-main__slide {
}
.margin-bottom-m {
}
.margin-bottom-s {
}
.carousel-hotel {
 width:100%;
 --carousel-space-between:var(--space-l) ;
}
.carousel-hotel .oxy-carousel-builder_icon{
font-size:24px;
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.carousel-hotel .oxy-carousel-builder_prev{
top:50%;
bottom:30%;
left:-50px;
}

.carousel-hotel .oxy-carousel-builder_next{
top:50%;
bottom:30%;
right:-50px;
}

.carousel-hotel .oxy-carousel-builder_icon:hover{
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.carousel-hotel .flickity-page-dots .dot{
background-color:#ffffff;
opacity:0.5;
height:16px;
width:16px;
}

.carousel-hotel .flickity-page-dots .dot.is-selected{
opacity:1;
}

.carousel-hotel .oxy-carousel-builder_inner .flickity-page-dots{
position:relative;
}

.carousel-hotel {
                        --carousel-cell-width: 100%;
                        }

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

.carousel-hotel__img {
 width:100%;
 object-fit:contain;
 height:100%;
}
@media (max-width: 1280px) {
.carousel-hotel__img {
 max-height:100%;
}
}

.carousel-hotel__cell {
}
.carousel-hotel__cell:not(.ct-section):not(.oxy-easy-posts),
.carousel-hotel__cell.oxy-easy-posts .oxy-posts,
.carousel-hotel__cell.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
}

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

.carousel-hero-hotel {
 width:100%;
 --carousel-space-between:var(--space-l) ;
 min-height:600px;
}
.carousel-hero-hotel .oxy-carousel-builder_icon{
font-size:24px;
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.carousel-hero-hotel .oxy-carousel-builder_prev{
top:50%;
bottom:30%;
left:-50px;
}

.carousel-hero-hotel .oxy-carousel-builder_next{
top:50%;
bottom:30%;
right:-50px;
}

.carousel-hero-hotel .oxy-carousel-builder_icon:hover{
background-color:rgba(0,0,0,0);
color:#ffffff;
}

.carousel-hero-hotel .flickity-page-dots .dot{
background-color:#ffffff;
opacity:0.5;
height:16px;
width:16px;
}

.carousel-hero-hotel .flickity-page-dots .dot.is-selected{
opacity:1;
}

.carousel-hero-hotel .oxy-carousel-builder_inner .flickity-page-dots{
position:relative;
}

.carousel-hero-hotel {
                        --carousel-cell-width: 100%;
                        }

                        .carousel-hero-hotel .flickity-resize .flickity-slider > .ct-div-block{
                                min-height: 100%;
                            }
.carousel-hero-hotel .flickity-resize .flickity-slider .product{
                                min-height: 100%;
                            }
.carousel-hero-hotel .flickity-resize .flickity-slider .cell{
                                min-height: 100%;
                            }
.carousel-hero-hotel .flickity-resize .flickity-slider .oxy-post{
                                min-height: 100%;
                            }
.carousel-hero-hotel .flickity-resize .flickity-slider .oxy-inner-content{
                                min-height: 100%;
                            }

                            @media (max-width: 1280px) {
.carousel-hero-hotel {
 min-height:100%;
}
}

@media (max-width: 991px) {
.carousel-hero-hotel {
}
.carousel-hero-hotel .cell, .carousel-hero-hotel .oxy-inner-content .flickity-slider > .cell, .carousel-hero-hotel .oxy-inner-content{
height:450px;
}

.carousel-hero-hotel .oxy-carousel-builder_prev{
left:-45px;
}

.carousel-hero-hotel .oxy-carousel-builder_next{
right:-45px;
}

.carousel-hero-hotel {
                        --carousel-cell-width: 100%;
                        }

                        }

@media (max-width: 767px) {
.carousel-hero-hotel {
}
.carousel-hero-hotel .cell, .carousel-hero-hotel .oxy-inner-content .flickity-slider > .cell, .carousel-hero-hotel .oxy-inner-content{
height:275px;
}

}

@media (max-width: 479px) {
.carousel-hero-hotel {
}
.carousel-hero-hotel .cell, .carousel-hero-hotel .oxy-inner-content .flickity-slider > .cell, .carousel-hero-hotel .oxy-inner-content{
height:225px;
}

}

.testimonial {
 gap:2.4rem;
}
.testimonial:not(.ct-section):not(.oxy-easy-posts),
.testimonial.oxy-easy-posts .oxy-posts,
.testimonial.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:2.4rem;
}
.testimonial__img {
 width:100%;
 border-radius:var(--radius-l) ;
 object-fit:cover;
 margin-right:0 ;
 object-position:top;
 aspect-ratio:16 / 9;
 height:auto;
}
@media (max-width: 1280px) {
.testimonial__img {
}
}

@media (max-width: 991px) {
.testimonial__img {
 height:450auto;
 max-height:100%;
}
}

@media (max-width: 767px) {
.testimonial__img {
 height:350auto;
}
}

@media (max-width: 479px) {
.testimonial__img {
 height:250auto;
}
}

.testimonial__headline {
 position:absolute;
 top:6.4rem;
 right:10%;
 font-size:var(--text-4xl) ;
}
@media (max-width: 1280px) {
.testimonial__headline {
 font-size:var(--text-3xl) ;
}
}

@media (max-width: 991px) {
.testimonial__headline {
 font-size:var(--text-2xl) ;
}
}

@media (max-width: 767px) {
.testimonial__headline {
 position:static;
 width:100%;
}
}

@media (max-width: 479px) {
.testimonial__headline {
 font-size:var(--text-xl) ;
}
}

.testimonial-wrapper {
 position:relative;
 overflow:visible;
 width:100%;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:auto;
 margin-right:auto;
}
.testimonial__second-img {
color: var(--light);}.testimonial__second-img 
>svg {width: 55px;height: 55px;}.testimonial__second-img {
 position:absolute;
 border-radius:var(--radius-m) ;
 object-fit:contain;
 height:auto;
 max-width:50%;
 right:3.2rem;
 bottom:-15rem;
}
.testimonial__second-img:not(.ct-section):not(.oxy-easy-posts),
.testimonial__second-img.oxy-easy-posts .oxy-posts,
.testimonial__second-img.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.testimonial__second-img {
 bottom:-12rem;
}
}

@media (max-width: 767px) {
.testimonial__second-img {
 position:static;
 margin-top:3.2rem;
 max-width:100%;
}
}

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

.testimonial-img-wrapper {
 position:relative;
}
.testimonial-text-wrapper {
}
@media (max-width: 991px) {
.testimonial-text-wrapper {
 margin-top:8rem;
}
}

@media (max-width: 767px) {
.testimonial-text-wrapper {
 margin-top:0rem;
}
}

.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;
}
.docs-wrapper {
 width:100%;
 gap:6.4rem;
}
.docs-wrapper:not(.ct-section):not(.oxy-easy-posts),
.docs-wrapper.oxy-easy-posts .oxy-posts,
.docs-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:6.4rem;
}
@media (max-width: 991px) {
.docs-wrapper {
}
.docs-wrapper:not(.ct-section):not(.oxy-easy-posts),
.docs-wrapper.oxy-easy-posts .oxy-posts,
.docs-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.hl-3 {
 font-size:var(--text-2xl) ;
}
.list-negative {
}
.contact-hub {
}
body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  position: relative;
}
html {
  font-size: 62.5%;
  height: -webkit-fill-available;
}
html, body {
  overflow-x: hidden;
  }
#footer {
margin-top:auto;
}


:root {
    --primary: #103768;
    --primary-5: #1037680d;
    --primary-10: #1037681a;
    --primary-20: #10376833;
    --primary-30: #1037684d;
    --primary-40: #10376866;
    --primary-50: #10376880;
    --primary-60: #10376899;
    --primary-70: #103768b3;
    --primary-80: #103768cc;
    --primary-90: #103768e6;
    --primary-d-1: #132d53;
    --primary-d-2: #13233f;
    --primary-d-3: #111a2b;
    --primary-d-4: #0c1019;
    --primary-l-1: #465a85;
    --primary-l-2: #7380a2;
    --primary-l-3: #a0a9c1;
    --primary-l-4: #cfd3df;
    --secondary: #0F98CE;
    --secondary-5: #0f98ce0d;
    --secondary-10: #0f98ce1a;
    --secondary-20: #0f98ce33;
    --secondary-30: #0f98ce4d;
    --secondary-40: #0f98ce66;
    --secondary-50: #0f98ce80;
    --secondary-60: #0f98ce99;
    --secondary-70: #0f98ceb3;
    --secondary-80: #0f98cecc;
    --secondary-90: #0f98cee6;
    --secondary-d-1: #1c78a1;
    --secondary-d-2: #1e5976;
    --secondary-d-3: #1b3c4e;
    --secondary-d-4: #132129;
    --secondary-l-1: #5eacd8;
    --secondary-l-2: #8cc0e2;
    --secondary-l-3: #b4d5ec;
    --secondary-l-4: #daeaf5;
    --tertiary: #2F2F2F;
    --tertiary-5: #2f2f2f0d;
    --tertiary-10: #2f2f2f1a;
    --tertiary-20: #2f2f2f33;
    --tertiary-30: #2f2f2f4d;
    --tertiary-40: #2f2f2f66;
    --tertiary-50: #2f2f2f80;
    --tertiary-60: #2f2f2f99;
    --tertiary-70: #2f2f2fb3;
    --tertiary-80: #2f2f2fcc;
    --tertiary-90: #2f2f2fe6;
    --tertiary-d-1: #272727;
    --tertiary-d-2: #1f1f1f;
    --tertiary-d-3: #171717;
    --tertiary-d-4: #0e0e0e;
    --tertiary-l-1: #545454;
    --tertiary-l-2: #7b7b7b;
    --tertiary-l-3: #a5a5a5;
    --tertiary-l-4: #d1d1d1;
    --text-body: #2F2F2F;
    --text-title: #103768;
    --border-primary: #2F2F2F;
    --shadow-primary: #00000026;
    --light: #ffffff;
    --light-5: #ffffff0d;
    --light-10: #ffffff1a;
    --light-20: #ffffff33;
    --light-30: #ffffff4d;
    --light-40: #ffffff66;
    --light-50: #ffffff80;
    --light-60: #ffffff99;
    --light-70: #ffffffb3;
    --light-80: #ffffffcc;
    --light-90: #ffffffe6;
    --dark: #000000;
    --dark-5: #0000000d;
    --dark-10: #0000001a;
    --dark-20: #00000033;
    --dark-30: #0000004d;
    --dark-40: #00000066;
    --dark-50: #00000080;
    --dark-60: #00000099;
    --dark-70: #000000b3;
    --dark-80: #000000cc;
    --dark-90: #000000e6;
    --success: #00FFFF;
    --error: #D926C7;
    --space-4xs: clamp(0.8rem, calc(0vw + 0.8rem), 0.8rem);
    --space-3xs: clamp(1rem, calc(0.63vw + 0.8rem), 1.6rem);
    --space-2xs: clamp(1.2rem, calc(1.25vw + 0.8rem), 2.4rem);
    --space-xs: clamp(1.6rem, calc(1.67vw + 1.07rem), 3.2rem);
    --space-s: clamp(2.4rem, calc(1.67vw + 1.87rem), 4rem);
    --space-m: clamp(3.2rem, calc(1.67vw + 2.67rem), 4.8rem);
    --space-l: clamp(4rem, calc(1.67vw + 3.47rem), 5.6rem);
    --space-xl: clamp(4.8rem, calc(1.67vw + 4.27rem), 6.4rem);
    --space-2xl: clamp(5.6rem, calc(1.67vw + 5.07rem), 7.2rem);
    --space-3xl: clamp(6.4rem, calc(1.67vw + 5.87rem), 8rem);
    --space-4xl: clamp(7.2rem, calc(2.5vw + 6.4rem), 9.6rem);
    --space-section: clamp(4rem, calc(3.33vw + 2.93rem), 7.2rem);
    --text-xs: clamp(1.01rem, calc(0.19vw + 0.95rem), 1.2rem);
    --text-s: clamp(1.35rem, calc(0.05vw + 1.33rem), 1.4rem);
    --text-m: clamp(1.6rem, calc(0vw + 1.6rem), 1.6rem);
    --text-l: clamp(1.8rem, calc(0.21vw + 1.73rem), 2rem);
    --text-xl: clamp(2.2rem, calc(0.42vw + 2.07rem), 2.6rem);
    --text-2xl: clamp(2.8rem, calc(0.42vw + 2.67rem), 3.2rem);
    --text-3xl: clamp(3.4rem, calc(0.63vw + 3.2rem), 4rem);
    --text-4xl: clamp(4rem, calc(0.83vw + 3.73rem), 4.8rem);
    --hl-2: clamp(4rem, calc(0.83vw + 3.73rem), 4.8rem);
    --hl-1: clamp(4.8rem, calc(1.67vw + 4.27rem), 6.4rem);
    --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: var(--space-3xs) var(--space-2xs);
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    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.6s ease-in-out;
    outline: 0;
    cursor: pointer;
    -webkit-backdrop-filter: blur(25px);
            backdrop-filter: blur(25px);
}
.btn .btn__icon {
    transition: all 0.6s ease-in-out;
}
.btn:hover .btn__icon {
    transform: rotate(45deg)
}
.btn:hover {
    background: var(--Brand-secondary, #0F98CE);
}
.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-color: transparent;
    box-shadow: none;
    background: transparent;
}
.btn.secondary {
    background: var(--secondary);
    border-color: var(--secondary);
}
.btn.ghost:hover {
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.15);
}
.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);
}
.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;
}
/* 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;
}

/* Sticky Main Menu */
#header {
top: 0;
position: fixed;	
transition: all 0.7s ease;
z-index: 999999;
width: 100%;
}
#header.hide {
top: -150px;
}
#header-small {
left: 0;
position: fixed;	
transition: all 0.7s ease;
z-index: 999998;
width: 100%;
}
#header-small.hide {
left: -100%;
}
/* 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 {
  border-radius: var(--radius-l);
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px); /* For Safari */
}

.glass--header {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(50px);
}

/* 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: rgb(30 115 190 / 20%);
}
/* 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 */
}


* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.2) transparent;
}
/* Chrome, Edge, Safari */
_tabs-297-213::-webkit-scrollbar {
  width: 6px;
}

_tabs-297-213::-webkit-scrollbar-track {
  background: transparent;
}

_tabs-297-213::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,1);
  border-radius: 10px;
}}