.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: 'Roboto Slab';}body {line-height: ;font-size: var(--font-0) ;font-weight: ;color: #000000;}.oxy-nav-menu-hamburger-line {background-color: #000000;}h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Slab';}a {text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@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;
				}
			}
.grid-12 {
}
.grid-12:not(.ct-section):not(.oxy-easy-posts),
.grid-12.oxy-easy-posts .oxy-posts,
.grid-12.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(12, minmax(0px, 1fr));grid-column-gap: 0.5rem;grid-row-gap: 20px;}
@media (max-width: 991px) {
.grid-12 {
}
.grid-12:not(.ct-section):not(.oxy-easy-posts),
.grid-12.oxy-easy-posts .oxy-posts,
.grid-12.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(8, minmax(0px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

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

.wrapper-l {
 max-width:1120px;
 padding-left:1rem;
 padding-right:1rem;
 margin-left:auto;
 margin-right:auto;
}
.span-4 {
grid-column: span 4;
}
.background-red {
background-image:url(https://manoesj.nl/wp-content/uploads/2025/10/patternRed.svg);background-size: 7rem 7rem;}
.background-blue {
background-image:url(https://manoesj.nl/wp-content/uploads/2025/10/patternBlue.svg);background-size: 7rem 7rem;}
.tester {
}
.grid-6 {
}
.grid-l-3 {
}
.grid-s-1 {
}
.grid-xs-1 {
}
.span-2 {
}
.p-m {
}
.blog-post {
}
.flowy-m {
}
.flowx-m {
}
.px-s {
}
.wrapper-m {
}
.wrap-m {
}
.wrap-l {
}
:root {
  --font-0: clamp(1rem, 0.9408rem + 0.2632vw, 1.125rem);
  --font-1: clamp(1.125rem, 1.0184rem + 0.4737vw, 1.35rem);
  --font-2: clamp(1.2656rem, 1.0978rem + 0.7461vw, 1.62rem);
  --font-3: clamp(1.4238rem, 1.1774rem + 1.0951vw, 1.944rem);
  --font-4: clamp(1.6018rem, 1.2555rem + 1.5389vw, 2.3328rem);
  --font-5: clamp(1.802rem, 1.3296rem + 2.0996vw, 2.7994rem);
  --font-6: clamp(2.0273rem, 1.3964rem + 2.8041vw, 3.3592rem);

  --space-3xs: clamp(0.25rem, 0.2204rem + 0.1316vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4704rem + 0.1316vw, 0.5625rem);
  --space-xs: clamp(0.75rem, 0.6908rem + 0.2632vw, 0.875rem);
  --space-s: clamp(1rem, 0.9408rem + 0.2632vw, 1.125rem);
  --space-m: clamp(1.5rem, 1.4112rem + 0.3947vw, 1.6875rem);
  --space-l: clamp(2rem, 1.8816rem + 0.5263vw, 2.25rem);
  --space-xl: clamp(3rem, 2.8224rem + 0.7895vw, 3.375rem);
  --space-2xl: clamp(4rem, 3.7632rem + 1.0526vw, 4.5rem);
  --space-3xl: clamp(6rem, 5.6447rem + 1.5789vw, 6.75rem);

  --primary: #eacf69;
  --primary-alt: hsl(47, 70%, 55%);
  --secondary: #a64e4e;
  --secondary-alt: #6d3333;
  --tertiary: #055677;
  --tertiary-alt: #04384c;
  --white: white;
  --black: black;

  --wrap-l: 1120px;
  --wrap-m: 800px;
  --wrap-s: 600px;

  --shadow: ;
  --transition: 0.2s;
}.blog-post h1, .blog-post h2, .blog-post h3, .blog-post h4, .blog-post h5, .blog-post h6 {
  font-family: fira sans;
  font-style: oblique;
  text-transform: uppercase;
}

.blog-post h1 {
  font-size: var(--font-6);
  font-weight: 700;
  line-height: 1.1;
}
.blog-post h1 {
  margin: var(--space-xl) 0 var(--space-2xs) 0;
}

.blog-post h2 {
  font-size: var(--font-5);
  font-weight: 700;
  line-height: 1.1;
}
.blog-post h2 {
  margin: var(--space-xl) 0 var(--space-2xs) 0;
}

.blog-post h3 {
  font-size: var(--font-4);
  font-weight: 700;
  line-height: 1.2;
}
.blog-post h3 {
  margin: var(--space-xl) 0 var(--space-2xs) 0;
}

.blog-post h4 {
  font-size: var(--font-3);
  font-weight: 700;
  line-height: 1.2;
}
.blog-post h4 {
  margin: var(--space-xl) 0 var(--space-2xs) 0;
}

.blog-post h5 {
  font-size: var(--font-2);
  font-weight: 700;
  line-height: 1.3;
}
.blog-post h5 {
  margin: var(--space-xl) 0 var(--space-2xs) 0;
}

.blog-post h6 {
  font-size: var(--font-1);
  font-weight: 700;
  line-height: 1.3;
}
.blog-post h6 {
  margin: var(--space-xl) 0 var(--space-2xs) 0;
}

.blog-post p {
  font-size: var(--font-0);
  font-weight: 400;
  line-height: 1.6;
  list-style: none;
}

.blog-post hr {
  border: 0.5px solid;
  margin: var(--space-l) 0;
}

.blog-post ol {
  list-style-type: disc;
  padding-left: 1.3rem;
}
.blog-post ul {
  list-style-type: decimal;
  padding-left: 1.3rem;
}
.blog-post li {
  padding-left: 0.4rem;
  font-size: var(--font-0);
  line-height: 1.6;
}

.blog-post img {
  margin: var(--space-m) 0 var(--space-m) 0;
}

a {
  color: var(--tertiary);
  font-weight: 600;
  line-height: 1.6;
}
a:hover {
  color: var(--tertiary-alt);
}

/* --- BUTTONS --- */

.btn-primary {
  padding: var(--space-2xs) var(--space-s);
  color: var(--black);
  background-color: var(--primary);
  border-radius: var(--space-3xs);
  cursor: pointer;
  transition: background-color var(--transition);
  font-weight: 400;
}
.btn-primary:hover {
  background-color: var(--primary-alt);
  color: var(--black);
}
.btn-secondary {
  padding: var(--space-2xs) var(--space-s);
  color: var(--white);
  background-color: var(--secondary);
  border-radius: var(--space-3xs);
  cursor: pointer;
  transition: background-color var(--transition);
  font-weight: 400;
}
.btn-secondary:hover {
  background-color: var(--secondary-alt);
  color: var(--white);
}
.btn-tertiary {
  padding: var(--space-2xs) var(--space-s);
  color: var(--white);
  background-color: var(--tertiary);
  border-radius: var(--space-3xs);
  cursor: pointer;
  transition: background-color var(--transition);
  font-weight: 400;
}
.btn-tertiary:hover {
  background-color: var(--tertiary-alt);
  color: var(--white);
}/* margin */
.m-3xs {
  margin: var(--space-2xs);
}

.mt-3xs {
  margin-top: var(--space-2xs);
}

.mb-3xs {
  margin-bottom: var(--space-2xs);
}

.mr-3xs {
  margin-right: var(--space-2xs);
}

.ml-3xs {
  margin-left: var(--space-2xs);
}

.mx-3xs {
  margin-left: var(--space-2xs);
  margin-right: var(--space-2xs);
}

.my-3xs {
  margin-top: var(--space-2xs);
  margin-bottom: var(--space-2xs);
}

/* padding */
.p-3xs {
  padding: var(--space-2xs);
}

.pt-3xs {
  padding-top: var(--space-2xs);
}

.pb-3xs {
  padding-bottom: var(--space-2xs);
}

.pr-3xs {
  padding-right: var(--space-2xs);
}

.pl-3xs {
  padding-left: var(--space-2xs);
}

.px-3xs {
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
}

.py-3xs {
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs);
}

/* gap */
.gap-3xs {
  gap: calc(var(--space-2xs) * 2);
}

.gapy-3xs {
  row-gap: calc(var(--space-2xs) * 2);
}

.gapx-3xs {
  column-gap: calc(var(--space-2xs) * 2);
}

/* owl/stack  */
.flowy-3xs > * + * {
  margin-top: var(--space-2xs);
}

.flowx-3xs > * + * {
  margin-left: var(--space-2xs);
}

/* margin */
.m-2xs {
  margin: var(--space-2xs);
}

.mt-2xs {
  margin-top: var(--space-2xs);
}

.mb-2xs {
  margin-bottom: var(--space-2xs);
}

.mr-2xs {
  margin-right: var(--space-2xs);
}

.ml-2xs {
  margin-left: var(--space-2xs);
}

.mx-2xs {
  margin-left: var(--space-2xs);
  margin-right: var(--space-2xs);
}

.my-2xs {
  margin-top: var(--space-2xs);
  margin-bottom: var(--space-2xs);
}

/* padding */
.p-2xs {
  padding: var(--space-2xs);
}

.pt-2xs {
  padding-top: var(--space-2xs);
}

.pb-2xs {
  padding-bottom: var(--space-2xs);
}

.pr-2xs {
  padding-right: var(--space-2xs);
}

.pl-2xs {
  padding-left: var(--space-2xs);
}

.px-2xs {
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
}

.py-2xs {
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs);
}

/* gap */
.gap-2xs {
  gap: calc(var(--space-2xs) * 2);
}

.gapy-2xs {
  row-gap: calc(var(--space-2xs) * 2);
}

.gapx-2xs {
  column-gap: calc(var(--space-2xs) * 2);
}

/* owl/stack  */
.flowy-2xs > * + * {
  margin-top: var(--space-2xs);
}

.flowx-2xs > * + * {
  margin-left: var(--space-2xs);
}

/* margin */
.m-xs {
  margin: var(--space-xs);
}

.mt-xs {
  margin-top: var(--space-xs);
}

.mb-xs {
  margin-bottom: var(--space-xs);
}

.mr-xs {
  margin-right: var(--space-xs);
}

.ml-xs {
  margin-left: var(--space-xs);
}

.mx-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs);
}

.my-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}

/* padding */
.p-xs {
  padding: var(--space-xs);
}

.pt-xs {
  padding-top: var(--space-xs);
}

.pb-xs {
  padding-bottom: var(--space-xs);
}

.pr-xs {
  padding-right: var(--space-xs);
}

.pl-xs {
  padding-left: var(--space-xs);
}

.px-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}

.py-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}

/* gap */
.gap-xs {
  gap: calc(var(--space-xs) * 2);
}

.gapy-xs {
  row-gap: calc(var(--space-xs) * 2);
}

.gapx-xs {
  column-gap: calc(var(--space-xs) * 2);
}

/* owl/stack  */
.flowy-xs > * + * {
  margin-top: var(--space-xs);
}

.flowx-xs > * + * {
  margin-left: var(--space-xs);
}

/* margin */
.m-s {
  margin: var(--space-s);
}

.mt-s {
  margin-top: var(--space-s);
}

.mb-s {
  margin-bottom: var(--space-s);
}

.mr-s {
  margin-right: var(--space-s);
}

.ml-s {
  margin-left: var(--space-s);
}

.mx-s {
  margin-left: var(--space-s);
  margin-right: var(--space-s);
}

.my-s {
  margin-top: var(--space-s);
  margin-bottom: var(--space-s);
}

/* padding */
.p-s {
  padding: var(--space-s);
}

.pt-s {
  padding-top: var(--space-s);
}

.pb-s {
  padding-bottom: var(--space-s);
}

.pr-s {
  padding-right: var(--space-s);
}

.pl-s {
  padding-left: var(--space-s);
}

.px-s {
  padding-left: var(--space-s);
  padding-right: var(--space-s);
}

.py-s {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
}

/* gap */
.gap-s {
  gap: calc(var(--space-s) * 2);
}

.gapy-s {
  row-gap: calc(var(--space-s) * 2);
}

.gapx-s {
  column-gap: calc(var(--space-s) * 2);
}

/* owl/stack  */
.flowy-s > * + * {
  margin-top: var(--space-s);
}

.flowx-s > * + * {
  margin-left: var(--space-s);
}

/* margin */
.m-m {
  margin: var(--space-m);
}

.mt-m {
  margin-top: var(--space-m);
}

.mb-m {
  margin-bottom: var(--space-m);
}

.mr-m {
  margin-right: var(--space-m);
}

.ml-m {
  margin-left: var(--space-m);
}

.mx-m {
  margin-left: var(--space-m);
  margin-right: var(--space-m);
}

.my-m {
  margin-top: var(--space-m);
  margin-bottom: var(--space-m);
}

/* padding */
.p-m {
  padding: var(--space-m);
}

.pt-m {
  padding-top: var(--space-m);
}

.pb-m {
  padding-bottom: var(--space-m);
}

.pr-m {
  padding-right: var(--space-m);
}

.pl-m {
  padding-left: var(--space-m);
}

.px-m {
  padding-left: var(--space-m);
  padding-right: var(--space-m);
}

.py-m {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
}

/* gap */
.gap-m {
  gap: calc(var(--space-m) * 2);
}

.gapy-m {
  row-gap: calc(var(--space-m) * 2);
}

.gapx-m {
  column-gap: calc(var(--space-m) * 2);
}

/* owl/stack  */
.flowy-m > * + * {
  margin-top: var(--space-m);
}

.flowx-m > * + * {
  margin-left: var(--space-m);
}

/* margin */
.m-l {
  margin: var(--space-l);
}

.mt-l {
  margin-top: var(--space-l);
}

.mb-l {
  margin-bottom: var(--space-l);
}

.mr-l {
  margin-right: var(--space-l);
}

.ml-l {
  margin-left: var(--space-l);
}

.mx-l {
  margin-left: var(--space-l);
  margin-right: var(--space-l);
}

.my-l {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l);
}

/* padding */
.p-l {
  padding: var(--space-l);
}

.pt-l {
  padding-top: var(--space-l);
}

.pb-l {
  padding-bottom: var(--space-l);
}

.pr-l {
  padding-right: var(--space-l);
}

.pl-l {
  padding-left: var(--space-l);
}

.px-l {
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}

.py-l {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l);
}

/* gap */
.gap-l {
  gap: calc(var(--space-l) * 2);
}

.gapy-l {
  row-gap: calc(var(--space-l) * 2);
}

.gapx-l {
  column-gap: calc(var(--space-l) * 2);
}

/* owl/stack  */
.flowy-l > * + * {
  margin-top: var(--space-l);
}

.flowx-l > * + * {
  margin-left: var(--space-l);
}

/* margin */
.m-xl {
  margin: var(--space-xl);
}

.mt-xl {
  margin-top: var(--space-xl);
}

.mb-xl {
  margin-bottom: var(--space-xl);
}

.mr-xl {
  margin-right: var(--space-xl);
}

.ml-xl {
  margin-left: var(--space-xl);
}

.mx-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}

.my-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}

/* padding */
.p-xl {
  padding: var(--space-xl);
}

.pt-xl {
  padding-top: var(--space-xl);
}

.pb-xl {
  padding-bottom: var(--space-xl);
}

.pr-xl {
  padding-right: var(--space-xl);
}

.pl-xl {
  padding-left: var(--space-xl);
}

.px-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.py-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

/* gap */
.gap-xl {
  gap: calc(var(--space-xl) * 2);
}

.gapy-xl {
  row-gap: calc(var(--space-xl) * 2);
}

.gapx-xl {
  column-gap: calc(var(--space-xl) * 2);
}

/* owl/stack  */
.flowy-xl > * + * {
  margin-top: var(--space-xl);
}

.flowx-xl > * + * {
  margin-left: var(--space-xl);
}

/* margin */
.m-2xl {
  margin: var(--space-2xl);
}

.mt-2xl {
  margin-top: var(--space-2xl);
}

.mb-2xl {
  margin-bottom: var(--space-2xl);
}

.mr-2xl {
  margin-right: var(--space-2xl);
}

.ml-2xl {
  margin-left: var(--space-2xl);
}

.mx-2xl {
  margin-left: var(--space-2xl);
  margin-right: var(--space-2xl);
}

.my-2xl {
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-2xl);
}

/* padding */
.p-2xl {
  padding: var(--space-2xl);
}

.pt-2xl {
  padding-top: var(--space-2xl);
}

.pb-2xl {
  padding-bottom: var(--space-2xl);
}

.pr-2xl {
  padding-right: var(--space-2xl);
}

.pl-2xl {
  padding-left: var(--space-2xl);
}

.px-2xl {
  padding-left: var(--space-2xl);
  padding-right: var(--space-2xl);
}

.py-2xl {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}

/* gap */
.gap-2xl {
  gap: calc(var(--space-2xl) * 2);
}

.gapy-2xl {
  row-gap: calc(var(--space-2xl) * 2);
}

.gapx-2xl {
  column-gap: calc(var(--space-2xl) * 2);
}

/* owl/stack  */
.flowy-2xl > * + * {
  margin-top: var(--space-2xl);
}

.flowx-2xl > * + * {
  margin-left: var(--space-2xl);
}

/* margin */
.m-3xl {
  margin: var(--space-3xl);
}

.mt-3xl {
  margin-top: var(--space-3xl);
}

.mb-3xl {
  margin-bottom: var(--space-3xl);
}

.mr-3xl {
  margin-right: var(--space-3xl);
}

.ml-3xl {
  margin-left: var(--space-3xl);
}

.mx-3xl {
  margin-left: var(--space-3xl);
  margin-right: var(--space-3xl);
}

.my-3xl {
  margin-top: var(--space-3xl);
  margin-bottom: var(--space-3xl);
}

/* padding */
.p-3xl {
  padding: var(--space-3xl);
}

.pt-3xl {
  padding-top: var(--space-3xl);
}

.pb-3xl {
  padding-bottom: var(--space-3xl);
}

.pr-3xl {
  padding-right: var(--space-3xl);
}

.pl-3xl {
  padding-left: var(--space-3xl);
}

.px-3xl {
  padding-left: var(--space-3xl);
  padding-right: var(--space-3xl);
}

.py-3xl {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}

/* gap */
.gap-3xl {
  gap: calc(var(--space-3xl) * 2);
}

.gapy-3xl {
  row-gap: calc(var(--space-3xl) * 2);
}

.gapx-3xl {
  column-gap: calc(var(--space-3xl) * 2);
}

/* owl/stack  */
.flowy-3xl > * + * {
  margin-top: var(--space-3xl);
}

.flowx-3xl > * + * {
  margin-left: var(--space-3xl);
}

/* grid layout */
.grid-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

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

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

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

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

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

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

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

.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

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

.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

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

.grid-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

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

.grid-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

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

.grid-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

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

.grid-10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

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

.grid-11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
}

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

.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

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

@media screen and (max-width: 1120px) {
  .grid-l-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .span-l-1 {
    grid-column: span 1;
  }
  .grid-l-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .span-l-2 {
    grid-column: span 2;
  }
  .grid-l-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .span-l-3 {
    grid-column: span 3;
  }
  .grid-l-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .span-l-4 {
    grid-column: span 4;
  }
  .grid-l-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .span-l-5 {
    grid-column: span 5;
  }
  .grid-l-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .span-l-6 {
    grid-column: span 6;
  }
  .grid-l-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .span-l-7 {
    grid-column: span 7;
  }
  .grid-l-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .span-l-8 {
    grid-column: span 8;
  }
  .grid-l-9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .span-l-9 {
    grid-column: span 9;
  }
  .grid-l-10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .span-l-10 {
    grid-column: span 10;
  }
  .grid-l-11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .span-l-11 {
    grid-column: span 11;
  }
  .grid-l-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .span-l-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 992px) {
  .grid-m-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .span-m-1 {
    grid-column: span 1;
  }
  .grid-m-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .span-m-2 {
    grid-column: span 2;
  }
  .grid-m-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .span-m-3 {
    grid-column: span 3;
  }
  .grid-m-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .span-m-4 {
    grid-column: span 4;
  }
  .grid-m-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .span-m-5 {
    grid-column: span 5;
  }
  .grid-m-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .span-m-6 {
    grid-column: span 6;
  }
  .grid-m-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .span-m-7 {
    grid-column: span 7;
  }
  .grid-m-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .span-m-8 {
    grid-column: span 8;
  }
  .grid-m-9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .span-m-9 {
    grid-column: span 9;
  }
  .grid-m-10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .span-m-10 {
    grid-column: span 10;
  }
  .grid-m-11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .span-m-11 {
    grid-column: span 11;
  }
  .grid-m-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .span-m-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 768px) {
  .grid-s-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .span-s-1 {
    grid-column: span 1;
  }
  .grid-s-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .span-s-2 {
    grid-column: span 2;
  }
  .grid-s-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .span-s-3 {
    grid-column: span 3;
  }
  .grid-s-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .span-s-4 {
    grid-column: span 4;
  }
  .grid-s-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .span-s-5 {
    grid-column: span 5;
  }
  .grid-s-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .span-s-6 {
    grid-column: span 6;
  }
  .grid-s-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .span-s-7 {
    grid-column: span 7;
  }
  .grid-s-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .span-s-8 {
    grid-column: span 8;
  }
  .grid-s-9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .span-s-9 {
    grid-column: span 9;
  }
  .grid-s-10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .span-s-10 {
    grid-column: span 10;
  }
  .grid-s-11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .span-s-11 {
    grid-column: span 11;
  }
  .grid-s-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .span-s-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 480px) {
  .grid-xs-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .span-xs-1 {
    grid-column: span 1;
  }
  .grid-xs-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .span-xs-2 {
    grid-column: span 2;
  }
  .grid-xs-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .span-xs-3 {
    grid-column: span 3;
  }
  .grid-xs-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .span-xs-4 {
    grid-column: span 4;
  }
  .grid-xs-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .span-xs-5 {
    grid-column: span 5;
  }
  .grid-xs-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .span-xs-6 {
    grid-column: span 6;
  }
  .grid-xs-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .span-xs-7 {
    grid-column: span 7;
  }
  .grid-xs-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .span-xs-8 {
    grid-column: span 8;
  }
  .grid-xs-9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .span-xs-9 {
    grid-column: span 9;
  }
  .grid-xs-10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .span-xs-10 {
    grid-column: span 10;
  }
  .grid-xs-11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .span-xs-11 {
    grid-column: span 11;
  }
  .grid-xs-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .span-xs-12 {
    grid-column: span 12;
  }
}
/* wrappers */
.wrap-l {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wrap-l);
}

.wrap-m {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wrap-m);
}

.wrap-s {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wrap-s);
}input, label {
  font-family: inherit;
  font-size: 100%;
}

label {
  line-height: 1.4;
}

label a {
  text-decoration: underline;
}

input, textarea, select {
  min-width: 100%;
  max-width: 100%;
  padding: var(--space-xs);
  background-color: hsl(225, 100%, 98%);
  border-radius: var(--border-btn);
  border: solid 1px hsl(225, 100%, 90%);
  transition: box-shadow 0.1s;
}

input:focus, textarea:focus, select:focus {
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

fieldset input[type='checkbox'] {
  min-width: 0%;
  margin-right: var(--space-xs);
  transform: scale(1.4);
}

fieldset {
  margin: var(--space-m) 0;
  padding: 0;
}

 {
  margin: 0;
  padding: 0;
}

.blog-post form ul, form ul {
  padding: var(--space-xs);
}

form li {
  list-style-type: none;
}

.wpforms-field-container > * + * {
  margin-top: var(--space-s);
}

.wpforms-field {
  
}

.wpforms-required-label, .wpforms-error, .wpforms-error-container {
  color: red;
}

button[type='submit'] {
  padding: var(--space-xs);
  margin-top: var(--space-s);
  background-color: #344668;
  color: white;
  cursor: pointer;
  width: 100%;
  border-radius: var(--border-btn);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: 400;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  min-height: 100vh;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

img, picture {
  width: 100%;
  height: auto;
  line-height: 1;
}

ul, ol {
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}