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

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

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

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

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

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

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

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

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

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1280px;
}
body {font-family: 'Source Sans Pro';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat';font-size: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem) ;font-weight: 700;line-height: 1.2;}h2, h3, h4, h5, h6{font-size: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem) ;line-height: 1.2;}h3, h4, h5, h6{font-size: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem) ;line-height: 1.2;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: var(--primary);text-decoration: none;}a:hover {color: var(--secondary);text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: px;}.ct-section-inner-wrap {
padding-top: calc( 4.8rem + (3.2 * ((100vw - 32rem) / 96)) ) ;
padding-right: 20px;
padding-bottom: calc( 4.8rem + (3.2 * ((100vw - 32rem) / 96)) ) ;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@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;
				}
			}
.link--skip {
}
.pad-header--xs {
}
.pad--xs {
}
.bg--shade {
}
.secondary-header__icon {
color: var(--shade-light-trans-60);}.secondary-header__icon 
>svg {width: 20px;height: 20px;}.secondary-header__icon {
}
.flex--row {
}
.gap--xs {
}
.align-items--center {
}
.secondary-header__text-link:hover{
 color:var(--primary);
}
.secondary-header__text-link {
 color:var(--shade-light-trans-60);
 font-size:16px;
}
.margin-left--l {
}
.margin-left--m {
}
.secondary-header__social-icon:hover{
color: var(--primary);}.secondary-header__social-icon:hover{
}
.secondary-header__social-icon {
color: var(--shade-light-trans-60);}.secondary-header__social-icon 
>svg {width: 20px;height: 20px;}.secondary-header__social-icon {
 padding-top:3px;
 padding-left:3px;
 padding-bottom:3px;
 padding-right:3px;
}
.secondary-header__social-icon--wrapper {
}
.margin-left--xs {
}
.width--full {
}
.flex--wrap {
}
.gap--s {
}
.sticky {
}
.grid--3 {
}
.gap--l {
}
.footer__heading {
 color:var(--white);
 font-size:var(--text-l) ;
 font-weight:500;
}
.footer__text {
 color:var(--shade-medium);
 font-size:16px;
}
.margin-top--m {
}
.footer__links-icon {
color: var(--shade-medium);}.footer__links-icon 
>svg {width: 10px;height: 10px;}.footer__links-icon {
}
.footer__links:hover{
 color:var(--primary);
}
.footer__links {
 color:var(--shade-medium);
 font-size:16px;
}
.footer__links-wrapper {
 gap:12px;
}
.footer__links-wrapper:not(.ct-section):not(.oxy-easy-posts),
.footer__links-wrapper.oxy-easy-posts .oxy-posts,
.footer__links-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:12px;
}
.justify-content--between {
}
.gap--xxl {
}
.grid--2 {
}
.gap--m {
}
.footer__info-icon {
color: var(--shade-medium);}.footer__info-icon 
>svg {width: 24px;height: 24px;}.footer__info-icon {
}
.footer__info-wrapper {
 gap:5px;
}
.footer__info-wrapper:not(.ct-section):not(.oxy-easy-posts),
.footer__info-wrapper.oxy-easy-posts .oxy-posts,
.footer__info-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:5px;
}
.footer__info-text:hover{
 color:var(--primary);
}
.footer__info-text {
 color:var(--white);
 font-size:20px;
}
.margin-top--xs {
}
.footer__inner-wrapper {
 gap:5px;
}
.footer__inner-wrapper:not(.ct-section):not(.oxy-easy-posts),
.footer__inner-wrapper.oxy-easy-posts .oxy-posts,
.footer__inner-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:5px;
}
.margin-top--l {
}
.margin-top--xl {
}
.pad--s {
}
.footer__social-icon:hover{
 background-color:var(--primary);
}
.footer__social-icon {
color: var(--white);}.footer__social-icon 
>svg {width: 20px;height: 20px;}.footer__social-icon {
 padding-top:10px;
 padding-right:10px;
 padding-bottom:10px;
 padding-left:10px;
 background-color:#36383f;
}
.footer__bottom {
 border-top-color:#383333;
 border-top-width:0.25px;
 border-top-style:solid;
}
.grid--l-2 {
}
.grid--m-1 {
}
.hero-section {
background-size: cover; background-repeat:no-repeat;
 background-attachment:fixed;
 position:relative;
 background-position:50% 50%;
}
.hero-section .ct-section-inner-wrap {
padding-top: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) ;
padding-bottom: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) ;
}
.width--s {
}
.width--m {
}
.width--l {
}
.text--center {
}
.center--all {
}
.hero-section__heading {
 max-width:675px;
 color:var(--white);
 z-index:1;
}
.about-section {
}
.section-heading {
 font-family:Montserrat;
 font-size:var(--text-xl) ;
 font-weight:700;
 text-transform:capitalize;
}
.btn--primary {
 border-radius:var(--radius-xl) ;
}
.btn--primary-text:hover{
 color:var(--primary);
}
.btn--primary-text {
 color:var(--white);
 font-weight:600;
 letter-spacing:3px;
 text-transform:uppercase;
 padding-top:10px;
 padding-bottom:10px;
 padding-left:var(--space-m) ;
 padding-right:var(--space-m) ;
 font-size:16px;
}
.btn--primary-custom:hover{
 background-color:var(--white);
}
.btn--primary-custom {
 background-color:var(--primary);
 border-top-color:var(--primary);
 border-right-color:var(--primary);
 border-bottom-color:var(--primary);
 border-left-color:var(--primary);
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:var(--radius-xxl) ;
}
.owl--m {
}
.grid--l-1 {
}
.pad-header--s {
}
.oxy-burger-trigger {
}
.nav-primary:hover{
 oxy-mega-menu_slug_oxymegadropdownlinkcolor:var(--secondary);
}
.nav-primary {
}
.nav-primary .oxy-mega-dropdown_inner{
--global-dropdown-width:180px;
font-size:16px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}

.nav-primary .oxy-mega-dropdown_content{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
transition-duration:1000ms;
--dropdown-content-translatey:100%;
--dropdown-content-scale:1;
}

.nav-primary .oxy-mega-dropdown_link, .nav-primary .oxy-mega-menu_inner > .ct-link-text{
padding-left:0px;
padding-right:0px;
padding-top:5px;
padding-bottom:5px;
margin-left:1.5em;
margin-right:0.5em;
margin-top:0px;
margin-bottom:0px;
color:var(--primary);
text-transform: uppercase;
font-size: 16px;
}

.nav-primary .oxy-mega-dropdown_link:hover{
color:var(--secondary);
}

.nav-primary .oxy-mega-dropdown_link.oxy-mega-dropdown_inner-open{
color:var(--secondary);
}

.nav-primary .oxy-mega-dropdown_flyout .menu-item > a{
padding-top:0.2em;
padding-right:0.5em;
padding-bottom:0.2em;
padding-left:0.5em;
color:var(--white);
}

.nav-primary .oxy-mega-dropdown_flyout-icon{
font-size:20px;
}

.nav-primary .oxy-mega-dropdown_flyout .menu-item > a:hover{
color:var(--primary);
}

.nav-primary .oxy-mega-dropdown_container, .nav-primary .oxy-mega-dropdown_flyout .sub-menu{
background-color:var(--shade);
transition-duration:1000ms;
--dropdown-container-translatey:-100%;
--dropdown-container-scale:1;
}

.nav-primary .oxy-mega-dropdown_menu .current-menu-item > a{
color: var(--primary);
font-size: 14px;
}

.nav-primary .oxy-mega-dropdown_inner-open .oxy-mega-dropdown_container, .nav-primary .oxy-mega-dropdown_flyout .sub-menu{
transition-duration:1000ms;
}

.nav-primary .oxy-mega-dropdown_inner-open .oxy-mega-dropdown_content{
transition-duration:1000ms;
}

.nav-primary {
--megamenu-responsive-background:var(--shade);
}

.nav-primary .oxy-mega-dropdown{
                            position: relative;
                        }
.nav-primary .oxy-mega-dropdown_inner.oxy-header-container{
                           max-width: var(--global-dropdown-width);
                           width: var(--global-dropdown-width);
                        }
.nav-primary .oxy-mega-dropdown_inner{
                                transform: translateX(-50%);
                                left: 50%;
                        }
@media (max-width: 991px) {
.nav-primary {
}
.nav-primary .oxy-mega-dropdown_link, .nav-primary .oxy-mega-menu_inner > .ct-link-text{
padding-top:0px;
padding-bottom:0px;
margin-top:0.5em;
margin-bottom:0.5em;
color:var(--white);
}

.nav-primary .oxy-mega-dropdown_flyout .menu-item > a{
padding-left:0.5px;
}

}

.nav-primary__dropdown:hover{
 oxy-slide-menu_slug_oxyslidemenulistmenuitemacolor:var(--primary);
 oxy-slide-menu_slug_oxyslidemenulistcurrentmenuitemacolor:var(--primary);
}
.nav-primary__dropdown {
 width:180px;
}
.nav-primary__dropdown .oxy-slide-menu_dropdown-icon-click-area{
color:var(--white);
}

.nav-primary__dropdown .menu-item a{
                            justify-content: center;
                        }

            .features {
}
.features__container {
}
.features__card {
}
.features__card-image {
 object-fit:cover;
 object-position:center center;
 width:100%;
}
.features__card-heading:hover{
 color:var(--primary);
}
.features__card-heading {
 text-transform:uppercase;
cursor:pointer;
}
.features__card-text {
 margin-top:10px;
}
.pad--m {
}
.owl--s {
}
.products {
}
.products__containe {
}
.products__container {
 width:100%;
}
.products__card {
 overflow:hidden;
 border-radius:var(--radius-m) ;
}
.products__card-image {
 width:100%;
 object-fit:cover;
 object-position:center center;
 height:100%;
}
.products__card-image--wrapper {
 width:100%;
 position:relative;
}
.cta {
}
.cta__container {
}
.cta__card {
 gap:var(--space-s) ;
}
.cta__card:not(.ct-section):not(.oxy-easy-posts),
.cta__card.oxy-easy-posts .oxy-posts,
.cta__card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:var(--space-s)  ;
}
.cta__card-image {
 width:60px;
}
.cta__card-heading {
 font-family:Montserrat;
 font-size:22px;
 font-weight:700;
}
.cta__card-text:hover{
 color:var(--primary);
}
.cta__card-text {
 margin-top:10px;
 color:var(--shade);
}
.stretch {
}
.features__card-image--wrapper {
 width:60px;
 margin-bottom:var(--space-s) ;
}
.contact {
}
.services {
 background-color:#f6f6f6;
}
.services__container {
}
.services__repeater {
}
.services__repeater:not(.ct-section):not(.oxy-easy-posts),
.services__repeater.oxy-easy-posts .oxy-posts,
.services__repeater.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.services__card {
 width:100%;
 padding-top:var(--space-s) ;
 padding-right:var(--space-s) ;
 padding-bottom:var(--space-s) ;
 padding-left:var(--space-s) ;
 background-color:var(--white);
 border-radius:var(--radius-xs) ;
 border-top-color:#f9f9f9;
 border-right-color:#f9f9f9;
 border-bottom-color:#f9f9f9;
 border-left-color:#f9f9f9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);
}
.services__card-image {
 width:70px;
}
.services__card-heading:hover{
 color:var(--primary);
}
.services__card-heading {
cursor: pointer;
}
.services__card-text {
}
.services__card--inner {
 padding-left:var(--space-s) ;
}
.services__card-lede {
}
.services__card-image--wrapper {
}
.products__card-overlay {
}
.products__card-overlay--link:hover{
 color:#e2c9c9;
}
.products__card-overlay--link {
}
.section-overlay {
 background-color:rgba(0,0,0,0.4);
 width:100%;
 height:100%;
 position:absolute;
 top:0px;
 left:0px;
}
.sub-heading {
 font-size:var(--text-l) ;
 font-weight:500;
}
.gap--xl {
}
.info-image {
 width:50px;
 object-fit:cover;
 object-position:center center;
}
.owl--xs {
}
.info--container {
 width:100%;
 gap:15px;
 margin-bottom:10px;
}
.info--container:not(.ct-section):not(.oxy-easy-posts),
.info--container.oxy-easy-posts .oxy-posts,
.info--container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:15px;
}
.info__icon {
color: #2fe4ba;}.info__icon 
>svg {width: 17px;height: 17px;}.info__icon {
 margin-top:5px;
}
.info__text {
 font-weight:700;
 color:#818b9a;
}
.hero-section__image {
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center center;
 position:absolute;
 top:0px;
 left:0px;
 z-index:-1;
}
.product-detail {
}
.product-detail__image-wrapper {
}
.product-detail__image {
 width:100%;
 height:100%;
 object-fit:cover;
}
.product-detail__heading {
 color:#b8b8b8;
 margin-bottom:var(--space-xs) ;
}
.products__repeater {
}
.products__repeater:not(.ct-section):not(.oxy-easy-posts),
.products__repeater.oxy-easy-posts .oxy-posts,
.products__repeater.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(200px, 1fr));grid-column-gap: var(--space-m) ;grid-row-gap: var(--space-m) ;}
@media (max-width: 991px) {
.products__repeater {
}
.products__repeater:not(.ct-section):not(.oxy-easy-posts),
.products__repeater.oxy-easy-posts .oxy-posts,
.products__repeater.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) {
.products__repeater {
}
.products__repeater:not(.ct-section):not(.oxy-easy-posts),
.products__repeater.oxy-easy-posts .oxy-posts,
.products__repeater.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;}
}

.margin-bottom--s {
}
.margin-bottom--m {
}
.margin-bottom--l {
}
.hero-section__bg-image {
background-image:url(http://masabusiness.com/wp/wp-content/uploads/2023/04/WhatsApp-Image-2020-03-19-at-10.54.10-PM.jpeg);background-size: cover; background-repeat:no-repeat;
 background-attachment:fixed;
}
.product-detail__desc {
 color:#b8b8b8;
 font-size:14px;
 line-height:1.8;
}
.product-detail__sticky {
}
.nav-link:before{
 content:"HOME";
 padding-left:var(--space-s) ;
 position:absolute;
 top:100%;
 left:5px;
 overflow:hidden;
}
.nav-link:not(.ct-section):not(.oxy-easy-posts):before,
.nav-link.oxy-easy-posts .oxy-posts:before,
.nav-link.ct-section .ct-section-inner-wrap:before{
display:none;
}
.nav-link {
 position:relative;
}
.nav-link .oxy-mega-dropdown_icon{
font-size:14px;
margin-top:5px;
margin-left:5px;
}

.features__card-wrapper {
 width:100%;
 height:100%;
 padding-top:var(--space-m) ;
 padding-right:var(--space-m) ;
 padding-bottom:var(--space-m) ;
 padding-left:var(--space-m) ;
}
.nav-link__drop-down:before{
 content:"HOME";
 padding-left:var(--space-s) ;
 position:absolute;
 top:100%;
 left:5px;
 overflow:hidden;
}
.nav-link__drop-down:not(.ct-section):not(.oxy-easy-posts):before,
.nav-link__drop-down.oxy-easy-posts .oxy-posts:before,
.nav-link__drop-down.ct-section .ct-section-inner-wrap:before{
display:none;
}
.nav-link__drop-down {
 position:relative;
}
.nav-link__drop-down .oxy-mega-dropdown_icon{
font-size:10px;
margin-top:5px;
margin-left:5px;
}

.header-logo {
 font-family:'Merriweather';
 font-size:var(--text-xxl) ;
}
.order--first-l {
}
@charset "UTF-8";
html {
  font-size: 62.5% !important;
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 0;
}
@media (max-width: 991px) {
  [id] {
    scroll-margin-top: 0;
  }
}
@media (max-width: 767px) {
  [id] {
    scroll-margin-top: 0;
  }
}
@media (max-width: 479px) {
  [id] {
    scroll-margin-top: 0;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  min-height: 100vh;
}

img,
picture {
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
*::before,
*::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
*:focus,
button:focus {
  outline-style: solid;
  outline-color: var(--primary);
  outline-width: 0.2rem;
  outline-offset: 0.25em;
}

*:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
}

/*Disables focus on finger touch for mobile devices*/
:focus:not(:focus-visible) {
  outline: none;
}

*:focus.focus--action {
  outline-color: var(--action);
}

.focus--action *:focus {
  outline-color: var(--action);
}

*:focus.focus--primary {
  outline-color: var(--primary);
}

.focus--primary *:focus {
  outline-color: var(--primary);
}

*:focus.focus--secondary {
  outline-color: var(--secondary);
}

.focus--secondary *:focus {
  outline-color: var(--secondary);
}

*:focus.focus--accent {
  outline-color: var(--accent);
}

.focus--accent *:focus {
  outline-color: var(--accent);
}

*:focus.focus--base {
  outline-color: var(--base);
}

.focus--base *:focus {
  outline-color: var(--base);
}

*:focus.focus--shade {
  outline-color: var(--shade);
}

.focus--shade *:focus {
  outline-color: var(--shade);
}

*:focus.focus--black {
  outline-color: #000;
}

.focus--black *:focus {
  outline-color: #000;
}

*:focus.focus--white {
  outline-color: #fff;
}

.focus--white *:focus {
  outline-color: #fff;
}

.hidden-accessible {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
}

.link--skip {
  position: absolute;
  top: 1rem;
  left: 1rem;
  transform: translateY(-250%);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  background: var(--primary);
  color: var(--primary-ultra-light);
}

.link--skip:focus {
  transform: translateY(0);
}

.clickable-parent {
  position: static;
}
.clickable-parent a {
  position: static;
}
.clickable-parent > a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer !important;
  display: flex;
}

:root {
  --action: #e56c70;
  --action-hover: hsl(358deg, 70%, 75.9%);
  --action-ultra-light: hsl(358deg, 70%, 95%);
  --action-light: hsl(358deg, 70%, 85%);
  --action-medium: hsl(358deg, 70%, 50%);
  --action-dark: hsl(358deg, 70%, 25%);
  --action-ultra-dark: hsl(358deg, 70%, 10%);
  --action-comp: hsl(178deg, 70%, 66%);
  --primary: #87c818;
  --primary-hover: hsl(358deg, 70%, 75.9%);
  --primary-ultra-light: hsl(358deg, 70%, 95%);
  --primary-light: hsl(358deg, 70%, 85%);
  --primary-medium: hsl(358deg, 70%, 50%);
  --primary-dark: hsl(358deg, 70%, 25%);
  --primary-ultra-dark: hsl(358deg, 70%, 10%);
  --primary-comp: hsl(178deg, 70%, 66%);
  --secondary: #04448e;
  --secondary-hover: hsl(358deg, 16%, 75.9%);
  --secondary-ultra-light: hsl(358deg, 16%, 95%);
  --secondary-light: hsl(358deg, 16%, 85%);
  --secondary-medium: hsl(358deg, 16%, 50%);
  --secondary-dark: hsl(358deg, 16%, 25%);
  --secondary-ultra-dark: hsl(358deg, 16%, 10%);
  --secondary-comp: hsl(178deg, 70%, 66%);
  --accent: #eaac8b;
  --accent-hover: hsl(358deg, 69%, 75.9%);
  --accent-ultra-light: hsl(358deg, 69%, 95%);
  --accent-light: hsl(358deg, 69%, 85%);
  --accent-medium: hsl(358deg, 69%, 50%);
  --accent-dark: hsl(358deg, 69%, 25%);
  --accent-ultra-dark: hsl(358deg, 69%, 10%);
  --accent-comp: hsl(178deg, 70%, 66%);
  --base: #344f6f;
  --base-hover: hsl(358deg, 36%, 75.9%);
  --base-ultra-light: hsl(358deg, 36%, 95%);
  --base-light: hsl(358deg, 36%, 85%);
  --base-medium: hsl(358deg, 36%, 50%);
  --base-dark: hsl(358deg, 36%, 25%);
  --base-ultra-dark: hsl(358deg, 36%, 10%);
  --base-comp: hsl(178deg, 70%, 66%);
  --white: #fff;
  --black: #000;
  --shade: #000000;
  --shade-hover: hsl(0deg, 0%, 0%);
  --shade-ultra-light: hsl(0deg, 0%, 95%);
  --shade-light: hsl(0deg, 0%, 85%);
  --shade-medium: hsl(0deg, 0%, 50%);
  --shade-dark: hsl(0deg, 0%, 25%);
  --shade-ultra-dark: hsl(0deg, 0%, 10%);
  --shade-comp: hsl(180deg, 0%, 0%);
  --action-trans-10: hsla(358deg, 70%, 66%, 0.1);
  --action-trans-20: hsla(358deg, 70%, 66%, 0.2);
  --action-trans-40: hsla(358deg, 70%, 66%, 0.4);
  --action-trans-60: hsla(358deg, 70%, 66%, 0.6);
  --action-trans-80: hsla(358deg, 70%, 66%, 0.8);
  --action-trans-90: hsla(358deg, 70%, 66%, 0.9);
  --action-ultra-dark-trans-10: hsla(358deg, 70%, 10%, 0.1);
  --action-ultra-dark-trans-20: hsla(358deg, 70%, 10%, 0.2);
  --action-ultra-dark-trans-40: hsla(358deg, 70%, 10%, 0.4);
  --action-ultra-dark-trans-60: hsla(358deg, 70%, 10%, 0.6);
  --action-ultra-dark-trans-80: hsla(358deg, 70%, 10%, 0.8);
  --action-ultra-dark-trans-90: hsla(358deg, 70%, 10%, 0.9);
  --action-light-trans-10: hsla(358deg, 70%, 85%, 0.1);
  --action-light-trans-20: hsla(358deg, 70%, 85%, 0.2);
  --action-light-trans-40: hsla(358deg, 70%, 85%, 0.4);
  --action-light-trans-60: hsla(358deg, 70%, 85%, 0.6);
  --action-light-trans-80: hsla(358deg, 70%, 85%, 0.8);
  --action-light-trans-90: hsla(358deg, 70%, 85%, 0.9);
  --primary-trans-10: hsla(358deg, 70%, 66%, 0.1);
  --primary-trans-20: hsla(358deg, 70%, 66%, 0.2);
  --primary-trans-40: hsla(358deg, 70%, 66%, 0.4);
  --primary-trans-60: hsla(358deg, 70%, 66%, 0.6);
  --primary-trans-80: hsla(358deg, 70%, 66%, 0.8);
  --primary-trans-90: hsla(358deg, 70%, 66%, 0.9);
  --primary-ultra-dark-trans-10: hsla(358deg, 70%, 10%, 0.1);
  --primary-ultra-dark-trans-20: hsla(358deg, 70%, 10%, 0.2);
  --primary-ultra-dark-trans-40: hsla(358deg, 70%, 10%, 0.4);
  --primary-ultra-dark-trans-60: hsla(358deg, 70%, 10%, 0.6);
  --primary-ultra-dark-trans-80: hsla(358deg, 70%, 10%, 0.8);
  --primary-ultra-dark-trans-90: hsla(358deg, 70%, 10%, 0.9);
  --primary-light-trans-10: hsla(358deg, 70%, 85%, 0.1);
  --primary-light-trans-20: hsla(358deg, 70%, 85%, 0.2);
  --primary-light-trans-40: hsla(358deg, 70%, 85%, 0.4);
  --primary-light-trans-60: hsla(358deg, 70%, 85%, 0.6);
  --primary-light-trans-80: hsla(358deg, 70%, 85%, 0.8);
  --primary-light-trans-90: hsla(358deg, 70%, 85%, 0.9);
  --secondary-trans-10: hsla(358deg, 70%, 66%, 0.1);
  --secondary-trans-20: hsla(358deg, 70%, 66%, 0.2);
  --secondary-trans-40: hsla(358deg, 70%, 66%, 0.4);
  --secondary-trans-60: hsla(358deg, 70%, 66%, 0.6);
  --secondary-trans-80: hsla(358deg, 70%, 66%, 0.8);
  --secondary-trans-90: hsla(358deg, 70%, 66%, 0.9);
  --secondary-ultra-dark-trans-10: hsla(358deg, 16%, 10%, 0.1);
  --secondary-ultra-dark-trans-20: hsla(358deg, 16%, 10%, 0.2);
  --secondary-ultra-dark-trans-40: hsla(358deg, 16%, 10%, 0.4);
  --secondary-ultra-dark-trans-60: hsla(358deg, 16%, 10%, 0.6);
  --secondary-ultra-dark-trans-80: hsla(358deg, 16%, 10%, 0.8);
  --secondary-ultra-dark-trans-90: hsla(358deg, 16%, 10%, 0.9);
  --secondary-light-trans-10: hsla(358deg, 16%, 85%, 0.1);
  --secondary-light-trans-20: hsla(358deg, 16%, 85%, 0.2);
  --secondary-light-trans-40: hsla(358deg, 16%, 85%, 0.4);
  --secondary-light-trans-60: hsla(358deg, 16%, 85%, 0.6);
  --secondary-light-trans-80: hsla(358deg, 16%, 85%, 0.8);
  --secondary-light-trans-90: hsla(358deg, 16%, 85%, 0.9);
  --accent-trans-10: hsla(358deg, 70%, 66%, 0.1);
  --accent-trans-20: hsla(358deg, 70%, 66%, 0.2);
  --accent-trans-40: hsla(358deg, 70%, 66%, 0.4);
  --accent-trans-60: hsla(358deg, 70%, 66%, 0.6);
  --accent-trans-80: hsla(358deg, 70%, 66%, 0.8);
  --accent-trans-90: hsla(358deg, 70%, 66%, 0.9);
  --accent-ultra-dark-trans-10: hsla(358deg, 69%, 10%, 0.1);
  --accent-ultra-dark-trans-20: hsla(358deg, 69%, 10%, 0.2);
  --accent-ultra-dark-trans-40: hsla(358deg, 69%, 10%, 0.4);
  --accent-ultra-dark-trans-60: hsla(358deg, 69%, 10%, 0.6);
  --accent-ultra-dark-trans-80: hsla(358deg, 69%, 10%, 0.8);
  --accent-ultra-dark-trans-90: hsla(358deg, 69%, 10%, 0.9);
  --accent-light-trans-10: hsla(358deg, 69%, 85%, 0.1);
  --accent-light-trans-20: hsla(358deg, 69%, 85%, 0.2);
  --accent-light-trans-40: hsla(358deg, 69%, 85%, 0.4);
  --accent-light-trans-60: hsla(358deg, 69%, 85%, 0.6);
  --accent-light-trans-80: hsla(358deg, 69%, 85%, 0.8);
  --accent-light-trans-90: hsla(358deg, 69%, 85%, 0.9);
  --base-trans-10: hsla(358deg, 70%, 66%, 0.1);
  --base-trans-20: hsla(358deg, 70%, 66%, 0.2);
  --base-trans-40: hsla(358deg, 70%, 66%, 0.4);
  --base-trans-60: hsla(358deg, 70%, 66%, 0.6);
  --base-trans-80: hsla(358deg, 70%, 66%, 0.8);
  --base-trans-90: hsla(358deg, 70%, 66%, 0.9);
  --base-ultra-dark-trans-10: hsla(358deg, 36%, 10%, 0.1);
  --base-ultra-dark-trans-20: hsla(358deg, 36%, 10%, 0.2);
  --base-ultra-dark-trans-40: hsla(358deg, 36%, 10%, 0.4);
  --base-ultra-dark-trans-60: hsla(358deg, 36%, 10%, 0.6);
  --base-ultra-dark-trans-80: hsla(358deg, 36%, 10%, 0.8);
  --base-ultra-dark-trans-90: hsla(358deg, 36%, 10%, 0.9);
  --base-light-trans-10: hsla(358deg, 36%, 85%, 0.1);
  --base-light-trans-20: hsla(358deg, 36%, 85%, 0.2);
  --base-light-trans-40: hsla(358deg, 36%, 85%, 0.4);
  --base-light-trans-60: hsla(358deg, 36%, 85%, 0.6);
  --base-light-trans-80: hsla(358deg, 36%, 85%, 0.8);
  --base-light-trans-90: hsla(358deg, 36%, 85%, 0.9);
  --white-trans-10: hsla(0deg, 0%, 100%, 0.1);
  --white-trans-20: hsla(0deg, 0%, 100%, 0.2);
  --white-trans-40: hsla(0deg, 0%, 100%, 0.4);
  --white-trans-60: hsla(0deg, 0%, 100%, 0.6);
  --white-trans-80: hsla(0deg, 0%, 100%, 0.8);
  --white-trans-90: hsla(0deg, 0%, 100%, 0.9);
  --black-trans-10: hsla(0deg, 0%, 0%, 0.1);
  --black-trans-20: hsla(0deg, 0%, 0%, 0.2);
  --black-trans-40: hsla(0deg, 0%, 0%, 0.4);
  --black-trans-60: hsla(0deg, 0%, 0%, 0.6);
  --black-trans-80: hsla(0deg, 0%, 0%, 0.8);
  --black-trans-90: hsla(0deg, 0%, 0%, 0.9);
  --shade-trans-10: hsla(0deg, 0%, 0%, 0.1);
  --shade-trans-20: hsla(0deg, 0%, 0%, 0.2);
  --shade-trans-40: hsla(0deg, 0%, 0%, 0.4);
  --shade-trans-60: hsla(0deg, 0%, 0%, 0.6);
  --shade-trans-80: hsla(0deg, 0%, 0%, 0.8);
  --shade-trans-90: hsla(0deg, 0%, 0%, 0.9);
  --shade-ultra-dark-trans-10: hsla(0deg, 0%, 10%, 0.1);
  --shade-ultra-dark-trans-20: hsla(0deg, 0%, 10%, 0.2);
  --shade-ultra-dark-trans-40: hsla(0deg, 0%, 10%, 0.4);
  --shade-ultra-dark-trans-60: hsla(0deg, 0%, 10%, 0.6);
  --shade-ultra-dark-trans-80: hsla(0deg, 0%, 10%, 0.8);
  --shade-ultra-dark-trans-90: hsla(0deg, 0%, 10%, 0.9);
  --shade-light-trans-10: hsla(0deg, 0%, 85%, 0.1);
  --shade-light-trans-20: hsla(0deg, 0%, 85%, 0.2);
  --shade-light-trans-40: hsla(0deg, 0%, 85%, 0.4);
  --shade-light-trans-60: hsla(0deg, 0%, 85%, 0.6);
  --shade-light-trans-80: hsla(0deg, 0%, 85%, 0.8);
  --shade-light-trans-90: hsla(0deg, 0%, 85%, 0.9);
  --shade-white: #fff;
  --shade-black: #000;
  --text-xs: 1.26rem;
  --text-s: 1.42rem;
  --text-m: 1.8rem;
  --text-l: 2.025rem;
  --text-xl: 2.28rem;
  --text-xxl: 2.565rem;
  --h6: 1.26rem;
  --h5: 1.42rem;
  --h4: 1.8rem;
  --h3: 2.025rem;
  --h2: 2.28rem;
  --h1: 2.565rem;
  --space-xs: 1.896rem;
  --space-s: 2.133rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3.038rem;
  --space-xxl: 3.42rem;
  --section-space-xs: 3.84rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.375rem;
  --section-space-xxl: 11.719rem;
  --width-xs: calc((128 * 0.1) * 1rem);
  --width-s: calc((128 * 0.2) * 1rem);
  --width-m: calc((128 * 0.4) * 1rem);
  --width-l: calc((128 * 0.6) * 1rem);
  --width-xl: calc((128 * 0.8) * 1rem);
  --width-xxl: calc((128 * 0.9) * 1rem);
  --width-vp-max: 128rem;
  --width-50: calc((128 / 2) * 1rem);
  --width-full: 100%;
  --radius-xs: 0.4444444444rem;
  --radius-s: 0.6666666667rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;
  --radius-xl: 2.25rem;
  --radius-xxl: 3.375rem;
  --radius-50: 50%;
  --radius-circle: 50%;
  --section-padding-x: 2.4rem;
  --section-gutter: 2.4rem;
  --btn-border-size: 0.25rem;
  --outline-btn-border-size: 0.25rem;
  --btn-pad-y: 1em;
  --btn-pad-x: 1.5em;
  --btn-radius: 0.5em;
  --btn-text-transform: none;
  --btn-text-style: normal;
  --btn-letter-spacing: 0;
  --btn-line-height: 1.2;
  --btn-text-decoration: none;
  --btn-weight: 400;
  --btn-width: 20;
  --primary-h: 358;
  --primary-s: 70%;
  --primary-l: 66%;
  --secondary-h: 358;
  --secondary-s: 70%;
  --secondary-l: 66%;
  --accent-h: 358;
  --accent-s: 70%;
  --accent-l: 66%;
  --base-h: 358;
  --base-s: 70%;
  --base-l: 66%;
  --shade-h: 0;
  --shade-s: 0%;
  --shade-l: 0%;
  --header-height: 0;
  --offset: 0;
}

@media (max-width: 991px) {
  :root {
    --header-height-l: 0;
    --offset-l: 0;
  }
}
@media (max-width: 767px) {
  :root {
    --header-height-m: 0;
    --offset-m: 0;
  }
}
@media (max-width: 479px) {
  :root {
    --header-height-s: 0;
    --offset-s: 0;
  }
}
body {
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
  line-height: 1.6;
}

body a {
  color: var(--primary);
  font-weight: 400;
}
body a:hover {
  color: var(--secondary);
}

h1 {
  font-size: 2.565rem;
  font-size: calc(
    2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
  line-height: 1.2;
  max-width: 45ch;
}

h2 {
  font-size: 2.28rem;
  font-size: calc(
    2.304rem + (0.8944002 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
  line-height: 1.2;
  max-width: 45ch;
}

h3 {
  font-size: 2.025rem;
  font-size: calc(
    1.92rem + (0.4794 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
  line-height: 1.2;
  max-width: 45ch;
}

h4 {
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
  line-height: 1.2;
  max-width: 45ch;
}

h5 {
  font-size: 1.42rem;
  font-size: calc(
    1.200300075rem + (0.1500375094 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.200300075rem, calc(0.1562890723vw + 1.1502875719rem), 1.3503375844rem);
  line-height: 1.2;
  max-width: 45ch;
}

h6 {
  font-size: 1.26rem;
  font-size: calc(
    0.9004501688rem + (0.1125562711 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(0.9004501688rem, calc(0.1172461157vw + 0.8629314118rem), 1.0130064399rem);
  line-height: 1.2;
  max-width: 45ch;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
  text-decoration: inherit;
  color: currentcolor;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: currentcolor;
}

p {
  max-width: 75ch;
}

body p {
  margin: 0 0 0 0;
}
body .brxe-text * + :is(h1, h2, h3, h4, h5, h6),
body .brxe-post-content * + :is(h1, h2, h3, h4, h5, h6),
body .oxy-rich-text * + :is(h1, h2, h3, h4, h5, h6),
body .oxy-stock-content-styles * + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 1.5em;
}
body .brxe-text * + p,
body .brxe-post-content * + p,
body .oxy-rich-text * + p,
body .oxy-stock-content-styles * + p {
  margin-top: 1em;
}
body .brxe-text * + ul,
body .brxe-text * + ol,
body .brxe-post-content * + ul,
body .brxe-post-content * + ol,
body .oxy-rich-text * + ul,
body .oxy-rich-text * + ol,
body .oxy-stock-content-styles * + ul,
body .oxy-stock-content-styles * + ol {
  margin-top: 1em;
}
body p:last-of-type + h1,
body p:last-of-type + h2,
body p:last-of-type + h3,
body p:last-of-type + h4,
body p:last-of-type + h5,
body p:last-of-type + h6 {
  margin-top: 1.5em;
}
body p:only-of-type + h1,
body p:only-of-type + h2,
body p:only-of-type + h3,
body p:only-of-type + h4,
body p:only-of-type + h5,
body p:only-of-type + h6 {
  margin-top: unset;
}

.section__inner {
  padding: 2.4rem 2.4rem;
  padding: calc(
    7.2rem + (4.8 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  max-width: 128rem;
  margin: 0 auto;
}

.bg--action {
  background-color: #e56c70;
}

.bg--action-hover {
  background-color: hsl(358deg, 70%, 75.9%);
}

.bg--action-ultra-light {
  background-color: hsl(358deg, 70%, 95%);
}

.bg--action-light {
  background-color: hsl(358deg, 70%, 85%);
}

.bg--action-medium {
  background-color: hsl(358deg, 70%, 50%);
}

.bg--action-dark {
  background-color: hsl(358deg, 70%, 25%);
}

.bg--action-ultra-dark {
  background-color: hsl(358deg, 70%, 10%);
}

.bg--action-comp {
  background-color: hsl(178deg, 70%, 66%);
}

.bg--primary {
  background-color: #87c818;
}

.bg--primary-hover {
  background-color: hsl(358deg, 70%, 75.9%);
}

.bg--primary-ultra-light {
  background-color: hsl(358deg, 70%, 95%);
}

.bg--primary-light {
  background-color: hsl(358deg, 70%, 85%);
}

.bg--primary-medium {
  background-color: hsl(358deg, 70%, 50%);
}

.bg--primary-dark {
  background-color: hsl(358deg, 70%, 25%);
}

.bg--primary-ultra-dark {
  background-color: hsl(358deg, 70%, 10%);
}

.bg--primary-comp {
  background-color: hsl(178deg, 70%, 66%);
}

.bg--secondary {
  background-color: #04448e;
}

.bg--secondary-hover {
  background-color: hsl(358deg, 16%, 75.9%);
}

.bg--secondary-ultra-light {
  background-color: hsl(358deg, 16%, 95%);
}

.bg--secondary-light {
  background-color: hsl(358deg, 16%, 85%);
}

.bg--secondary-medium {
  background-color: hsl(358deg, 16%, 50%);
}

.bg--secondary-dark {
  background-color: hsl(358deg, 16%, 25%);
}

.bg--secondary-ultra-dark {
  background-color: hsl(358deg, 16%, 10%);
}

.bg--secondary-comp {
  background-color: hsl(178deg, 70%, 66%);
}

.bg--accent {
  background-color: #eaac8b;
}

.bg--accent-hover {
  background-color: hsl(358deg, 69%, 75.9%);
}

.bg--accent-ultra-light {
  background-color: hsl(358deg, 69%, 95%);
}

.bg--accent-light {
  background-color: hsl(358deg, 69%, 85%);
}

.bg--accent-medium {
  background-color: hsl(358deg, 69%, 50%);
}

.bg--accent-dark {
  background-color: hsl(358deg, 69%, 25%);
}

.bg--accent-ultra-dark {
  background-color: hsl(358deg, 69%, 10%);
}

.bg--accent-comp {
  background-color: hsl(178deg, 70%, 66%);
}

.bg--base {
  background-color: #344f6f;
}

.bg--base-hover {
  background-color: hsl(358deg, 36%, 75.9%);
}

.bg--base-ultra-light {
  background-color: hsl(358deg, 36%, 95%);
}

.bg--base-light {
  background-color: hsl(358deg, 36%, 85%);
}

.bg--base-medium {
  background-color: hsl(358deg, 36%, 50%);
}

.bg--base-dark {
  background-color: hsl(358deg, 36%, 25%);
}

.bg--base-ultra-dark {
  background-color: hsl(358deg, 36%, 10%);
}

.bg--base-comp {
  background-color: hsl(178deg, 70%, 66%);
}

.bg--white {
  background-color: #fff;
}

.bg--black {
  background-color: #000;
}

.bg--shade {
  background-color: #000000;
}

.bg--shade-hover {
  background-color: hsl(0deg, 0%, 0%);
}

.bg--shade-ultra-light {
  background-color: hsl(0deg, 0%, 95%);
}

.bg--shade-light {
  background-color: hsl(0deg, 0%, 85%);
}

.bg--shade-medium {
  background-color: hsl(0deg, 0%, 50%);
}

.bg--shade-dark {
  background-color: hsl(0deg, 0%, 25%);
}

.bg--shade-ultra-dark {
  background-color: hsl(0deg, 0%, 10%);
}

.bg--shade-comp {
  background-color: hsl(180deg, 0%, 0%);
}

.bg--action-trans-10 {
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.bg--action-trans-20 {
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.bg--action-trans-40 {
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.bg--action-trans-60 {
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.bg--action-trans-80 {
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.bg--action-trans-90 {
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.bg--action-ultra-dark-trans-10 {
  background-color: hsla(358deg, 70%, 10%, 0.1);
}

.bg--action-ultra-dark-trans-20 {
  background-color: hsla(358deg, 70%, 10%, 0.2);
}

.bg--action-ultra-dark-trans-40 {
  background-color: hsla(358deg, 70%, 10%, 0.4);
}

.bg--action-ultra-dark-trans-60 {
  background-color: hsla(358deg, 70%, 10%, 0.6);
}

.bg--action-ultra-dark-trans-80 {
  background-color: hsla(358deg, 70%, 10%, 0.8);
}

.bg--action-ultra-dark-trans-90 {
  background-color: hsla(358deg, 70%, 10%, 0.9);
}

.bg--action-light-trans-10 {
  background-color: hsla(358deg, 70%, 85%, 0.1);
}

.bg--action-light-trans-20 {
  background-color: hsla(358deg, 70%, 85%, 0.2);
}

.bg--action-light-trans-40 {
  background-color: hsla(358deg, 70%, 85%, 0.4);
}

.bg--action-light-trans-60 {
  background-color: hsla(358deg, 70%, 85%, 0.6);
}

.bg--action-light-trans-80 {
  background-color: hsla(358deg, 70%, 85%, 0.8);
}

.bg--action-light-trans-90 {
  background-color: hsla(358deg, 70%, 85%, 0.9);
}

.bg--primary-trans-10 {
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.bg--primary-trans-20 {
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.bg--primary-trans-40 {
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.bg--primary-trans-60 {
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.bg--primary-trans-80 {
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.bg--primary-trans-90 {
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.bg--primary-ultra-dark-trans-10 {
  background-color: hsla(358deg, 70%, 10%, 0.1);
}

.bg--primary-ultra-dark-trans-20 {
  background-color: hsla(358deg, 70%, 10%, 0.2);
}

.bg--primary-ultra-dark-trans-40 {
  background-color: hsla(358deg, 70%, 10%, 0.4);
}

.bg--primary-ultra-dark-trans-60 {
  background-color: hsla(358deg, 70%, 10%, 0.6);
}

.bg--primary-ultra-dark-trans-80 {
  background-color: hsla(358deg, 70%, 10%, 0.8);
}

.bg--primary-ultra-dark-trans-90 {
  background-color: hsla(358deg, 70%, 10%, 0.9);
}

.bg--primary-light-trans-10 {
  background-color: hsla(358deg, 70%, 85%, 0.1);
}

.bg--primary-light-trans-20 {
  background-color: hsla(358deg, 70%, 85%, 0.2);
}

.bg--primary-light-trans-40 {
  background-color: hsla(358deg, 70%, 85%, 0.4);
}

.bg--primary-light-trans-60 {
  background-color: hsla(358deg, 70%, 85%, 0.6);
}

.bg--primary-light-trans-80 {
  background-color: hsla(358deg, 70%, 85%, 0.8);
}

.bg--primary-light-trans-90 {
  background-color: hsla(358deg, 70%, 85%, 0.9);
}

.bg--secondary-trans-10 {
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.bg--secondary-trans-20 {
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.bg--secondary-trans-40 {
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.bg--secondary-trans-60 {
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.bg--secondary-trans-80 {
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.bg--secondary-trans-90 {
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.bg--secondary-ultra-dark-trans-10 {
  background-color: hsla(358deg, 16%, 10%, 0.1);
}

.bg--secondary-ultra-dark-trans-20 {
  background-color: hsla(358deg, 16%, 10%, 0.2);
}

.bg--secondary-ultra-dark-trans-40 {
  background-color: hsla(358deg, 16%, 10%, 0.4);
}

.bg--secondary-ultra-dark-trans-60 {
  background-color: hsla(358deg, 16%, 10%, 0.6);
}

.bg--secondary-ultra-dark-trans-80 {
  background-color: hsla(358deg, 16%, 10%, 0.8);
}

.bg--secondary-ultra-dark-trans-90 {
  background-color: hsla(358deg, 16%, 10%, 0.9);
}

.bg--secondary-light-trans-10 {
  background-color: hsla(358deg, 16%, 85%, 0.1);
}

.bg--secondary-light-trans-20 {
  background-color: hsla(358deg, 16%, 85%, 0.2);
}

.bg--secondary-light-trans-40 {
  background-color: hsla(358deg, 16%, 85%, 0.4);
}

.bg--secondary-light-trans-60 {
  background-color: hsla(358deg, 16%, 85%, 0.6);
}

.bg--secondary-light-trans-80 {
  background-color: hsla(358deg, 16%, 85%, 0.8);
}

.bg--secondary-light-trans-90 {
  background-color: hsla(358deg, 16%, 85%, 0.9);
}

.bg--accent-trans-10 {
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.bg--accent-trans-20 {
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.bg--accent-trans-40 {
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.bg--accent-trans-60 {
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.bg--accent-trans-80 {
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.bg--accent-trans-90 {
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.bg--accent-ultra-dark-trans-10 {
  background-color: hsla(358deg, 69%, 10%, 0.1);
}

.bg--accent-ultra-dark-trans-20 {
  background-color: hsla(358deg, 69%, 10%, 0.2);
}

.bg--accent-ultra-dark-trans-40 {
  background-color: hsla(358deg, 69%, 10%, 0.4);
}

.bg--accent-ultra-dark-trans-60 {
  background-color: hsla(358deg, 69%, 10%, 0.6);
}

.bg--accent-ultra-dark-trans-80 {
  background-color: hsla(358deg, 69%, 10%, 0.8);
}

.bg--accent-ultra-dark-trans-90 {
  background-color: hsla(358deg, 69%, 10%, 0.9);
}

.bg--accent-light-trans-10 {
  background-color: hsla(358deg, 69%, 85%, 0.1);
}

.bg--accent-light-trans-20 {
  background-color: hsla(358deg, 69%, 85%, 0.2);
}

.bg--accent-light-trans-40 {
  background-color: hsla(358deg, 69%, 85%, 0.4);
}

.bg--accent-light-trans-60 {
  background-color: hsla(358deg, 69%, 85%, 0.6);
}

.bg--accent-light-trans-80 {
  background-color: hsla(358deg, 69%, 85%, 0.8);
}

.bg--accent-light-trans-90 {
  background-color: hsla(358deg, 69%, 85%, 0.9);
}

.bg--base-trans-10 {
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.bg--base-trans-20 {
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.bg--base-trans-40 {
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.bg--base-trans-60 {
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.bg--base-trans-80 {
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.bg--base-trans-90 {
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.bg--base-ultra-dark-trans-10 {
  background-color: hsla(358deg, 36%, 10%, 0.1);
}

.bg--base-ultra-dark-trans-20 {
  background-color: hsla(358deg, 36%, 10%, 0.2);
}

.bg--base-ultra-dark-trans-40 {
  background-color: hsla(358deg, 36%, 10%, 0.4);
}

.bg--base-ultra-dark-trans-60 {
  background-color: hsla(358deg, 36%, 10%, 0.6);
}

.bg--base-ultra-dark-trans-80 {
  background-color: hsla(358deg, 36%, 10%, 0.8);
}

.bg--base-ultra-dark-trans-90 {
  background-color: hsla(358deg, 36%, 10%, 0.9);
}

.bg--base-light-trans-10 {
  background-color: hsla(358deg, 36%, 85%, 0.1);
}

.bg--base-light-trans-20 {
  background-color: hsla(358deg, 36%, 85%, 0.2);
}

.bg--base-light-trans-40 {
  background-color: hsla(358deg, 36%, 85%, 0.4);
}

.bg--base-light-trans-60 {
  background-color: hsla(358deg, 36%, 85%, 0.6);
}

.bg--base-light-trans-80 {
  background-color: hsla(358deg, 36%, 85%, 0.8);
}

.bg--base-light-trans-90 {
  background-color: hsla(358deg, 36%, 85%, 0.9);
}

.bg--white-trans-10 {
  background-color: hsla(0deg, 0%, 100%, 0.1);
}

.bg--white-trans-20 {
  background-color: hsla(0deg, 0%, 100%, 0.2);
}

.bg--white-trans-40 {
  background-color: hsla(0deg, 0%, 100%, 0.4);
}

.bg--white-trans-60 {
  background-color: hsla(0deg, 0%, 100%, 0.6);
}

.bg--white-trans-80 {
  background-color: hsla(0deg, 0%, 100%, 0.8);
}

.bg--white-trans-90 {
  background-color: hsla(0deg, 0%, 100%, 0.9);
}

.bg--black-trans-10 {
  background-color: hsla(0deg, 0%, 0%, 0.1);
}

.bg--black-trans-20 {
  background-color: hsla(0deg, 0%, 0%, 0.2);
}

.bg--black-trans-40 {
  background-color: hsla(0deg, 0%, 0%, 0.4);
}

.bg--black-trans-60 {
  background-color: hsla(0deg, 0%, 0%, 0.6);
}

.bg--black-trans-80 {
  background-color: hsla(0deg, 0%, 0%, 0.8);
}

.bg--black-trans-90 {
  background-color: hsla(0deg, 0%, 0%, 0.9);
}

.bg--shade-trans-10 {
  background-color: hsla(0deg, 0%, 0%, 0.1);
}

.bg--shade-trans-20 {
  background-color: hsla(0deg, 0%, 0%, 0.2);
}

.bg--shade-trans-40 {
  background-color: hsla(0deg, 0%, 0%, 0.4);
}

.bg--shade-trans-60 {
  background-color: hsla(0deg, 0%, 0%, 0.6);
}

.bg--shade-trans-80 {
  background-color: hsla(0deg, 0%, 0%, 0.8);
}

.bg--shade-trans-90 {
  background-color: hsla(0deg, 0%, 0%, 0.9);
}

.bg--shade-ultra-dark-trans-10 {
  background-color: hsla(0deg, 0%, 10%, 0.1);
}

.bg--shade-ultra-dark-trans-20 {
  background-color: hsla(0deg, 0%, 10%, 0.2);
}

.bg--shade-ultra-dark-trans-40 {
  background-color: hsla(0deg, 0%, 10%, 0.4);
}

.bg--shade-ultra-dark-trans-60 {
  background-color: hsla(0deg, 0%, 10%, 0.6);
}

.bg--shade-ultra-dark-trans-80 {
  background-color: hsla(0deg, 0%, 10%, 0.8);
}

.bg--shade-ultra-dark-trans-90 {
  background-color: hsla(0deg, 0%, 10%, 0.9);
}

.bg--shade-light-trans-10 {
  background-color: hsla(0deg, 0%, 85%, 0.1);
}

.bg--shade-light-trans-20 {
  background-color: hsla(0deg, 0%, 85%, 0.2);
}

.bg--shade-light-trans-40 {
  background-color: hsla(0deg, 0%, 85%, 0.4);
}

.bg--shade-light-trans-60 {
  background-color: hsla(0deg, 0%, 85%, 0.6);
}

.bg--shade-light-trans-80 {
  background-color: hsla(0deg, 0%, 85%, 0.8);
}

.bg--shade-light-trans-90 {
  background-color: hsla(0deg, 0%, 85%, 0.9);
}

.btn--action {
  background-color: var(--action);
  color: var(--action-ultra-light);
  border-style: solid;
  border-color: var(--action);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.btn--action:hover {
  background-color: var(--action-hover);
  color: var(--action-ultra-light);
  border-color: var(--action-hover);
  cursor: pointer;
}

.btn--action.btn--outline {
  background-color: transparent;
  border-style: solid;
  color: var(--action);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  font-weight: 400;
}
.btn--action.btn--outline:hover {
  background-color: var(--action-hover);
  cursor: pointer;
  color: var(--action-ultra-light);
}

.btn--primary {
  background-color: var(--primary);
  color: var(--primary-ultra-light);
  border-style: solid;
  border-color: var(--primary);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.btn--primary:hover {
  background-color: var(--primary-hover);
  color: var(--primary-ultra-light);
  border-color: var(--primary-hover);
  cursor: pointer;
}

.btn--primary.btn--outline {
  background-color: transparent;
  border-style: solid;
  color: var(--primary);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  font-weight: 400;
}
.btn--primary.btn--outline:hover {
  background-color: var(--primary-hover);
  cursor: pointer;
  color: var(--primary-ultra-light);
}

.btn--secondary {
  background-color: var(--secondary);
  color: var(--secondary-ultra-light);
  border-style: solid;
  border-color: var(--secondary);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.btn--secondary:hover {
  background-color: var(--secondary-hover);
  color: var(--secondary-ultra-light);
  border-color: var(--secondary-hover);
  cursor: pointer;
}

.btn--secondary.btn--outline {
  background-color: transparent;
  border-style: solid;
  color: var(--secondary);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  font-weight: 400;
}
.btn--secondary.btn--outline:hover {
  background-color: var(--secondary-hover);
  cursor: pointer;
  color: var(--secondary-ultra-light);
}

.btn--accent {
  background-color: var(--accent);
  color: var(--accent-ultra-light);
  border-style: solid;
  border-color: var(--accent);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.btn--accent:hover {
  background-color: var(--accent-hover);
  color: var(--accent-ultra-light);
  border-color: var(--accent-hover);
  cursor: pointer;
}

.btn--accent.btn--outline {
  background-color: transparent;
  border-style: solid;
  color: var(--accent);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  font-weight: 400;
}
.btn--accent.btn--outline:hover {
  background-color: var(--accent-hover);
  cursor: pointer;
  color: var(--accent-ultra-light);
}

.btn--base {
  background-color: var(--base);
  color: var(--base-ultra-light);
  border-style: solid;
  border-color: var(--base);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.btn--base:hover {
  background-color: var(--base-hover);
  color: var(--base-ultra-light);
  border-color: var(--base-hover);
  cursor: pointer;
}

.btn--base.btn--outline {
  background-color: transparent;
  border-style: solid;
  color: var(--base);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  font-weight: 400;
}
.btn--base.btn--outline:hover {
  background-color: var(--base-hover);
  cursor: pointer;
  color: var(--base-ultra-light);
}

.btn--black {
  background-color: var(--shade-black);
  color: var(--shade-white);
  border-style: solid;
  border-color: var(--shade-black);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.btn--black:hover {
  background-color: var(--primary-hover);
  color: var(--shade-white);
  border-color: var(--primary-hover);
  cursor: pointer;
}

.btn--black.btn--outline {
  background-color: transparent;
  border-style: solid;
  color: var(--shade-black);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  font-weight: 400;
}
.btn--black.btn--outline:hover {
  background-color: var(--primary-hover);
  cursor: pointer;
  color: var(--primary-ultra-light);
}

.btn--white {
  background-color: var(--shade-white);
  color: var(--shade-black);
  border-style: solid;
  border-color: var(--shade-white);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.btn--white:hover {
  background-color: var(--primary-hover);
  color: var(--shade-white);
  border-color: var(--primary-hover);
  cursor: pointer;
}

.btn--white.btn--outline {
  background-color: transparent;
  border-style: solid;
  color: var(--shade-white);
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  font-weight: 400;
}
.btn--white.btn--outline:hover {
  background-color: var(--primary-hover);
  cursor: pointer;
  color: var(--primary-ultra-light);
}

.btn--xs {
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.26rem;
  font-size: calc(
    0.9004501688rem + (0.1125562711 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(0.9004501688rem, calc(0.1172461157vw + 0.8629314118rem), 1.0130064399rem);
  cursor: pointer;
}

.btn--s {
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.42rem;
  font-size: calc(
    1.200300075rem + (0.1500375094 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.200300075rem, calc(0.1562890723vw + 1.1502875719rem), 1.3503375844rem);
  cursor: pointer;
}

.btn--m {
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
  cursor: pointer;
}

.btn--l {
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 2.025rem;
  font-size: calc(
    1.92rem + (0.4794 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
  cursor: pointer;
}

.btn--xl {
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 2.28rem;
  font-size: calc(
    2.304rem + (0.8944002 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
  cursor: pointer;
}

.btn--xxl {
  padding: 1em 1.5em;
  border-width: 0.25rem;
  border-radius: 0.5em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  min-width: 20rem;
  line-height: 1.2;
  font-size: 2.565rem;
  font-size: calc(
    2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
  cursor: pointer;
}

a[class*=btn--] {
  display: inline-block;
}

.btn--clear {
  background: none;
  border: none;
}

.owl--xs > * + * {
  margin-top: 1.896rem;
  margin-top: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}

.owl--s > * + * {
  margin-top: 2.133rem;
  margin-top: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}

.owl--m > * + * {
  margin-top: 2.4rem;
  margin-top: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.owl--l > * + * {
  margin-top: 2.7rem;
  margin-top: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
}

.owl--xl > * + * {
  margin-top: 3.038rem;
  margin-top: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
}

.owl--xxl > * + * {
  margin-top: 3.42rem;
  margin-top: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
}

.margin-top--xs {
  margin-top: 1.896rem;
  margin-top: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}

.margin-top--s {
  margin-top: 2.133rem;
  margin-top: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}

.margin-top--m {
  margin-top: 2.4rem;
  margin-top: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.margin-top--l {
  margin-top: 2.7rem;
  margin-top: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
}

.margin-top--xl {
  margin-top: 3.038rem;
  margin-top: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
}

.margin-top--xxl {
  margin-top: 3.42rem;
  margin-top: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
  margin-top: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
}

.margin-bottom--xs {
  margin-bottom: 1.896rem;
  margin-bottom: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
  margin-bottom: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}

.margin-bottom--s {
  margin-bottom: 2.133rem;
  margin-bottom: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
  margin-bottom: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}

.margin-bottom--m {
  margin-bottom: 2.4rem;
  margin-bottom: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  margin-bottom: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.margin-bottom--l {
  margin-bottom: 2.7rem;
  margin-bottom: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
  margin-bottom: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
}

.margin-bottom--xl {
  margin-bottom: 3.038rem;
  margin-bottom: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
  margin-bottom: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
}

.margin-bottom--xxl {
  margin-bottom: 3.42rem;
  margin-bottom: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
  margin-bottom: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
}

.margin-right--xs {
  margin-right: 1.896rem;
  margin-right: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
  margin-right: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}

.margin-right--s {
  margin-right: 2.133rem;
  margin-right: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
  margin-right: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}

.margin-right--m {
  margin-right: 2.4rem;
  margin-right: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  margin-right: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.margin-right--l {
  margin-right: 2.7rem;
  margin-right: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
  margin-right: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
}

.margin-right--xl {
  margin-right: 3.038rem;
  margin-right: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
  margin-right: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
}

.margin-right--xxl {
  margin-right: 3.42rem;
  margin-right: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
  margin-right: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
}

.margin-left--xs {
  margin-left: 1.896rem;
  margin-left: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
  margin-left: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}

.margin-left--s {
  margin-left: 2.133rem;
  margin-left: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
  margin-left: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}

.margin-left--m {
  margin-left: 2.4rem;
  margin-left: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  margin-left: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.margin-left--l {
  margin-left: 2.7rem;
  margin-left: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
  margin-left: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
}

.margin-left--xl {
  margin-left: 3.038rem;
  margin-left: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
  margin-left: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
}

.margin-left--xxl {
  margin-left: 3.42rem;
  margin-left: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
  margin-left: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
}

.pad--xs {
  padding: 1.896rem;
  padding: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
  padding: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}

.pad--s {
  padding: 2.133rem;
  padding: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
  padding: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}

.pad--m {
  padding: 2.4rem;
  padding: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  padding: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.pad--l {
  padding: 2.7rem;
  padding: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
  padding: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
}

.pad--xl {
  padding: 3.038rem;
  padding: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
  padding: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
}

.pad--xxl {
  padding: 3.42rem;
  padding: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
  padding: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
}

.pad-header--xs {
  padding: 1.896rem var(--section-padding-x);
  padding: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  ) var(--section-padding-x);
  padding: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem) var(--section-padding-x);
}

.pad-header--s {
  padding: 2.133rem var(--section-padding-x);
  padding: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  ) var(--section-padding-x);
  padding: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem) var(--section-padding-x);
}

.pad-header--m {
  padding: 2.4rem var(--section-padding-x);
  padding: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  ) var(--section-padding-x);
  padding: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem) var(--section-padding-x);
}

.pad-header--l {
  padding: 2.7rem var(--section-padding-x);
  padding: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  ) var(--section-padding-x);
  padding: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem) var(--section-padding-x);
}

.pad-header--xl {
  padding: 3.038rem var(--section-padding-x);
  padding: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  ) var(--section-padding-x);
  padding: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem) var(--section-padding-x);
}

.pad-header--xxl {
  padding: 3.42rem var(--section-padding-x);
  padding: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  ) var(--section-padding-x);
  padding: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem) var(--section-padding-x);
}

.pad--none:not(.ct-section) {
  padding: 0 !important;
}

.pad-section--xs {
  padding: 1.896rem 2.4rem;
  padding: calc(
    3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.pad-section--s {
  padding: 2.133rem 2.4rem;
  padding: calc(
    4.8rem + (3.2 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.pad-section--m {
  padding: 2.4rem 2.4rem;
  padding: calc(
    7.2rem + (4.8 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.pad-section--l {
  padding: 2.7rem 2.4rem;
  padding: calc(
    9.36rem + (8.64 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  padding: clamp(9.36rem, calc(9vw + 6.48rem), 18rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.pad-section--xl {
  padding: 3.038rem 2.4rem;
  padding: calc(
    12.168rem + (14.832 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  padding: clamp(12.168rem, calc(15.45vw + 7.224rem), 27rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.pad-section--xxl {
  padding: 3.42rem 2.4rem;
  padding: calc(
    15.8184rem + (24.6816 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  padding: clamp(15.8184rem, calc(25.71vw + 7.5912rem), 40.5rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

@media (max-width: 1279px) {
  .pad-section--xl-xs {
    padding: 1.896rem 2.4rem;
    padding: calc(
    3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-s {
    padding: 2.133rem 2.4rem;
    padding: calc(
    4.8rem + (3.2 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-m {
    padding: 2.4rem 2.4rem;
    padding: calc(
    7.2rem + (4.8 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-l {
    padding: 2.7rem 2.4rem;
    padding: calc(
    9.36rem + (8.64 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(9.36rem, calc(9vw + 6.48rem), 18rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-xl {
    padding: 3.038rem 2.4rem;
    padding: calc(
    12.168rem + (14.832 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(12.168rem, calc(15.45vw + 7.224rem), 27rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-xxl {
    padding: 3.42rem 2.4rem;
    padding: calc(
    15.8184rem + (24.6816 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(15.8184rem, calc(25.71vw + 7.5912rem), 40.5rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
}
@media (max-width: 991px) {
  .pad-section--l-xs {
    padding: 1.896rem 2.4rem;
    padding: calc(
    3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-s {
    padding: 2.133rem 2.4rem;
    padding: calc(
    4.8rem + (3.2 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-m {
    padding: 2.4rem 2.4rem;
    padding: calc(
    7.2rem + (4.8 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-l {
    padding: 2.7rem 2.4rem;
    padding: calc(
    9.36rem + (8.64 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(9.36rem, calc(9vw + 6.48rem), 18rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-xl {
    padding: 3.038rem 2.4rem;
    padding: calc(
    12.168rem + (14.832 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(12.168rem, calc(15.45vw + 7.224rem), 27rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-xxl {
    padding: 3.42rem 2.4rem;
    padding: calc(
    15.8184rem + (24.6816 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(15.8184rem, calc(25.71vw + 7.5912rem), 40.5rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
}
@media (max-width: 767px) {
  .pad-section--m-xs {
    padding: 1.896rem 2.4rem;
    padding: calc(
    3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-s {
    padding: 2.133rem 2.4rem;
    padding: calc(
    4.8rem + (3.2 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-m {
    padding: 2.4rem 2.4rem;
    padding: calc(
    7.2rem + (4.8 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-l {
    padding: 2.7rem 2.4rem;
    padding: calc(
    9.36rem + (8.64 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(9.36rem, calc(9vw + 6.48rem), 18rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-xl {
    padding: 3.038rem 2.4rem;
    padding: calc(
    12.168rem + (14.832 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(12.168rem, calc(15.45vw + 7.224rem), 27rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-xxl {
    padding: 3.42rem 2.4rem;
    padding: calc(
    15.8184rem + (24.6816 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(15.8184rem, calc(25.71vw + 7.5912rem), 40.5rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
}
@media (max-width: 479px) {
  .pad-section--s-xs {
    padding: 1.896rem 2.4rem;
    padding: calc(
    3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-s {
    padding: 2.133rem 2.4rem;
    padding: calc(
    4.8rem + (3.2 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-m {
    padding: 2.4rem 2.4rem;
    padding: calc(
    7.2rem + (4.8 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-l {
    padding: 2.7rem 2.4rem;
    padding: calc(
    9.36rem + (8.64 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(9.36rem, calc(9vw + 6.48rem), 18rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-xl {
    padding: 3.038rem 2.4rem;
    padding: calc(
    12.168rem + (14.832 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(12.168rem, calc(15.45vw + 7.224rem), 27rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-xxl {
    padding: 3.42rem 2.4rem;
    padding: calc(
    15.8184rem + (24.6816 * ((100vw - 32rem) / 96))
  ) calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    padding: clamp(15.8184rem, calc(25.71vw + 7.5912rem), 40.5rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
}
.overlay--action-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--action-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.overlay--action-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--action-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.overlay--action-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--action-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.overlay--action-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--action-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.overlay--action-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--action-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.overlay--action-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--action-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.overlay--action-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--action-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.1);
}

.overlay--action-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--action-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.2);
}

.overlay--action-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--action-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.4);
}

.overlay--action-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--action-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.6);
}

.overlay--action-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--action-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.8);
}

.overlay--action-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--action-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.9);
}

.overlay--action-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--action-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.1);
}

.overlay--action-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--action-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.2);
}

.overlay--action-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--action-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.4);
}

.overlay--action-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--action-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.6);
}

.overlay--action-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--action-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.8);
}

.overlay--action-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--action-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.9);
}

.overlay--primary-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.overlay--primary-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.overlay--primary-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.overlay--primary-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.overlay--primary-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.overlay--primary-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.overlay--primary-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.1);
}

.overlay--primary-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.2);
}

.overlay--primary-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.4);
}

.overlay--primary-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.6);
}

.overlay--primary-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.8);
}

.overlay--primary-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 10%, 0.9);
}

.overlay--primary-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.1);
}

.overlay--primary-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.2);
}

.overlay--primary-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.4);
}

.overlay--primary-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.6);
}

.overlay--primary-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.8);
}

.overlay--primary-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 85%, 0.9);
}

.overlay--secondary-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.overlay--secondary-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.overlay--secondary-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.overlay--secondary-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.overlay--secondary-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.overlay--secondary-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.overlay--secondary-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 10%, 0.1);
}

.overlay--secondary-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 10%, 0.2);
}

.overlay--secondary-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 10%, 0.4);
}

.overlay--secondary-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 10%, 0.6);
}

.overlay--secondary-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 10%, 0.8);
}

.overlay--secondary-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 10%, 0.9);
}

.overlay--secondary-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 85%, 0.1);
}

.overlay--secondary-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 85%, 0.2);
}

.overlay--secondary-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 85%, 0.4);
}

.overlay--secondary-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 85%, 0.6);
}

.overlay--secondary-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 85%, 0.8);
}

.overlay--secondary-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 16%, 85%, 0.9);
}

.overlay--accent-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.overlay--accent-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.overlay--accent-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.overlay--accent-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.overlay--accent-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.overlay--accent-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.overlay--accent-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 10%, 0.1);
}

.overlay--accent-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 10%, 0.2);
}

.overlay--accent-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 10%, 0.4);
}

.overlay--accent-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 10%, 0.6);
}

.overlay--accent-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 10%, 0.8);
}

.overlay--accent-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 10%, 0.9);
}

.overlay--accent-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 85%, 0.1);
}

.overlay--accent-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 85%, 0.2);
}

.overlay--accent-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 85%, 0.4);
}

.overlay--accent-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 85%, 0.6);
}

.overlay--accent-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 85%, 0.8);
}

.overlay--accent-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 69%, 85%, 0.9);
}

.overlay--base-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.1);
}

.overlay--base-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.2);
}

.overlay--base-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.4);
}

.overlay--base-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.6);
}

.overlay--base-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.8);
}

.overlay--base-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 70%, 66%, 0.9);
}

.overlay--base-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 10%, 0.1);
}

.overlay--base-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 10%, 0.2);
}

.overlay--base-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 10%, 0.4);
}

.overlay--base-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 10%, 0.6);
}

.overlay--base-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 10%, 0.8);
}

.overlay--base-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 10%, 0.9);
}

.overlay--base-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 85%, 0.1);
}

.overlay--base-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 85%, 0.2);
}

.overlay--base-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 85%, 0.4);
}

.overlay--base-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 85%, 0.6);
}

.overlay--base-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 85%, 0.8);
}

.overlay--base-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(358deg, 36%, 85%, 0.9);
}

.overlay--white-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 100%, 0.1);
}

.overlay--white-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 100%, 0.2);
}

.overlay--white-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 100%, 0.4);
}

.overlay--white-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 100%, 0.6);
}

.overlay--white-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 100%, 0.8);
}

.overlay--white-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 100%, 0.9);
}

.overlay--black-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.1);
}

.overlay--black-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.2);
}

.overlay--black-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.4);
}

.overlay--black-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.6);
}

.overlay--black-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.8);
}

.overlay--black-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.9);
}

.overlay--shade-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.1);
}

.overlay--shade-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.2);
}

.overlay--shade-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.4);
}

.overlay--shade-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.6);
}

.overlay--shade-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.8);
}

.overlay--shade-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 0%, 0.9);
}

.overlay--shade-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 10%, 0.1);
}

.overlay--shade-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 10%, 0.2);
}

.overlay--shade-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 10%, 0.4);
}

.overlay--shade-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 10%, 0.6);
}

.overlay--shade-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 10%, 0.8);
}

.overlay--shade-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 10%, 0.9);
}

.overlay--shade-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 85%, 0.1);
}

.overlay--shade-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 85%, 0.2);
}

.overlay--shade-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 85%, 0.4);
}

.overlay--shade-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 85%, 0.6);
}

.overlay--shade-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 85%, 0.8);
}

.overlay--shade-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: hsla(0deg, 0%, 85%, 0.9);
}

.text--action {
  color: #e56c70;
}

.text--action-hover {
  color: hsl(358deg, 70%, 75.9%);
}

.text--action-ultra-light {
  color: hsl(358deg, 70%, 95%);
}

.text--action-light {
  color: hsl(358deg, 70%, 85%);
}

.text--action-medium {
  color: hsl(358deg, 70%, 50%);
}

.text--action-dark {
  color: hsl(358deg, 70%, 25%);
}

.text--action-ultra-dark {
  color: hsl(358deg, 70%, 10%);
}

.text--action-comp {
  color: hsl(178deg, 70%, 66%);
}

.text--primary {
  color: #e56c70;
}

.text--primary-hover {
  color: hsl(358deg, 70%, 75.9%);
}

.text--primary-ultra-light {
  color: hsl(358deg, 70%, 95%);
}

.text--primary-light {
  color: hsl(358deg, 70%, 85%);
}

.text--primary-medium {
  color: hsl(358deg, 70%, 50%);
}

.text--primary-dark {
  color: hsl(358deg, 70%, 25%);
}

.text--primary-ultra-dark {
  color: hsl(358deg, 70%, 10%);
}

.text--primary-comp {
  color: hsl(178deg, 70%, 66%);
}

.text--secondary {
  color: #6c5879;
}

.text--secondary-hover {
  color: hsl(358deg, 16%, 75.9%);
}

.text--secondary-ultra-light {
  color: hsl(358deg, 16%, 95%);
}

.text--secondary-light {
  color: hsl(358deg, 16%, 85%);
}

.text--secondary-medium {
  color: hsl(358deg, 16%, 50%);
}

.text--secondary-dark {
  color: hsl(358deg, 16%, 25%);
}

.text--secondary-ultra-dark {
  color: hsl(358deg, 16%, 10%);
}

.text--secondary-comp {
  color: hsl(178deg, 70%, 66%);
}

.text--accent {
  color: #eaac8b;
}

.text--accent-hover {
  color: hsl(358deg, 69%, 75.9%);
}

.text--accent-ultra-light {
  color: hsl(358deg, 69%, 95%);
}

.text--accent-light {
  color: hsl(358deg, 69%, 85%);
}

.text--accent-medium {
  color: hsl(358deg, 69%, 50%);
}

.text--accent-dark {
  color: hsl(358deg, 69%, 25%);
}

.text--accent-ultra-dark {
  color: hsl(358deg, 69%, 10%);
}

.text--accent-comp {
  color: hsl(178deg, 70%, 66%);
}

.text--base {
  color: #344f6f;
}

.text--base-hover {
  color: hsl(358deg, 36%, 75.9%);
}

.text--base-ultra-light {
  color: hsl(358deg, 36%, 95%);
}

.text--base-light {
  color: hsl(358deg, 36%, 85%);
}

.text--base-medium {
  color: hsl(358deg, 36%, 50%);
}

.text--base-dark {
  color: hsl(358deg, 36%, 25%);
}

.text--base-ultra-dark {
  color: hsl(358deg, 36%, 10%);
}

.text--base-comp {
  color: hsl(178deg, 70%, 66%);
}

.text--white {
  color: #fff;
}

.text--black {
  color: #000;
}

.text--shade {
  color: #000000;
}

.text--shade-hover {
  color: hsl(0deg, 0%, 0%);
}

.text--shade-ultra-light {
  color: hsl(0deg, 0%, 95%);
}

.text--shade-light {
  color: hsl(0deg, 0%, 85%);
}

.text--shade-medium {
  color: hsl(0deg, 0%, 50%);
}

.text--shade-dark {
  color: hsl(0deg, 0%, 25%);
}

.text--shade-ultra-dark {
  color: hsl(0deg, 0%, 10%);
}

.text--shade-comp {
  color: hsl(180deg, 0%, 0%);
}

.text--xs {
  font-size: 1.26rem;
  font-size: calc(
    0.9004501688rem + (0.1125562711 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(0.9004501688rem, calc(0.1172461157vw + 0.8629314118rem), 1.0130064399rem);
}

.text--s {
  font-size: 1.42rem;
  font-size: calc(
    1.200300075rem + (0.1500375094 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.200300075rem, calc(0.1562890723vw + 1.1502875719rem), 1.3503375844rem);
}

.text--m {
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}

.text--l {
  font-size: 2.025rem;
  font-size: calc(
    1.92rem + (0.4794 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
}

.text--xl {
  font-size: 2.28rem;
  font-size: calc(
    2.304rem + (0.8944002 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
}

.text--xxl {
  font-size: 2.565rem;
  font-size: calc(
    2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
}

.h--1 {
  font-size: 2.565rem;
  font-size: calc(
    2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
}

.h--2 {
  font-size: 2.28rem;
  font-size: calc(
    2.304rem + (0.8944002 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
}

.h--3 {
  font-size: 2.025rem;
  font-size: calc(
    1.92rem + (0.4794 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
}

.h--4 {
  font-size: 1.8rem;
  font-size: calc(
    1.6rem + (0.2 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}

.h--5 {
  font-size: 1.42rem;
  font-size: calc(
    1.200300075rem + (0.1500375094 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.200300075rem, calc(0.1562890723vw + 1.1502875719rem), 1.3503375844rem);
}

.h--6 {
  font-size: 1.26rem;
  font-size: calc(
    0.9004501688rem + (0.1125562711 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(0.9004501688rem, calc(0.1172461157vw + 0.8629314118rem), 1.0130064399rem);
}

.text--xs.text--larger {
  font-size: 1.386rem;
  font-size: calc(
    0.9904951857rem + (0.5290144742 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(0.9904951857rem, calc(0.5510567439vw + 0.8141570276rem), 1.5195096599rem);
}

.text--s.text--larger {
  font-size: 1.562rem;
  font-size: calc(
    1.3203300825rem + (0.7051762941 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.3203300825rem, calc(0.7345586397vw + 1.0852713178rem), 2.0255063766rem);
}

.text--m.text--larger {
  font-size: 1.98rem;
  font-size: calc(
    1.76rem + (0.94 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.76rem, calc(0.9791666667vw + 1.4466666667rem), 2.7rem);
}

.text--l.text--larger {
  font-size: 2.2275rem;
  font-size: calc(
    2.112rem + (1.4871 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.112rem, calc(1.5490625vw + 1.6163rem), 3.5991rem);
}

.text--xl.text--larger {
  font-size: 2.508rem;
  font-size: calc(
    2.5344rem + (2.2632003 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.5344rem, calc(2.3575003125vw + 1.7799999rem), 4.7976003rem);
}

.text--xxl.text--larger {
  font-size: 2.8215rem;
  font-size: calc(
    3.04128rem + (3.3539211999 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(3.04128rem, calc(3.4936679166vw + 1.9233062667rem), 6.3952011999rem);
}

h1.text--larger {
  font-size: 2.8215rem;
  font-size: calc(
    3.04128rem + (3.3539211999 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(3.04128rem, calc(3.4936679166vw + 1.9233062667rem), 6.3952011999rem);
}

h2.text--larger {
  font-size: 2.508rem;
  font-size: calc(
    2.5344rem + (2.2632003 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.5344rem, calc(2.3575003125vw + 1.7799999rem), 4.7976003rem);
}

h3.text--larger {
  font-size: 2.2275rem;
  font-size: calc(
    2.112rem + (1.4871 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(2.112rem, calc(1.5490625vw + 1.6163rem), 3.5991rem);
}

h4.text--larger {
  font-size: 1.98rem;
  font-size: calc(
    1.76rem + (0.94 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.76rem, calc(0.9791666667vw + 1.4466666667rem), 2.7rem);
}

h5.text--larger {
  font-size: 1.562rem;
  font-size: calc(
    1.3203300825rem + (0.7051762941 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(1.3203300825rem, calc(0.7345586397vw + 1.0852713178rem), 2.0255063766rem);
}

h6.text--larger {
  font-size: 1.386rem;
  font-size: calc(
    0.9904951857rem + (0.5290144742 * ((100vw - 32rem) / 96))
  );
  font-size: clamp(0.9904951857rem, calc(0.5510567439vw + 0.8141570276rem), 1.5195096599rem);
}

.text--100 {
  font-weight: 100;
}

.text--200 {
  font-weight: 200;
}

.text--300 {
  font-weight: 300;
}

.text--400 {
  font-weight: 400;
}

.text--500 {
  font-weight: 500;
}

.text--600 {
  font-weight: 600;
}

.text--700 {
  font-weight: 700;
}

.text--800 {
  font-weight: 800;
}

.text--900 {
  font-weight: 900;
}

.text--bold {
  font-weight: bold;
}

.text--italic {
  font-style: italic;
}

.text--oblique {
  font-style: oblique;
}

.text--decoration-none {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.text--underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.text--underline-wavy {
  -webkit-text-decoration: underline wavy;
  text-decoration: underline wavy;
}

.text--underline-dotted {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.text--underline-double {
  -webkit-text-decoration: underline double;
  text-decoration: underline double;
}

.text--underline-dashed {
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
}

.text--overline {
  -webkit-text-decoration: overline;
  text-decoration: overline;
}

.text--line-through {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

.text--transform-none {
  text-transform: none;
}

.text--uppercase {
  text-transform: uppercase;
}

.text--lowercase {
  text-transform: lowercase;
}

.text--capitalize {
  text-transform: capitalize;
}

.text--left {
  text-align: left;
}

.text--center {
  text-align: center;
}

.text--right {
  text-align: right;
}

.text--justify {
  text-align: justify;
}

.link--action a,
a.link--action {
  color: #e56c70;
}
.link--action a:hover,
a.link--action:hover {
  color: var(--action-hover);
}

.link--action-hover a,
a.link--action-hover {
  color: hsl(358deg, 70%, 75.9%);
}
.link--action-hover a:hover,
a.link--action-hover:hover {
  color: var(--action-hover);
}

.link--action-ultra-light a,
a.link--action-ultra-light {
  color: hsl(358deg, 70%, 95%);
}
.link--action-ultra-light a:hover,
a.link--action-ultra-light:hover {
  color: var(--action-hover);
}

.link--action-light a,
a.link--action-light {
  color: hsl(358deg, 70%, 85%);
}
.link--action-light a:hover,
a.link--action-light:hover {
  color: var(--action-hover);
}

.link--action-medium a,
a.link--action-medium {
  color: hsl(358deg, 70%, 50%);
}
.link--action-medium a:hover,
a.link--action-medium:hover {
  color: var(--action-hover);
}

.link--action-dark a,
a.link--action-dark {
  color: hsl(358deg, 70%, 25%);
}
.link--action-dark a:hover,
a.link--action-dark:hover {
  color: var(--action-hover);
}

.link--action-ultra-dark a,
a.link--action-ultra-dark {
  color: hsl(358deg, 70%, 10%);
}
.link--action-ultra-dark a:hover,
a.link--action-ultra-dark:hover {
  color: var(--action-hover);
}

.link--action-comp a,
a.link--action-comp {
  color: hsl(178deg, 70%, 66%);
}
.link--action-comp a:hover,
a.link--action-comp:hover {
  color: var(--action-hover);
}

.link--primary a,
a.link--primary {
  color: #e56c70;
}
.link--primary a:hover,
a.link--primary:hover {
  color: var(--primary-hover);
}

.link--primary-hover a,
a.link--primary-hover {
  color: hsl(358deg, 70%, 75.9%);
}
.link--primary-hover a:hover,
a.link--primary-hover:hover {
  color: var(--primary-hover);
}

.link--primary-ultra-light a,
a.link--primary-ultra-light {
  color: hsl(358deg, 70%, 95%);
}
.link--primary-ultra-light a:hover,
a.link--primary-ultra-light:hover {
  color: var(--primary-hover);
}

.link--primary-light a,
a.link--primary-light {
  color: hsl(358deg, 70%, 85%);
}
.link--primary-light a:hover,
a.link--primary-light:hover {
  color: var(--primary-hover);
}

.link--primary-medium a,
a.link--primary-medium {
  color: hsl(358deg, 70%, 50%);
}
.link--primary-medium a:hover,
a.link--primary-medium:hover {
  color: var(--primary-hover);
}

.link--primary-dark a,
a.link--primary-dark {
  color: hsl(358deg, 70%, 25%);
}
.link--primary-dark a:hover,
a.link--primary-dark:hover {
  color: var(--primary-hover);
}

.link--primary-ultra-dark a,
a.link--primary-ultra-dark {
  color: hsl(358deg, 70%, 10%);
}
.link--primary-ultra-dark a:hover,
a.link--primary-ultra-dark:hover {
  color: var(--primary-hover);
}

.link--primary-comp a,
a.link--primary-comp {
  color: hsl(178deg, 70%, 66%);
}
.link--primary-comp a:hover,
a.link--primary-comp:hover {
  color: var(--primary-hover);
}

.link--secondary a,
a.link--secondary {
  color: #6c5879;
}
.link--secondary a:hover,
a.link--secondary:hover {
  color: var(--secondary-hover);
}

.link--secondary-hover a,
a.link--secondary-hover {
  color: hsl(358deg, 16%, 75.9%);
}
.link--secondary-hover a:hover,
a.link--secondary-hover:hover {
  color: var(--secondary-hover);
}

.link--secondary-ultra-light a,
a.link--secondary-ultra-light {
  color: hsl(358deg, 16%, 95%);
}
.link--secondary-ultra-light a:hover,
a.link--secondary-ultra-light:hover {
  color: var(--secondary-hover);
}

.link--secondary-light a,
a.link--secondary-light {
  color: hsl(358deg, 16%, 85%);
}
.link--secondary-light a:hover,
a.link--secondary-light:hover {
  color: var(--secondary-hover);
}

.link--secondary-medium a,
a.link--secondary-medium {
  color: hsl(358deg, 16%, 50%);
}
.link--secondary-medium a:hover,
a.link--secondary-medium:hover {
  color: var(--secondary-hover);
}

.link--secondary-dark a,
a.link--secondary-dark {
  color: hsl(358deg, 16%, 25%);
}
.link--secondary-dark a:hover,
a.link--secondary-dark:hover {
  color: var(--secondary-hover);
}

.link--secondary-ultra-dark a,
a.link--secondary-ultra-dark {
  color: hsl(358deg, 16%, 10%);
}
.link--secondary-ultra-dark a:hover,
a.link--secondary-ultra-dark:hover {
  color: var(--secondary-hover);
}

.link--secondary-comp a,
a.link--secondary-comp {
  color: hsl(178deg, 70%, 66%);
}
.link--secondary-comp a:hover,
a.link--secondary-comp:hover {
  color: var(--secondary-hover);
}

.link--accent a,
a.link--accent {
  color: #eaac8b;
}
.link--accent a:hover,
a.link--accent:hover {
  color: var(--accent-hover);
}

.link--accent-hover a,
a.link--accent-hover {
  color: hsl(358deg, 69%, 75.9%);
}
.link--accent-hover a:hover,
a.link--accent-hover:hover {
  color: var(--accent-hover);
}

.link--accent-ultra-light a,
a.link--accent-ultra-light {
  color: hsl(358deg, 69%, 95%);
}
.link--accent-ultra-light a:hover,
a.link--accent-ultra-light:hover {
  color: var(--accent-hover);
}

.link--accent-light a,
a.link--accent-light {
  color: hsl(358deg, 69%, 85%);
}
.link--accent-light a:hover,
a.link--accent-light:hover {
  color: var(--accent-hover);
}

.link--accent-medium a,
a.link--accent-medium {
  color: hsl(358deg, 69%, 50%);
}
.link--accent-medium a:hover,
a.link--accent-medium:hover {
  color: var(--accent-hover);
}

.link--accent-dark a,
a.link--accent-dark {
  color: hsl(358deg, 69%, 25%);
}
.link--accent-dark a:hover,
a.link--accent-dark:hover {
  color: var(--accent-hover);
}

.link--accent-ultra-dark a,
a.link--accent-ultra-dark {
  color: hsl(358deg, 69%, 10%);
}
.link--accent-ultra-dark a:hover,
a.link--accent-ultra-dark:hover {
  color: var(--accent-hover);
}

.link--accent-comp a,
a.link--accent-comp {
  color: hsl(178deg, 70%, 66%);
}
.link--accent-comp a:hover,
a.link--accent-comp:hover {
  color: var(--accent-hover);
}

.link--base a,
a.link--base {
  color: #344f6f;
}
.link--base a:hover,
a.link--base:hover {
  color: var(--base-hover);
}

.link--base-hover a,
a.link--base-hover {
  color: hsl(358deg, 36%, 75.9%);
}
.link--base-hover a:hover,
a.link--base-hover:hover {
  color: var(--base-hover);
}

.link--base-ultra-light a,
a.link--base-ultra-light {
  color: hsl(358deg, 36%, 95%);
}
.link--base-ultra-light a:hover,
a.link--base-ultra-light:hover {
  color: var(--base-hover);
}

.link--base-light a,
a.link--base-light {
  color: hsl(358deg, 36%, 85%);
}
.link--base-light a:hover,
a.link--base-light:hover {
  color: var(--base-hover);
}

.link--base-medium a,
a.link--base-medium {
  color: hsl(358deg, 36%, 50%);
}
.link--base-medium a:hover,
a.link--base-medium:hover {
  color: var(--base-hover);
}

.link--base-dark a,
a.link--base-dark {
  color: hsl(358deg, 36%, 25%);
}
.link--base-dark a:hover,
a.link--base-dark:hover {
  color: var(--base-hover);
}

.link--base-ultra-dark a,
a.link--base-ultra-dark {
  color: hsl(358deg, 36%, 10%);
}
.link--base-ultra-dark a:hover,
a.link--base-ultra-dark:hover {
  color: var(--base-hover);
}

.link--base-comp a,
a.link--base-comp {
  color: hsl(178deg, 70%, 66%);
}
.link--base-comp a:hover,
a.link--base-comp:hover {
  color: var(--base-hover);
}

.link--white a,
a.link--white {
  color: #fff;
}

.link--black a,
a.link--black {
  color: #000;
}

.link--shade a,
a.link--shade {
  color: #000000;
}
.link--shade a:hover,
a.link--shade:hover {
  color: var(--shade-hover);
}

.link--shade-hover a,
a.link--shade-hover {
  color: hsl(0deg, 0%, 0%);
}
.link--shade-hover a:hover,
a.link--shade-hover:hover {
  color: var(--shade-hover);
}

.link--shade-ultra-light a,
a.link--shade-ultra-light {
  color: hsl(0deg, 0%, 95%);
}
.link--shade-ultra-light a:hover,
a.link--shade-ultra-light:hover {
  color: var(--shade-hover);
}

.link--shade-light a,
a.link--shade-light {
  color: hsl(0deg, 0%, 85%);
}
.link--shade-light a:hover,
a.link--shade-light:hover {
  color: var(--shade-hover);
}

.link--shade-medium a,
a.link--shade-medium {
  color: hsl(0deg, 0%, 50%);
}
.link--shade-medium a:hover,
a.link--shade-medium:hover {
  color: var(--shade-hover);
}

.link--shade-dark a,
a.link--shade-dark {
  color: hsl(0deg, 0%, 25%);
}
.link--shade-dark a:hover,
a.link--shade-dark:hover {
  color: var(--shade-hover);
}

.link--shade-ultra-dark a,
a.link--shade-ultra-dark {
  color: hsl(0deg, 0%, 10%);
}
.link--shade-ultra-dark a:hover,
a.link--shade-ultra-dark:hover {
  color: var(--shade-hover);
}

.link--shade-comp a,
a.link--shade-comp {
  color: hsl(180deg, 0%, 0%);
}
.link--shade-comp a:hover,
a.link--shade-comp:hover {
  color: var(--shade-hover);
}

.opacity--5 {
  opacity: 0.05;
}

.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--95 {
  opacity: 0.95;
}

.box-shadow--m {
  box-shadow: 0 4px 4px -10px hsla(0deg, 0%, 0%, 0.04), 0 13px 13px -10px hsla(0deg, 0%, 0%, 0.06), 0 40px 60px -10px hsla(0deg, 0%, 0%, 0.08);
}

.box-shadow--l {
  box-shadow: 0 2.7px 3.6px -5px hsla(0deg, 0%, 0%, 0.04), 0 7.5px 10px -5px hsla(0deg, 0%, 0%, 0.06), 0 18px 24.1px -5px hsla(0deg, 0%, 0%, 0.08), 0 60px 80px -5px hsla(0deg, 0%, 0%, 0.1);
}

.box-shadow--xl {
  box-shadow: 2.8px 2.8px 2.2px hsla(0deg, 0%, 0%, 0.02), 0 6.7px 5.3px -5px hsla(0deg, 0%, 0%, 0.04), 0 12.5px 10px -5px hsla(0deg, 0%, 0%, 0.06), 0 22.3px 17.9px -5px hsla(0deg, 0%, 0%, 0.08), 0 41.8px 33.4px -5px hsla(0deg, 0%, 0%, 0.1), 0 80px 80px -5px hsla(0deg, 0%, 0%, 0.105);
}

@media (min-width: 1279px) {
  .breakout--s {
    width: 60vw;
    max-width: 60vw !important;
    margin: 0 calc(-30vw + 50%);
  }
  .breakout--m {
    width: 70vw;
    max-width: 70vw !important;
    margin: 0 calc(-35vw + 50%);
  }
  .breakout--l {
    width: 80vw;
    max-width: 80vw !important;
    margin: 0 calc(-40vw + 50%);
  }
  .breakout--xl {
    width: 90vw;
    max-width: 90vw !important;
    margin: 0 calc(-45vw + 50%);
  }
}
.breakout--full {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  align-self: flex-start;
}

@media (max-width: 1279px) {
  [class*=breakout--]:not(.breakout--full) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
  }
}
.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.sticky-top--s {
  top: 2.5%;
}

.sticky-top--m {
  top: 5%;
}

.sticky-top--l {
  top: 10%;
}

.center--all:not(.ct-section),
.ct-section.center--all > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
  text-align: center;
}

.center--y:not(.ct-section),
.ct-section.center--y > .ct-section-inner-wrap {
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-start;
}

.center--x:not(.ct-section),
.ct-section.center--x > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: center;
}

.center--left:not(.ct-section),
.ct-section.center--left > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  text-align: left;
}

.center--right:not(.ct-section),
.ct-section.center--right > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;
}

.center--top:not(.ct-section),
.ct-section.center--top > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  justify-content: flex-start;
  align-items: center;
}

.center--bottom:not(.ct-section),
.ct-section.center--bottom > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-end;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 1279px) {
  .center--all-xl:not(.ct-section),
.ct-section.center--all-xl > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-xl:not(.ct-section),
.ct-section.center--y-xl > .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-xl:not(.ct-section),
.ct-section.center--x-xl > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: center;
  }
  .center--left-xl:not(.ct-section),
.ct-section.center--left-xl > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-xl:not(.ct-section),
.ct-section.center--right-xl > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top:not(.ct-section),
.ct-section.center--top > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom:not(.ct-section),
.ct-section.center--bottom > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .center--all-l:not(.ct-section),
.ct-section.center--all-l > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-l:not(.ct-section),
.ct-section.center--y-l > .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-l:not(.ct-section),
.ct-section.center--x-l > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: center;
  }
  .center--left-l:not(.ct-section),
.ct-section.center--left-l > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-l:not(.ct-section),
.ct-section.center--right-l > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top:not(.ct-section),
.ct-section.center--top > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom:not(.ct-section),
.ct-section.center--bottom > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .center--all-m:not(.ct-section),
.ct-section.center--all-m > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-m:not(.ct-section),
.ct-section.center--y-m > .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-m:not(.ct-section),
.ct-section.center--x-m > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: center;
  }
  .center--left-m:not(.ct-section),
.ct-section.center--left-m > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-m:not(.ct-section),
.ct-section.center--right-m > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top:not(.ct-section),
.ct-section.center--top > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom:not(.ct-section),
.ct-section.center--bottom > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 479px) {
  .center--all-s:not(.ct-section),
.ct-section.center--all-s > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-s:not(.ct-section),
.ct-section.center--y-s > .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-s:not(.ct-section),
.ct-section.center--x-s > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: center;
  }
  .center--left-s:not(.ct-section),
.ct-section.center--left-s > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-s:not(.ct-section),
.ct-section.center--right-s > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top:not(.ct-section),
.ct-section.center--top > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom:not(.ct-section),
.ct-section.center--bottom > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
.center--self {
  margin-left: auto;
  margin-right: auto;
}

.flip--x,
.flip--x > div {
  transform: scaleX(-1);
}

.flip--y,
.flip--y > div {
  transform: scaleY(-1);
}

.flip--xy,
.flip--xy > div {
  transform: scale(-1, -1);
}

.flip--both,
.flip--both > div {
  transform: scale(-1, -1);
}

.object-fit--cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-fit--contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-fit--top-left {
  -o-object-position: 10% 90%;
  object-position: 10% 90%;
}

.object-fit--top-center {
  -o-object-position: 50% 10%;
  object-position: 50% 10%;
}

.object-fit--top-right {
  -o-object-position: 90% 10%;
  object-position: 90% 10%;
}

.object-fit--center-left {
  -o-object-position: 10% 50%;
  object-position: 10% 50%;
}

.object-fit--center-right {
  -o-object-position: 90% 50%;
  object-position: 90% 50%;
}

.object-fit--bottom-left {
  -o-object-position: 90% 10%;
  object-position: 90% 10%;
}

.object-fit--bottom-center {
  -o-object-position: 50% 90%;
  object-position: 50% 90%;
}

.object-fit--bottom-right {
  -o-object-position: 90% 90%;
  object-position: 90% 90%;
}

.height--20 {
  min-height: 20vh;
}

.height--30 {
  min-height: 30vh;
}

.height--40 {
  min-height: 40vh;
}

.height--50 {
  min-height: 50vh;
}

.height--60 {
  min-height: 60vh;
}

.height--70 {
  min-height: 70vh;
}

.height--80 {
  min-height: 80vh;
}

.height--90 {
  min-height: 90vh;
}

.height--100 {
  min-height: 100vh;
}

.height--full {
  min-height: 100vh;
}

@media (max-width: 1279px) {
  .height--xl-20 {
    min-height: 20vh;
  }
  .height--xl-30 {
    min-height: 30vh;
  }
  .height--xl-40 {
    min-height: 40vh;
  }
  .height--xl-50 {
    min-height: 50vh;
  }
  .height--xl-60 {
    min-height: 60vh;
  }
  .height--xl-70 {
    min-height: 70vh;
  }
  .height--xl-80 {
    min-height: 80vh;
  }
  .height--xl-90 {
    min-height: 90vh;
  }
  .height--xl-100 {
    min-height: 100vh;
  }
  .height--xl-full {
    min-height: 100vh;
  }
}
@media (max-width: 991px) {
  .height--l-20 {
    min-height: 20vh;
  }
  .height--l-30 {
    min-height: 30vh;
  }
  .height--l-40 {
    min-height: 40vh;
  }
  .height--l-50 {
    min-height: 50vh;
  }
  .height--l-60 {
    min-height: 60vh;
  }
  .height--l-70 {
    min-height: 70vh;
  }
  .height--l-80 {
    min-height: 80vh;
  }
  .height--l-90 {
    min-height: 90vh;
  }
  .height--l-100 {
    min-height: 100vh;
  }
  .height--l-full {
    min-height: 100vh;
  }
}
@media (max-width: 767px) {
  .height--m-20 {
    min-height: 20vh;
  }
  .height--m-30 {
    min-height: 30vh;
  }
  .height--m-40 {
    min-height: 40vh;
  }
  .height--m-50 {
    min-height: 50vh;
  }
  .height--m-60 {
    min-height: 60vh;
  }
  .height--m-70 {
    min-height: 70vh;
  }
  .height--m-80 {
    min-height: 80vh;
  }
  .height--m-90 {
    min-height: 90vh;
  }
  .height--m-100 {
    min-height: 100vh;
  }
  .height--m-full {
    min-height: 100vh;
  }
}
@media (max-width: 479px) {
  .height--s-20 {
    min-height: 20vh;
  }
  .height--s-30 {
    min-height: 30vh;
  }
  .height--s-40 {
    min-height: 40vh;
  }
  .height--s-50 {
    min-height: 50vh;
  }
  .height--s-60 {
    min-height: 60vh;
  }
  .height--s-70 {
    min-height: 70vh;
  }
  .height--s-80 {
    min-height: 80vh;
  }
  .height--s-90 {
    min-height: 90vh;
  }
  .height--s-100 {
    min-height: 100vh;
  }
  .height--s-full {
    min-height: 100vh;
  }
}
.max-height--20 {
  max-height: 20vh;
}

.max-height--30 {
  max-height: 30vh;
}

.max-height--40 {
  max-height: 40vh;
}

.max-height--50 {
  max-height: 50vh;
}

.max-height--60 {
  max-height: 60vh;
}

.max-height--70 {
  max-height: 70vh;
}

.max-height--80 {
  max-height: 80vh;
}

.max-height--90 {
  max-height: 90vh;
}

.max-height--100 {
  max-height: 100vh;
}

.max-height--full {
  max-height: 100vh;
}

@media (max-width: 1279px) {
  .max-height--xl-20 {
    max-height: 20vh;
  }
  .max-height--xl-30 {
    max-height: 30vh;
  }
  .max-height--xl-40 {
    max-height: 40vh;
  }
  .max-height--xl-50 {
    max-height: 50vh;
  }
  .max-height--xl-60 {
    max-height: 60vh;
  }
  .max-height--xl-70 {
    max-height: 70vh;
  }
  .max-height--xl-80 {
    max-height: 80vh;
  }
  .max-height--xl-90 {
    max-height: 90vh;
  }
  .max-height--xl-100 {
    max-height: 100vh;
  }
  .max-height--xl-full {
    max-height: 100vh;
  }
}
@media (max-width: 991px) {
  .max-height--l-20 {
    max-height: 20vh;
  }
  .max-height--l-30 {
    max-height: 30vh;
  }
  .max-height--l-40 {
    max-height: 40vh;
  }
  .max-height--l-50 {
    max-height: 50vh;
  }
  .max-height--l-60 {
    max-height: 60vh;
  }
  .max-height--l-70 {
    max-height: 70vh;
  }
  .max-height--l-80 {
    max-height: 80vh;
  }
  .max-height--l-90 {
    max-height: 90vh;
  }
  .max-height--l-100 {
    max-height: 100vh;
  }
  .max-height--l-full {
    max-height: 100vh;
  }
}
@media (max-width: 767px) {
  .max-height--m-20 {
    max-height: 20vh;
  }
  .max-height--m-30 {
    max-height: 30vh;
  }
  .max-height--m-40 {
    max-height: 40vh;
  }
  .max-height--m-50 {
    max-height: 50vh;
  }
  .max-height--m-60 {
    max-height: 60vh;
  }
  .max-height--m-70 {
    max-height: 70vh;
  }
  .max-height--m-80 {
    max-height: 80vh;
  }
  .max-height--m-90 {
    max-height: 90vh;
  }
  .max-height--m-100 {
    max-height: 100vh;
  }
  .max-height--m-full {
    max-height: 100vh;
  }
}
@media (max-width: 479px) {
  .max-height--s-20 {
    max-height: 20vh;
  }
  .max-height--s-30 {
    max-height: 30vh;
  }
  .max-height--s-40 {
    max-height: 40vh;
  }
  .max-height--s-50 {
    max-height: 50vh;
  }
  .max-height--s-60 {
    max-height: 60vh;
  }
  .max-height--s-70 {
    max-height: 70vh;
  }
  .max-height--s-80 {
    max-height: 80vh;
  }
  .max-height--s-90 {
    max-height: 90vh;
  }
  .max-height--s-100 {
    max-height: 100vh;
  }
  .max-height--s-full {
    max-height: 100vh;
  }
}
.grid--1 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
}
.grid--1 > * {
  grid-column: 1 !important;
}

.grid--2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.grid--3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.grid--4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

.grid--5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
}

.grid--6 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  width: 100%;
}

.grid--7 {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  width: 100%;
}

.grid--8 {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  width: 100%;
}

.grid--9 {
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  width: 100%;
}

.grid--10 {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  width: 100%;
}

.grid--11 {
  display: grid !important;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  width: 100%;
}

.grid--12 {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: 100%;
}

.grid--1-2 {
  display: grid !important;
  grid-template-columns: 1fr 2fr;
  width: 100%;
}

.grid--1-3 {
  display: grid !important;
  grid-template-columns: 1fr 3fr;
  width: 100%;
}

.grid--2-1 {
  display: grid !important;
  grid-template-columns: 2fr 1fr;
  width: 100%;
}

.grid--2-3 {
  display: grid !important;
  grid-template-columns: 2fr 3fr;
  width: 100%;
}

.grid--3-1 {
  display: grid !important;
  grid-template-columns: 3fr 1fr;
  width: 100%;
}

.grid--3-2 {
  display: grid !important;
  grid-template-columns: 3fr 2fr;
  width: 100%;
}

.grid--auto-2 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(40.8026755853rem, 100vw - 6rem), 1fr));
  width: 100%;
}

.grid--auto-3 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr));
  width: 100%;
}

.grid--auto-4 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(24.4488977956rem, 100vw - 6rem), 1fr));
  width: 100%;
}

.grid--auto-5 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(20.367278798rem, 100vw - 6rem), 1fr));
  width: 100%;
}

.grid--auto-6 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(17.4535050072rem, 100vw - 6rem), 1fr));
  width: 100%;
}

.grid--auto-1-2 {
  display: grid !important;
  grid-template-columns: 1fr 2fr;
  width: 100%;
}

.grid--auto-1-3 {
  display: grid !important;
  grid-template-columns: 1fr 3fr;
  width: 100%;
}

.grid--auto-2-1 {
  display: grid !important;
  grid-template-columns: 2fr 1fr;
  width: 100%;
}

.grid--auto-2-3 {
  display: grid !important;
  grid-template-columns: 2fr 3fr;
  width: 100%;
}

.grid--auto-3-1 {
  display: grid !important;
  grid-template-columns: 3fr 1fr;
  width: 100%;
}

.grid--auto-3-2 {
  display: grid !important;
  grid-template-columns: 3fr 2fr;
  width: 100%;
}

@media (max-width: 1279px) {
  .grid--xl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--xl-1 > * {
    grid-column: 1 !important;
  }
  .grid--xl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--xl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--xl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--xl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--xl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--xl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--xl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--xl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--xl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--xl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--xl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .grid--l-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--l-1 > * {
    grid-column: 1 !important;
  }
  .grid--l-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--l-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--l-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--l-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--l-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--l-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--l-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--l-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--l-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--l-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--l-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .grid--m-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--m-1 > * {
    grid-column: 1 !important;
  }
  .grid--m-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--m-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--m-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--m-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--m-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--m-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--m-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--m-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--m-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--m-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--m-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 479px) {
  .grid--s-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--s-1 > * {
    grid-column: 1 !important;
  }
  .grid--s-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--s-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--s-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--s-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--s-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--s-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--s-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--s-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--s-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--s-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--s-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .grid--auto-1-2 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-1-3 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-3-2 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-2-3 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-2-1 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-3-1 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr));
  }
}
@media (min-width: 1279px) {
  .grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--1-2:nth-of-type(even) {
    grid-template-columns: 2fr 1fr;
  }
  .grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--1-3:nth-of-type(even) {
    grid-template-columns: 3fr 1fr;
  }
  .grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--2-1:nth-of-type(even) {
    grid-template-columns: 1fr 2fr;
  }
  .grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--2-3:nth-of-type(even) {
    grid-template-columns: 3fr 2fr;
  }
  .grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--3-1:nth-of-type(even) {
    grid-template-columns: 1fr 3fr;
  }
  .grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--3-2:nth-of-type(even) {
    grid-template-columns: 2fr 3fr;
  }
  .grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
@media (min-width: 991px) {
  .grid--alternate-l > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--1-2:nth-of-type(even) {
    grid-template-columns: 2fr 1fr;
  }
  .grid--alternate-l > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--1-3:nth-of-type(even) {
    grid-template-columns: 3fr 1fr;
  }
  .grid--alternate-l > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--2-1:nth-of-type(even) {
    grid-template-columns: 1fr 2fr;
  }
  .grid--alternate-l > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--2-3:nth-of-type(even) {
    grid-template-columns: 3fr 2fr;
  }
  .grid--alternate-l > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--3-1:nth-of-type(even) {
    grid-template-columns: 1fr 3fr;
  }
  .grid--alternate-l > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--3-2:nth-of-type(even) {
    grid-template-columns: 2fr 3fr;
  }
  .grid--alternate-l > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
@media (min-width: 767px) {
  .grid--alternate-m > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--1-2:nth-of-type(even) {
    grid-template-columns: 2fr 1fr;
  }
  .grid--alternate-m > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--1-3:nth-of-type(even) {
    grid-template-columns: 3fr 1fr;
  }
  .grid--alternate-m > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--2-1:nth-of-type(even) {
    grid-template-columns: 1fr 2fr;
  }
  .grid--alternate-m > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--2-3:nth-of-type(even) {
    grid-template-columns: 3fr 2fr;
  }
  .grid--alternate-m > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--3-1:nth-of-type(even) {
    grid-template-columns: 1fr 3fr;
  }
  .grid--alternate-m > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--3-2:nth-of-type(even) {
    grid-template-columns: 2fr 3fr;
  }
  .grid--alternate-m > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
@media (min-width: 479px) {
  .grid--alternate-s > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--1-2:nth-of-type(even) {
    grid-template-columns: 2fr 1fr;
  }
  .grid--alternate-s > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--1-3:nth-of-type(even) {
    grid-template-columns: 3fr 1fr;
  }
  .grid--alternate-s > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--2-1:nth-of-type(even) {
    grid-template-columns: 1fr 2fr;
  }
  .grid--alternate-s > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--2-3:nth-of-type(even) {
    grid-template-columns: 3fr 2fr;
  }
  .grid--alternate-s > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--3-1:nth-of-type(even) {
    grid-template-columns: 1fr 3fr;
  }
  .grid--alternate-s > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--3-2:nth-of-type(even) {
    grid-template-columns: 2fr 3fr;
  }
  .grid--alternate-s > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
.row-span--1 {
  grid-row: span 1;
}

.col-span--1 {
  grid-column: span 1;
}

.row-start--1 {
  grid-row-start: 1;
}

.col-start--1 {
  grid-column-start: 1;
}

.col-end--1 {
  grid-column-end: 1;
}

.row-span--2 {
  grid-row: span 2;
}

.col-span--2 {
  grid-column: span 2;
}

.row-start--2 {
  grid-row-start: 2;
}

.col-start--2 {
  grid-column-start: 2;
}

.col-end--2 {
  grid-column-end: 2;
}

.row-span--3 {
  grid-row: span 3;
}

.col-span--3 {
  grid-column: span 3;
}

.row-start--3 {
  grid-row-start: 3;
}

.col-start--3 {
  grid-column-start: 3;
}

.col-end--3 {
  grid-column-end: 3;
}

.row-span--4 {
  grid-row: span 4;
}

.col-span--4 {
  grid-column: span 4;
}

.row-start--4 {
  grid-row-start: 4;
}

.col-start--4 {
  grid-column-start: 4;
}

.col-end--4 {
  grid-column-end: 4;
}

.row-span--5 {
  grid-row: span 5;
}

.col-span--5 {
  grid-column: span 5;
}

.row-start--5 {
  grid-row-start: 5;
}

.col-start--5 {
  grid-column-start: 5;
}

.col-end--5 {
  grid-column-end: 5;
}

.row-span--6 {
  grid-row: span 6;
}

.col-span--6 {
  grid-column: span 6;
}

.row-start--6 {
  grid-row-start: 6;
}

.col-start--6 {
  grid-column-start: 6;
}

.col-end--6 {
  grid-column-end: 6;
}

.row-span--7 {
  grid-row: span 7;
}

.col-span--7 {
  grid-column: span 7;
}

.row-start--7 {
  grid-row-start: 7;
}

.col-start--7 {
  grid-column-start: 7;
}

.col-end--7 {
  grid-column-end: 7;
}

.row-span--8 {
  grid-row: span 8;
}

.col-span--8 {
  grid-column: span 8;
}

.row-start--8 {
  grid-row-start: 8;
}

.col-start--8 {
  grid-column-start: 8;
}

.col-end--8 {
  grid-column-end: 8;
}

.row-span--9 {
  grid-row: span 9;
}

.col-span--9 {
  grid-column: span 9;
}

.row-start--9 {
  grid-row-start: 9;
}

.col-start--9 {
  grid-column-start: 9;
}

.col-end--9 {
  grid-column-end: 9;
}

.row-span--10 {
  grid-row: span 10;
}

.col-span--10 {
  grid-column: span 10;
}

.row-start--10 {
  grid-row-start: 10;
}

.col-start--10 {
  grid-column-start: 10;
}

.col-end--10 {
  grid-column-end: 10;
}

.row-span--11 {
  grid-row: span 11;
}

.col-span--11 {
  grid-column: span 11;
}

.row-start--11 {
  grid-row-start: 11;
}

.col-start--11 {
  grid-column-start: 11;
}

.col-end--11 {
  grid-column-end: 11;
}

.row-span--12 {
  grid-row: span 12;
}

.col-span--12 {
  grid-column: span 12;
}

.row-start--12 {
  grid-row-start: 12;
}

.col-start--12 {
  grid-column-start: 12;
}

.col-end--12 {
  grid-column-end: 12;
}

@media (max-width: 1279px) {
  .row-span--xl-1 {
    grid-row: span 1;
  }
  .col-span--xl-1 {
    grid-column: span 1;
  }
  .row-start--xl-1 {
    grid-row-start: 1;
  }
  .col-start--xl-1 {
    grid-column-start: 1;
  }
  .col-end--xl-1 {
    grid-column-end: 1;
  }
  .row-span--xl-2 {
    grid-row: span 2;
  }
  .col-span--xl-2 {
    grid-column: span 2;
  }
  .row-start--xl-2 {
    grid-row-start: 2;
  }
  .col-start--xl-2 {
    grid-column-start: 2;
  }
  .col-end--xl-2 {
    grid-column-end: 2;
  }
  .row-span--xl-3 {
    grid-row: span 3;
  }
  .col-span--xl-3 {
    grid-column: span 3;
  }
  .row-start--xl-3 {
    grid-row-start: 3;
  }
  .col-start--xl-3 {
    grid-column-start: 3;
  }
  .col-end--xl-3 {
    grid-column-end: 3;
  }
  .row-span--xl-4 {
    grid-row: span 4;
  }
  .col-span--xl-4 {
    grid-column: span 4;
  }
  .row-start--xl-4 {
    grid-row-start: 4;
  }
  .col-start--xl-4 {
    grid-column-start: 4;
  }
  .col-end--xl-4 {
    grid-column-end: 4;
  }
  .row-span--xl-5 {
    grid-row: span 5;
  }
  .col-span--xl-5 {
    grid-column: span 5;
  }
  .row-start--xl-5 {
    grid-row-start: 5;
  }
  .col-start--xl-5 {
    grid-column-start: 5;
  }
  .col-end--xl-5 {
    grid-column-end: 5;
  }
  .row-span--xl-6 {
    grid-row: span 6;
  }
  .col-span--xl-6 {
    grid-column: span 6;
  }
  .row-start--xl-6 {
    grid-row-start: 6;
  }
  .col-start--xl-6 {
    grid-column-start: 6;
  }
  .col-end--xl-6 {
    grid-column-end: 6;
  }
  .row-span--xl-7 {
    grid-row: span 7;
  }
  .col-span--xl-7 {
    grid-column: span 7;
  }
  .row-start--xl-7 {
    grid-row-start: 7;
  }
  .col-start--xl-7 {
    grid-column-start: 7;
  }
  .col-end--xl-7 {
    grid-column-end: 7;
  }
  .row-span--xl-8 {
    grid-row: span 8;
  }
  .col-span--xl-8 {
    grid-column: span 8;
  }
  .row-start--xl-8 {
    grid-row-start: 8;
  }
  .col-start--xl-8 {
    grid-column-start: 8;
  }
  .col-end--xl-8 {
    grid-column-end: 8;
  }
  .row-span--xl-9 {
    grid-row: span 9;
  }
  .col-span--xl-9 {
    grid-column: span 9;
  }
  .row-start--xl-9 {
    grid-row-start: 9;
  }
  .col-start--xl-9 {
    grid-column-start: 9;
  }
  .col-end--xl-9 {
    grid-column-end: 9;
  }
  .row-span--xl-10 {
    grid-row: span 10;
  }
  .col-span--xl-10 {
    grid-column: span 10;
  }
  .row-start--xl-10 {
    grid-row-start: 10;
  }
  .col-start--xl-10 {
    grid-column-start: 10;
  }
  .col-end--xl-10 {
    grid-column-end: 10;
  }
  .row-span--xl-11 {
    grid-row: span 11;
  }
  .col-span--xl-11 {
    grid-column: span 11;
  }
  .row-start--xl-11 {
    grid-row-start: 11;
  }
  .col-start--xl-11 {
    grid-column-start: 11;
  }
  .col-end--xl-11 {
    grid-column-end: 11;
  }
  .row-span--xl-12 {
    grid-row: span 12;
  }
  .col-span--xl-12 {
    grid-column: span 12;
  }
  .row-start--xl-12 {
    grid-row-start: 12;
  }
  .col-start--xl-12 {
    grid-column-start: 12;
  }
  .col-end--xl-12 {
    grid-column-end: 12;
  }
}
@media (max-width: 991px) {
  .row-span--l-1 {
    grid-row: span 1;
  }
  .col-span--l-1 {
    grid-column: span 1;
  }
  .row-start--l-1 {
    grid-row-start: 1;
  }
  .col-start--l-1 {
    grid-column-start: 1;
  }
  .col-end--l-1 {
    grid-column-end: 1;
  }
  .row-span--l-2 {
    grid-row: span 2;
  }
  .col-span--l-2 {
    grid-column: span 2;
  }
  .row-start--l-2 {
    grid-row-start: 2;
  }
  .col-start--l-2 {
    grid-column-start: 2;
  }
  .col-end--l-2 {
    grid-column-end: 2;
  }
  .row-span--l-3 {
    grid-row: span 3;
  }
  .col-span--l-3 {
    grid-column: span 3;
  }
  .row-start--l-3 {
    grid-row-start: 3;
  }
  .col-start--l-3 {
    grid-column-start: 3;
  }
  .col-end--l-3 {
    grid-column-end: 3;
  }
  .row-span--l-4 {
    grid-row: span 4;
  }
  .col-span--l-4 {
    grid-column: span 4;
  }
  .row-start--l-4 {
    grid-row-start: 4;
  }
  .col-start--l-4 {
    grid-column-start: 4;
  }
  .col-end--l-4 {
    grid-column-end: 4;
  }
  .row-span--l-5 {
    grid-row: span 5;
  }
  .col-span--l-5 {
    grid-column: span 5;
  }
  .row-start--l-5 {
    grid-row-start: 5;
  }
  .col-start--l-5 {
    grid-column-start: 5;
  }
  .col-end--l-5 {
    grid-column-end: 5;
  }
  .row-span--l-6 {
    grid-row: span 6;
  }
  .col-span--l-6 {
    grid-column: span 6;
  }
  .row-start--l-6 {
    grid-row-start: 6;
  }
  .col-start--l-6 {
    grid-column-start: 6;
  }
  .col-end--l-6 {
    grid-column-end: 6;
  }
  .row-span--l-7 {
    grid-row: span 7;
  }
  .col-span--l-7 {
    grid-column: span 7;
  }
  .row-start--l-7 {
    grid-row-start: 7;
  }
  .col-start--l-7 {
    grid-column-start: 7;
  }
  .col-end--l-7 {
    grid-column-end: 7;
  }
  .row-span--l-8 {
    grid-row: span 8;
  }
  .col-span--l-8 {
    grid-column: span 8;
  }
  .row-start--l-8 {
    grid-row-start: 8;
  }
  .col-start--l-8 {
    grid-column-start: 8;
  }
  .col-end--l-8 {
    grid-column-end: 8;
  }
  .row-span--l-9 {
    grid-row: span 9;
  }
  .col-span--l-9 {
    grid-column: span 9;
  }
  .row-start--l-9 {
    grid-row-start: 9;
  }
  .col-start--l-9 {
    grid-column-start: 9;
  }
  .col-end--l-9 {
    grid-column-end: 9;
  }
  .row-span--l-10 {
    grid-row: span 10;
  }
  .col-span--l-10 {
    grid-column: span 10;
  }
  .row-start--l-10 {
    grid-row-start: 10;
  }
  .col-start--l-10 {
    grid-column-start: 10;
  }
  .col-end--l-10 {
    grid-column-end: 10;
  }
  .row-span--l-11 {
    grid-row: span 11;
  }
  .col-span--l-11 {
    grid-column: span 11;
  }
  .row-start--l-11 {
    grid-row-start: 11;
  }
  .col-start--l-11 {
    grid-column-start: 11;
  }
  .col-end--l-11 {
    grid-column-end: 11;
  }
  .row-span--l-12 {
    grid-row: span 12;
  }
  .col-span--l-12 {
    grid-column: span 12;
  }
  .row-start--l-12 {
    grid-row-start: 12;
  }
  .col-start--l-12 {
    grid-column-start: 12;
  }
  .col-end--l-12 {
    grid-column-end: 12;
  }
}
@media (max-width: 767px) {
  .row-span--m-1 {
    grid-row: span 1;
  }
  .col-span--m-1 {
    grid-column: span 1;
  }
  .row-start--m-1 {
    grid-row-start: 1;
  }
  .col-start--m-1 {
    grid-column-start: 1;
  }
  .col-end--m-1 {
    grid-column-end: 1;
  }
  .row-span--m-2 {
    grid-row: span 2;
  }
  .col-span--m-2 {
    grid-column: span 2;
  }
  .row-start--m-2 {
    grid-row-start: 2;
  }
  .col-start--m-2 {
    grid-column-start: 2;
  }
  .col-end--m-2 {
    grid-column-end: 2;
  }
  .row-span--m-3 {
    grid-row: span 3;
  }
  .col-span--m-3 {
    grid-column: span 3;
  }
  .row-start--m-3 {
    grid-row-start: 3;
  }
  .col-start--m-3 {
    grid-column-start: 3;
  }
  .col-end--m-3 {
    grid-column-end: 3;
  }
  .row-span--m-4 {
    grid-row: span 4;
  }
  .col-span--m-4 {
    grid-column: span 4;
  }
  .row-start--m-4 {
    grid-row-start: 4;
  }
  .col-start--m-4 {
    grid-column-start: 4;
  }
  .col-end--m-4 {
    grid-column-end: 4;
  }
  .row-span--m-5 {
    grid-row: span 5;
  }
  .col-span--m-5 {
    grid-column: span 5;
  }
  .row-start--m-5 {
    grid-row-start: 5;
  }
  .col-start--m-5 {
    grid-column-start: 5;
  }
  .col-end--m-5 {
    grid-column-end: 5;
  }
  .row-span--m-6 {
    grid-row: span 6;
  }
  .col-span--m-6 {
    grid-column: span 6;
  }
  .row-start--m-6 {
    grid-row-start: 6;
  }
  .col-start--m-6 {
    grid-column-start: 6;
  }
  .col-end--m-6 {
    grid-column-end: 6;
  }
  .row-span--m-7 {
    grid-row: span 7;
  }
  .col-span--m-7 {
    grid-column: span 7;
  }
  .row-start--m-7 {
    grid-row-start: 7;
  }
  .col-start--m-7 {
    grid-column-start: 7;
  }
  .col-end--m-7 {
    grid-column-end: 7;
  }
  .row-span--m-8 {
    grid-row: span 8;
  }
  .col-span--m-8 {
    grid-column: span 8;
  }
  .row-start--m-8 {
    grid-row-start: 8;
  }
  .col-start--m-8 {
    grid-column-start: 8;
  }
  .col-end--m-8 {
    grid-column-end: 8;
  }
  .row-span--m-9 {
    grid-row: span 9;
  }
  .col-span--m-9 {
    grid-column: span 9;
  }
  .row-start--m-9 {
    grid-row-start: 9;
  }
  .col-start--m-9 {
    grid-column-start: 9;
  }
  .col-end--m-9 {
    grid-column-end: 9;
  }
  .row-span--m-10 {
    grid-row: span 10;
  }
  .col-span--m-10 {
    grid-column: span 10;
  }
  .row-start--m-10 {
    grid-row-start: 10;
  }
  .col-start--m-10 {
    grid-column-start: 10;
  }
  .col-end--m-10 {
    grid-column-end: 10;
  }
  .row-span--m-11 {
    grid-row: span 11;
  }
  .col-span--m-11 {
    grid-column: span 11;
  }
  .row-start--m-11 {
    grid-row-start: 11;
  }
  .col-start--m-11 {
    grid-column-start: 11;
  }
  .col-end--m-11 {
    grid-column-end: 11;
  }
  .row-span--m-12 {
    grid-row: span 12;
  }
  .col-span--m-12 {
    grid-column: span 12;
  }
  .row-start--m-12 {
    grid-row-start: 12;
  }
  .col-start--m-12 {
    grid-column-start: 12;
  }
  .col-end--m-12 {
    grid-column-end: 12;
  }
}
@media (max-width: 479px) {
  .row-span--s-1 {
    grid-row: span 1;
  }
  .col-span--s-1 {
    grid-column: span 1;
  }
  .row-start--s-1 {
    grid-row-start: 1;
  }
  .col-start--s-1 {
    grid-column-start: 1;
  }
  .col-end--s-1 {
    grid-column-end: 1;
  }
  .row-span--s-2 {
    grid-row: span 2;
  }
  .col-span--s-2 {
    grid-column: span 2;
  }
  .row-start--s-2 {
    grid-row-start: 2;
  }
  .col-start--s-2 {
    grid-column-start: 2;
  }
  .col-end--s-2 {
    grid-column-end: 2;
  }
  .row-span--s-3 {
    grid-row: span 3;
  }
  .col-span--s-3 {
    grid-column: span 3;
  }
  .row-start--s-3 {
    grid-row-start: 3;
  }
  .col-start--s-3 {
    grid-column-start: 3;
  }
  .col-end--s-3 {
    grid-column-end: 3;
  }
  .row-span--s-4 {
    grid-row: span 4;
  }
  .col-span--s-4 {
    grid-column: span 4;
  }
  .row-start--s-4 {
    grid-row-start: 4;
  }
  .col-start--s-4 {
    grid-column-start: 4;
  }
  .col-end--s-4 {
    grid-column-end: 4;
  }
  .row-span--s-5 {
    grid-row: span 5;
  }
  .col-span--s-5 {
    grid-column: span 5;
  }
  .row-start--s-5 {
    grid-row-start: 5;
  }
  .col-start--s-5 {
    grid-column-start: 5;
  }
  .col-end--s-5 {
    grid-column-end: 5;
  }
  .row-span--s-6 {
    grid-row: span 6;
  }
  .col-span--s-6 {
    grid-column: span 6;
  }
  .row-start--s-6 {
    grid-row-start: 6;
  }
  .col-start--s-6 {
    grid-column-start: 6;
  }
  .col-end--s-6 {
    grid-column-end: 6;
  }
  .row-span--s-7 {
    grid-row: span 7;
  }
  .col-span--s-7 {
    grid-column: span 7;
  }
  .row-start--s-7 {
    grid-row-start: 7;
  }
  .col-start--s-7 {
    grid-column-start: 7;
  }
  .col-end--s-7 {
    grid-column-end: 7;
  }
  .row-span--s-8 {
    grid-row: span 8;
  }
  .col-span--s-8 {
    grid-column: span 8;
  }
  .row-start--s-8 {
    grid-row-start: 8;
  }
  .col-start--s-8 {
    grid-column-start: 8;
  }
  .col-end--s-8 {
    grid-column-end: 8;
  }
  .row-span--s-9 {
    grid-row: span 9;
  }
  .col-span--s-9 {
    grid-column: span 9;
  }
  .row-start--s-9 {
    grid-row-start: 9;
  }
  .col-start--s-9 {
    grid-column-start: 9;
  }
  .col-end--s-9 {
    grid-column-end: 9;
  }
  .row-span--s-10 {
    grid-row: span 10;
  }
  .col-span--s-10 {
    grid-column: span 10;
  }
  .row-start--s-10 {
    grid-row-start: 10;
  }
  .col-start--s-10 {
    grid-column-start: 10;
  }
  .col-end--s-10 {
    grid-column-end: 10;
  }
  .row-span--s-11 {
    grid-row: span 11;
  }
  .col-span--s-11 {
    grid-column: span 11;
  }
  .row-start--s-11 {
    grid-row-start: 11;
  }
  .col-start--s-11 {
    grid-column-start: 11;
  }
  .col-end--s-11 {
    grid-column-end: 11;
  }
  .row-span--s-12 {
    grid-row: span 12;
  }
  .col-span--s-12 {
    grid-column: span 12;
  }
  .row-start--s-12 {
    grid-row-start: 12;
  }
  .col-start--s-12 {
    grid-column-start: 12;
  }
  .col-end--s-12 {
    grid-column-end: 12;
  }
}
.order--first {
  order: -1;
}

.order--last {
  order: 999;
}

.col-end--last {
  grid-column-end: -1;
}

@media (max-width: 1279px) {
  .order--first-xl {
    order: -1;
  }
  .order--last-xl {
    order: 999;
  }
  .col-end--xl-last {
    grid-column-end: -1;
  }
}
@media (max-width: 991px) {
  .order--first-l {
    order: -1;
  }
  .order--last-l {
    order: 999;
  }
  .col-end--l-last {
    grid-column-end: -1;
  }
}
@media (max-width: 767px) {
  .order--first-m {
    order: -1;
  }
  .order--last-m {
    order: 999;
  }
  .col-end--m-last {
    grid-column-end: -1;
  }
}
@media (max-width: 479px) {
  .order--first-s {
    order: -1;
  }
  .order--last-s {
    order: 999;
  }
  .col-end--s-last {
    grid-column-end: -1;
  }
}
.grid--auto-rows {
  grid-auto-rows: minmax(-webkit-min-content, 1fr);
  grid-auto-rows: minmax(min-content, 1fr);
}

.gap--xs {
  gap: 1.896rem;
  gap: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
  gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}

.gap--s {
  gap: 2.133rem;
  gap: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
  gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}

.gap--m {
  gap: 2.4rem;
  gap: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.gap--l {
  gap: 2.7rem;
  gap: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
  gap: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
}

.gap--xl {
  gap: 3.038rem;
  gap: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
  gap: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
}

.gap--xxl {
  gap: 3.42rem;
  gap: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
  gap: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
}

@media (max-width: 1279px) {
  .gap--xl-xs {
    gap: 1.896rem;
    gap: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
    gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
  }
  .gap--xl-s {
    gap: 2.133rem;
    gap: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
    gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
  }
  .gap--xl-m {
    gap: 2.4rem;
    gap: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .gap--xl-l {
    gap: 2.7rem;
    gap: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
    gap: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
  }
  .gap--xl-xl {
    gap: 3.038rem;
    gap: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
    gap: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
  }
  .gap--xl-xxl {
    gap: 3.42rem;
    gap: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
    gap: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
  }
}
@media (max-width: 991px) {
  .gap--l-xs {
    gap: 1.896rem;
    gap: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
    gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
  }
  .gap--l-s {
    gap: 2.133rem;
    gap: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
    gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
  }
  .gap--l-m {
    gap: 2.4rem;
    gap: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .gap--l-l {
    gap: 2.7rem;
    gap: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
    gap: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
  }
  .gap--l-xl {
    gap: 3.038rem;
    gap: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
    gap: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
  }
  .gap--l-xxl {
    gap: 3.42rem;
    gap: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
    gap: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
  }
}
@media (max-width: 767px) {
  .gap--m-xs {
    gap: 1.896rem;
    gap: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
    gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
  }
  .gap--m-s {
    gap: 2.133rem;
    gap: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
    gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
  }
  .gap--m-m {
    gap: 2.4rem;
    gap: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .gap--m-l {
    gap: 2.7rem;
    gap: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
    gap: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
  }
  .gap--m-xl {
    gap: 3.038rem;
    gap: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
    gap: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
  }
  .gap--m-xxl {
    gap: 3.42rem;
    gap: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
    gap: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
  }
}
@media (max-width: 479px) {
  .gap--s-xs {
    gap: 1.896rem;
    gap: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
    gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
  }
  .gap--s-s {
    gap: 2.133rem;
    gap: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
    gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
  }
  .gap--s-m {
    gap: 2.4rem;
    gap: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
    gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .gap--s-l {
    gap: 2.7rem;
    gap: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
    gap: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
  }
  .gap--s-xl {
    gap: 3.038rem;
    gap: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
    gap: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
  }
  .gap--s-xxl {
    gap: 3.42rem;
    gap: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
    gap: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
  }
}
.flex--col {
  display: flex;
  flex-direction: column;
}

.flex--row {
  display: flex;
  flex-direction: row;
}

.flex--col-reverse {
  display: flex;
  flex-direction: column-reverse;
}

.flex--row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 1279px) {
  .flex--col-xl {
    display: flex;
    flex-direction: column;
  }
  .flex--row-xl {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-xl {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-xl {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 991px) {
  .flex--col-l {
    display: flex;
    flex-direction: column;
  }
  .flex--row-l {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-l {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-l {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .flex--col-m {
    display: flex;
    flex-direction: column;
  }
  .flex--row-m {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-m {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-m {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 479px) {
  .flex--col-s {
    display: flex;
    flex-direction: column;
  }
  .flex--row-s {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-s {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-s {
    display: flex;
    flex-direction: row-reverse;
  }
}
.justify-content--start {
  display: flex;
  justify-content: flex-start;
}

.justify-content--end {
  display: flex;
  justify-content: flex-end;
}

.justify-content--center {
  display: flex;
  justify-content: center;
}

.justify-content--between {
  display: flex;
  justify-content: space-between;
}

.justify-content--around {
  display: flex;
  justify-content: space-around;
}

.justify-content--stretch {
  display: flex;
  justify-content: stretch;
}

.align-content--start {
  display: flex;
  align-content: flex-start;
}

.align-content--end {
  display: flex;
  align-content: flex-end;
}

.align-content--center {
  display: flex;
  align-content: center;
}

.align-content--baseline {
  display: flex;
  align-content: baseline;
}

.align-content--stretch {
  display: flex;
  align-content: stretch;
}

.justify-items--start {
  display: flex;
  justify-items: flex-start;
}

.justify-items--center {
  display: flex;
  justify-items: center;
}

.justify-items--end {
  display: flex;
  justify-items: flex-end;
}

.justify-items--stretch {
  display: flex;
  justify-items: stretch;
}

.align-items--start {
  display: flex;
  align-items: flex-start;
}

.align-items--end {
  display: flex;
  align-items: flex-end;
}

.align-items--center {
  display: flex;
  align-items: center;
}

.align-items--baseline {
  display: flex;
  align-items: baseline;
}

.align-items--stretch {
  display: flex;
  align-items: stretch;
}

.self--start {
  display: flex;
  align-self: flex-start;
}

.self--end {
  display: flex;
  align-self: flex-end;
}

.self--stretch {
  display: flex;
  align-self: stretch;
}

.self--center {
  display: flex;
  align-self: center;
}

.stretch {
  display: flex;
  align-content: stretch;
  align-items: stretch;
  justify-content: stretch;
  justify-items: stretch;
}

.flex--wrap {
  flex-wrap: wrap;
}

.width--xs:not([class*=breakout--]) {
  width: 100%;
  max-width: calc((128 * 0.1) * 1rem);
}

.width--s:not([class*=breakout--]) {
  width: 100%;
  max-width: calc((128 * 0.2) * 1rem);
}

.width--m:not([class*=breakout--]) {
  width: 100%;
  max-width: calc((128 * 0.4) * 1rem);
}

.width--l:not([class*=breakout--]) {
  width: 100%;
  max-width: calc((128 * 0.6) * 1rem);
}

.width--xl:not([class*=breakout--]) {
  width: 100%;
  max-width: calc((128 * 0.8) * 1rem);
}

.width--xxl:not([class*=breakout--]) {
  width: 100%;
  max-width: calc((128 * 0.9) * 1rem);
}

.width--vp-max:not([class*=breakout--]) {
  width: 100%;
  max-width: 128rem;
  margin-left: auto;
  margin-right: auto;
}

.width--50:not([class*=breakout--]) {
  width: 100%;
  max-width: calc((128 / 2) * 1rem);
}

.width--full:not([class*=breakout--]) {
  width: 100%;
  max-width: 100%;
}

.width--auto {
  width: auto !important;
  width: 100%;
}

.rounded--xs {
  border-radius: 0.4444444444rem;
}

.rounded--s {
  border-radius: 0.6666666667rem;
}

.rounded--m {
  border-radius: 1rem;
}

.rounded--l {
  border-radius: 1.5rem;
}

.rounded--xl {
  border-radius: 2.25rem;
}

.rounded--xxl {
  border-radius: 3.375rem;
}

.rounded--50 {
  border-radius: 50%;
}

.rounded--circle {
  border-radius: 50%;
}

.aspect--1-1 {
  aspect-ratio: 1 / 1;
}

img.aspect--1-1 {
  -o-object-fit: cover;
  object-fit: cover;
}

.aspect--1-1 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}

.aspect--1-2 {
  aspect-ratio: 1 / 2;
}

img.aspect--1-2 {
  -o-object-fit: cover;
  object-fit: cover;
}

.aspect--1-2 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 2;
}

.aspect--2-1 {
  aspect-ratio: 2 / 1;
}

img.aspect--2-1 {
  -o-object-fit: cover;
  object-fit: cover;
}

.aspect--2-1 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 1;
}

.aspect--2-3 {
  aspect-ratio: 2 / 3;
}

img.aspect--2-3 {
  -o-object-fit: cover;
  object-fit: cover;
}

.aspect--2-3 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 3;
}

.aspect--3-2 {
  aspect-ratio: 3 / 2;
}

img.aspect--3-2 {
  -o-object-fit: cover;
  object-fit: cover;
}

.aspect--3-2 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
}

.aspect--3-4 {
  aspect-ratio: 3 / 4;
}

img.aspect--3-4 {
  -o-object-fit: cover;
  object-fit: cover;
}

.aspect--3-4 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 4;
}

.aspect--4-3 {
  aspect-ratio: 4 / 3;
}

img.aspect--4-3 {
  -o-object-fit: cover;
  object-fit: cover;
}

.aspect--4-3 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
}

.aspect--16-9 {
  aspect-ratio: 16 / 9;
}

img.aspect--16-9 {
  -o-object-fit: cover;
  object-fit: cover;
}

.aspect--16-9 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}

.aspect--9-16 {
  aspect-ratio: 9 / 16;
}

img.aspect--9-16 {
  -o-object-fit: cover;
  object-fit: cover;
}

.aspect--9-16 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 9 / 16;
}

@media (max-width: 1279px) {
  .aspect--xl-1-1 {
    aspect-ratio: 1 / 1;
  }
  img.aspect--xl-1-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-1-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  .aspect--xl-1-2 {
    aspect-ratio: 1 / 2;
  }
  img.aspect--xl-1-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-1-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 2;
  }
  .aspect--xl-2-1 {
    aspect-ratio: 2 / 1;
  }
  img.aspect--xl-2-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-2-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
  }
  .aspect--xl-2-3 {
    aspect-ratio: 2 / 3;
  }
  img.aspect--xl-2-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-2-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
  }
  .aspect--xl-3-2 {
    aspect-ratio: 3 / 2;
  }
  img.aspect--xl-3-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-3-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
  }
  .aspect--xl-3-4 {
    aspect-ratio: 3 / 4;
  }
  img.aspect--xl-3-4 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-3-4 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 4;
  }
  .aspect--xl-4-3 {
    aspect-ratio: 4 / 3;
  }
  img.aspect--xl-4-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-4-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .aspect--xl-16-9 {
    aspect-ratio: 16 / 9;
  }
  img.aspect--xl-16-9 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-16-9 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
  .aspect--xl-9-16 {
    aspect-ratio: 9 / 16;
  }
  img.aspect--xl-9-16 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-9-16 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
  }
}
@media (max-width: 991px) {
  .aspect--l-1-1 {
    aspect-ratio: 1 / 1;
  }
  img.aspect--l-1-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-1-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  .aspect--l-1-2 {
    aspect-ratio: 1 / 2;
  }
  img.aspect--l-1-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-1-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 2;
  }
  .aspect--l-2-1 {
    aspect-ratio: 2 / 1;
  }
  img.aspect--l-2-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-2-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
  }
  .aspect--l-2-3 {
    aspect-ratio: 2 / 3;
  }
  img.aspect--l-2-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-2-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
  }
  .aspect--l-3-2 {
    aspect-ratio: 3 / 2;
  }
  img.aspect--l-3-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-3-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
  }
  .aspect--l-3-4 {
    aspect-ratio: 3 / 4;
  }
  img.aspect--l-3-4 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-3-4 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 4;
  }
  .aspect--l-4-3 {
    aspect-ratio: 4 / 3;
  }
  img.aspect--l-4-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-4-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .aspect--l-16-9 {
    aspect-ratio: 16 / 9;
  }
  img.aspect--l-16-9 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-16-9 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
  .aspect--l-9-16 {
    aspect-ratio: 9 / 16;
  }
  img.aspect--l-9-16 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-9-16 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
  }
}
@media (max-width: 767px) {
  .aspect--m-1-1 {
    aspect-ratio: 1 / 1;
  }
  img.aspect--m-1-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-1-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  .aspect--m-1-2 {
    aspect-ratio: 1 / 2;
  }
  img.aspect--m-1-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-1-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 2;
  }
  .aspect--m-2-1 {
    aspect-ratio: 2 / 1;
  }
  img.aspect--m-2-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-2-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
  }
  .aspect--m-2-3 {
    aspect-ratio: 2 / 3;
  }
  img.aspect--m-2-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-2-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
  }
  .aspect--m-3-2 {
    aspect-ratio: 3 / 2;
  }
  img.aspect--m-3-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-3-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
  }
  .aspect--m-3-4 {
    aspect-ratio: 3 / 4;
  }
  img.aspect--m-3-4 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-3-4 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 4;
  }
  .aspect--m-4-3 {
    aspect-ratio: 4 / 3;
  }
  img.aspect--m-4-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-4-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .aspect--m-16-9 {
    aspect-ratio: 16 / 9;
  }
  img.aspect--m-16-9 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-16-9 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
  .aspect--m-9-16 {
    aspect-ratio: 9 / 16;
  }
  img.aspect--m-9-16 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-9-16 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
  }
}
@media (max-width: 479px) {
  .aspect--s-1-1 {
    aspect-ratio: 1 / 1;
  }
  img.aspect--s-1-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-1-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  .aspect--s-1-2 {
    aspect-ratio: 1 / 2;
  }
  img.aspect--s-1-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-1-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 2;
  }
  .aspect--s-2-1 {
    aspect-ratio: 2 / 1;
  }
  img.aspect--s-2-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-2-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
  }
  .aspect--s-2-3 {
    aspect-ratio: 2 / 3;
  }
  img.aspect--s-2-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-2-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
  }
  .aspect--s-3-2 {
    aspect-ratio: 3 / 2;
  }
  img.aspect--s-3-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-3-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
  }
  .aspect--s-3-4 {
    aspect-ratio: 3 / 4;
  }
  img.aspect--s-3-4 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-3-4 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 4;
  }
  .aspect--s-4-3 {
    aspect-ratio: 4 / 3;
  }
  img.aspect--s-4-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-4-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .aspect--s-16-9 {
    aspect-ratio: 16 / 9;
  }
  img.aspect--s-16-9 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-16-9 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
  .aspect--s-9-16 {
    aspect-ratio: 9 / 16;
  }
  img.aspect--s-9-16 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-9-16 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
  }
}
@supports not (aspect-ratio: 16/9) {
  .aspect--1-1::before {
    float: left;
    padding-top: 100%;
    content: "";
  }
  .aspect--1-1::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--1-2::before {
    float: left;
    padding-top: 50%;
    content: "";
  }
  .aspect--1-2::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--2-1::before {
    float: left;
    padding-top: 200%;
    content: "";
  }
  .aspect--2-1::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--2-3::before {
    float: left;
    padding-top: 150%;
    content: "";
  }
  .aspect--2-3::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--3-2::before {
    float: left;
    padding-top: 66%;
    content: "";
  }
  .aspect--3-2::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--3-4::before {
    float: left;
    padding-top: 133%;
    content: "";
  }
  .aspect--3-4::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--4-3::before {
    float: left;
    padding-top: 75%;
    content: "";
  }
  .aspect--4-3::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--16-9::before {
    float: left;
    padding-top: 56.25%;
    content: "";
  }
  .aspect--16-9::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--9-16::before {
    float: left;
    padding-top: 177%;
    content: "";
  }
  .aspect--9-16::after {
    display: block;
    content: "";
    clear: both;
  }
  @media (max-width: 1279px) {
    .aspect--1-1::before {
      float: left;
      padding-top: 100%;
      content: "";
    }
    .aspect--1-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--1-2::before {
      float: left;
      padding-top: 50%;
      content: "";
    }
    .aspect--1-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-1::before {
      float: left;
      padding-top: 200%;
      content: "";
    }
    .aspect--2-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-3::before {
      float: left;
      padding-top: 150%;
      content: "";
    }
    .aspect--2-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-2::before {
      float: left;
      padding-top: 66%;
      content: "";
    }
    .aspect--3-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-4::before {
      float: left;
      padding-top: 133%;
      content: "";
    }
    .aspect--3-4::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--4-3::before {
      float: left;
      padding-top: 75%;
      content: "";
    }
    .aspect--4-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--16-9::before {
      float: left;
      padding-top: 56.25%;
      content: "";
    }
    .aspect--16-9::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--9-16::before {
      float: left;
      padding-top: 177%;
      content: "";
    }
    .aspect--9-16::after {
      display: block;
      content: "";
      clear: both;
    }
  }
  @media (max-width: 991px) {
    .aspect--1-1::before {
      float: left;
      padding-top: 100%;
      content: "";
    }
    .aspect--1-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--1-2::before {
      float: left;
      padding-top: 50%;
      content: "";
    }
    .aspect--1-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-1::before {
      float: left;
      padding-top: 200%;
      content: "";
    }
    .aspect--2-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-3::before {
      float: left;
      padding-top: 150%;
      content: "";
    }
    .aspect--2-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-2::before {
      float: left;
      padding-top: 66%;
      content: "";
    }
    .aspect--3-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-4::before {
      float: left;
      padding-top: 133%;
      content: "";
    }
    .aspect--3-4::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--4-3::before {
      float: left;
      padding-top: 75%;
      content: "";
    }
    .aspect--4-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--16-9::before {
      float: left;
      padding-top: 56.25%;
      content: "";
    }
    .aspect--16-9::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--9-16::before {
      float: left;
      padding-top: 177%;
      content: "";
    }
    .aspect--9-16::after {
      display: block;
      content: "";
      clear: both;
    }
  }
  @media (max-width: 767px) {
    .aspect--1-1::before {
      float: left;
      padding-top: 100%;
      content: "";
    }
    .aspect--1-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--1-2::before {
      float: left;
      padding-top: 50%;
      content: "";
    }
    .aspect--1-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-1::before {
      float: left;
      padding-top: 200%;
      content: "";
    }
    .aspect--2-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-3::before {
      float: left;
      padding-top: 150%;
      content: "";
    }
    .aspect--2-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-2::before {
      float: left;
      padding-top: 66%;
      content: "";
    }
    .aspect--3-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-4::before {
      float: left;
      padding-top: 133%;
      content: "";
    }
    .aspect--3-4::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--4-3::before {
      float: left;
      padding-top: 75%;
      content: "";
    }
    .aspect--4-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--16-9::before {
      float: left;
      padding-top: 56.25%;
      content: "";
    }
    .aspect--16-9::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--9-16::before {
      float: left;
      padding-top: 177%;
      content: "";
    }
    .aspect--9-16::after {
      display: block;
      content: "";
      clear: both;
    }
  }
  @media (max-width: 479px) {
    .aspect--1-1::before {
      float: left;
      padding-top: 100%;
      content: "";
    }
    .aspect--1-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--1-2::before {
      float: left;
      padding-top: 50%;
      content: "";
    }
    .aspect--1-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-1::before {
      float: left;
      padding-top: 200%;
      content: "";
    }
    .aspect--2-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-3::before {
      float: left;
      padding-top: 150%;
      content: "";
    }
    .aspect--2-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-2::before {
      float: left;
      padding-top: 66%;
      content: "";
    }
    .aspect--3-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-4::before {
      float: left;
      padding-top: 133%;
      content: "";
    }
    .aspect--3-4::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--4-3::before {
      float: left;
      padding-top: 75%;
      content: "";
    }
    .aspect--4-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--16-9::before {
      float: left;
      padding-top: 56.25%;
      content: "";
    }
    .aspect--16-9::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--9-16::before {
      float: left;
      padding-top: 177%;
      content: "";
    }
    .aspect--9-16::after {
      display: block;
      content: "";
      clear: both;
    }
  }
}
.z--bottom {
  z-index: -1;
}

.z--0 {
  z-index: 0;
}

.z--10 {
  z-index: 10;
}

.z--20 {
  z-index: 20;
}

.z--30 {
  z-index: 30;
}

.z--40 {
  z-index: 40;
}

.z--50 {
  z-index: 50;
}

.z--60 {
  z-index: 60;
}

.z--70 {
  z-index: 70;
}

.z--80 {
  z-index: 80;
}

.z--90 {
  z-index: 90;
}

.z--top {
  z-index: 9999;
}

@media (max-width: 1279px) {
  .z--xl-bottom {
    z-index: -1;
  }
  .z--xl-0 {
    z-index: 0;
  }
  .z--xl-10 {
    z-index: 10;
  }
  .z--xl-20 {
    z-index: 20;
  }
  .z--xl-30 {
    z-index: 30;
  }
  .z--xl-40 {
    z-index: 40;
  }
  .z--xl-50 {
    z-index: 50;
  }
  .z--xl-60 {
    z-index: 60;
  }
  .z--xl-70 {
    z-index: 70;
  }
  .z--xl-80 {
    z-index: 80;
  }
  .z--xl-90 {
    z-index: 90;
  }
  .z--xl-top {
    z-index: 9999;
  }
}
@media (max-width: 991px) {
  .z--l-bottom {
    z-index: -1;
  }
  .z--l-0 {
    z-index: 0;
  }
  .z--l-10 {
    z-index: 10;
  }
  .z--l-20 {
    z-index: 20;
  }
  .z--l-30 {
    z-index: 30;
  }
  .z--l-40 {
    z-index: 40;
  }
  .z--l-50 {
    z-index: 50;
  }
  .z--l-60 {
    z-index: 60;
  }
  .z--l-70 {
    z-index: 70;
  }
  .z--l-80 {
    z-index: 80;
  }
  .z--l-90 {
    z-index: 90;
  }
  .z--l-top {
    z-index: 9999;
  }
}
@media (max-width: 767px) {
  .z--m-bottom {
    z-index: -1;
  }
  .z--m-0 {
    z-index: 0;
  }
  .z--m-10 {
    z-index: 10;
  }
  .z--m-20 {
    z-index: 20;
  }
  .z--m-30 {
    z-index: 30;
  }
  .z--m-40 {
    z-index: 40;
  }
  .z--m-50 {
    z-index: 50;
  }
  .z--m-60 {
    z-index: 60;
  }
  .z--m-70 {
    z-index: 70;
  }
  .z--m-80 {
    z-index: 80;
  }
  .z--m-90 {
    z-index: 90;
  }
  .z--m-top {
    z-index: 9999;
  }
}
@media (max-width: 479px) {
  .z--s-bottom {
    z-index: -1;
  }
  .z--s-0 {
    z-index: 0;
  }
  .z--s-10 {
    z-index: 10;
  }
  .z--s-20 {
    z-index: 20;
  }
  .z--s-30 {
    z-index: 30;
  }
  .z--s-40 {
    z-index: 40;
  }
  .z--s-50 {
    z-index: 50;
  }
  .z--s-60 {
    z-index: 60;
  }
  .z--s-70 {
    z-index: 70;
  }
  .z--s-80 {
    z-index: 80;
  }
  .z--s-90 {
    z-index: 90;
  }
  .z--s-top {
    z-index: 9999;
  }
}
.isolation--isolate {
  isolation: isolate;
}

.col-count--1 {
  -moz-column-count: 1;
  column-count: 1;
}

.col-count--2 {
  -moz-column-count: 2;
  column-count: 2;
}

.col-count--3 {
  -moz-column-count: 3;
  column-count: 3;
}

.col-count--4 {
  -moz-column-count: 4;
  column-count: 4;
}

.col-count--5 {
  -moz-column-count: 5;
  column-count: 5;
}

@media (max-width: 1279px) {
  .col-count--xl-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--xl-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--xl-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--xl-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--xl-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (max-width: 991px) {
  .col-count--l-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--l-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--l-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--l-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--l-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (max-width: 767px) {
  .col-count--m-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--m-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--m-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--m-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--m-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (max-width: 479px) {
  .col-count--s-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--s-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--s-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--s-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--s-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
.col-width--s {
  width: 100%;
  -moz-column-width: 12.8rem;
  column-width: 12.8rem;
}

.col-width--m {
  width: 100%;
  -moz-column-width: 25.6rem;
  column-width: 25.6rem;
}

.col-width--l {
  width: 100%;
  -moz-column-width: 38.4rem;
  column-width: 38.4rem;
}

.col-gap--xs {
  -moz-column-gap: 1.896rem;
  column-gap: 1.896rem;
  -moz-column-gap: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
  column-gap: calc(
    1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
  );
  -moz-column-gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
  column-gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}

.col-gap--s {
  -moz-column-gap: 2.133rem;
  column-gap: 2.133rem;
  -moz-column-gap: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
  column-gap: calc(
    1.6rem + (0.4 * ((100vw - 32rem) / 96))
  );
  -moz-column-gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
  column-gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}

.col-gap--m {
  -moz-column-gap: 2.4rem;
  column-gap: 2.4rem;
  -moz-column-gap: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  column-gap: calc(
    2.4rem + (0.6 * ((100vw - 32rem) / 96))
  );
  -moz-column-gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  column-gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}

.col-gap--l {
  -moz-column-gap: 2.7rem;
  column-gap: 2.7rem;
  -moz-column-gap: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
  column-gap: calc(
    3.12rem + (1.38 * ((100vw - 32rem) / 96))
  );
  -moz-column-gap: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
  column-gap: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
}

.col-gap--xl {
  -moz-column-gap: 3.038rem;
  column-gap: 3.038rem;
  -moz-column-gap: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
  column-gap: calc(
    4.056rem + (2.694 * ((100vw - 32rem) / 96))
  );
  -moz-column-gap: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
  column-gap: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
}

.col-gap--xxl {
  -moz-column-gap: 3.42rem;
  column-gap: 3.42rem;
  -moz-column-gap: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
  column-gap: calc(
    5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
  );
  -moz-column-gap: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
  column-gap: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
}

.col-rule--dotted {
  -moz-column-rule: dotted;
  column-rule: dotted;
}

.col-rule--dashed {
  -moz-column-rule: dashed;
  column-rule: dashed;
}

.col-rule--solid {
  -moz-column-rule: solid;
  column-rule: solid;
}

.col-rule--double {
  -moz-column-rule: double;
  column-rule: double;
}

.col-rule--groove {
  -moz-column-rule: groove;
  column-rule: groove;
}

.col-rule--ridge {
  -moz-column-rule: ridge;
  column-rule: ridge;
}

.col-rule--inset {
  -moz-column-rule: inset;
  column-rule: inset;
}

.col-rule--outset {
  -moz-column-rule: outset;
  column-rule: outset;
}

.col-rule--action {
  -moz-column-rule-color: #e56c70;
  column-rule-color: #e56c70;
}

.col-rule--action-hover {
  -moz-column-rule-color: hsl(358deg, 70%, 75.9%);
  column-rule-color: hsl(358deg, 70%, 75.9%);
}

.col-rule--action-ultra-light {
  -moz-column-rule-color: hsl(358deg, 70%, 95%);
  column-rule-color: hsl(358deg, 70%, 95%);
}

.col-rule--action-light {
  -moz-column-rule-color: hsl(358deg, 70%, 85%);
  column-rule-color: hsl(358deg, 70%, 85%);
}

.col-rule--action-medium {
  -moz-column-rule-color: hsl(358deg, 70%, 50%);
  column-rule-color: hsl(358deg, 70%, 50%);
}

.col-rule--action-dark {
  -moz-column-rule-color: hsl(358deg, 70%, 25%);
  column-rule-color: hsl(358deg, 70%, 25%);
}

.col-rule--action-ultra-dark {
  -moz-column-rule-color: hsl(358deg, 70%, 10%);
  column-rule-color: hsl(358deg, 70%, 10%);
}

.col-rule--action-comp {
  -moz-column-rule-color: hsl(178deg, 70%, 66%);
  column-rule-color: hsl(178deg, 70%, 66%);
}

.col-rule--primary {
  -moz-column-rule-color: #e56c70;
  column-rule-color: #e56c70;
}

.col-rule--primary-hover {
  -moz-column-rule-color: hsl(358deg, 70%, 75.9%);
  column-rule-color: hsl(358deg, 70%, 75.9%);
}

.col-rule--primary-ultra-light {
  -moz-column-rule-color: hsl(358deg, 70%, 95%);
  column-rule-color: hsl(358deg, 70%, 95%);
}

.col-rule--primary-light {
  -moz-column-rule-color: hsl(358deg, 70%, 85%);
  column-rule-color: hsl(358deg, 70%, 85%);
}

.col-rule--primary-medium {
  -moz-column-rule-color: hsl(358deg, 70%, 50%);
  column-rule-color: hsl(358deg, 70%, 50%);
}

.col-rule--primary-dark {
  -moz-column-rule-color: hsl(358deg, 70%, 25%);
  column-rule-color: hsl(358deg, 70%, 25%);
}

.col-rule--primary-ultra-dark {
  -moz-column-rule-color: hsl(358deg, 70%, 10%);
  column-rule-color: hsl(358deg, 70%, 10%);
}

.col-rule--primary-comp {
  -moz-column-rule-color: hsl(178deg, 70%, 66%);
  column-rule-color: hsl(178deg, 70%, 66%);
}

.col-rule--secondary {
  -moz-column-rule-color: #6c5879;
  column-rule-color: #6c5879;
}

.col-rule--secondary-hover {
  -moz-column-rule-color: hsl(358deg, 16%, 75.9%);
  column-rule-color: hsl(358deg, 16%, 75.9%);
}

.col-rule--secondary-ultra-light {
  -moz-column-rule-color: hsl(358deg, 16%, 95%);
  column-rule-color: hsl(358deg, 16%, 95%);
}

.col-rule--secondary-light {
  -moz-column-rule-color: hsl(358deg, 16%, 85%);
  column-rule-color: hsl(358deg, 16%, 85%);
}

.col-rule--secondary-medium {
  -moz-column-rule-color: hsl(358deg, 16%, 50%);
  column-rule-color: hsl(358deg, 16%, 50%);
}

.col-rule--secondary-dark {
  -moz-column-rule-color: hsl(358deg, 16%, 25%);
  column-rule-color: hsl(358deg, 16%, 25%);
}

.col-rule--secondary-ultra-dark {
  -moz-column-rule-color: hsl(358deg, 16%, 10%);
  column-rule-color: hsl(358deg, 16%, 10%);
}

.col-rule--secondary-comp {
  -moz-column-rule-color: hsl(178deg, 70%, 66%);
  column-rule-color: hsl(178deg, 70%, 66%);
}

.col-rule--accent {
  -moz-column-rule-color: #eaac8b;
  column-rule-color: #eaac8b;
}

.col-rule--accent-hover {
  -moz-column-rule-color: hsl(358deg, 69%, 75.9%);
  column-rule-color: hsl(358deg, 69%, 75.9%);
}

.col-rule--accent-ultra-light {
  -moz-column-rule-color: hsl(358deg, 69%, 95%);
  column-rule-color: hsl(358deg, 69%, 95%);
}

.col-rule--accent-light {
  -moz-column-rule-color: hsl(358deg, 69%, 85%);
  column-rule-color: hsl(358deg, 69%, 85%);
}

.col-rule--accent-medium {
  -moz-column-rule-color: hsl(358deg, 69%, 50%);
  column-rule-color: hsl(358deg, 69%, 50%);
}

.col-rule--accent-dark {
  -moz-column-rule-color: hsl(358deg, 69%, 25%);
  column-rule-color: hsl(358deg, 69%, 25%);
}

.col-rule--accent-ultra-dark {
  -moz-column-rule-color: hsl(358deg, 69%, 10%);
  column-rule-color: hsl(358deg, 69%, 10%);
}

.col-rule--accent-comp {
  -moz-column-rule-color: hsl(178deg, 70%, 66%);
  column-rule-color: hsl(178deg, 70%, 66%);
}

.col-rule--base {
  -moz-column-rule-color: #344f6f;
  column-rule-color: #344f6f;
}

.col-rule--base-hover {
  -moz-column-rule-color: hsl(358deg, 36%, 75.9%);
  column-rule-color: hsl(358deg, 36%, 75.9%);
}

.col-rule--base-ultra-light {
  -moz-column-rule-color: hsl(358deg, 36%, 95%);
  column-rule-color: hsl(358deg, 36%, 95%);
}

.col-rule--base-light {
  -moz-column-rule-color: hsl(358deg, 36%, 85%);
  column-rule-color: hsl(358deg, 36%, 85%);
}

.col-rule--base-medium {
  -moz-column-rule-color: hsl(358deg, 36%, 50%);
  column-rule-color: hsl(358deg, 36%, 50%);
}

.col-rule--base-dark {
  -moz-column-rule-color: hsl(358deg, 36%, 25%);
  column-rule-color: hsl(358deg, 36%, 25%);
}

.col-rule--base-ultra-dark {
  -moz-column-rule-color: hsl(358deg, 36%, 10%);
  column-rule-color: hsl(358deg, 36%, 10%);
}

.col-rule--base-comp {
  -moz-column-rule-color: hsl(178deg, 70%, 66%);
  column-rule-color: hsl(178deg, 70%, 66%);
}

.col-rule--white {
  -moz-column-rule-color: #fff;
  column-rule-color: #fff;
}

.col-rule--black {
  -moz-column-rule-color: #000;
  column-rule-color: #000;
}

.col-rule--shade {
  -moz-column-rule-color: #000000;
  column-rule-color: #000000;
}

.col-rule--shade-hover {
  -moz-column-rule-color: hsl(0deg, 0%, 0%);
  column-rule-color: hsl(0deg, 0%, 0%);
}

.col-rule--shade-ultra-light {
  -moz-column-rule-color: hsl(0deg, 0%, 95%);
  column-rule-color: hsl(0deg, 0%, 95%);
}

.col-rule--shade-light {
  -moz-column-rule-color: hsl(0deg, 0%, 85%);
  column-rule-color: hsl(0deg, 0%, 85%);
}

.col-rule--shade-medium {
  -moz-column-rule-color: hsl(0deg, 0%, 50%);
  column-rule-color: hsl(0deg, 0%, 50%);
}

.col-rule--shade-dark {
  -moz-column-rule-color: hsl(0deg, 0%, 25%);
  column-rule-color: hsl(0deg, 0%, 25%);
}

.col-rule--shade-ultra-dark {
  -moz-column-rule-color: hsl(0deg, 0%, 10%);
  column-rule-color: hsl(0deg, 0%, 10%);
}

.col-rule--shade-comp {
  -moz-column-rule-color: hsl(180deg, 0%, 0%);
  column-rule-color: hsl(180deg, 0%, 0%);
}

.col-rule--s {
  -moz-column-rule-width: 0.1em;
  column-rule-width: 0.1em;
}

.col-rule--m {
  -moz-column-rule-width: 0.3em;
  column-rule-width: 0.3em;
}

.col-rule--l {
  -moz-column-rule-width: 0.5em;
  column-rule-width: 0.5em;
}

.col-span--all {
  -moz-column-span: all;
  column-span: all;
}

.marker--action li::marker {
  color: #e56c70;
}

.marker--action-hover li::marker {
  color: hsl(358deg, 70%, 75.9%);
}

.marker--action-ultra-light li::marker {
  color: hsl(358deg, 70%, 95%);
}

.marker--action-light li::marker {
  color: hsl(358deg, 70%, 85%);
}

.marker--action-medium li::marker {
  color: hsl(358deg, 70%, 50%);
}

.marker--action-dark li::marker {
  color: hsl(358deg, 70%, 25%);
}

.marker--action-ultra-dark li::marker {
  color: hsl(358deg, 70%, 10%);
}

.marker--action-comp li::marker {
  color: hsl(178deg, 70%, 66%);
}

.marker--primary li::marker {
  color: #e56c70;
}

.marker--primary-hover li::marker {
  color: hsl(358deg, 70%, 75.9%);
}

.marker--primary-ultra-light li::marker {
  color: hsl(358deg, 70%, 95%);
}

.marker--primary-light li::marker {
  color: hsl(358deg, 70%, 85%);
}

.marker--primary-medium li::marker {
  color: hsl(358deg, 70%, 50%);
}

.marker--primary-dark li::marker {
  color: hsl(358deg, 70%, 25%);
}

.marker--primary-ultra-dark li::marker {
  color: hsl(358deg, 70%, 10%);
}

.marker--primary-comp li::marker {
  color: hsl(178deg, 70%, 66%);
}

.marker--secondary li::marker {
  color: #6c5879;
}

.marker--secondary-hover li::marker {
  color: hsl(358deg, 16%, 75.9%);
}

.marker--secondary-ultra-light li::marker {
  color: hsl(358deg, 16%, 95%);
}

.marker--secondary-light li::marker {
  color: hsl(358deg, 16%, 85%);
}

.marker--secondary-medium li::marker {
  color: hsl(358deg, 16%, 50%);
}

.marker--secondary-dark li::marker {
  color: hsl(358deg, 16%, 25%);
}

.marker--secondary-ultra-dark li::marker {
  color: hsl(358deg, 16%, 10%);
}

.marker--secondary-comp li::marker {
  color: hsl(178deg, 70%, 66%);
}

.marker--accent li::marker {
  color: #eaac8b;
}

.marker--accent-hover li::marker {
  color: hsl(358deg, 69%, 75.9%);
}

.marker--accent-ultra-light li::marker {
  color: hsl(358deg, 69%, 95%);
}

.marker--accent-light li::marker {
  color: hsl(358deg, 69%, 85%);
}

.marker--accent-medium li::marker {
  color: hsl(358deg, 69%, 50%);
}

.marker--accent-dark li::marker {
  color: hsl(358deg, 69%, 25%);
}

.marker--accent-ultra-dark li::marker {
  color: hsl(358deg, 69%, 10%);
}

.marker--accent-comp li::marker {
  color: hsl(178deg, 70%, 66%);
}

.marker--base li::marker {
  color: #344f6f;
}

.marker--base-hover li::marker {
  color: hsl(358deg, 36%, 75.9%);
}

.marker--base-ultra-light li::marker {
  color: hsl(358deg, 36%, 95%);
}

.marker--base-light li::marker {
  color: hsl(358deg, 36%, 85%);
}

.marker--base-medium li::marker {
  color: hsl(358deg, 36%, 50%);
}

.marker--base-dark li::marker {
  color: hsl(358deg, 36%, 25%);
}

.marker--base-ultra-dark li::marker {
  color: hsl(358deg, 36%, 10%);
}

.marker--base-comp li::marker {
  color: hsl(178deg, 70%, 66%);
}

.marker--white li::marker {
  color: #fff;
}

.marker--black li::marker {
  color: #000;
}

.marker--shade li::marker {
  color: #000000;
}

.marker--shade-hover li::marker {
  color: hsl(0deg, 0%, 0%);
}

.marker--shade-ultra-light li::marker {
  color: hsl(0deg, 0%, 95%);
}

.marker--shade-light li::marker {
  color: hsl(0deg, 0%, 85%);
}

.marker--shade-medium li::marker {
  color: hsl(0deg, 0%, 50%);
}

.marker--shade-dark li::marker {
  color: hsl(0deg, 0%, 25%);
}

.marker--shade-ultra-dark li::marker {
  color: hsl(0deg, 0%, 10%);
}

.marker--shade-comp li::marker {
  color: hsl(180deg, 0%, 0%);
}

ul.list--none,
ol.list--none,
.list--none > ul,
.list--none > ol {
  list-style: none;
  padding-left: 0;
  list-style-type: none;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.display--inline {
  display: inline;
}

.display--block {
  display: block;
}

.display--contents {
  display: contents;
}

.display--inline-block {
  display: inline-block;
}

.display--inline-flex {
  display: inline-flex;
}

.display--list-item {
  display: list-item;
}

.display--none {
  display: none;
}

@media (max-width: 1279px) {
  .display--xl-block {
    display: block;
  }
  .display--xl-none {
    display: none;
  }
}
@media (max-width: 991px) {
  .display--l-block {
    display: block;
  }
  .display--l-none {
    display: none;
  }
}
@media (max-width: 767px) {
  .display--m-block {
    display: block;
  }
  .display--m-none {
    display: none;
  }
}
@media (max-width: 479px) {
  .display--s-block {
    display: block;
  }
  .display--s-none {
    display: none;
  }
}
.visibility--hidden {
  visibility: hidden;
}

.visibility--visible {
  visibility: visible;
}

@media (max-width: 1279px) {
  .visibility--xl-hidden {
    visibility: hidden;
  }
  .visibility--xl-visible {
    visibility: visible;
  }
}
@media (max-width: 991px) {
  .visibility--l-hidden {
    visibility: hidden;
  }
  .visibility--l-visible {
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .visibility--m-hidden {
    visibility: hidden;
  }
  .visibility--m-visible {
    visibility: visible;
  }
}
@media (max-width: 479px) {
  .visibility--s-hidden {
    visibility: hidden;
  }
  .visibility--s-visible {
    visibility: visible;
  }
}
@supports (font-size: calc(1vw + 2vw)) {
  :root {
    --text-xs: calc(
      0.9004501688rem + (0.1125562711 * ((100vw - 32rem) / 96))
    );
    --text-s: calc(
      1.200300075rem + (0.1500375094 * ((100vw - 32rem) / 96))
    );
    --text-m: calc(
      1.6rem + (0.2 * ((100vw - 32rem) / 96))
    );
    --text-l: calc(
      1.92rem + (0.4794 * ((100vw - 32rem) / 96))
    );
    --text-xl: calc(
      2.304rem + (0.8944002 * ((100vw - 32rem) / 96))
    );
    --text-xxl: calc(
      2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))
    );
    --h6: calc(
      0.9004501688rem + (0.1125562711 * ((100vw - 32rem) / 96))
    );
    --h5: calc(
      1.200300075rem + (0.1500375094 * ((100vw - 32rem) / 96))
    );
    --h4: calc(
      1.6rem + (0.2 * ((100vw - 32rem) / 96))
    );
    --h3: calc(
      1.92rem + (0.4794 * ((100vw - 32rem) / 96))
    );
    --h2: calc(
      2.304rem + (0.8944002 * ((100vw - 32rem) / 96))
    );
    --h1: calc(
      2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))
    );
  }
  @media (min-width: 1279px) {
    :root {
      --text-xs: 1.0130064399rem;
      --text-s: 1.3503375844rem;
      --text-m: 1.8rem;
      --text-l: 2.3994rem;
      --text-xl: 3.1984002rem;
      --text-xxl: 4.2634674666rem;
      --h6: 1.0130064399rem;
      --h5: 1.3503375844rem;
      --h4: 1.8rem;
      --h3: 2.3994rem;
      --h2: 3.1984002rem;
      --h1: 4.2634674666rem;
    }
  }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
  :root {
    --text-xs: clamp(0.9004501688rem, calc(0.1172461157vw + 0.8629314118rem), 1.0130064399rem);
    --text-s: clamp(1.200300075rem, calc(0.1562890723vw + 1.1502875719rem), 1.3503375844rem);
    --text-m: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
    --text-l: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
    --text-xl: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
    --text-xxl: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
    --h6: clamp(0.9004501688rem, calc(0.1172461157vw + 0.8629314118rem), 1.0130064399rem);
    --h5: clamp(1.200300075rem, calc(0.1562890723vw + 1.1502875719rem), 1.3503375844rem);
    --h4: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
    --h3: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
    --h2: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
    --h1: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
  }
}
@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(
      1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))
    );
    --space-s: calc(
      1.6rem + (0.4 * ((100vw - 32rem) / 96))
    );
    --space-m: calc(
      2.4rem + (0.6 * ((100vw - 32rem) / 96))
    );
    --space-l: calc(
      3.12rem + (1.38 * ((100vw - 32rem) / 96))
    );
    --space-xl: calc(
      4.056rem + (2.694 * ((100vw - 32rem) / 96))
    );
    --space-xxl: calc(
      5.2728rem + (4.8522 * ((100vw - 32rem) / 96))
    );
    --section-space-xs: calc(
      3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))
    );
    --section-space-s: calc(
      4.8rem + (3.2 * ((100vw - 32rem) / 96))
    );
    --section-space-m: calc(
      7.2rem + (4.8 * ((100vw - 32rem) / 96))
    );
    --section-space-l: calc(
      9.36rem + (8.64 * ((100vw - 32rem) / 96))
    );
    --section-space-xl: calc(
      12.168rem + (14.832 * ((100vw - 32rem) / 96))
    );
    --section-space-xxl: calc(
      15.8184rem + (24.6816 * ((100vw - 32rem) / 96))
    );
    --section-padding-x: calc(
      2.4rem + (0.6 * ((100vw - 32rem) / 96))
    );
  }
  @media (min-width: 1279px) {
    :root {
      --space-xs: 1.3333333333rem;
      --space-s: 2rem;
      --space-m: 3rem;
      --space-l: 4.5rem;
      --space-xl: 6.75rem;
      --space-xxl: 10.125rem;
      --section-space-xs: 5.3333333333rem;
      --section-space-s: 8rem;
      --section-space-m: 12rem;
      --section-space-l: 18rem;
      --section-space-xl: 27rem;
      --section-space-xxl: 40.5rem;
      --section-padding-x: 3rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
    --space-s: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
    --space-m: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
    --space-l: clamp(3.12rem, calc(1.4375vw + 2.66rem), 4.5rem);
    --space-xl: clamp(4.056rem, calc(2.80625vw + 3.158rem), 6.75rem);
    --space-xxl: clamp(5.2728rem, calc(5.054375vw + 3.6554rem), 10.125rem);
    --section-space-xs: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem);
    --section-space-s: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 8rem);
    --section-space-m: clamp(7.2rem, calc(5vw + 5.6rem), 12rem);
    --section-space-l: clamp(9.36rem, calc(9vw + 6.48rem), 18rem);
    --section-space-xl: clamp(12.168rem, calc(15.45vw + 7.224rem), 27rem);
    --section-space-xxl: clamp(15.8184rem, calc(25.71vw + 7.5912rem), 40.5rem);
    --section-padding-x: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
}
:root {
  --fr-bg-light: var(--shade-ultra-light);
  --fr-bg-dark: var(--shade-ultra-dark);
  --fr-text-light: var(--shade-ultra-light);
  --fr-text-dark: var(--shade-ultra-dark);
  --fr-card-padding: var(--space-m);
  --fr-card-gap: var(--space-xs);
  --fr-card-border-size: 0.15rem;
  --fr-card-border-color: var(--shade-light);
  --fr-card-border-style: solid;
  --fr-card-radius: var(--radius-xs);
  --fr-card-avatar-radius: 50%;
  --fr-content-gap: var(--space-s);
  --fr-grid-gap: var(--space-l);
  --fr-container-gap: var(--space-l);
  --fr-lede-width: 60ch;
  --fr-list-pad-y: 0.75em;
  --fr-list-pad-x: 1.25em;
  --fr-hero-padding: var(--section-space-xl);
}

ul.list--clear,
.list--clear > ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 0;
}

.fr-feature-card-alpha, .fr-feature-card-bravo, .fr-feature-card-charlie, .fr-feature-card-delta {
  border-radius: var(--fr-card-radius);
  overflow: hidden;
}
.fr-feature-card--framed {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
}
.fr-feature-card--boxed {
  background-color: var(--fr-bg-light);
}
.fr-feature-card--boxed.fr-feature-card-bravo, .fr-feature-card--boxed.fr-feature-card-alpha {
  padding: var(--fr-card-padding);
}
.fr-feature-card--boxed.fr-feature-card-charlie:not(.ct-section):not(.oxy-easy-posts) {
  gap: 0;
}
.fr-feature-card--dark {
  background-color: var(--fr-bg-dark);
  color: var(--fr-text-light);
}
.fr-feature-card--dark.fr-feature-card-bravo, .fr-feature-card--dark.fr-feature-card-alpha {
  padding: var(--fr-padding);
  color: var(--fr-dark-color);
}
.fr-feature-card--dark.fr-feature-card-charlie:not(.ct-section):not(.oxy-easy-posts) {
  gap: 0;
}
.fr-feature-card--wide.ct-div-block {
  display: flex;
  flex-direction: row !important;
  gap: var(--fr-card-gap) !important;
}
.fr-feature-card-delta {
  display: grid;
}
@media (min-width: 768px) {
  .fr-feature-card-delta {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: column;
  }
  .fr-feature-card-delta > *:first-child {
    grid-column: span 7;
  }
  .fr-feature-card-delta > *:last-child {
    grid-column: span 5;
  }
}

@media (min-width: 768px) {
  .grid--alternate .fr-feature-card-delta:nth-child(2n) > *:last-child {
    order: -1;
  }
}

.fr-article-card-alpha, .fr-article-card-bravo, .fr-article-card-charlie, .fr-article-card-delta {
  border-radius: var(--fr-card-radius);
  overflow: hidden;
}
.fr-article-card--boxed {
  background-color: var(--fr-bg-light);
}
.fr-article-card--dark {
  background-color: var(--fr-bg-dark);
  color: var(--fr-text-light);
}
.fr-article-card--framed {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
}
.fr-article-card--wide.ct-div-block, .fr-article-card--wide {
  display: flex;
  flex-direction: row !important;
  gap: var(--fr-card-gap) !important;
}
.fr-article-card--wide.fr-article-card-alpha {
  display: flex;
  flex-direction: row !important;
  gap: var(--fr-card-gap) !important;
}

.fr-bio-card-alpha, .fr-bio-card-bravo, .fr-bio-card-charlie, .fr-bio-card-delta {
  border-radius: var(--fr-card-radius);
  overflow: hidden;
}
.fr-bio-card--boxed {
  background-color: var(--fr-bg-light);
}
.fr-bio-card--boxed.fr-bio-card-alpha, .fr-bio-card--boxed.fr-bio-card-charlie {
  padding: var(--fr-card-padding);
}
.fr-bio-card--dark {
  background-color: var(--fr-bg-dark);
  color: var(--fr-text-light);
}
.fr-bio-card--dark.fr-bio-card-alpha, .fr-bio-card--dark.fr-bio-card-charlie {
  padding: var(--fr-card-padding);
}
.fr-bio-card--framed {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
}
.fr-bio-card--flip.ct-div-block {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 767px) {
  .fr-bio-card--wide.ct-div-block {
    flex-direction: row;
  }
  .fr-bio-card--wide.ct-div-block.fr-bio-card--flip {
    flex-direction: row-reverse;
  }
}

.fr-price-card-alpha, .fr-price-card-bravo, .fr-price-card-charlie, .fr-price-card-delta {
  border-radius: var(--fr-card-radius);
  overflow: hidden;
}
.fr-price-card--boxed {
  background-color: var(--fr-bg-light);
}
.fr-price-card--boxed.fr-price-card-alpha, .fr-price-card--boxed.fr-price-card-bravo {
  padding: var(--fr-card-padding);
}
.fr-price-card--framed.fr-price-card-alpha, .fr-price-card--framed.fr-price-card-bravo {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
}
.fr-price-card--dark.fr-price-card-alpha, .fr-price-card--dark.fr-price-card-bravo {
  background-color: var(--fr-bg-dark);
  color: var(--fr-text-light);
  padding: var(--fr-card-padding);
}
@media only screen and (min-width: 767px) {
  .fr-price-card--wide.fr-price-card-delta {
    flex-direction: row;
    align-items: stretch;
  }
}

.fr-testimonial-card-alpha, .fr-testimonial-card-bravo {
  border-radius: var(--fr-card-radius);
  overflow: hidden;
}
.fr-testimonial-card--boxed {
  background-color: var(--fr-bg-light);
  padding: var(--fr-card-padding);
}
.fr-testimonial-card--framed {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
}
.fr-testimonial-card--dark {
  background-color: var(--fr-bg-dark);
  color: var(--fr-text-light);
  padding: var(--fr-card-padding);
}

.fr-contact-card-alpha {
  border-radius: var(--fr-card-radius);
  overflow: hidden;
}
.fr-contact-card--boxed {
  background-color: var(--fr-bg-light);
  padding: var(--fr-card-padding);
}
.fr-contact-card--framed {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
}
.fr-contact-card--dark {
  background-color: var(--fr-bg-dark);
  color: var(--fr-text-light);
}

.fr-faq-card-alpha {
  border-radius: var(--fr-card-radius);
  overflow: hidden;
}
.fr-faq-card--boxed {
  background-color: var(--fr-bg-light);
  padding: var(--fr-card-padding);
}
.fr-faq-card--framed {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
}
.fr-faq-card--dark {
  background-color: var(--fr-bg-dark);
  color: var(--fr-text-light);
  padding: var(--fr-card-padding);
}

.fr-feature-card--boxed .fr-feature-card-charlie__body, .fr-feature-card--dark .fr-feature-card-charlie__body {
  padding: var(--fr-card-padding);
}

.fr-article-card--boxed .fr-article-card-alpha__body, .fr-article-card--dark .fr-article-card-alpha__body {
  padding: var(--fr-card-padding);
}
.fr-article-card--boxed .fr-article-card-bravo__body, .fr-article-card--dark .fr-article-card-bravo__body {
  padding: 0 var(--fr-card-padding) var(--fr-card-padding) var(--fr-card-padding);
}
.fr-article-card--boxed.fr-article-card-alpha:not(.ct-section):not(.oxy-easy-posts), .fr-article-card--boxed.fr-article-card-bravo:not(.ct-section):not(.oxy-easy-posts), .fr-article-card--dark.fr-article-card-alpha:not(.ct-section):not(.oxy-easy-posts), .fr-article-card--dark.fr-article-card-bravo:not(.ct-section):not(.oxy-easy-posts) {
  gap: 0;
}
.fr-article-card--framed {
  border-radius: var(--fr-card-radius);
  overflow: hidden;
}
.fr-article-card--framed .fr-article-card-charlie__body, .fr-article-card--framed .fr-article-card-delta__body {
  margin-left: var(--fr-card-padding);
  margin-bottom: var(--fr-card-padding);
  width: calc(100% - 2 * var(--fr-card-padding));
}
.fr-article-card--framed .fr-article-card-echo__body, .fr-article-card--framed .fr-article-card-foxtrot__body {
  height: calc(100% - 2 * var(--fr-card-padding));
  margin-top: var(--fr-card-padding);
  margin-left: var(--fr-card-padding);
}
.fr-article-card--wide.ct-div-block {
  display: flex;
  flex-direction: row !important;
  gap: var(--fr-card-gap) !important;
  align-items: stretch;
}
.fr-article-card--wide.ct-div-block .fr-article-card-bravo__body {
  margin-top: 0;
  padding: var(--fr-card-padding);
}
.fr-article-card--flip.ct-div-block {
  flex-direction: row-reverse;
}

.fr-bio-card--framed .fr-bio-card-bravo__inner {
  padding: 0;
}
.fr-bio-card--framed.fr-bio-card--wide {
  gap: var(--fr-card-gap);
}

.fr-price-card--framed .fr-price-card-charlie__inner, .fr-price-card--framed .fr-price-card-delta__inner {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
  border-radius: 0 0 var(--fr-card-radius) var(--fr-card-radius);
}
.fr-price-card--framed .fr-price-card-delta__body {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
  border-radius: var(--fr-card-radius) var(--fr-card-radius) 0 0;
}
.fr-price-card--framed.fr-price-card--wide .fr-price-card-delta__body {
  padding: var(--fr-card-padding);
  border: var(--fr-card-border-size) var(--fr-card-border-color) var(--fr-card-border-style);
  border-radius: var(--fr-card-radius) 0 0 var(--fr-card-radius);
}
.fr-price-card--dark .fr-price-card-charlie__inner {
  background-color: var(--fr-bg-dark);
  color: var(--fr-text-light);
}
.fr-price-card--dark .fr-price-card-delta__body {
  background-color: var(--fr-bg-dark);
  color: var(--fr-text-light);
}

@media only screen and (min-width: 767px) {
  .fr-section-echo__asset-wrapper > * {
    width: 50%;
  }
  .fr-section-echo__asset-wrapper > *:nth-child(1) {
    position: relative;
    transform: translateY(-1.5em);
  }
  .fr-section-echo__asset-wrapper > *:nth-child(2) {
    position: relative;
    transform: translateY(1.5em);
  }
}

.fr-article-alpha__meta > *:not(:first-child)::before {
  content: "•";
  margin: 0 0.55em;
}

.fr-feature-card-echo:hover .fr-feature-card-echo__text {
  display: flex;
}
.fr-feature-card-echo:hover .fr-feature-card-echo__heading a {
  color: var(--white);
}

ul.list--none,
.list--none > ul {
  padding-left: 0;
  list-style-type: none;
  -webkit-margin-before: 0em;
          margin-block-start: 0em;
}

ul.list--clear,
.list--clear > ul {
  padding-left: 0;
  list-style-type: none;
}

.fr-content-gap {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
}

.fr-container-gap {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}

.fr-grid-gap {
  gap: var(--space-l);
}

.fr-lede,
p.fr-lede {
  max-width: 60ch;
}

.fr-text--light {
  color: var(--shade-ultra-light);
}

.fr-text--dark {
  color: var(--shade-ultra-dark);
}

.fr-bg--light {
  background-color: var(--shade-ultra-light);
}

.fr-bg--dark {
  background-color: var(--shade-ultra-dark);
}

.fr-hero-padding {
  padding-top: var(--fr-hero-padding);
  padding-bottom: var(--fr-hero-padding);
}

:root {
  --f-light-input-radius: 0.5em;
}/*# sourceMappingURL=automatic.css.map *//* Header Menu links animation */
  .nav-link > a {
      overflow: hidden;
      position: relative;
      display: inline-block;
    }

    .nav-link > a::before,
    .nav-link > a::after {
      content: '';
      position: absolute;
      width: 100%;
      left: 0;
    }

    .nav-link > a::after {
      content: attr(data-title);
      height: 100%;
      top: 0;
      z-index: 1;
      transform: translateY(100%);
      transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
      color: #54b3d6;
    }

    .nav-link > a:hover::before {
      transform-origin: 0% 50%;
      transform: scaleX(1);
    }

    .nav-link > a:hover::after {
      top: 41px;
	  left: 0;
      transform: translateY(-100%);
      color: var(--secondary);
    }

@media screen and (max-width: 991px) {
	.nav-link > a:hover::after {
		top: 27px !important;
	}
}

    .nav-link > a .oxy-mega-dropdown_link-text {
      display: inline-block;
      color: var(--primary);
      transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
    }

    .nav-link > a:hover .oxy-mega-dropdown_link-text {
      transform: translateY(-200%);
    }

.nav-link > a.oxy-mega-dropdown_link {
	display: flex;
}

@media only screen and (max-width: 991px) and (min-width: 0px) {
#-mega-menu-161-1088 .oxy-mega-dropdown .oxy-mega-dropdown_link + .oxy-mega-dropdown_inner.oxy-header-container {
  padding-left: 60px !important;
	}
}


@media screen and (max-width: 991px) {
	#-mega-menu-161-1088 .oxy-mega-dropdown_link {
  display: flex;
  justify-content: flex-start !important;
  gap: 30px !important;
  width: 30% !important;
}
}

.products__card:hover {
	cursor:pointer;
}
/* left side overlay */
.products__card:hover .products__card-overlay {width: 100%;}

.products__card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.7);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;}

.container:hover .overlay {
  width: 100%;
}

.products__card-overlay--link {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.products__card-overlay > a {
	  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.products__card-overlay > a:hover {
	color: var(--primary);
}

.product-detail__sticky {
	position: sticky;
	top: 6em;
}

/* features cards */

   .features__card { 
     position: relative;
    transition: 0.6s; 
 }   


 .features__card:hover::after {
    border: 0px solid var(--primary);
    height: 100%;
  	transition: all ease .6s;
}

.features__card:hover::before {
    border: 0px solid var(--primary);
    height: 100%;
  	transition: all ease .6s;
}
.features__card::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 0;
  background: var(--primary);
  content: "";
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease .6s;
  -ms-transition: all ease .6s;
  transition: all ease .6s;
  z-index: 1;
}

.features__card::before {
  position: absolute;
  bottom:0 ;
  right: 0;
  width: 1px;
  height: 0;
  background: var(--primary);
  content: "";
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease .6s;
  -ms-transition: all ease .6s;
  transition: all ease .6s;
  z-index: 1;
}

.features__card-wrapper {
    position: relative;
    transition: 0.35s; 
    padding: 20px;
}
.features__card-wrapper:hover::after {
    border: 0px solid var(--primary);
    width: 100%;
  transition: all ease .6s; 
}

.features__card-wrapper:hover::before {
    border: 0px solid var(--primary);
    width: 100%;
  transition: all ease .6s; 
}
.features__card-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--primary);
  content: "";
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease .6s;
  -ms-transition: all ease .6s;
  transition: all ease .6s;
  z-index: 1;
}

.features__card-wrapper::before {
  position: absolute;
  bottom:0 ;
  right: 0;
  width: 0;
  height: 1px;
  background: var(--primary);
  content: "";
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease .6s;
  -ms-transition: all ease .6s;
  transition: all ease .6s;
  z-index: 1;
}
/* Services */

.services__card-image--wrapper:hover {
	cursor: pointer;
}