.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: 1120px;
}
body {font-family: 'Oxanium';}body {line-height: ;font-size: rem;font-weight: ;color: ;}.oxy-nav-menu-hamburger-line {background-color: ;}h1, h2, h3, h4, h5, h6 {font-family: 'Oxanium';}a {text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: px;}.ct-section-inner-wrap {
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}.ct-new-columns > .ct-div-block {
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}.oxy-header-container {
padding-right: 1rem;
padding-left: 1rem;
}@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;
				}
			}
.text-balance {
}
.footer-button {
}
.transition-all-default {
}
.footer-button-simple:hover{
background-color :hsla(var(--primary),.1);
border: 1px solid hsla(var(--primary),.1);
}.footer-button-simple:hover{
}
.footer-button-simple {
background-color :hsla(var(--primary),.0);
border: 1px solid hsla(var(--primary),.0);
}.footer-button-simple {
 font-size:clamp(.9rem,4vw,.9rem) ;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
@media (max-width: 479px) {
.footer-button-simple {
 font-size:clamp(.7rem,2vw,.8rem) ;
}
}

.footer-button-icon:hover{
 background-color:hsla(var(--primary),.1);
}
.footer-button-icon {
 padding-top:.6rem;
 padding-right:.6rem;
 padding-bottom:.6rem;
 padding-left:.6rem;
 background-color:hsla(var(--primary),.0);
}
.oxel-image-comparisonv2 {
 position:relative;
 text-align:center;
 width:100%;
}
.oxel-image-comparisonv2:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-comparisonv2.oxy-easy-posts .oxy-posts,
.oxel-image-comparisonv2.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel-image-comparisonv2__image {
 position:static;
 top:0px;
 right:0px;
 bottom:0px;
 left:0px;
 height:100%;
 width:100%;
}
.oxel-image-comparisonv2__image--after {
 position:absolute;
}
.oxel_image_comparison__label_before {
 position:absolute;
 left:32px;
 top:32px;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 font-size:14px;
 letter-spacing:4px;
 text-transform:uppercase;
 z-index:5;
 background-color:hsl(var(--primary-dark-10));
}
.oxel_image_comparison__label_after {
 position:absolute;
 top:32px;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 font-size:14px;
 letter-spacing:4px;
 text-transform:uppercase;
 right:32px;
 z-index:5;
 background-color:hsl(var(--primary-dark-10));
}
.oxel-image-comparisonv2__icon {
background-color: #f9f9fa;
border: 1px solid #f9f9fa;
padding: 8px;color: #374047;}.oxel-image-comparisonv2__icon 
>svg {width: 32px;height: 32px;}.oxel-image-comparisonv2__icon {
 position:absolute;
 z-index:9;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 left:calc(50% - 24px) ;
}
.oxel-image-comparisonv2__icon:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-comparisonv2__icon.oxy-easy-posts .oxy-posts,
.oxel-image-comparisonv2__icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
.nav-wrap {
}
.slanted-header-div {
}
.button-header:hover{
background-color :hsla(var(--primary),.1);
border: 1px solid hsla(var(--primary),.1);
}.button-header:hover{
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-color:hsla(var(--primary),.1);
 border-right-color:hsla(var(--primary),.1);
 border-bottom-color:hsla(var(--primary),.1);
 border-left-color:hsla(var(--primary),.1);
}
.button-header {
background-color :transparent;
border: 1px solid transparent;
color: hsla(var(--primary-dark-8),1);
}.button-header {
 button-hover_color:hsla(var(--primary),.1);
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-color:hsla(var(--primary),.0);
 border-right-color:hsla(var(--primary),.0);
 border-bottom-color:hsla(var(--primary),.0);
 border-left-color:hsla(var(--primary),.0);
 font-weight:700;
 min-width:120px;
 padding-top:.5px;
 padding-bottom:.5px;
}
.m-review-swiper-lr {
}
.slanted-div-top {
 padding-top:2rem;
 padding-right:2rem;
 padding-bottom:2rem;
 padding-left:2rem;
--selected-color: hsl(var(--background-light-8))
}
.uppercased {
}
.slanted-div {
}
.slanted-by-20:hover{
 background-color:hsla(var(--foreground-light-9),.8);
}
.slanted-by-20 {
 background-color:hsla(var(--foreground-light-10),.5);
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
--rv:10px; clip-path: polygon(var(--rv) 0, calc(100% - var(--rv)) 0, 100% var(--rv), 100% calc(100% - var(--rv)), calc(100% - var(--rv)) 100%, var(--rv) 100%, 0 calc(100% - var(--rv)), 0 var(--rv));
}
.slanted-b-by-20 {
--rv:10px; clip-path: polygon(100% 0%, 100% calc(100% - var(--rv)), calc(100% - var(--rv)) 100%, var(--rv) 100%, 0 calc(100% - var(--rv)), 0% 0%);
}
.slanted-by-40 {
}
.slanted-by-40px {
}
.slanted-by-20px {
}
.menu-nav-item {
 font-weight:700;
 letter-spacing:-.5px;
 text-transform:uppercase;
 font-size:clamp(1rem,4vw,1rem) ;
 padding-top:1rem;
 padding-bottom:1rem;
}
.slanted-background {
}
.slanted-background-t {
}
.cta-button {
 font-family:Oxanium;
 font-weight:600;
}
.hidden {
}
.hidden:not(.ct-section):not(.oxy-easy-posts),
.hidden.oxy-easy-posts .oxy-posts,
.hidden.ct-section .ct-section-inner-wrap{
display:none;
}
.text-reading {
}
.lh-2 {
}
.divider-h-1px {
 height:1px;
 min-height:1px;
 max-height:1px;
 background-color:hsla(var(--primary),.5);
}
.w-full {
}
.importance {
}
.swiper-container {
}
.beforeaftertitle {
}
.overflow-hidden {
}
@media (max-width: 479px) {
.overflow-hidden {
 overflow:hidden;
}
}

/* 

    Root 

*/
:root {
  --text-breakpoint:2vw;
  --form-button-default: hsl(var(--primary-dark-4))
}

body h1,
body h2 {
  font-size:clamp(1.75rem,var(--text-breakpoint),3rem);

}

body h1.text-xl {
  font-size:clamp(1.75rem,var(--text-breakpoint),3rem);

}

body h2.text-xl {
  --text-size-base:1.75rem;
  --add-size-low:.5rem;
  --add-size-high:.5rem;
  font-size:clamp(calc(var(--text-size-base) + var(--add-size-low)),var(--text-breakpoint),calc(var(--text-size-base) + var(--add-size-high)));

}

body h2 span {
  font-size:clamp(1rem,var(--text-breakpoint),1.5rem);

}

body h2 span.text-base {
  --text-size-base:inherit;
  --add-size-low:0rem;
  --add-size-high:0rem;
  font-size:clamp(
    calc(var(--text-size-base) + var(--add-size-low)),
    var(--text-breakpoint),
    calc(var(--text-size-base) + var(--add-size-high))
  );
}

body h2 span.text-xl {
  --text-size-base:2rem;
  --add-size-low:1rem;
  --add-size-high:1rem;
  font-size:clamp(
    calc(var(--text-size-base) + var(--add-size-low)),
    var(--text-breakpoint),
    calc(var(--text-size-base) + var(--add-size-high))
  );
}

body a {
  color:hsl(var(--primary-dark-5));
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
line-height: 1;  
}

html body p {
  line-height:2;
  font-weight:500;
}

html body p em {
    text-decoration: underline;
}

html body p,
html body ul,
html body ol,
html body li,{
  --base-size-low: 1.15rem;
  --base-size-high: 1.25rem;
  --add-size-low:0rem;
  --add-size-high:0rem;
  font-size:clamp(
    calc(var(--base-size-low) + var(--add-size-low)),
    var(--text-breakpoint),
    calc(var(--base-size-high) + var(--add-size-high))
  );

}

::selection {
  background-color:hsl(var(--foreground));
  color:hsl(var(--background));
}
[data-theme="dark"]::selection {
  background-color:hsl(var(--background));
  color:hsl(var(--foreground));
}

p {
  color: hsl(var(--foreground-dark-9));
}

.admin-bar div#wpadminbar {
  display: none;
}

body.admin-bar .oxy-sticky-header-active {
  top: 0px !important;
}

html {
  --wp-admin--admin-bar--height: 0px !important;
  scroll-padding-top: var(--wp-admin--admin-bar--height);
}

html {
  margin-top: 0px !important;
}

body,
.ct-link-button
{
  color:hsl(var(--foreground-dark-10));
}
[data-theme="dark"] body,
[data-theme="dark"] a,
[data-theme="dark"] .ct-link-button
{
  color:hsl(var(--foreground-dark-10));
}


/* 

    Utility 

*/

.lh-0-8 {
  line-height:.8;
}
.lh-0-9 {
  line-height:.9;
}

.lh-1 {
  line-height:1;
}
.lh-2 {
  line-height:2;
}

.hidden {
  display:none;
}
.transition-all-default,
.transition-all-default a,
.transition-all-default button,
.transition-all-default div, 
.transition-all-default p,
.transition-all-default span,
.transition-all-default input,
.transition-all-default label,
.transition-all-default svg,
.transition-all-default path,
.transition-all-default polygon,
.transition-all-default h1,
.transition-all-default h2,
.transition-all-default h3,
.transition-all-default h4,
.transition-all-default h5,
.transition-all-default h6
{
  transition:all .25s ease-in-out;
}

.cursor-pointer {
  cursor:pointer;
}
.oxanium {
  font-family: 'Oxanium';
}

.uppercased {
  text-transform:uppercase;
}

.text-transparent {
  color:transparent
}

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

.text-balance {
  text-wrap:balance;
}

.text-reading {
  font-size:clamp(1rem,4vw,1.1rem);
}
.line-xsm {
  line-height:40px;
}
.inline-flex {
  display:inline-flex;
} 

.flex-grow {
  flex-grow:1;
}

.flex {
  display:flex;
}

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

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

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

.items-center {
  align-items: center;

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

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

.select-none {
  user-select:none;
}

.slanted-by-20px {
  --rv:20px;
  clip-path: polygon(var(--rv) 0, calc(100% - var(--rv)) 0, 100% var(--rv), 100% calc(100% - var(--rv)), calc(100% - var(--rv)) 100%, var(--rv) 100%, 0 calc(100% - var(--rv)), 0 var(--rv));
}

.slanted-by-40px {
  --rv:40px;
  clip-path: polygon(var(--rv) 0, calc(100% - var(--rv)) 0, 100% var(--rv), 100% calc(100% - var(--rv)), calc(100% - var(--rv)) 100%, var(--rv) 100%, 0 calc(100% - var(--rv)), 0 var(--rv));
}

.fill-current {
  fill:currentcolor;
}
.w-full {
  width:100%;
}
.relative {
  position:relative;
}

/* 

    Theming

*/
@media only screen and (max-width:992px) {
  #image-30-78 {
    --rv-tl: 0px;
    --rv-tr: 0px;
    --rv-br: 40px;
    --rv-bl: 40px;
  }
}
.corner-edges-template-polygon {
  --rv-tl: 0px;  /* Top-left corner */
  --rv-tr: 0px;  /* Top-right corner */
  --rv-br: 100px;  /* Bottom-right corner */
  --rv-bl: 0px;  /* Bottom-left corner */
  
  clip-path: polygon(
    var(--rv-tl) 0%, 
    calc(100% - var(--rv-tr)) 0%, 
    100% var(--rv-tr), 
    100% calc(100% - var(--rv-br)), 
    calc(100% - var(--rv-br)) 100%, 
    var(--rv-bl) 100%, 
    0% calc(100% - var(--rv-bl)), 
    0% var(--rv-tl)
  );
}

.afc-faq-image {
  max-height:50vh;
  --rv-tl: 0px;  /* Top-left corner */
  --rv-tr: 3rem;  /* Top-right corner */
  --rv-br: 0px;  /* Bottom-right corner */
  --rv-bl: 3rem;  /* Bottom-left corner */
  
  clip-path: polygon(
    var(--rv-tl) 0%, 
    calc(100% - var(--rv-tr)) 0%, 
    100% var(--rv-tr), 
    100% calc(100% - var(--rv-br)), 
    calc(100% - var(--rv-br)) 100%, 
    var(--rv-bl) 100%, 
    0% calc(100% - var(--rv-bl)), 
    0% var(--rv-tl)
  );
  object-fit:cover;
}

.footer-menu li:first-child {
  font-size:clamp(1.25rem, var(--text-breakpoint), 1.5rem);
  font-weight:600;
  border-width:0px;
  border-bottom-width:1px;
  border-style:solid;
  border-color:hsl(var(--primary-light-1));
  line-height:2;
  margin-bottom:1rem;
}

  
.list-none {
  display: flex;
  flex-direction:column;
  gap:0rem;
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
}
  
.list-none li {
  list-style: none;
  display: flex;
  flex-direction: column;
}
  
.footer-button {
  background-color:hsl(var(--primary),.0);
  padding:.5rem 1rem;
  color: hsl(var(--foreground-dark-10));
}
.footer-button:hover {
  background-color:hsl(var(--primary),.1);
}
  
.ct-inner-content {
  min-height:100lvh;
}
.cta-button {
  background-color:hsl(var(--primary-dark-5));
  color:hsl(var(--primary-light-10));
  padding:1.1rem 1.75rem;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
}

[data-theme="dark"] .cta-button {
  background-color:hsl(var(--primary-dark-2));
  color:hsl(var(--primary-light-10));
}

html body button.cta-button:hover,
html body a.cta-button:hover

{
  background-color:hsl(var(--primary-dark-6));
  color:hsl(var(--primary-light-10));
}

.menu-nav-item {
  color: hsl(var(--primary-dark-9));
}
body {
  background-color:hsl(var(--background-light-9));
  color:hsl(var(--foreground-dark-9));
}
#nav-wrapper {
backdrop-filter: blur(20px);
  background-color:hsla(var(--background-light-10),.2)
}
#div_block-16-9 {
  width:120px;
  align-items: center;
  justify-content: center;
}
  
#Header-logo {
  width:120px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition:all .25s ease-in-out;
}
    
#Footer-logo {
  width:80px;
}
    
.logo-color-background {
  fill:hsl(var(--primary-dark-8))
}
    
.logo-color-foreground{
  fill:hsl(var(--background-light-8));
}

#main-header #nav-wrapper {
  transition:all .25s ease-in-out;
}
#main-header.sticky-header #nav-wrapper {
   background-color:hsla(var(--background-light-10),.5);
  transition:all .25s ease-in-out;
}
.sticky-header #Header-logo {
  margin-top: 5px;
  width:50px;
}

.sticky-header #div_block-16-9 {
  transform: translateX(-50%);
  width: 80px;
}
@media only screen and (min-width:841px) {
  #code_block-94-9 {
    display:none;
  }
 
}
@media only screen and (max-width:840px) {

  #div_block-16-9 {
    transform: translate(0%);
    position: absolute;
    display: flex;
    top: 0px;
    left: 2rem;
    z-index: 999;
  }
  
  .sticky-header #div_block-16-9 {
     transform: translateX(0%);
  }
  #Header-logo {
    margin-top: 3px;
  }
  .sticky-header #Header-logo {
    margin-top: 3px;
  }
  #Header-logo,
  #div_block-16-9,
  .sticky-header #div_block-16-9 {
    width: 50px;
  }
  #nav-wrapper {
    width:100%; 
    gap:.5rem;
    justify-content:flex-end;
  }
  
  #main-header {
    padding:0 1rem;
  }
  
  #div_block-33-9 {
    display:none;
  }

}


:root {
  --hamburger-width: 30px;
  --hamburger-height: 3px;
  --hamburger-spacing: 6px;
  --hamburger-color: hsl(var(--primary-dark-8));
  --hamburger-radius: 0px;
  --hamburger-transition: 0.3s ease;
  --hamburger-rotation-angle: 45deg;
  --hamburger-expanded-width: 30px;
  --hamburger-offset: 0px;
  --overlay-bg-color: hsla(var(--primary-light-10),.9);
  --overlay-transition: 0.5s ease;
  --menu-font-size: 2rem;
  --menu-link-color: hsl(var(--primary));
  --menu-link-hover-color: hsl(var(--primary-dark-8));
}

#code_block-94-9 #menu_checkbox {
  display: none;
}

#code_block-94-9 label {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  width: var(--hamburger-width);
  height: calc((var(--hamburger-height) * 3) + (var(--hamburger-spacing) * 2));
  margin: calc(-1 * ((var(--hamburger-height) * 3 + var(--hamburger-spacing) * 2) / 2)) auto 0 auto;
  cursor: pointer;
  z-index: 1001;
}

#code_block-94-9 label:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 1.2s cubic-bezier(0, 0.96, 1, 0.02) background-color;
}

#code_block-94-9 label div {
  position: absolute;
  left: 0;
  width: var(--hamburger-width);
  height: var(--hamburger-height);
  background-color: var(--hamburger-color);
  transition: var(--hamburger-transition) transform, var(--hamburger-transition) top, var(--hamburger-transition) width, var(--hamburger-transition) opacity;
  border-radius: var(--hamburger-radius);
}

#code_block-94-9 label div:nth-child(1) {
  top: 0;
}

#code_block-94-9 label div:nth-child(2) {
  top: calc(var(--hamburger-height) + var(--hamburger-spacing));
}

#code_block-94-9 label div:nth-child(3) {
  top: calc((var(--hamburger-height) * 2) + (var(--hamburger-spacing) * 2));
}

#code_block-94-9 label.active div:nth-child(1) {
  top: calc(var(--hamburger-height) + var(--hamburger-spacing));
  transform: rotateZ(var(--hamburger-rotation-angle));
}

#code_block-94-9 label.active div:nth-child(2) {
  opacity: 0;
}

#code_block-94-9 label.active div:nth-child(3) {
  top: calc(var(--hamburger-height) + var(--hamburger-spacing));
  transform: rotateZ(calc(-1 * var(--hamburger-rotation-angle)));
}

#overlay_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--overlay-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: var(--overlay-transition);
  z-index: 1000;
  backdrop-filter:blur(30px);
}

#overlay_menu.active {
  opacity: 1;
  visibility: visible;
}

#overlay_menu nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

#overlay_menu nav ul li {
  margin: 20px 0;
}

#overlay_menu nav ul li a {
  text-decoration: none;
  font-size: var(--menu-font-size);
  color: var(--menu-link-color);
  transition: color 0.3s ease;
}

#overlay_menu nav ul li a:hover {
  color: var(--menu-link-hover-color);
}

@media only screen and (min-width:840px) {
  #overlay_menu.active {
    display:none ;
  }
}

.slanted-header-div, .nav-wrap {
  background-position: bottom left, bottom right, top right, top left;
  -moz-background-size: 50% 50%;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}

.slanted-background-b,
.slanted-background-t
{

  position: relative;
  overflow: visible; 
}

.slanted-background-t::before {
  --size: 20px;
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--selected-color);
  clip-path: polygon(
    0% var(--size),
    var(--size) 0%,
    calc(100% - var(--size)) 0%,
    100% var(--size),
    100% 100%,
    0% 100%
  );
}


.slanted-background-b::before {
  --size:20px;
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--selected-color);
  clip-path: polygon(
    100% 0%,
    100% calc(100% - var(--size)),
    calc(100% - var(--size)) 100%,
    var(--size) 100%,
    0% calc(100% - var(--size)),
    0% 0%
  );
}



.slanted-div {
  background-color: transparent;
  background:
    -moz-linear-gradient(45deg,  transparent 11px, var(--selected-color) 11px),
    -moz-linear-gradient(135deg, transparent 11px, var(--selected-color) 11px),
    -moz-linear-gradient(225deg, transparent 11px, var(--selected-color) 11px),
    -moz-linear-gradient(315deg, transparent 11px, var(--selected-color) 11px);
  background:
    -o-linear-gradient(45deg,  transparent 11px, var(--selected-color) 11px),
    -o-linear-gradient(135deg, transparent 11px, var(--selected-color) 11px),
    -o-linear-gradient(225deg, transparent 11px, var(--selected-color) 11px),
    -o-linear-gradient(315deg, transparent 11px, var(--selected-color) 11px);
  background:
    -webkit-linear-gradient(45deg,  transparent 11px, var(--selected-color) 11px),
    -webkit-linear-gradient(135deg, transparent 11px, var(--selected-color) 11px),
    -webkit-linear-gradient(225deg, transparent 11px, var(--selected-color) 11px),
    -webkit-linear-gradient(315deg, transparent 11px, var(--selected-color) 11px);
}

.slanted-div-top {
  background-color: transparent;
  background:
    -moz-linear-gradient(45deg,  transparent 11px, var(--selected-color) 11px),
    -moz-linear-gradient(135deg, transparent 11px, var(--selected-color) 11px),
    -moz-linear-gradient(225deg, transparent 11px, var(--selected-color) 11px),
    -moz-linear-gradient(315deg, transparent 11px, var(--selected-color) 11px);
  background:
    -o-linear-gradient(45deg,  transparent 11px, var(--selected-color) 11px),
    -o-linear-gradient(135deg, transparent 11px, var(--selected-color) 11px),
    -o-linear-gradient(225deg, transparent 11px, var(--selected-color) 11px),
    -o-linear-gradient(315deg, transparent 11px, var(--selected-color) 11px);
  background:
    -webkit-linear-gradient(45deg,  var(--selected-color) 11px, var(--selected-color) 11px),
    -webkit-linear-gradient(135deg, var(--selected-color) 11px, var(--selected-color) 11px),
    -webkit-linear-gradient(225deg, transparent 11px, var(--selected-color) 11px),
    -webkit-linear-gradient(315deg, transparent 11px, var(--selected-color) 11px);
}

.slanted-div, .slanted-div-top {
  background-position: bottom left, bottom right, top right, top left;
  -moz-background-size: 50% 50%;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}


html body .oxy_shape_divider {
  bottom:unset;
}
/*

    Darkmode Toggle

*/

.dark-mode-toggle {
  display:flex;
}

.toggle-switch .dark-mode-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
}

.toggle-switch .checkbox {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 2;
}

.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
/*   background-color: hsla(var(--secondary-dark-8), .1); */
  transition: .2s;
/*   border-style: solid;
  border-width: 1px;
  border-color: hsla(var(--secondary-dark-8), .2);
  border-radius: 34px; */
  z-index: 1;
}

.toggle-switch .slider-icon {
  fill: currentcolor;
  transform: translate(0px, 0px);
}

.toggle-switch .slider-icon-dark {
  display: none;
  fill: hsl(var(--primary-dark-9));
  transform: translate(1px, 0px);
}

[data-theme="dark"] .toggle-switch .slider-icon-dark {
  display: flex;
}

[data-theme="dark"] .toggle-switch .slider-icon {
  display: none;
}

.toggle-switch .slider-circle {
  position: absolute;
  content: "";
/*   height: 20px;
  width: 20px;
  left: 1px;
  bottom: 1px; */
/*   background-color: hsl(var(--gray-1)); */
  transition: .2s;
/*   border-color: hsla(var(--secondary-dark-8), 0);
  border-width: 1px;
  border-style: solid;
  border-radius: 50%; */
  display: flex;
}
/* 
.toggle-switch input:checked+.slider.round .slider-circle {
  left: 15px;
} */

.toggle-switch input:checked+.slider {
  background-color: hsla(var(--secondary-light-8), 0);
}

/* input:checked + .slider:before {
    transform: translateX(15px);
} */

.toggle-switch input:focus+.slider {
  box-shadow: none;
}


.toggle-switch .slider.round {
/*   border-radius: 34px;
    border-radius: 34px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.toggle-switch .slider.round:before {
  border-radius: 50%;
}

.tippy-tooltip[data-placement^=bottom]>.tippy-arrow {
  border-bottom-color: hsl(var(--gray-1));
}

.tippy-tooltip {
  background-color: hsl(var(--gray-1));
  color: hsl(var(--gray-5));
  font-weight: 700;
  font-family: inherit;
}



/* 
  Fixes
*/

/* Google reviews patch */
.wp-gr.wpac a.wp-google-name {
    color: hsl(var(--primary-dark-5)) !important;

}

.wp-gr.wpac * {
     color: hsl(var(--primary-dark-10)) !important; /*reviews text color patch */
  font-family:'Oxanium' !important;
  font-weight:
}
.wp-gr .rpi-dot {
    border-radius: 0px !important;
 }

.wp-gr .wp-google-wr a {
    padding: 10px 15px 10px !important;
}

.ac.oxanium * {
  font-family:'Oxanium' !important;
}

.ac button.ac-trigger {
  color:hsl(var(--secondary-dark-2));
}

div.ac .ac-trigger {
    padding: 1rem 3rem 1rem 1rem;
}

div.ac p {
  margin:0;
  padding: 0rem 1rem 1rem 1rem ;
}

div.ac .ac-panel .ac-text {
    padding: 0px;
}

div.ac .ac-trigger::after {
    width: 2rem;
    right: 10px;
    font-size: 1.9rem;
    font-weight: 300;
}

div.ac button.ac-trigger {
  color:hsl(var(--primary-dark-10));
}

div.ac {
    --color-white: hsl(var(--primary-light-10));
    --color-light-grey: hsl(var(--primary-light-10));
    --color-grey: hsl(var(--secondary-dark-2));
    --color-black:  hsl(var(--primary-dark-10));
    margin-bottom: 8px;
    border: 0px solid var(--color-light-grey);
    background-color: var(--color-white);
    box-sizing: border-box;
}


/* 
    Swiper.js 
*/
.swiper-container {
  --swiper-pagination-color: hsl(var(--secondary-dark-2));
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: -3rem;
  --swiper-pagination-top: unset;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 5px;
  --swiper-pagination-bullet-width: 5px;
  --swiper-pagination-bullet-height: 5px;
  --swiper-pagination-bullet-border-radius: 0%;
  --swiper-pagination-bullet-inactive-color: hsl(var(--primary-light-6));
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 5px;
  --swiper-pagination-bullet-vertical-gap: 5px;

}/*
    Theme Colors Setup
*/
/* Use Dart Sass color.channel() instead of deprecated hue(), saturation(), lightness() */
/* Generate Grayscale Values */
:root {
  --gray-1: 0deg, 0%, 20%;
  --gray-2: 0deg, 0%, 40%;
  --gray-3: 0deg, 0%, 50%;
  --gray-4: 0deg, 0%, 60%;
  --gray-5: 0deg, 0%, 70%;
}

[data-theme=dark] {
  --gray-1: 0deg, 0%, 80%;
  --gray-2: 0deg, 0%, 70%;
  --gray-3: 0deg, 0%, 60%;
  --gray-4: 0deg, 0%, 50%;
  --gray-5: 0deg, 0%, 40%;
}

/* Define clamp variables */
/* Rename clamp function to avoid conflict */
/* Function to calculate clamped lightness for lighter and darker shades */
/* Generate Color theme Shades */
/* Function to invert naming of shades in dark mode */
/* Utility Class Generation */
:root {
  --primary: 220deg, 60%, 60%;
  --primary-light-1: 220deg, 65%, 63.5%;
  --primary-dark-1: 220deg, 65%, 60%;
  --primary-light-2: 220deg, 65%, 67%;
  --primary-dark-2: 220deg, 65%, 55%;
  --primary-light-3: 220deg, 65%, 70.5%;
  --primary-dark-3: 220deg, 65%, 50%;
  --primary-light-4: 220deg, 65%, 74%;
  --primary-dark-4: 220deg, 65%, 45%;
  --primary-light-5: 220deg, 65%, 77.5%;
  --primary-dark-5: 220deg, 65%, 40%;
  --primary-light-6: 220deg, 65%, 81%;
  --primary-dark-6: 220deg, 65%, 35%;
  --primary-light-7: 220deg, 65%, 84.5%;
  --primary-dark-7: 220deg, 65%, 30%;
  --primary-light-8: 220deg, 65%, 88%;
  --primary-dark-8: 220deg, 65%, 25%;
  --primary-light-9: 220deg, 65%, 91.5%;
  --primary-dark-9: 220deg, 65%, 20%;
  --primary-light-10: 220deg, 65%, 95%;
  --primary-dark-10: 220deg, 65%, 15%;
  --secondary: 40deg, 100%, 50%;
  --secondary-light-1: 40deg, 100%, 54.5%;
  --secondary-dark-1: 40deg, 100%, 50%;
  --secondary-light-2: 40deg, 100%, 59%;
  --secondary-dark-2: 40deg, 100%, 45.5%;
  --secondary-light-3: 40deg, 100%, 63.5%;
  --secondary-dark-3: 40deg, 100%, 41%;
  --secondary-light-4: 40deg, 100%, 68%;
  --secondary-dark-4: 40deg, 100%, 36.5%;
  --secondary-light-5: 40deg, 100%, 72.5%;
  --secondary-dark-5: 40deg, 100%, 32%;
  --secondary-light-6: 40deg, 100%, 77%;
  --secondary-dark-6: 40deg, 100%, 27.5%;
  --secondary-light-7: 40deg, 100%, 81.5%;
  --secondary-dark-7: 40deg, 100%, 23%;
  --secondary-light-8: 40deg, 100%, 86%;
  --secondary-dark-8: 40deg, 100%, 18.5%;
  --secondary-light-9: 40deg, 100%, 90.5%;
  --secondary-dark-9: 40deg, 100%, 14%;
  --secondary-light-10: 40deg, 100%, 95%;
  --secondary-dark-10: 40deg, 100%, 9.5%;
  --positive: 120deg, 100%, 30%;
  --positive-light-1: 120deg, 100%, 36.5%;
  --positive-dark-1: 120deg, 100%, 30%;
  --positive-light-2: 120deg, 100%, 43%;
  --positive-dark-2: 120deg, 100%, 27.5%;
  --positive-light-3: 120deg, 100%, 49.5%;
  --positive-dark-3: 120deg, 100%, 25%;
  --positive-light-4: 120deg, 100%, 56%;
  --positive-dark-4: 120deg, 100%, 22.5%;
  --positive-light-5: 120deg, 100%, 62.5%;
  --positive-dark-5: 120deg, 100%, 20%;
  --positive-light-6: 120deg, 100%, 69%;
  --positive-dark-6: 120deg, 100%, 17.5%;
  --positive-light-7: 120deg, 100%, 75.5%;
  --positive-dark-7: 120deg, 100%, 15%;
  --positive-light-8: 120deg, 100%, 82%;
  --positive-dark-8: 120deg, 100%, 12.5%;
  --positive-light-9: 120deg, 100%, 88.5%;
  --positive-dark-9: 120deg, 100%, 10%;
  --positive-light-10: 120deg, 100%, 95%;
  --positive-dark-10: 120deg, 100%, 7.5%;
  --negative: 0deg, 100%, 30%;
  --negative-light-1: 0deg, 100%, 36.5%;
  --negative-dark-1: 0deg, 100%, 30%;
  --negative-light-2: 0deg, 100%, 43%;
  --negative-dark-2: 0deg, 100%, 27.5%;
  --negative-light-3: 0deg, 100%, 49.5%;
  --negative-dark-3: 0deg, 100%, 25%;
  --negative-light-4: 0deg, 100%, 56%;
  --negative-dark-4: 0deg, 100%, 22.5%;
  --negative-light-5: 0deg, 100%, 62.5%;
  --negative-dark-5: 0deg, 100%, 20%;
  --negative-light-6: 0deg, 100%, 69%;
  --negative-dark-6: 0deg, 100%, 17.5%;
  --negative-light-7: 0deg, 100%, 75.5%;
  --negative-dark-7: 0deg, 100%, 15%;
  --negative-light-8: 0deg, 100%, 82%;
  --negative-dark-8: 0deg, 100%, 12.5%;
  --negative-light-9: 0deg, 100%, 88.5%;
  --negative-dark-9: 0deg, 100%, 10%;
  --negative-light-10: 0deg, 100%, 95%;
  --negative-dark-10: 0deg, 100%, 7.5%;
  --background: 220deg, 60%, 80%;
  --background-light-1: 220deg, 60%, 82%;
  --background-dark-1: 220deg, 60%, 80%;
  --background-light-2: 220deg, 60%, 84%;
  --background-dark-2: 220deg, 60%, 72%;
  --background-light-3: 220deg, 60%, 86%;
  --background-dark-3: 220deg, 60%, 64%;
  --background-light-4: 220deg, 60%, 88%;
  --background-dark-4: 220deg, 60%, 56%;
  --background-light-5: 220deg, 60%, 90%;
  --background-dark-5: 220deg, 60%, 48%;
  --background-light-6: 220deg, 60%, 92%;
  --background-dark-6: 220deg, 60%, 40%;
  --background-light-7: 220deg, 60%, 94%;
  --background-dark-7: 220deg, 60%, 32%;
  --background-light-8: 220deg, 60%, 96%;
  --background-dark-8: 220deg, 60%, 24%;
  --background-light-9: 220deg, 60%, 98%;
  --background-dark-9: 220deg, 60%, 16%;
  --background-light-10: 220deg, 60%, 100%;
  --background-dark-10: 220deg, 60%, 8%;
  --foreground: 230deg, 40%, 30%;
  --foreground-light-1: 230deg, 40%, 37%;
  --foreground-dark-1: 230deg, 40%, 30%;
  --foreground-light-2: 230deg, 40%, 44%;
  --foreground-dark-2: 230deg, 40%, 27%;
  --foreground-light-3: 230deg, 40%, 51%;
  --foreground-dark-3: 230deg, 40%, 24%;
  --foreground-light-4: 230deg, 40%, 58%;
  --foreground-dark-4: 230deg, 40%, 21%;
  --foreground-light-5: 230deg, 40%, 65%;
  --foreground-dark-5: 230deg, 40%, 18%;
  --foreground-light-6: 230deg, 40%, 72%;
  --foreground-dark-6: 230deg, 40%, 15%;
  --foreground-light-7: 230deg, 40%, 79%;
  --foreground-dark-7: 230deg, 40%, 12%;
  --foreground-light-8: 230deg, 40%, 86%;
  --foreground-dark-8: 230deg, 40%, 9%;
  --foreground-light-9: 230deg, 40%, 93%;
  --foreground-dark-9: 230deg, 40%, 6%;
  --foreground-light-10: 230deg, 40%, 100%;
  --foreground-dark-10: 230deg, 40%, 3%;
  --gray-1: 0deg, 0%, 20%;
  --gray-1-light-1: 0deg, 5%, 27.5%;
  --gray-1-dark-1: 0deg, 5%, 20%;
  --gray-1-light-2: 0deg, 5%, 35%;
  --gray-1-dark-2: 0deg, 5%, 19%;
  --gray-1-light-3: 0deg, 5%, 42.5%;
  --gray-1-dark-3: 0deg, 5%, 18%;
  --gray-1-light-4: 0deg, 5%, 50%;
  --gray-1-dark-4: 0deg, 5%, 17%;
  --gray-1-light-5: 0deg, 5%, 57.5%;
  --gray-1-dark-5: 0deg, 5%, 16%;
  --gray-1-light-6: 0deg, 5%, 65%;
  --gray-1-dark-6: 0deg, 5%, 15%;
  --gray-1-light-7: 0deg, 5%, 72.5%;
  --gray-1-dark-7: 0deg, 5%, 14%;
  --gray-1-light-8: 0deg, 5%, 80%;
  --gray-1-dark-8: 0deg, 5%, 13%;
  --gray-1-light-9: 0deg, 5%, 87.5%;
  --gray-1-dark-9: 0deg, 5%, 12%;
  --gray-1-light-10: 0deg, 5%, 95%;
  --gray-1-dark-10: 0deg, 5%, 11%;
  --gray-2: 0deg, 0%, 40%;
  --gray-2-light-1: 0deg, 5%, 45.5%;
  --gray-2-dark-1: 0deg, 5%, 40%;
  --gray-2-light-2: 0deg, 5%, 51%;
  --gray-2-dark-2: 0deg, 5%, 37%;
  --gray-2-light-3: 0deg, 5%, 56.5%;
  --gray-2-dark-3: 0deg, 5%, 34%;
  --gray-2-light-4: 0deg, 5%, 62%;
  --gray-2-dark-4: 0deg, 5%, 31%;
  --gray-2-light-5: 0deg, 5%, 67.5%;
  --gray-2-dark-5: 0deg, 5%, 28%;
  --gray-2-light-6: 0deg, 5%, 73%;
  --gray-2-dark-6: 0deg, 5%, 25%;
  --gray-2-light-7: 0deg, 5%, 78.5%;
  --gray-2-dark-7: 0deg, 5%, 22%;
  --gray-2-light-8: 0deg, 5%, 84%;
  --gray-2-dark-8: 0deg, 5%, 19%;
  --gray-2-light-9: 0deg, 5%, 89.5%;
  --gray-2-dark-9: 0deg, 5%, 16%;
  --gray-2-light-10: 0deg, 5%, 95%;
  --gray-2-dark-10: 0deg, 5%, 13%;
  --gray-3: 0deg, 0%, 50%;
  --gray-3-light-1: 0deg, 5%, 54.5%;
  --gray-3-dark-1: 0deg, 5%, 50%;
  --gray-3-light-2: 0deg, 5%, 59%;
  --gray-3-dark-2: 0deg, 5%, 46%;
  --gray-3-light-3: 0deg, 5%, 63.5%;
  --gray-3-dark-3: 0deg, 5%, 42%;
  --gray-3-light-4: 0deg, 5%, 68%;
  --gray-3-dark-4: 0deg, 5%, 38%;
  --gray-3-light-5: 0deg, 5%, 72.5%;
  --gray-3-dark-5: 0deg, 5%, 34%;
  --gray-3-light-6: 0deg, 5%, 77%;
  --gray-3-dark-6: 0deg, 5%, 30%;
  --gray-3-light-7: 0deg, 5%, 81.5%;
  --gray-3-dark-7: 0deg, 5%, 26%;
  --gray-3-light-8: 0deg, 5%, 86%;
  --gray-3-dark-8: 0deg, 5%, 22%;
  --gray-3-light-9: 0deg, 5%, 90.5%;
  --gray-3-dark-9: 0deg, 5%, 18%;
  --gray-3-light-10: 0deg, 5%, 95%;
  --gray-3-dark-10: 0deg, 5%, 14%;
  --gray-4: 0deg, 0%, 60%;
  --gray-4-light-1: 0deg, 5%, 63.5%;
  --gray-4-dark-1: 0deg, 5%, 60%;
  --gray-4-light-2: 0deg, 5%, 67%;
  --gray-4-dark-2: 0deg, 5%, 55%;
  --gray-4-light-3: 0deg, 5%, 70.5%;
  --gray-4-dark-3: 0deg, 5%, 50%;
  --gray-4-light-4: 0deg, 5%, 74%;
  --gray-4-dark-4: 0deg, 5%, 45%;
  --gray-4-light-5: 0deg, 5%, 77.5%;
  --gray-4-dark-5: 0deg, 5%, 40%;
  --gray-4-light-6: 0deg, 5%, 81%;
  --gray-4-dark-6: 0deg, 5%, 35%;
  --gray-4-light-7: 0deg, 5%, 84.5%;
  --gray-4-dark-7: 0deg, 5%, 30%;
  --gray-4-light-8: 0deg, 5%, 88%;
  --gray-4-dark-8: 0deg, 5%, 25%;
  --gray-4-light-9: 0deg, 5%, 91.5%;
  --gray-4-dark-9: 0deg, 5%, 20%;
  --gray-4-light-10: 0deg, 5%, 95%;
  --gray-4-dark-10: 0deg, 5%, 15%;
  --gray-5: 0deg, 0%, 70%;
  --gray-5-light-1: 0deg, 5%, 72.5%;
  --gray-5-dark-1: 0deg, 5%, 70%;
  --gray-5-light-2: 0deg, 5%, 75%;
  --gray-5-dark-2: 0deg, 5%, 64%;
  --gray-5-light-3: 0deg, 5%, 77.5%;
  --gray-5-dark-3: 0deg, 5%, 58%;
  --gray-5-light-4: 0deg, 5%, 80%;
  --gray-5-dark-4: 0deg, 5%, 52%;
  --gray-5-light-5: 0deg, 5%, 82.5%;
  --gray-5-dark-5: 0deg, 5%, 46%;
  --gray-5-light-6: 0deg, 5%, 85%;
  --gray-5-dark-6: 0deg, 5%, 40%;
  --gray-5-light-7: 0deg, 5%, 87.5%;
  --gray-5-dark-7: 0deg, 5%, 34%;
  --gray-5-light-8: 0deg, 5%, 90%;
  --gray-5-dark-8: 0deg, 5%, 28%;
  --gray-5-light-9: 0deg, 5%, 92.5%;
  --gray-5-dark-9: 0deg, 5%, 22%;
  --gray-5-light-10: 0deg, 5%, 95%;
  --gray-5-dark-10: 0deg, 5%, 16%;
}
:root .text-primary-light-1 {
  color: hsl(var(--primary-light-1));
}
:root .text-primary-dark-1 {
  color: hsl(var(--primary-dark-1));
}
:root .text-primary-light-2 {
  color: hsl(var(--primary-light-2));
}
:root .text-primary-dark-2 {
  color: hsl(var(--primary-dark-2));
}
:root .text-primary-light-3 {
  color: hsl(var(--primary-light-3));
}
:root .text-primary-dark-3 {
  color: hsl(var(--primary-dark-3));
}
:root .text-primary-light-4 {
  color: hsl(var(--primary-light-4));
}
:root .text-primary-dark-4 {
  color: hsl(var(--primary-dark-4));
}
:root .text-primary-light-5 {
  color: hsl(var(--primary-light-5));
}
:root .text-primary-dark-5 {
  color: hsl(var(--primary-dark-5));
}
:root .text-primary-light-6 {
  color: hsl(var(--primary-light-6));
}
:root .text-primary-dark-6 {
  color: hsl(var(--primary-dark-6));
}
:root .text-primary-light-7 {
  color: hsl(var(--primary-light-7));
}
:root .text-primary-dark-7 {
  color: hsl(var(--primary-dark-7));
}
:root .text-primary-light-8 {
  color: hsl(var(--primary-light-8));
}
:root .text-primary-dark-8 {
  color: hsl(var(--primary-dark-8));
}
:root .text-primary-light-9 {
  color: hsl(var(--primary-light-9));
}
:root .text-primary-dark-9 {
  color: hsl(var(--primary-dark-9));
}
:root .text-primary-light-10 {
  color: hsl(var(--primary-light-10));
}
:root .text-primary-dark-10 {
  color: hsl(var(--primary-dark-10));
}
:root .text-secondary-light-1 {
  color: hsl(var(--secondary-light-1));
}
:root .text-secondary-dark-1 {
  color: hsl(var(--secondary-dark-1));
}
:root .text-secondary-light-2 {
  color: hsl(var(--secondary-light-2));
}
:root .text-secondary-dark-2 {
  color: hsl(var(--secondary-dark-2));
}
:root .text-secondary-light-3 {
  color: hsl(var(--secondary-light-3));
}
:root .text-secondary-dark-3 {
  color: hsl(var(--secondary-dark-3));
}
:root .text-secondary-light-4 {
  color: hsl(var(--secondary-light-4));
}
:root .text-secondary-dark-4 {
  color: hsl(var(--secondary-dark-4));
}
:root .text-secondary-light-5 {
  color: hsl(var(--secondary-light-5));
}
:root .text-secondary-dark-5 {
  color: hsl(var(--secondary-dark-5));
}
:root .text-secondary-light-6 {
  color: hsl(var(--secondary-light-6));
}
:root .text-secondary-dark-6 {
  color: hsl(var(--secondary-dark-6));
}
:root .text-secondary-light-7 {
  color: hsl(var(--secondary-light-7));
}
:root .text-secondary-dark-7 {
  color: hsl(var(--secondary-dark-7));
}
:root .text-secondary-light-8 {
  color: hsl(var(--secondary-light-8));
}
:root .text-secondary-dark-8 {
  color: hsl(var(--secondary-dark-8));
}
:root .text-secondary-light-9 {
  color: hsl(var(--secondary-light-9));
}
:root .text-secondary-dark-9 {
  color: hsl(var(--secondary-dark-9));
}
:root .text-secondary-light-10 {
  color: hsl(var(--secondary-light-10));
}
:root .text-secondary-dark-10 {
  color: hsl(var(--secondary-dark-10));
}
:root .text-positive-light-1 {
  color: hsl(var(--positive-light-1));
}
:root .text-positive-dark-1 {
  color: hsl(var(--positive-dark-1));
}
:root .text-positive-light-2 {
  color: hsl(var(--positive-light-2));
}
:root .text-positive-dark-2 {
  color: hsl(var(--positive-dark-2));
}
:root .text-positive-light-3 {
  color: hsl(var(--positive-light-3));
}
:root .text-positive-dark-3 {
  color: hsl(var(--positive-dark-3));
}
:root .text-positive-light-4 {
  color: hsl(var(--positive-light-4));
}
:root .text-positive-dark-4 {
  color: hsl(var(--positive-dark-4));
}
:root .text-positive-light-5 {
  color: hsl(var(--positive-light-5));
}
:root .text-positive-dark-5 {
  color: hsl(var(--positive-dark-5));
}
:root .text-positive-light-6 {
  color: hsl(var(--positive-light-6));
}
:root .text-positive-dark-6 {
  color: hsl(var(--positive-dark-6));
}
:root .text-positive-light-7 {
  color: hsl(var(--positive-light-7));
}
:root .text-positive-dark-7 {
  color: hsl(var(--positive-dark-7));
}
:root .text-positive-light-8 {
  color: hsl(var(--positive-light-8));
}
:root .text-positive-dark-8 {
  color: hsl(var(--positive-dark-8));
}
:root .text-positive-light-9 {
  color: hsl(var(--positive-light-9));
}
:root .text-positive-dark-9 {
  color: hsl(var(--positive-dark-9));
}
:root .text-positive-light-10 {
  color: hsl(var(--positive-light-10));
}
:root .text-positive-dark-10 {
  color: hsl(var(--positive-dark-10));
}
:root .text-negative-light-1 {
  color: hsl(var(--negative-light-1));
}
:root .text-negative-dark-1 {
  color: hsl(var(--negative-dark-1));
}
:root .text-negative-light-2 {
  color: hsl(var(--negative-light-2));
}
:root .text-negative-dark-2 {
  color: hsl(var(--negative-dark-2));
}
:root .text-negative-light-3 {
  color: hsl(var(--negative-light-3));
}
:root .text-negative-dark-3 {
  color: hsl(var(--negative-dark-3));
}
:root .text-negative-light-4 {
  color: hsl(var(--negative-light-4));
}
:root .text-negative-dark-4 {
  color: hsl(var(--negative-dark-4));
}
:root .text-negative-light-5 {
  color: hsl(var(--negative-light-5));
}
:root .text-negative-dark-5 {
  color: hsl(var(--negative-dark-5));
}
:root .text-negative-light-6 {
  color: hsl(var(--negative-light-6));
}
:root .text-negative-dark-6 {
  color: hsl(var(--negative-dark-6));
}
:root .text-negative-light-7 {
  color: hsl(var(--negative-light-7));
}
:root .text-negative-dark-7 {
  color: hsl(var(--negative-dark-7));
}
:root .text-negative-light-8 {
  color: hsl(var(--negative-light-8));
}
:root .text-negative-dark-8 {
  color: hsl(var(--negative-dark-8));
}
:root .text-negative-light-9 {
  color: hsl(var(--negative-light-9));
}
:root .text-negative-dark-9 {
  color: hsl(var(--negative-dark-9));
}
:root .text-negative-light-10 {
  color: hsl(var(--negative-light-10));
}
:root .text-negative-dark-10 {
  color: hsl(var(--negative-dark-10));
}
:root .text-background-light-1 {
  color: hsl(var(--background-light-1));
}
:root .text-background-dark-1 {
  color: hsl(var(--background-dark-1));
}
:root .text-background-light-2 {
  color: hsl(var(--background-light-2));
}
:root .text-background-dark-2 {
  color: hsl(var(--background-dark-2));
}
:root .text-background-light-3 {
  color: hsl(var(--background-light-3));
}
:root .text-background-dark-3 {
  color: hsl(var(--background-dark-3));
}
:root .text-background-light-4 {
  color: hsl(var(--background-light-4));
}
:root .text-background-dark-4 {
  color: hsl(var(--background-dark-4));
}
:root .text-background-light-5 {
  color: hsl(var(--background-light-5));
}
:root .text-background-dark-5 {
  color: hsl(var(--background-dark-5));
}
:root .text-background-light-6 {
  color: hsl(var(--background-light-6));
}
:root .text-background-dark-6 {
  color: hsl(var(--background-dark-6));
}
:root .text-background-light-7 {
  color: hsl(var(--background-light-7));
}
:root .text-background-dark-7 {
  color: hsl(var(--background-dark-7));
}
:root .text-background-light-8 {
  color: hsl(var(--background-light-8));
}
:root .text-background-dark-8 {
  color: hsl(var(--background-dark-8));
}
:root .text-background-light-9 {
  color: hsl(var(--background-light-9));
}
:root .text-background-dark-9 {
  color: hsl(var(--background-dark-9));
}
:root .text-background-light-10 {
  color: hsl(var(--background-light-10));
}
:root .text-background-dark-10 {
  color: hsl(var(--background-dark-10));
}
:root .text-foreground-light-1 {
  color: hsl(var(--foreground-light-1));
}
:root .text-foreground-dark-1 {
  color: hsl(var(--foreground-dark-1));
}
:root .text-foreground-light-2 {
  color: hsl(var(--foreground-light-2));
}
:root .text-foreground-dark-2 {
  color: hsl(var(--foreground-dark-2));
}
:root .text-foreground-light-3 {
  color: hsl(var(--foreground-light-3));
}
:root .text-foreground-dark-3 {
  color: hsl(var(--foreground-dark-3));
}
:root .text-foreground-light-4 {
  color: hsl(var(--foreground-light-4));
}
:root .text-foreground-dark-4 {
  color: hsl(var(--foreground-dark-4));
}
:root .text-foreground-light-5 {
  color: hsl(var(--foreground-light-5));
}
:root .text-foreground-dark-5 {
  color: hsl(var(--foreground-dark-5));
}
:root .text-foreground-light-6 {
  color: hsl(var(--foreground-light-6));
}
:root .text-foreground-dark-6 {
  color: hsl(var(--foreground-dark-6));
}
:root .text-foreground-light-7 {
  color: hsl(var(--foreground-light-7));
}
:root .text-foreground-dark-7 {
  color: hsl(var(--foreground-dark-7));
}
:root .text-foreground-light-8 {
  color: hsl(var(--foreground-light-8));
}
:root .text-foreground-dark-8 {
  color: hsl(var(--foreground-dark-8));
}
:root .text-foreground-light-9 {
  color: hsl(var(--foreground-light-9));
}
:root .text-foreground-dark-9 {
  color: hsl(var(--foreground-dark-9));
}
:root .text-foreground-light-10 {
  color: hsl(var(--foreground-light-10));
}
:root .text-foreground-dark-10 {
  color: hsl(var(--foreground-dark-10));
}

[data-theme=dark] {
  --primary: 220deg, 60%, 60%;
  --primary-dark-1: 220deg, 60%, 64%;
  --primary-light-1: 220deg, 60%, 60%;
  --primary-dark-2: 220deg, 60%, 68%;
  --primary-light-2: 220deg, 60%, 54%;
  --primary-dark-3: 220deg, 60%, 72%;
  --primary-light-3: 220deg, 60%, 48%;
  --primary-dark-4: 220deg, 60%, 76%;
  --primary-light-4: 220deg, 60%, 42%;
  --primary-dark-5: 220deg, 60%, 80%;
  --primary-light-5: 220deg, 60%, 36%;
  --primary-dark-6: 220deg, 60%, 84%;
  --primary-light-6: 220deg, 60%, 30%;
  --primary-dark-7: 220deg, 60%, 88%;
  --primary-light-7: 220deg, 60%, 24%;
  --primary-dark-8: 220deg, 60%, 92%;
  --primary-light-8: 220deg, 60%, 18%;
  --primary-dark-9: 220deg, 60%, 96%;
  --primary-light-9: 220deg, 60%, 12%;
  --primary-dark-10: 220deg, 60%, 100%;
  --primary-light-10: 220deg, 60%, 6%;
  --secondary: 40deg, 100%, 50%;
  --secondary-dark-1: 40deg, 100%, 54.5%;
  --secondary-light-1: 40deg, 100%, 50%;
  --secondary-dark-2: 40deg, 100%, 59%;
  --secondary-light-2: 40deg, 100%, 45.5%;
  --secondary-dark-3: 40deg, 100%, 63.5%;
  --secondary-light-3: 40deg, 100%, 41%;
  --secondary-dark-4: 40deg, 100%, 68%;
  --secondary-light-4: 40deg, 100%, 36.5%;
  --secondary-dark-5: 40deg, 100%, 72.5%;
  --secondary-light-5: 40deg, 100%, 32%;
  --secondary-dark-6: 40deg, 100%, 77%;
  --secondary-light-6: 40deg, 100%, 27.5%;
  --secondary-dark-7: 40deg, 100%, 81.5%;
  --secondary-light-7: 40deg, 100%, 23%;
  --secondary-dark-8: 40deg, 100%, 86%;
  --secondary-light-8: 40deg, 100%, 18.5%;
  --secondary-dark-9: 40deg, 100%, 90.5%;
  --secondary-light-9: 40deg, 100%, 14%;
  --secondary-dark-10: 40deg, 100%, 95%;
  --secondary-light-10: 40deg, 100%, 9.5%;
  --positive: 120deg, 100%, 30%;
  --positive-dark-1: 120deg, 100%, 36.5%;
  --positive-light-1: 120deg, 100%, 30%;
  --positive-dark-2: 120deg, 100%, 43%;
  --positive-light-2: 120deg, 100%, 27.5%;
  --positive-dark-3: 120deg, 100%, 49.5%;
  --positive-light-3: 120deg, 100%, 25%;
  --positive-dark-4: 120deg, 100%, 56%;
  --positive-light-4: 120deg, 100%, 22.5%;
  --positive-dark-5: 120deg, 100%, 62.5%;
  --positive-light-5: 120deg, 100%, 20%;
  --positive-dark-6: 120deg, 100%, 69%;
  --positive-light-6: 120deg, 100%, 17.5%;
  --positive-dark-7: 120deg, 100%, 75.5%;
  --positive-light-7: 120deg, 100%, 15%;
  --positive-dark-8: 120deg, 100%, 82%;
  --positive-light-8: 120deg, 100%, 12.5%;
  --positive-dark-9: 120deg, 100%, 88.5%;
  --positive-light-9: 120deg, 100%, 10%;
  --positive-dark-10: 120deg, 100%, 95%;
  --positive-light-10: 120deg, 100%, 7.5%;
  --negative: 0deg, 100%, 30%;
  --negative-dark-1: 0deg, 100%, 36.5%;
  --negative-light-1: 0deg, 100%, 30%;
  --negative-dark-2: 0deg, 100%, 43%;
  --negative-light-2: 0deg, 100%, 27.5%;
  --negative-dark-3: 0deg, 100%, 49.5%;
  --negative-light-3: 0deg, 100%, 25%;
  --negative-dark-4: 0deg, 100%, 56%;
  --negative-light-4: 0deg, 100%, 22.5%;
  --negative-dark-5: 0deg, 100%, 62.5%;
  --negative-light-5: 0deg, 100%, 20%;
  --negative-dark-6: 0deg, 100%, 69%;
  --negative-light-6: 0deg, 100%, 17.5%;
  --negative-dark-7: 0deg, 100%, 75.5%;
  --negative-light-7: 0deg, 100%, 15%;
  --negative-dark-8: 0deg, 100%, 82%;
  --negative-light-8: 0deg, 100%, 12.5%;
  --negative-dark-9: 0deg, 100%, 88.5%;
  --negative-light-9: 0deg, 100%, 10%;
  --negative-dark-10: 0deg, 100%, 95%;
  --negative-light-10: 0deg, 100%, 7.5%;
  --background: 220deg, 60%, 80%;
  --background-dark-1: 220deg, 60%, 82%;
  --background-light-1: 220deg, 60%, 80%;
  --background-dark-2: 220deg, 60%, 84%;
  --background-light-2: 220deg, 60%, 72%;
  --background-dark-3: 220deg, 60%, 86%;
  --background-light-3: 220deg, 60%, 64%;
  --background-dark-4: 220deg, 60%, 88%;
  --background-light-4: 220deg, 60%, 56%;
  --background-dark-5: 220deg, 60%, 90%;
  --background-light-5: 220deg, 60%, 48%;
  --background-dark-6: 220deg, 60%, 92%;
  --background-light-6: 220deg, 60%, 40%;
  --background-dark-7: 220deg, 60%, 94%;
  --background-light-7: 220deg, 60%, 32%;
  --background-dark-8: 220deg, 60%, 96%;
  --background-light-8: 220deg, 60%, 24%;
  --background-dark-9: 220deg, 60%, 98%;
  --background-light-9: 220deg, 60%, 16%;
  --background-dark-10: 220deg, 60%, 100%;
  --background-light-10: 220deg, 60%, 8%;
  --foreground: 230deg, 40%, 30%;
  --foreground-dark-1: 230deg, 40%, 37%;
  --foreground-light-1: 230deg, 40%, 30%;
  --foreground-dark-2: 230deg, 40%, 44%;
  --foreground-light-2: 230deg, 40%, 27%;
  --foreground-dark-3: 230deg, 40%, 51%;
  --foreground-light-3: 230deg, 40%, 24%;
  --foreground-dark-4: 230deg, 40%, 58%;
  --foreground-light-4: 230deg, 40%, 21%;
  --foreground-dark-5: 230deg, 40%, 65%;
  --foreground-light-5: 230deg, 40%, 18%;
  --foreground-dark-6: 230deg, 40%, 72%;
  --foreground-light-6: 230deg, 40%, 15%;
  --foreground-dark-7: 230deg, 40%, 79%;
  --foreground-light-7: 230deg, 40%, 12%;
  --foreground-dark-8: 230deg, 40%, 86%;
  --foreground-light-8: 230deg, 40%, 9%;
  --foreground-dark-9: 230deg, 40%, 93%;
  --foreground-light-9: 230deg, 40%, 6%;
  --foreground-dark-10: 230deg, 40%, 100%;
  --foreground-light-10: 230deg, 40%, 3%;
  --gray-1: 0deg, 0%, 80%;
  --gray-1-dark-1: 0deg, 5%, 81.5%;
  --gray-1-light-1: 0deg, 5%, 80%;
  --gray-1-dark-2: 0deg, 5%, 83%;
  --gray-1-light-2: 0deg, 5%, 73%;
  --gray-1-dark-3: 0deg, 5%, 84.5%;
  --gray-1-light-3: 0deg, 5%, 66%;
  --gray-1-dark-4: 0deg, 5%, 86%;
  --gray-1-light-4: 0deg, 5%, 59%;
  --gray-1-dark-5: 0deg, 5%, 87.5%;
  --gray-1-light-5: 0deg, 5%, 52%;
  --gray-1-dark-6: 0deg, 5%, 89%;
  --gray-1-light-6: 0deg, 5%, 45%;
  --gray-1-dark-7: 0deg, 5%, 90.5%;
  --gray-1-light-7: 0deg, 5%, 38%;
  --gray-1-dark-8: 0deg, 5%, 92%;
  --gray-1-light-8: 0deg, 5%, 31%;
  --gray-1-dark-9: 0deg, 5%, 93.5%;
  --gray-1-light-9: 0deg, 5%, 24%;
  --gray-1-dark-10: 0deg, 5%, 95%;
  --gray-1-light-10: 0deg, 5%, 17%;
  --gray-2: 0deg, 0%, 70%;
  --gray-2-dark-1: 0deg, 5%, 72.5%;
  --gray-2-light-1: 0deg, 5%, 70%;
  --gray-2-dark-2: 0deg, 5%, 75%;
  --gray-2-light-2: 0deg, 5%, 64%;
  --gray-2-dark-3: 0deg, 5%, 77.5%;
  --gray-2-light-3: 0deg, 5%, 58%;
  --gray-2-dark-4: 0deg, 5%, 80%;
  --gray-2-light-4: 0deg, 5%, 52%;
  --gray-2-dark-5: 0deg, 5%, 82.5%;
  --gray-2-light-5: 0deg, 5%, 46%;
  --gray-2-dark-6: 0deg, 5%, 85%;
  --gray-2-light-6: 0deg, 5%, 40%;
  --gray-2-dark-7: 0deg, 5%, 87.5%;
  --gray-2-light-7: 0deg, 5%, 34%;
  --gray-2-dark-8: 0deg, 5%, 90%;
  --gray-2-light-8: 0deg, 5%, 28%;
  --gray-2-dark-9: 0deg, 5%, 92.5%;
  --gray-2-light-9: 0deg, 5%, 22%;
  --gray-2-dark-10: 0deg, 5%, 95%;
  --gray-2-light-10: 0deg, 5%, 16%;
  --gray-3: 0deg, 0%, 60%;
  --gray-3-dark-1: 0deg, 5%, 63.5%;
  --gray-3-light-1: 0deg, 5%, 60%;
  --gray-3-dark-2: 0deg, 5%, 67%;
  --gray-3-light-2: 0deg, 5%, 55%;
  --gray-3-dark-3: 0deg, 5%, 70.5%;
  --gray-3-light-3: 0deg, 5%, 50%;
  --gray-3-dark-4: 0deg, 5%, 74%;
  --gray-3-light-4: 0deg, 5%, 45%;
  --gray-3-dark-5: 0deg, 5%, 77.5%;
  --gray-3-light-5: 0deg, 5%, 40%;
  --gray-3-dark-6: 0deg, 5%, 81%;
  --gray-3-light-6: 0deg, 5%, 35%;
  --gray-3-dark-7: 0deg, 5%, 84.5%;
  --gray-3-light-7: 0deg, 5%, 30%;
  --gray-3-dark-8: 0deg, 5%, 88%;
  --gray-3-light-8: 0deg, 5%, 25%;
  --gray-3-dark-9: 0deg, 5%, 91.5%;
  --gray-3-light-9: 0deg, 5%, 20%;
  --gray-3-dark-10: 0deg, 5%, 95%;
  --gray-3-light-10: 0deg, 5%, 15%;
  --gray-4: 0deg, 0%, 50%;
  --gray-4-dark-1: 0deg, 5%, 54.5%;
  --gray-4-light-1: 0deg, 5%, 50%;
  --gray-4-dark-2: 0deg, 5%, 59%;
  --gray-4-light-2: 0deg, 5%, 46%;
  --gray-4-dark-3: 0deg, 5%, 63.5%;
  --gray-4-light-3: 0deg, 5%, 42%;
  --gray-4-dark-4: 0deg, 5%, 68%;
  --gray-4-light-4: 0deg, 5%, 38%;
  --gray-4-dark-5: 0deg, 5%, 72.5%;
  --gray-4-light-5: 0deg, 5%, 34%;
  --gray-4-dark-6: 0deg, 5%, 77%;
  --gray-4-light-6: 0deg, 5%, 30%;
  --gray-4-dark-7: 0deg, 5%, 81.5%;
  --gray-4-light-7: 0deg, 5%, 26%;
  --gray-4-dark-8: 0deg, 5%, 86%;
  --gray-4-light-8: 0deg, 5%, 22%;
  --gray-4-dark-9: 0deg, 5%, 90.5%;
  --gray-4-light-9: 0deg, 5%, 18%;
  --gray-4-dark-10: 0deg, 5%, 95%;
  --gray-4-light-10: 0deg, 5%, 14%;
  --gray-5: 0deg, 0%, 40%;
  --gray-5-dark-1: 0deg, 5%, 45.5%;
  --gray-5-light-1: 0deg, 5%, 40%;
  --gray-5-dark-2: 0deg, 5%, 51%;
  --gray-5-light-2: 0deg, 5%, 37%;
  --gray-5-dark-3: 0deg, 5%, 56.5%;
  --gray-5-light-3: 0deg, 5%, 34%;
  --gray-5-dark-4: 0deg, 5%, 62%;
  --gray-5-light-4: 0deg, 5%, 31%;
  --gray-5-dark-5: 0deg, 5%, 67.5%;
  --gray-5-light-5: 0deg, 5%, 28%;
  --gray-5-dark-6: 0deg, 5%, 73%;
  --gray-5-light-6: 0deg, 5%, 25%;
  --gray-5-dark-7: 0deg, 5%, 78.5%;
  --gray-5-light-7: 0deg, 5%, 22%;
  --gray-5-dark-8: 0deg, 5%, 84%;
  --gray-5-light-8: 0deg, 5%, 19%;
  --gray-5-dark-9: 0deg, 5%, 89.5%;
  --gray-5-light-9: 0deg, 5%, 16%;
  --gray-5-dark-10: 0deg, 5%, 95%;
  --gray-5-light-10: 0deg, 5%, 13%;
}
[data-theme=dark] .text-primary-dark-1 {
  color: hsl(var(--primary-dark-1));
}
[data-theme=dark] .text-primary-light-1 {
  color: hsl(var(--primary-light-1));
}
[data-theme=dark] .text-primary-dark-2 {
  color: hsl(var(--primary-dark-2));
}
[data-theme=dark] .text-primary-light-2 {
  color: hsl(var(--primary-light-2));
}
[data-theme=dark] .text-primary-dark-3 {
  color: hsl(var(--primary-dark-3));
}
[data-theme=dark] .text-primary-light-3 {
  color: hsl(var(--primary-light-3));
}
[data-theme=dark] .text-primary-dark-4 {
  color: hsl(var(--primary-dark-4));
}
[data-theme=dark] .text-primary-light-4 {
  color: hsl(var(--primary-light-4));
}
[data-theme=dark] .text-primary-dark-5 {
  color: hsl(var(--primary-dark-5));
}
[data-theme=dark] .text-primary-light-5 {
  color: hsl(var(--primary-light-5));
}
[data-theme=dark] .text-primary-dark-6 {
  color: hsl(var(--primary-dark-6));
}
[data-theme=dark] .text-primary-light-6 {
  color: hsl(var(--primary-light-6));
}
[data-theme=dark] .text-primary-dark-7 {
  color: hsl(var(--primary-dark-7));
}
[data-theme=dark] .text-primary-light-7 {
  color: hsl(var(--primary-light-7));
}
[data-theme=dark] .text-primary-dark-8 {
  color: hsl(var(--primary-dark-8));
}
[data-theme=dark] .text-primary-light-8 {
  color: hsl(var(--primary-light-8));
}
[data-theme=dark] .text-primary-dark-9 {
  color: hsl(var(--primary-dark-9));
}
[data-theme=dark] .text-primary-light-9 {
  color: hsl(var(--primary-light-9));
}
[data-theme=dark] .text-primary-dark-10 {
  color: hsl(var(--primary-dark-10));
}
[data-theme=dark] .text-primary-light-10 {
  color: hsl(var(--primary-light-10));
}
[data-theme=dark] .text-secondary-dark-1 {
  color: hsl(var(--secondary-dark-1));
}
[data-theme=dark] .text-secondary-light-1 {
  color: hsl(var(--secondary-light-1));
}
[data-theme=dark] .text-secondary-dark-2 {
  color: hsl(var(--secondary-dark-2));
}
[data-theme=dark] .text-secondary-light-2 {
  color: hsl(var(--secondary-light-2));
}
[data-theme=dark] .text-secondary-dark-3 {
  color: hsl(var(--secondary-dark-3));
}
[data-theme=dark] .text-secondary-light-3 {
  color: hsl(var(--secondary-light-3));
}
[data-theme=dark] .text-secondary-dark-4 {
  color: hsl(var(--secondary-dark-4));
}
[data-theme=dark] .text-secondary-light-4 {
  color: hsl(var(--secondary-light-4));
}
[data-theme=dark] .text-secondary-dark-5 {
  color: hsl(var(--secondary-dark-5));
}
[data-theme=dark] .text-secondary-light-5 {
  color: hsl(var(--secondary-light-5));
}
[data-theme=dark] .text-secondary-dark-6 {
  color: hsl(var(--secondary-dark-6));
}
[data-theme=dark] .text-secondary-light-6 {
  color: hsl(var(--secondary-light-6));
}
[data-theme=dark] .text-secondary-dark-7 {
  color: hsl(var(--secondary-dark-7));
}
[data-theme=dark] .text-secondary-light-7 {
  color: hsl(var(--secondary-light-7));
}
[data-theme=dark] .text-secondary-dark-8 {
  color: hsl(var(--secondary-dark-8));
}
[data-theme=dark] .text-secondary-light-8 {
  color: hsl(var(--secondary-light-8));
}
[data-theme=dark] .text-secondary-dark-9 {
  color: hsl(var(--secondary-dark-9));
}
[data-theme=dark] .text-secondary-light-9 {
  color: hsl(var(--secondary-light-9));
}
[data-theme=dark] .text-secondary-dark-10 {
  color: hsl(var(--secondary-dark-10));
}
[data-theme=dark] .text-secondary-light-10 {
  color: hsl(var(--secondary-light-10));
}
[data-theme=dark] .text-positive-dark-1 {
  color: hsl(var(--positive-dark-1));
}
[data-theme=dark] .text-positive-light-1 {
  color: hsl(var(--positive-light-1));
}
[data-theme=dark] .text-positive-dark-2 {
  color: hsl(var(--positive-dark-2));
}
[data-theme=dark] .text-positive-light-2 {
  color: hsl(var(--positive-light-2));
}
[data-theme=dark] .text-positive-dark-3 {
  color: hsl(var(--positive-dark-3));
}
[data-theme=dark] .text-positive-light-3 {
  color: hsl(var(--positive-light-3));
}
[data-theme=dark] .text-positive-dark-4 {
  color: hsl(var(--positive-dark-4));
}
[data-theme=dark] .text-positive-light-4 {
  color: hsl(var(--positive-light-4));
}
[data-theme=dark] .text-positive-dark-5 {
  color: hsl(var(--positive-dark-5));
}
[data-theme=dark] .text-positive-light-5 {
  color: hsl(var(--positive-light-5));
}
[data-theme=dark] .text-positive-dark-6 {
  color: hsl(var(--positive-dark-6));
}
[data-theme=dark] .text-positive-light-6 {
  color: hsl(var(--positive-light-6));
}
[data-theme=dark] .text-positive-dark-7 {
  color: hsl(var(--positive-dark-7));
}
[data-theme=dark] .text-positive-light-7 {
  color: hsl(var(--positive-light-7));
}
[data-theme=dark] .text-positive-dark-8 {
  color: hsl(var(--positive-dark-8));
}
[data-theme=dark] .text-positive-light-8 {
  color: hsl(var(--positive-light-8));
}
[data-theme=dark] .text-positive-dark-9 {
  color: hsl(var(--positive-dark-9));
}
[data-theme=dark] .text-positive-light-9 {
  color: hsl(var(--positive-light-9));
}
[data-theme=dark] .text-positive-dark-10 {
  color: hsl(var(--positive-dark-10));
}
[data-theme=dark] .text-positive-light-10 {
  color: hsl(var(--positive-light-10));
}
[data-theme=dark] .text-negative-dark-1 {
  color: hsl(var(--negative-dark-1));
}
[data-theme=dark] .text-negative-light-1 {
  color: hsl(var(--negative-light-1));
}
[data-theme=dark] .text-negative-dark-2 {
  color: hsl(var(--negative-dark-2));
}
[data-theme=dark] .text-negative-light-2 {
  color: hsl(var(--negative-light-2));
}
[data-theme=dark] .text-negative-dark-3 {
  color: hsl(var(--negative-dark-3));
}
[data-theme=dark] .text-negative-light-3 {
  color: hsl(var(--negative-light-3));
}
[data-theme=dark] .text-negative-dark-4 {
  color: hsl(var(--negative-dark-4));
}
[data-theme=dark] .text-negative-light-4 {
  color: hsl(var(--negative-light-4));
}
[data-theme=dark] .text-negative-dark-5 {
  color: hsl(var(--negative-dark-5));
}
[data-theme=dark] .text-negative-light-5 {
  color: hsl(var(--negative-light-5));
}
[data-theme=dark] .text-negative-dark-6 {
  color: hsl(var(--negative-dark-6));
}
[data-theme=dark] .text-negative-light-6 {
  color: hsl(var(--negative-light-6));
}
[data-theme=dark] .text-negative-dark-7 {
  color: hsl(var(--negative-dark-7));
}
[data-theme=dark] .text-negative-light-7 {
  color: hsl(var(--negative-light-7));
}
[data-theme=dark] .text-negative-dark-8 {
  color: hsl(var(--negative-dark-8));
}
[data-theme=dark] .text-negative-light-8 {
  color: hsl(var(--negative-light-8));
}
[data-theme=dark] .text-negative-dark-9 {
  color: hsl(var(--negative-dark-9));
}
[data-theme=dark] .text-negative-light-9 {
  color: hsl(var(--negative-light-9));
}
[data-theme=dark] .text-negative-dark-10 {
  color: hsl(var(--negative-dark-10));
}
[data-theme=dark] .text-negative-light-10 {
  color: hsl(var(--negative-light-10));
}
[data-theme=dark] .text-background-dark-1 {
  color: hsl(var(--background-dark-1));
}
[data-theme=dark] .text-background-light-1 {
  color: hsl(var(--background-light-1));
}
[data-theme=dark] .text-background-dark-2 {
  color: hsl(var(--background-dark-2));
}
[data-theme=dark] .text-background-light-2 {
  color: hsl(var(--background-light-2));
}
[data-theme=dark] .text-background-dark-3 {
  color: hsl(var(--background-dark-3));
}
[data-theme=dark] .text-background-light-3 {
  color: hsl(var(--background-light-3));
}
[data-theme=dark] .text-background-dark-4 {
  color: hsl(var(--background-dark-4));
}
[data-theme=dark] .text-background-light-4 {
  color: hsl(var(--background-light-4));
}
[data-theme=dark] .text-background-dark-5 {
  color: hsl(var(--background-dark-5));
}
[data-theme=dark] .text-background-light-5 {
  color: hsl(var(--background-light-5));
}
[data-theme=dark] .text-background-dark-6 {
  color: hsl(var(--background-dark-6));
}
[data-theme=dark] .text-background-light-6 {
  color: hsl(var(--background-light-6));
}
[data-theme=dark] .text-background-dark-7 {
  color: hsl(var(--background-dark-7));
}
[data-theme=dark] .text-background-light-7 {
  color: hsl(var(--background-light-7));
}
[data-theme=dark] .text-background-dark-8 {
  color: hsl(var(--background-dark-8));
}
[data-theme=dark] .text-background-light-8 {
  color: hsl(var(--background-light-8));
}
[data-theme=dark] .text-background-dark-9 {
  color: hsl(var(--background-dark-9));
}
[data-theme=dark] .text-background-light-9 {
  color: hsl(var(--background-light-9));
}
[data-theme=dark] .text-background-dark-10 {
  color: hsl(var(--background-dark-10));
}
[data-theme=dark] .text-background-light-10 {
  color: hsl(var(--background-light-10));
}
[data-theme=dark] .text-foreground-dark-1 {
  color: hsl(var(--foreground-dark-1));
}
[data-theme=dark] .text-foreground-light-1 {
  color: hsl(var(--foreground-light-1));
}
[data-theme=dark] .text-foreground-dark-2 {
  color: hsl(var(--foreground-dark-2));
}
[data-theme=dark] .text-foreground-light-2 {
  color: hsl(var(--foreground-light-2));
}
[data-theme=dark] .text-foreground-dark-3 {
  color: hsl(var(--foreground-dark-3));
}
[data-theme=dark] .text-foreground-light-3 {
  color: hsl(var(--foreground-light-3));
}
[data-theme=dark] .text-foreground-dark-4 {
  color: hsl(var(--foreground-dark-4));
}
[data-theme=dark] .text-foreground-light-4 {
  color: hsl(var(--foreground-light-4));
}
[data-theme=dark] .text-foreground-dark-5 {
  color: hsl(var(--foreground-dark-5));
}
[data-theme=dark] .text-foreground-light-5 {
  color: hsl(var(--foreground-light-5));
}
[data-theme=dark] .text-foreground-dark-6 {
  color: hsl(var(--foreground-dark-6));
}
[data-theme=dark] .text-foreground-light-6 {
  color: hsl(var(--foreground-light-6));
}
[data-theme=dark] .text-foreground-dark-7 {
  color: hsl(var(--foreground-dark-7));
}
[data-theme=dark] .text-foreground-light-7 {
  color: hsl(var(--foreground-light-7));
}
[data-theme=dark] .text-foreground-dark-8 {
  color: hsl(var(--foreground-dark-8));
}
[data-theme=dark] .text-foreground-light-8 {
  color: hsl(var(--foreground-light-8));
}
[data-theme=dark] .text-foreground-dark-9 {
  color: hsl(var(--foreground-dark-9));
}
[data-theme=dark] .text-foreground-light-9 {
  color: hsl(var(--foreground-light-9));
}
[data-theme=dark] .text-foreground-dark-10 {
  color: hsl(var(--foreground-dark-10));
}
[data-theme=dark] .text-foreground-light-10 {
  color: hsl(var(--foreground-light-10));
}

/*
    Utility Classes
*/
/* Utility Class Invocations */
.gap-0-25 {
  gap: 0.25rem;
}

.gap-0-5 {
  gap: 0.5rem;
}

.gap-0-75 {
  gap: 0.75rem;
}

.gap-1 {
  gap: 1rem;
}

.gap-1-25 {
  gap: 1.25rem;
}

.gap-1-5 {
  gap: 1.5rem;
}

.gap-1-75 {
  gap: 1.75rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-2-25 {
  gap: 2.25rem;
}

.gap-2-5 {
  gap: 2.5rem;
}

.gap-2-75 {
  gap: 2.75rem;
}

.gap-3 {
  gap: 3rem;
}

.pt-0-25 {
  padding-top: 0.25rem;
}

.pb-0-25 {
  padding-bottom: 0.25rem;
}

.pl-0-25 {
  padding-left: 0.25rem;
}

.pr-0-25 {
  padding-right: 0.25rem;
}

.p-0-25 {
  padding: 0.25rem;
}

.px-0-25 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-0-25 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

@media (max-width: 1120px) {
  .desktop-p-0-25 {
    padding: 0.25rem;
  }
  .desktop-px-0-25 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .desktop-py-0-25 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .desktop-pt-0-25 {
    padding-top: 0.25rem;
  }
  .desktop-pb-0-25 {
    padding-bottom: 0.25rem;
  }
  .desktop-pl-0-25 {
    padding-left: 0.25rem;
  }
  .desktop-pr-0-25 {
    padding-right: 0.25rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-0-25 {
    padding: 0.25rem;
  }
  .tablet-px-0-25 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .tablet-py-0-25 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .tablet-pt-0-25 {
    padding-top: 0.25rem;
  }
  .tablet-pb-0-25 {
    padding-bottom: 0.25rem;
  }
  .tablet-pl-0-25 {
    padding-left: 0.25rem;
  }
  .tablet-pr-0-25 {
    padding-right: 0.25rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-0-25 {
    padding: 0.25rem;
  }
  .mobile-px-0-25 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .mobile-py-0-25 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .mobile-pt-0-25 {
    padding-top: 0.25rem;
  }
  .mobile-pb-0-25 {
    padding-bottom: 0.25rem;
  }
  .mobile-pl-0-25 {
    padding-left: 0.25rem;
  }
  .mobile-pr-0-25 {
    padding-right: 0.25rem;
  }
}
.pt-0-5 {
  padding-top: 0.5rem;
}

.pb-0-5 {
  padding-bottom: 0.5rem;
}

.pl-0-5 {
  padding-left: 0.5rem;
}

.pr-0-5 {
  padding-right: 0.5rem;
}

.p-0-5 {
  padding: 0.5rem;
}

.px-0-5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-0-5 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 1120px) {
  .desktop-p-0-5 {
    padding: 0.5rem;
  }
  .desktop-px-0-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .desktop-py-0-5 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .desktop-pt-0-5 {
    padding-top: 0.5rem;
  }
  .desktop-pb-0-5 {
    padding-bottom: 0.5rem;
  }
  .desktop-pl-0-5 {
    padding-left: 0.5rem;
  }
  .desktop-pr-0-5 {
    padding-right: 0.5rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-0-5 {
    padding: 0.5rem;
  }
  .tablet-px-0-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .tablet-py-0-5 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .tablet-pt-0-5 {
    padding-top: 0.5rem;
  }
  .tablet-pb-0-5 {
    padding-bottom: 0.5rem;
  }
  .tablet-pl-0-5 {
    padding-left: 0.5rem;
  }
  .tablet-pr-0-5 {
    padding-right: 0.5rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-0-5 {
    padding: 0.5rem;
  }
  .mobile-px-0-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .mobile-py-0-5 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .mobile-pt-0-5 {
    padding-top: 0.5rem;
  }
  .mobile-pb-0-5 {
    padding-bottom: 0.5rem;
  }
  .mobile-pl-0-5 {
    padding-left: 0.5rem;
  }
  .mobile-pr-0-5 {
    padding-right: 0.5rem;
  }
}
.pt-0-75 {
  padding-top: 0.75rem;
}

.pb-0-75 {
  padding-bottom: 0.75rem;
}

.pl-0-75 {
  padding-left: 0.75rem;
}

.pr-0-75 {
  padding-right: 0.75rem;
}

.p-0-75 {
  padding: 0.75rem;
}

.px-0-75 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-0-75 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (max-width: 1120px) {
  .desktop-p-0-75 {
    padding: 0.75rem;
  }
  .desktop-px-0-75 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .desktop-py-0-75 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .desktop-pt-0-75 {
    padding-top: 0.75rem;
  }
  .desktop-pb-0-75 {
    padding-bottom: 0.75rem;
  }
  .desktop-pl-0-75 {
    padding-left: 0.75rem;
  }
  .desktop-pr-0-75 {
    padding-right: 0.75rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-0-75 {
    padding: 0.75rem;
  }
  .tablet-px-0-75 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .tablet-py-0-75 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .tablet-pt-0-75 {
    padding-top: 0.75rem;
  }
  .tablet-pb-0-75 {
    padding-bottom: 0.75rem;
  }
  .tablet-pl-0-75 {
    padding-left: 0.75rem;
  }
  .tablet-pr-0-75 {
    padding-right: 0.75rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-0-75 {
    padding: 0.75rem;
  }
  .mobile-px-0-75 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .mobile-py-0-75 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .mobile-pt-0-75 {
    padding-top: 0.75rem;
  }
  .mobile-pb-0-75 {
    padding-bottom: 0.75rem;
  }
  .mobile-pl-0-75 {
    padding-left: 0.75rem;
  }
  .mobile-pr-0-75 {
    padding-right: 0.75rem;
  }
}
.pt-1 {
  padding-top: 1rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pl-1 {
  padding-left: 1rem;
}

.pr-1 {
  padding-right: 1rem;
}

.p-1 {
  padding: 1rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (max-width: 1120px) {
  .desktop-p-1 {
    padding: 1rem;
  }
  .desktop-px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .desktop-py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .desktop-pt-1 {
    padding-top: 1rem;
  }
  .desktop-pb-1 {
    padding-bottom: 1rem;
  }
  .desktop-pl-1 {
    padding-left: 1rem;
  }
  .desktop-pr-1 {
    padding-right: 1rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-1 {
    padding: 1rem;
  }
  .tablet-px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .tablet-py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .tablet-pt-1 {
    padding-top: 1rem;
  }
  .tablet-pb-1 {
    padding-bottom: 1rem;
  }
  .tablet-pl-1 {
    padding-left: 1rem;
  }
  .tablet-pr-1 {
    padding-right: 1rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-1 {
    padding: 1rem;
  }
  .mobile-px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .mobile-py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .mobile-pt-1 {
    padding-top: 1rem;
  }
  .mobile-pb-1 {
    padding-bottom: 1rem;
  }
  .mobile-pl-1 {
    padding-left: 1rem;
  }
  .mobile-pr-1 {
    padding-right: 1rem;
  }
}
.pt-1-25 {
  padding-top: 1.25rem;
}

.pb-1-25 {
  padding-bottom: 1.25rem;
}

.pl-1-25 {
  padding-left: 1.25rem;
}

.pr-1-25 {
  padding-right: 1.25rem;
}

.p-1-25 {
  padding: 1.25rem;
}

.px-1-25 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-1-25 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (max-width: 1120px) {
  .desktop-p-1-25 {
    padding: 1.25rem;
  }
  .desktop-px-1-25 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .desktop-py-1-25 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .desktop-pt-1-25 {
    padding-top: 1.25rem;
  }
  .desktop-pb-1-25 {
    padding-bottom: 1.25rem;
  }
  .desktop-pl-1-25 {
    padding-left: 1.25rem;
  }
  .desktop-pr-1-25 {
    padding-right: 1.25rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-1-25 {
    padding: 1.25rem;
  }
  .tablet-px-1-25 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .tablet-py-1-25 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .tablet-pt-1-25 {
    padding-top: 1.25rem;
  }
  .tablet-pb-1-25 {
    padding-bottom: 1.25rem;
  }
  .tablet-pl-1-25 {
    padding-left: 1.25rem;
  }
  .tablet-pr-1-25 {
    padding-right: 1.25rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-1-25 {
    padding: 1.25rem;
  }
  .mobile-px-1-25 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .mobile-py-1-25 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .mobile-pt-1-25 {
    padding-top: 1.25rem;
  }
  .mobile-pb-1-25 {
    padding-bottom: 1.25rem;
  }
  .mobile-pl-1-25 {
    padding-left: 1.25rem;
  }
  .mobile-pr-1-25 {
    padding-right: 1.25rem;
  }
}
.pt-1-5 {
  padding-top: 1.5rem;
}

.pb-1-5 {
  padding-bottom: 1.5rem;
}

.pl-1-5 {
  padding-left: 1.5rem;
}

.pr-1-5 {
  padding-right: 1.5rem;
}

.p-1-5 {
  padding: 1.5rem;
}

.px-1-5 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-1-5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (max-width: 1120px) {
  .desktop-p-1-5 {
    padding: 1.5rem;
  }
  .desktop-px-1-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .desktop-py-1-5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .desktop-pt-1-5 {
    padding-top: 1.5rem;
  }
  .desktop-pb-1-5 {
    padding-bottom: 1.5rem;
  }
  .desktop-pl-1-5 {
    padding-left: 1.5rem;
  }
  .desktop-pr-1-5 {
    padding-right: 1.5rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-1-5 {
    padding: 1.5rem;
  }
  .tablet-px-1-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .tablet-py-1-5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .tablet-pt-1-5 {
    padding-top: 1.5rem;
  }
  .tablet-pb-1-5 {
    padding-bottom: 1.5rem;
  }
  .tablet-pl-1-5 {
    padding-left: 1.5rem;
  }
  .tablet-pr-1-5 {
    padding-right: 1.5rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-1-5 {
    padding: 1.5rem;
  }
  .mobile-px-1-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .mobile-py-1-5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .mobile-pt-1-5 {
    padding-top: 1.5rem;
  }
  .mobile-pb-1-5 {
    padding-bottom: 1.5rem;
  }
  .mobile-pl-1-5 {
    padding-left: 1.5rem;
  }
  .mobile-pr-1-5 {
    padding-right: 1.5rem;
  }
}
.pt-1-75 {
  padding-top: 1.75rem;
}

.pb-1-75 {
  padding-bottom: 1.75rem;
}

.pl-1-75 {
  padding-left: 1.75rem;
}

.pr-1-75 {
  padding-right: 1.75rem;
}

.p-1-75 {
  padding: 1.75rem;
}

.px-1-75 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-1-75 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

@media (max-width: 1120px) {
  .desktop-p-1-75 {
    padding: 1.75rem;
  }
  .desktop-px-1-75 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .desktop-py-1-75 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .desktop-pt-1-75 {
    padding-top: 1.75rem;
  }
  .desktop-pb-1-75 {
    padding-bottom: 1.75rem;
  }
  .desktop-pl-1-75 {
    padding-left: 1.75rem;
  }
  .desktop-pr-1-75 {
    padding-right: 1.75rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-1-75 {
    padding: 1.75rem;
  }
  .tablet-px-1-75 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .tablet-py-1-75 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .tablet-pt-1-75 {
    padding-top: 1.75rem;
  }
  .tablet-pb-1-75 {
    padding-bottom: 1.75rem;
  }
  .tablet-pl-1-75 {
    padding-left: 1.75rem;
  }
  .tablet-pr-1-75 {
    padding-right: 1.75rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-1-75 {
    padding: 1.75rem;
  }
  .mobile-px-1-75 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .mobile-py-1-75 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .mobile-pt-1-75 {
    padding-top: 1.75rem;
  }
  .mobile-pb-1-75 {
    padding-bottom: 1.75rem;
  }
  .mobile-pl-1-75 {
    padding-left: 1.75rem;
  }
  .mobile-pr-1-75 {
    padding-right: 1.75rem;
  }
}
.pt-2 {
  padding-top: 2rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pl-2 {
  padding-left: 2rem;
}

.pr-2 {
  padding-right: 2rem;
}

.p-2 {
  padding: 2rem;
}

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (max-width: 1120px) {
  .desktop-p-2 {
    padding: 2rem;
  }
  .desktop-px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .desktop-py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .desktop-pt-2 {
    padding-top: 2rem;
  }
  .desktop-pb-2 {
    padding-bottom: 2rem;
  }
  .desktop-pl-2 {
    padding-left: 2rem;
  }
  .desktop-pr-2 {
    padding-right: 2rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-2 {
    padding: 2rem;
  }
  .tablet-px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tablet-py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .tablet-pt-2 {
    padding-top: 2rem;
  }
  .tablet-pb-2 {
    padding-bottom: 2rem;
  }
  .tablet-pl-2 {
    padding-left: 2rem;
  }
  .tablet-pr-2 {
    padding-right: 2rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-2 {
    padding: 2rem;
  }
  .mobile-px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .mobile-py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .mobile-pt-2 {
    padding-top: 2rem;
  }
  .mobile-pb-2 {
    padding-bottom: 2rem;
  }
  .mobile-pl-2 {
    padding-left: 2rem;
  }
  .mobile-pr-2 {
    padding-right: 2rem;
  }
}
.pt-2-25 {
  padding-top: 2.25rem;
}

.pb-2-25 {
  padding-bottom: 2.25rem;
}

.pl-2-25 {
  padding-left: 2.25rem;
}

.pr-2-25 {
  padding-right: 2.25rem;
}

.p-2-25 {
  padding: 2.25rem;
}

.px-2-25 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-2-25 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

@media (max-width: 1120px) {
  .desktop-p-2-25 {
    padding: 2.25rem;
  }
  .desktop-px-2-25 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .desktop-py-2-25 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .desktop-pt-2-25 {
    padding-top: 2.25rem;
  }
  .desktop-pb-2-25 {
    padding-bottom: 2.25rem;
  }
  .desktop-pl-2-25 {
    padding-left: 2.25rem;
  }
  .desktop-pr-2-25 {
    padding-right: 2.25rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-2-25 {
    padding: 2.25rem;
  }
  .tablet-px-2-25 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .tablet-py-2-25 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .tablet-pt-2-25 {
    padding-top: 2.25rem;
  }
  .tablet-pb-2-25 {
    padding-bottom: 2.25rem;
  }
  .tablet-pl-2-25 {
    padding-left: 2.25rem;
  }
  .tablet-pr-2-25 {
    padding-right: 2.25rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-2-25 {
    padding: 2.25rem;
  }
  .mobile-px-2-25 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .mobile-py-2-25 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .mobile-pt-2-25 {
    padding-top: 2.25rem;
  }
  .mobile-pb-2-25 {
    padding-bottom: 2.25rem;
  }
  .mobile-pl-2-25 {
    padding-left: 2.25rem;
  }
  .mobile-pr-2-25 {
    padding-right: 2.25rem;
  }
}
.pt-2-5 {
  padding-top: 2.5rem;
}

.pb-2-5 {
  padding-bottom: 2.5rem;
}

.pl-2-5 {
  padding-left: 2.5rem;
}

.pr-2-5 {
  padding-right: 2.5rem;
}

.p-2-5 {
  padding: 2.5rem;
}

.px-2-5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-2-5 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (max-width: 1120px) {
  .desktop-p-2-5 {
    padding: 2.5rem;
  }
  .desktop-px-2-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .desktop-py-2-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .desktop-pt-2-5 {
    padding-top: 2.5rem;
  }
  .desktop-pb-2-5 {
    padding-bottom: 2.5rem;
  }
  .desktop-pl-2-5 {
    padding-left: 2.5rem;
  }
  .desktop-pr-2-5 {
    padding-right: 2.5rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-2-5 {
    padding: 2.5rem;
  }
  .tablet-px-2-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .tablet-py-2-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .tablet-pt-2-5 {
    padding-top: 2.5rem;
  }
  .tablet-pb-2-5 {
    padding-bottom: 2.5rem;
  }
  .tablet-pl-2-5 {
    padding-left: 2.5rem;
  }
  .tablet-pr-2-5 {
    padding-right: 2.5rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-2-5 {
    padding: 2.5rem;
  }
  .mobile-px-2-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .mobile-py-2-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .mobile-pt-2-5 {
    padding-top: 2.5rem;
  }
  .mobile-pb-2-5 {
    padding-bottom: 2.5rem;
  }
  .mobile-pl-2-5 {
    padding-left: 2.5rem;
  }
  .mobile-pr-2-5 {
    padding-right: 2.5rem;
  }
}
.pt-2-75 {
  padding-top: 2.75rem;
}

.pb-2-75 {
  padding-bottom: 2.75rem;
}

.pl-2-75 {
  padding-left: 2.75rem;
}

.pr-2-75 {
  padding-right: 2.75rem;
}

.p-2-75 {
  padding: 2.75rem;
}

.px-2-75 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.py-2-75 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

@media (max-width: 1120px) {
  .desktop-p-2-75 {
    padding: 2.75rem;
  }
  .desktop-px-2-75 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .desktop-py-2-75 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
  .desktop-pt-2-75 {
    padding-top: 2.75rem;
  }
  .desktop-pb-2-75 {
    padding-bottom: 2.75rem;
  }
  .desktop-pl-2-75 {
    padding-left: 2.75rem;
  }
  .desktop-pr-2-75 {
    padding-right: 2.75rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-2-75 {
    padding: 2.75rem;
  }
  .tablet-px-2-75 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .tablet-py-2-75 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
  .tablet-pt-2-75 {
    padding-top: 2.75rem;
  }
  .tablet-pb-2-75 {
    padding-bottom: 2.75rem;
  }
  .tablet-pl-2-75 {
    padding-left: 2.75rem;
  }
  .tablet-pr-2-75 {
    padding-right: 2.75rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-2-75 {
    padding: 2.75rem;
  }
  .mobile-px-2-75 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .mobile-py-2-75 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
  .mobile-pt-2-75 {
    padding-top: 2.75rem;
  }
  .mobile-pb-2-75 {
    padding-bottom: 2.75rem;
  }
  .mobile-pl-2-75 {
    padding-left: 2.75rem;
  }
  .mobile-pr-2-75 {
    padding-right: 2.75rem;
  }
}
.pt-3 {
  padding-top: 3rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pl-3 {
  padding-left: 3rem;
}

.pr-3 {
  padding-right: 3rem;
}

.p-3 {
  padding: 3rem;
}

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (max-width: 1120px) {
  .desktop-p-3 {
    padding: 3rem;
  }
  .desktop-px-3 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .desktop-py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .desktop-pt-3 {
    padding-top: 3rem;
  }
  .desktop-pb-3 {
    padding-bottom: 3rem;
  }
  .desktop-pl-3 {
    padding-left: 3rem;
  }
  .desktop-pr-3 {
    padding-right: 3rem;
  }
}
@media (max-width: 992px) {
  .tablet-p-3 {
    padding: 3rem;
  }
  .tablet-px-3 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .tablet-py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .tablet-pt-3 {
    padding-top: 3rem;
  }
  .tablet-pb-3 {
    padding-bottom: 3rem;
  }
  .tablet-pl-3 {
    padding-left: 3rem;
  }
  .tablet-pr-3 {
    padding-right: 3rem;
  }
}
@media (max-width: 768px) {
  .mobile-p-3 {
    padding: 3rem;
  }
  .mobile-px-3 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .mobile-py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .mobile-pt-3 {
    padding-top: 3rem;
  }
  .mobile-pb-3 {
    padding-bottom: 3rem;
  }
  .mobile-pl-3 {
    padding-left: 3rem;
  }
  .mobile-pr-3 {
    padding-right: 3rem;
  }
}
.mt-0-25 {
  margin-top: 0.25rem;
}

.mb-0-25 {
  margin-bottom: 0.25rem;
}

.ml-0-25 {
  margin-left: 0.25rem;
}

.mr-0-25 {
  margin-right: 0.25rem;
}

.m-0-25 {
  margin: 0.25rem;
}

.mx-0-25 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-0-25 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mt-0-5 {
  margin-top: 0.5rem;
}

.mb-0-5 {
  margin-bottom: 0.5rem;
}

.ml-0-5 {
  margin-left: 0.5rem;
}

.mr-0-5 {
  margin-right: 0.5rem;
}

.m-0-5 {
  margin: 0.5rem;
}

.mx-0-5 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-0-5 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mt-0-75 {
  margin-top: 0.75rem;
}

.mb-0-75 {
  margin-bottom: 0.75rem;
}

.ml-0-75 {
  margin-left: 0.75rem;
}

.mr-0-75 {
  margin-right: 0.75rem;
}

.m-0-75 {
  margin: 0.75rem;
}

.mx-0-75 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-0-75 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.ml-1 {
  margin-left: 1rem;
}

.mr-1 {
  margin-right: 1rem;
}

.m-1 {
  margin: 1rem;
}

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mt-1-25 {
  margin-top: 1.25rem;
}

.mb-1-25 {
  margin-bottom: 1.25rem;
}

.ml-1-25 {
  margin-left: 1.25rem;
}

.mr-1-25 {
  margin-right: 1.25rem;
}

.m-1-25 {
  margin: 1.25rem;
}

.mx-1-25 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-1-25 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mt-1-5 {
  margin-top: 1.5rem;
}

.mb-1-5 {
  margin-bottom: 1.5rem;
}

.ml-1-5 {
  margin-left: 1.5rem;
}

.mr-1-5 {
  margin-right: 1.5rem;
}

.m-1-5 {
  margin: 1.5rem;
}

.mx-1-5 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-1-5 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mt-1-75 {
  margin-top: 1.75rem;
}

.mb-1-75 {
  margin-bottom: 1.75rem;
}

.ml-1-75 {
  margin-left: 1.75rem;
}

.mr-1-75 {
  margin-right: 1.75rem;
}

.m-1-75 {
  margin: 1.75rem;
}

.mx-1-75 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.my-1-75 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.ml-2 {
  margin-left: 2rem;
}

.mr-2 {
  margin-right: 2rem;
}

.m-2 {
  margin: 2rem;
}

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mt-2-25 {
  margin-top: 2.25rem;
}

.mb-2-25 {
  margin-bottom: 2.25rem;
}

.ml-2-25 {
  margin-left: 2.25rem;
}

.mr-2-25 {
  margin-right: 2.25rem;
}

.m-2-25 {
  margin: 2.25rem;
}

.mx-2-25 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.my-2-25 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.mt-2-5 {
  margin-top: 2.5rem;
}

.mb-2-5 {
  margin-bottom: 2.5rem;
}

.ml-2-5 {
  margin-left: 2.5rem;
}

.mr-2-5 {
  margin-right: 2.5rem;
}

.m-2-5 {
  margin: 2.5rem;
}

.mx-2-5 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-2-5 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mt-2-75 {
  margin-top: 2.75rem;
}

.mb-2-75 {
  margin-bottom: 2.75rem;
}

.ml-2-75 {
  margin-left: 2.75rem;
}

.mr-2-75 {
  margin-right: 2.75rem;
}

.m-2-75 {
  margin: 2.75rem;
}

.mx-2-75 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

.my-2-75 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.ml-3 {
  margin-left: 3rem;
}

.mr-3 {
  margin-right: 3rem;
}

.m-3 {
  margin: 3rem;
}

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

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

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

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

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

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

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

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

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

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

.br-0-25 {
  border-radius: 0.25rem;
}

.br-0-5 {
  border-radius: 0.5rem;
}

.br-0-75 {
  border-radius: 0.75rem;
}

.br-1 {
  border-radius: 1rem;
}

.br-2 {
  border-radius: 2rem;
}

.br-2-5 {
  border-radius: 2.5rem;
}

.br-3 {
  border-radius: 3rem;
}
/*# sourceMappingURL=style.min.css.map */
#code_block-36-78 {
  transform: translateY(1px);
  --rv-tl: 0px;
  --rv-tr: 50px;
  --rv-br: 0px;
  --rv-bl: 0px;
  clip-path: polygon(
    var(--rv-tl) 0%, 
    calc(100% - var(--rv-tr)) 0%, 
    100% var(--rv-tr), 
    100% calc(100% - var(--rv-br)), 
    calc(100% - var(--rv-br)) 100%, 
    var(--rv-bl) 100%, 
    0% calc(100% - var(--rv-bl)), 
    0% var(--rv-tl)
  );
}
.service-slide {
  --rv-tl: 30px;
  --rv-tr: 0px;
  --rv-br: 30px;
  --rv-bl: 0px;
  clip-path: polygon(
    var(--rv-tl) 0%, 
    calc(100% - var(--rv-tr)) 0%, 
    100% var(--rv-tr), 
    100% calc(100% - var(--rv-br)), 
    calc(100% - var(--rv-br)) 100%, 
    var(--rv-bl) 100%, 
    0% calc(100% - var(--rv-bl)), 
    0% var(--rv-tl)
  );
}

.project-gallery-slider {
  max-height: 50vh;
}

.project-gallery-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-gallery-thumbnails .swiper-slide {
  width: 100%;
  height: auto;
}

.project-gallery-thumbnails img {
  width: 100%;
  height: auto;
max-height:20vh;
  object-fit: cover;
}
  
.project-benefits ul {
 list-style:square;
  text-align:left;
}

.project-benefits ul {
    margin-block-start: 0;
    margin-block-end: 1rem;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 1rem;
    unicode-bidi: isolate;
}
.intro-button {
  max-width:50%;
}


.swiper-container  {
  display:flex;
  width: 100%;
}
.swiper-container .swiper-wrapper {
  display: flex;
}

.swiper-container .oxy-post {
  width: auto;
}

.swiper-container .oxy-post-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  pointer-events: auto;
  text-decoration: none;
  font-weight: bold;
  color: hsl(var(--primary-light-10));
  transition: color 0.3s ease;
}
[data-theme="dark"] .swiper-container .oxy-post-link {
  color: hsl(var(--primary-dark-10));
}
.swiper-container .oxy-post-link:hover {
  color: hsl(var(--primary));
}

.swiper-container .oxy-post-icon {
  width: 2rem;
  height: 2rem;
  fill: hsl(var(--primary-dark-5));
  margin-left: 0.5rem;
}

.swiper-container .oxy-post-padding {
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.swiper-container .oxy-post-image {
  position: relative;
  background-color: transparent;
  width: 100%;
}

.swiper-container .oxy-post-image-fixed-ratio {
  padding-bottom: 100%;
  background-size: cover;
  background-position: center center;
}

.oxy-post-image-date-overlay
{
  gap: 0.5rem;
  display: flex;
  font-size: 1rem;
  flex-wrap: wrap;
  width: calc(100% - 2rem);
  flex-direction: row;

}

.swiper-container .oxy-post-image-date-overlay 
{
  position: absolute;
  top: 1rem;
  right: 1rem;
  gap: 0.5rem;
  display: flex;
  font-size: 1rem;
  flex-wrap: wrap;
  width: calc(100% - 2rem);
  flex-direction: row;
  justify-content: flex-end;
}

.oxy-service-box,
.swiper-container .oxy-service-box
{
  line-height: 1.5;
  font-size: 0.6em;
  color: hsl(var(--primary-light-10));
  background-color: hsl(var(--primary-dark-10));
  padding: 0.5rem 0.5rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 3px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
[data-theme="dark"] .oxy-service-box {
    color: hsl(var(--primary-light-10));
}
  
.oxy-service-box:hover,
.swiper-container .oxy-service-box:hover {
  background-color: hsl(var(--primary-light-10));
  color: hsl(var(--primary-dark-10));
}

.swiper-container .oxy-post-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  pointer-events: none;
  padding-top: 200px;
  background-image: linear-gradient(hsla(var(--foreground-dark-10),0), hsla(var(--foreground-dark-10),1) 300px);
  z-index: 1;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.swiper-container .oxy-post-wrap a {
  pointer-events: auto;
}
[data-theme="dark"] .swiper-container .oxy-post-wrap {
  background-image: linear-gradient(hsla(var(--primary-light-10),0), hsla(var(--primary-light-10),1) 300px);
}

.swiper-container .oxy-post-content-and-link-wrap {
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
  transition: 1s ease-in-out opacity, 1s ease-in-out max-height;
}
.swiper-container .oxy-post-padding:hover .oxy-post-content-and-link-wrap {
  opacity: 1;
  max-height: 400px;
}

.swiper-container .oxy-post-title {
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 0;
  color: hsl(var(--primary-light-10));
}
[data-theme="dark"] .swiper-container .oxy-post-title {
  color: hsl(var(--primary-dark-10));
}

.swiper-container .oxy-post-content {
  margin-top: 1em;
  margin-bottom: 1em;
}
.swiper-container .oxy-post-content p {
  margin: 0;
}

.view-all-projects {
  margin-top: 1rem;
}
.view-all-projects a {
  text-decoration: none;
  font-weight: bold;
  color: hsl(var(--primary-light-10));
  transition: color 0.3s ease;
}
[data-theme="dark"] .view-all-projects a {
  color: hsl(var(--primary-dark-10));
}
.view-all-projects a:hover {
  color: hsl(var(--primary));
}