.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: 1330px;
}
body {font-family: Arial, Helvetica, sans-serif;}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 18px;font-weight: 700;line-height: 24px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #262626;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 {
padding-top: 52px;
padding-right: 25px;
padding-bottom: 52px;
padding-left: 25px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 25px;
padding-left: 25px;
}@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;
				}
			}
.header-section {
}
.footer-section {
}
.mauri-logo {
 width:170px;
 height:36px;
}
._header-row {
}
.main-menu {
}
.main-menu {
--oxynav-brand-color:#ffffff;
--oxynav-neutral-color:#262626;
--oxynav-activehover-color:#f4e8cb;
--oxynav-background-color:#ffffff;
}

.main-menu a{
font-size: 13px;
font-weight: 600;
line-height: 18px;
}

.main-menu > ul{ left: unset; right: 0; }
.main-menu > ul > li{
                        background: none;
                    }

                .button:hover{
}
.button {
background-color :#d5a229;
border: 1px solid #d5a229;
color: #262626;
}.button {
 font-weight:600;
 border-radius:8px;
 padding-left:16px;
 padding-right:16px;
 padding-top:8px;
 padding-bottom:8px;
 font-size:13px;
 line-height:18px;
 transition-duration:0.3s;
}
.hero-left {
 max-width:780px;
 min-width:280px;
}
.hero-left:not(.ct-section):not(.oxy-easy-posts),
.hero-left.oxy-easy-posts .oxy-posts,
.hero-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 767px) {
.hero-left {
 width:100%;
 padding-right:10px;
 max-width:100%;
}
}

.great {
 color:#ffffff;
 text-transform:uppercase;
 font-weight:700;
}
.summer-loving {
 font-weight:400;
}
.transparent-button {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:24px;
 padding-right:24px;
 min-height:40px;
 gap:8px;
 font-size:13px;
 font-weight:600;
 border-radius:8px;
}
.transparent-button:not(.ct-section):not(.oxy-easy-posts),
.transparent-button.oxy-easy-posts .oxy-posts,
.transparent-button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:8px;
}
@media (max-width: 767px) {
.transparent-button {
 font-size:16px;
}
}

.tb-icon {
 height:15px;
 width:15px;
 transition-duration:0.3s;
}
.hero-lower-right {
 font-weight:400;
 font-size:48px;
 line-height:calc(2 / 3);
 position:absolute;
 bottom:32px;
 right:25px;
}
.hero-lower-right:not(.ct-section):not(.oxy-easy-posts),
.hero-lower-right.oxy-easy-posts .oxy-posts,
.hero-lower-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-end;
}
@media (max-width: 767px) {
.hero-lower-right {
 position:static;
 margin-top:16px;
 width:100%;
}
}

.subscribe-section {
 max-width:1000px;
 width:100%;
 color:#ffffff;
 gap:16px;
 padding-top:16px;
 padding-bottom:16px;
 margin-top:8px;
 margin-left:auto;
 margin-right:auto;
}
.subscribe-section:not(.ct-section):not(.oxy-easy-posts),
.subscribe-section.oxy-easy-posts .oxy-posts,
.subscribe-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
gap:16px;
}
@media (max-width: 767px) {
.subscribe-section {
 margin-top:0px;
 padding-top:0px;
}
}

.display-3 {
 font-size:64px;
 line-height:38px;
}
@media (max-width: 767px) {
.display-3 {
}
.display-3:not(.ct-section):not(.oxy-easy-posts),
.display-3.oxy-easy-posts .oxy-posts,
.display-3.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.subscribe-form-container {
 background-color:#393f22;
 width:100%;
 padding-right:16px;
 padding-bottom:16px;
 padding-left:16px;
 margin-top:16px;
 border-radius:12px;
 padding-top:16px;
}
.footer-links {
 width:100%;
 margin-bottom:8px;
 padding-top:16px;
 padding-bottom:16px;
 gap:8px;
 text-align:left;
}
.footer-links:not(.ct-section):not(.oxy-easy-posts),
.footer-links.oxy-easy-posts .oxy-posts,
.footer-links.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-start;
gap:8px;
}
@media (max-width: 991px) {
.footer-links {
}
.footer-links:not(.ct-section):not(.oxy-easy-posts),
.footer-links.oxy-easy-posts .oxy-posts,
.footer-links.ct-section .ct-section-inner-wrap{
flex-wrap:wrap;
}
}

.fl-column {
 padding-top:16px;
 padding-bottom:16px;
 width:193px;
 gap:8px;
}
.fl-column:not(.ct-section):not(.oxy-easy-posts),
.fl-column.oxy-easy-posts .oxy-posts,
.fl-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
gap:8px;
}
@media (max-width: 991px) {
.fl-column {
 width:calc(25% - 6px) ;
}
}

@media (max-width: 767px) {
.fl-column {
 width:calc(50% - 4px) ;
}
}

.fl-item {
 width:100%;
 padding-left:16px;
 padding-top:8px;
 padding-right:16px;
 padding-bottom:8px;
}
@media (max-width: 767px) {
.fl-item {
 font-size:12px;
}
}

.fl-link {
 color:#ffffff;
 font-size:13px;
 line-height:18px;
 font-weight:500;
}
.fl-top {
}
@media (max-width: 767px) {
.fl-top {
}
}

.fl-top-text {
 font-size:14px;
 line-height:20px;
 color:#ffffff;
}
.fl-logo-column {
 width:248px;
}
@media (max-width: 991px) {
.fl-logo-column {
 width:100%;
}
}

.fl-footer-logo {
 width:170px;
 height:36px;
}
.fl-footer-logo-container {
 width:100%;
 height:48px;
 text-align:center;
}
.fl-footer-logo-container:not(.ct-section):not(.oxy-easy-posts),
.fl-footer-logo-container.oxy-easy-posts .oxy-posts,
.fl-footer-logo-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
.fl-socials-column {
 width:220px;
 padding-top:16px;
 padding-bottom:16px;
}
.fl-socials-column:not(.ct-section):not(.oxy-easy-posts),
.fl-socials-column.oxy-easy-posts .oxy-posts,
.fl-socials-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-end;
}
@media (max-width: 991px) {
.fl-socials-column {
 width:100%;
 text-align:right;
}
.fl-socials-column:not(.ct-section):not(.oxy-easy-posts),
.fl-socials-column.oxy-easy-posts .oxy-posts,
.fl-socials-column.ct-section .ct-section-inner-wrap{
justify-content:center;
}
}

.fl-socials-container {
 gap:10px;
 height:48px;
}
.fl-socials-container:not(.ct-section):not(.oxy-easy-posts),
.fl-socials-container.oxy-easy-posts .oxy-posts,
.fl-socials-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-end;
gap:10px;
}
@media (max-width: 991px) {
.fl-socials-container {
 gap:16px;
}
.fl-socials-container:not(.ct-section):not(.oxy-easy-posts),
.fl-socials-container.oxy-easy-posts .oxy-posts,
.fl-socials-container.ct-section .ct-section-inner-wrap{
gap:16px;
}
}

@media (max-width: 767px) {
.fl-socials-container {
 text-align:right;
}
.fl-socials-container:not(.ct-section):not(.oxy-easy-posts),
.fl-socials-container.oxy-easy-posts .oxy-posts,
.fl-socials-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
}

.fls-link {
}
.fls-link:not(.ct-section):not(.oxy-easy-posts),
.fls-link.oxy-easy-posts .oxy-posts,
.fls-link.ct-section .ct-section-inner-wrap{
display:flex;
}
.fls-img {
 width:32px;
 height:32px;
}
@media (max-width: 991px) {
.fls-img {
 width:44px;
 height:44px;
}
}

.spotlights-code {
 width:100%;
}
.two-col-section {
}
.two-col-section:not(.ct-section):not(.oxy-easy-posts),
.two-col-section.oxy-easy-posts .oxy-posts,
.two-col-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
@media (max-width: 767px) {
.two-col-section {
 text-align:justify;
}
.two-col-section .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 32px;
}
.two-col-section:not(.ct-section):not(.oxy-easy-posts),
.two-col-section.oxy-easy-posts .oxy-posts,
.two-col-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

@media (max-width: 479px) {
.two-col-section {
}
}

.tcs-col {
 width:calc(50% - 20px) ;
}
.tcs-col:not(.ct-section):not(.oxy-easy-posts),
.tcs-col.oxy-easy-posts .oxy-posts,
.tcs-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
@media (max-width: 767px) {
.tcs-col {
 width:100%;
}
}

.tcs-text-container {
 width:100%;
 padding-top:40px;
 padding-right:40px;
 padding-bottom:40px;
}
@media (max-width: 767px) {
.tcs-text-container {
 padding-top:24px;
 padding-right:24px;
 padding-bottom:24px;
 padding-left:0px;
}
}

@media (max-width: 479px) {
.tcs-text-container {
}
.tcs-text-container:not(.ct-section):not(.oxy-easy-posts),
.tcs-text-container.oxy-easy-posts .oxy-posts,
.tcs-text-container.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.tcs-image {
 border-radius:8px;
}
.tcs-image:not(.ct-section):not(.oxy-easy-posts),
.tcs-image.oxy-easy-posts .oxy-posts,
.tcs-image.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 767px) {
.tcs-image {
 width:100%;
 object-fit:cover;
 height:100%;
 object-position:center center;
 min-height:378px;
}
}

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

.eyebrow {
 color:#000000;
 font-size:11px;
 letter-spacing:0.88px;
 line-height:12px;
 font-weight:700;
 text-transform:uppercase;
 text-align:left;
 margin-bottom:4px;
}
@media (max-width: 767px) {
.eyebrow {
 font-size:12px;
}
}

.wn-description {
 width:100%;
 margin-top:16px;
 margin-bottom:16px;
}
.transparent-button-black {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:24px;
 padding-right:24px;
 min-height:40px;
 gap:8px;
 font-size:13px;
 font-weight:600;
}
.transparent-button-black:not(.ct-section):not(.oxy-easy-posts),
.transparent-button-black.oxy-easy-posts .oxy-posts,
.transparent-button-black.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:8px;
}
.transparent-button-dark {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:24px;
 padding-right:24px;
 min-height:40px;
 gap:8px;
 font-size:13px;
 font-weight:600;
 color:#4c542e;
}
.transparent-button-dark:not(.ct-section):not(.oxy-easy-posts),
.transparent-button-dark.oxy-easy-posts .oxy-posts,
.transparent-button-dark.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:8px;
}
@media (max-width: 767px) {
.transparent-button-dark {
 font-size:16px;
 padding-right:0px;
}
.transparent-button-dark:not(.ct-section):not(.oxy-easy-posts),
.transparent-button-dark.oxy-easy-posts .oxy-posts,
.transparent-button-dark.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-start;
}
}

@media (max-width: 479px) {
.transparent-button-dark {
 text-align:left;
 padding-right:24px;
}
.transparent-button-dark:not(.ct-section):not(.oxy-easy-posts),
.transparent-button-dark.oxy-easy-posts .oxy-posts,
.transparent-button-dark.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.h3 {
 letter-spacing:-0.48px;
 line-height:32px;
 font-weight:700;
 color:#303030;
 font-size:24px;
 text-align:left;
}
@media (max-width: 767px) {
.h3 {
 font-size:20px;
 line-height:28px;
 letter-spacing:-0.4px;
}
}

.tcs-description {
 margin-top:8px;
 margin-bottom:8px;
}
@media (max-width: 767px) {
.tcs-description {
}
}

.client-logos {
 margin-top:52px;
 width:100%;
 max-width:1228px;
 margin-left:auto;
 margin-right:auto;
}
.products-section {
 gap:16px;
 background-color:#fcfaf4;
 text-align:left;
}
.products-section:not(.ct-section):not(.oxy-easy-posts),
.products-section.oxy-easy-posts .oxy-posts,
.products-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:16px;
}
@media (max-width: 767px) {
.products-section {
 text-align:justify;
}
.products-section:not(.ct-section):not(.oxy-easy-posts),
.products-section.oxy-easy-posts .oxy-posts,
.products-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.ps-col {
 width:360px;
 text-align:left;
}
.ps-col:not(.ct-section):not(.oxy-easy-posts),
.ps-col.oxy-easy-posts .oxy-posts,
.ps-col.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
justify-content:center;
}
@media (max-width: 767px) {
.ps-col {
 width:100%;
}
}

.ps-text-container {
 width:100%;
 padding-top:24px;
 padding-right:24px;
 padding-bottom:24px;
}
@media (max-width: 767px) {
.ps-text-container {
 text-align:center;
 padding-top:0px;
}
.ps-text-container:not(.ct-section):not(.oxy-easy-posts),
.ps-text-container.oxy-easy-posts .oxy-posts,
.ps-text-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.ps-carousel {
}
.ps-carousel-container {
 width:calc(100% - 376px) ;
 padding-left:16px;
 overflow:hidden;
}
@media (max-width: 767px) {
.ps-carousel-container {
 margin-left:-16px;
 width:calc(100% + 32px) ;
 margin-top:24px;
}
}

.simple-hero {
}
.simple-hero .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 60px;
}
.simple-hero:not(.ct-section):not(.oxy-easy-posts),
.simple-hero.oxy-easy-posts .oxy-posts,
.simple-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.simple-hero {
 text-align:center;
 gap:12px;
}
.simple-hero .ct-section-inner-wrap {
padding-top: 15px;
padding-bottom: 40px;
}
.simple-hero:not(.ct-section):not(.oxy-easy-posts),
.simple-hero.oxy-easy-posts .oxy-posts,
.simple-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:12px;
}
}

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

.page-heading {
 color:#aa8120;
}
.sh-left {
 max-width:760px;
}
@media (max-width: 991px) {
.sh-left {
 width:100%;
}
}

@media (max-width: 767px) {
.sh-left {
 text-align:left;
 margin-bottom:16px;
}
}

.sh-heading {
 color:#aa8120;
 margin-bottom:28px;
 margin-top:0px;
 font-size:124px;
 font-weight:400;
 text-transform:lowercase;
 line-height:96px;
}
@media (max-width: 767px) {
.sh-heading {
 font-size:88px;
 line-height:56px;
}
}

.top-tagline {
 color:#aa8120;
 font-weight:400;
 text-transform:lowercase;
 font-size:48px;
 line-height:calc(2 / 3);
}
.contact-panels {
 background-color:#fcfaf4;
}
.contact-panels .ct-section-inner-wrap {
padding-top: 52px;
padding-bottom: 52px;
}
.contact-panels:not(.ct-section):not(.oxy-easy-posts),
.contact-panels.oxy-easy-posts .oxy-posts,
.contact-panels.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
@media (max-width: 767px) {
.contact-panels {
 text-align:justify;
 gap:16px;
}
.contact-panels .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 32px;
}
.contact-panels:not(.ct-section):not(.oxy-easy-posts),
.contact-panels.oxy-easy-posts .oxy-posts,
.contact-panels.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:16px;
}
}

.contact-panel {
background-image:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/05/general-inquiries@2x.jpg);background-size:auto,  cover; width:calc(50% - 12px) ;
 height:380px;
 border-radius:4px;
 background-position:50% 50%;
}
@media (max-width: 767px) {
.contact-panel {
 width:100%;
 margin-bottom:0px;
}
}

.cpanel-inner {
 width:100%;
 height:100%;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:24px;
 color:#ffffff;
 gap:16px;
}
.cpanel-inner:not(.ct-section):not(.oxy-easy-posts),
.cpanel-inner.oxy-easy-posts .oxy-posts,
.cpanel-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-end;
gap:16px;
}
@media (max-width: 767px) {
.cpanel-inner {
 text-align:center;
 padding-left:12px;
 padding-right:12px;
}
.cpanel-inner:not(.ct-section):not(.oxy-easy-posts),
.cpanel-inner.oxy-easy-posts .oxy-posts,
.cpanel-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.cpanel-heading {
}
.sl-h3 {
 font-size:64px;
 line-height:38px;
 text-transform:lowercase;
 font-weight:400;
}
@media (max-width: 767px) {
.sl-h3 {
 font-size:56px;
}
}

.sl-text {
}
.cpanel-buttons {
 width:100%;
 gap:16px;
}
.cpanel-buttons:not(.ct-section):not(.oxy-easy-posts),
.cpanel-buttons.oxy-easy-posts .oxy-posts,
.cpanel-buttons.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:16px;
}
@media (max-width: 1330px) {
.cpanel-buttons {
 text-align:left;
}
.cpanel-buttons:not(.ct-section):not(.oxy-easy-posts),
.cpanel-buttons.oxy-easy-posts .oxy-posts,
.cpanel-buttons.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.button-large {
 gap:8px;
 padding-left:40px;
 padding-right:40px;
 padding-bottom:16px;
 padding-top:16px;
 border-radius:8px;
 color:#262626;
 background-color:#d5a229;
}
.button-large:not(.ct-section):not(.oxy-easy-posts),
.button-large.oxy-easy-posts .oxy-posts,
.button-large.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:8px;
}
@media (max-width: 767px) {
.button-large {
 padding-left:20px;
 padding-right:20px;
}
}

.btn-icon {
 height:16px;
}
.btn-text {
 font-size:14px;
 line-height:20px;
 font-weight:700;
}
.button-large-transparent {
 gap:8px;
 padding-left:40px;
 padding-right:40px;
 padding-bottom:16px;
 padding-top:16px;
 border-radius:8px;
 color:#ffffff;
 background-color:rgba(0,0,0,0);
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#dcb351;
 border-right-color:#dcb351;
 border-bottom-color:#dcb351;
 border-left-color:#dcb351;
}
.button-large-transparent:not(.ct-section):not(.oxy-easy-posts),
.button-large-transparent.oxy-easy-posts .oxy-posts,
.button-large-transparent.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:8px;
}
@media (max-width: 767px) {
.button-large-transparent {
 padding-left:20px;
 padding-right:20px;
}
}

.cta-section {
 background-color:#e8f3d8;
}
.cta-section:not(.ct-section):not(.oxy-easy-posts),
.cta-section.oxy-easy-posts .oxy-posts,
.cta-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 767px) {
.cta-section {
}
.cta-section .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 32px;
}
}

.faqs-container {
 max-width:1072px;
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
.fc-heading {
 width:100%;
 padding-top:24px;
 padding-right:24px;
 padding-bottom:24px;
 padding-left:24px;
 text-align:left;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#d5a229;
}
.fc-heading:not(.ct-section):not(.oxy-easy-posts),
.fc-heading.oxy-easy-posts .oxy-posts,
.fc-heading.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
.fc-faq-count {
 color:#737373;
}
.faqs-code {
 width:100%;
}
.accordion {
}
.cta-bpx {
}
.cta-box {
 width:100%;
 border-radius:12px;
 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:#4c542e;
 border-right-color:#4c542e;
 border-bottom-color:#4c542e;
 border-left-color:#4c542e;
 background-color:#393f22;
 padding-top:40px;
 padding-right:40px;
 padding-bottom:40px;
 padding-left:40px;
 color:#ffffff;
 gap:24px;
}
.cta-box:not(.ct-section):not(.oxy-easy-posts),
.cta-box.oxy-easy-posts .oxy-posts,
.cta-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:24px;
}
@media (max-width: 991px) {
.cta-box {
 padding-left:24px;
 padding-right:24px;
 padding-top:24px;
 padding-bottom:24px;
}
}

@media (max-width: 767px) {
.cta-box {
 text-align:justify;
 gap:16px;
}
.cta-box:not(.ct-section):not(.oxy-easy-posts),
.cta-box.oxy-easy-posts .oxy-posts,
.cta-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:16px;
}
}

.cta-left {
 max-width:850px;
 width:70%;
 gap:16px;
}
.cta-left:not(.ct-section):not(.oxy-easy-posts),
.cta-left.oxy-easy-posts .oxy-posts,
.cta-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:16px;
}
@media (max-width: 767px) {
.cta-left {
 width:100%;
 max-width:100%;
 text-align:center;
}
.cta-left:not(.ct-section):not(.oxy-easy-posts),
.cta-left.oxy-easy-posts .oxy-posts,
.cta-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.cta-right {
 gap:24px;
}
.cta-right:not(.ct-section):not(.oxy-easy-posts),
.cta-right.oxy-easy-posts .oxy-posts,
.cta-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-end;
gap:24px;
}
@media (max-width: 767px) {
.cta-right {
 text-align:right;
 width:100%;
}
.cta-right:not(.ct-section):not(.oxy-easy-posts),
.cta-right.oxy-easy-posts .oxy-posts,
.cta-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.annotation {
 width:73px;
 height:33px;
}
.button-large-green:focus{
 background-color:#82a54c;
 border-top-color:#d5a229;
 border-right-color:#d5a229;
 border-bottom-color:#d5a229;
 border-left-color:#d5a229;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.button-large-green:hover{
 background-color:#82a54c;
}
.button-large-green {
 gap:8px;
 padding-left:40px;
 padding-right:40px;
 padding-bottom:16px;
 padding-top:16px;
 border-radius:8px;
 color:#262626;
 background-color:#a3cf5f;
 transition-duration:0.3s;
}
.button-large-green:not(.ct-section):not(.oxy-easy-posts),
.button-large-green.oxy-easy-posts .oxy-posts,
.button-large-green.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:8px;
}
@media (max-width: 767px) {
.button-large-green {
 width:100%;
}
}

.page-navigation-panels {
}
.page-navigation-panels .ct-section-inner-wrap {
padding-top: 48px;
padding-bottom: 48px;
}
.page-navigation-panels:not(.ct-section):not(.oxy-easy-posts),
.page-navigation-panels.oxy-easy-posts .oxy-posts,
.page-navigation-panels.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
@media (max-width: 767px) {
.page-navigation-panels {
}
.page-navigation-panels .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 48px;
}
}

.pnp-code {
 width:100%;
 gap:16px;
}
.pnp-code:not(.ct-section):not(.oxy-easy-posts),
.pnp-code.oxy-easy-posts .oxy-posts,
.pnp-code.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:16px;
}
@media (max-width: 767px) {
.pnp-code {
 gap:8px;
}
.pnp-code:not(.ct-section):not(.oxy-easy-posts),
.pnp-code.oxy-easy-posts .oxy-posts,
.pnp-code.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:8px;
}
}

.page-hero {
 color:#ffffff;
}
@media (max-width: 767px) {
.page-hero {
 text-align:left;
}
.page-hero .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 32px;
}
.page-hero:not(.ct-section):not(.oxy-easy-posts),
.page-hero.oxy-easy-posts .oxy-posts,
.page-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
flex-wrap:wrap;
align-items:flex-end;
align-content:flex-end;
}
}

.page-hero-heading {
 font-size:124px;
 line-height:96px;
 font-weight:400;
 margin-bottom:16px;
}
@media (max-width: 767px) {
.page-hero-heading {
 font-size:88px;
 line-height:56px;
 text-align:left;
}
}

.contact-cta {
}
.contact-cta:not(.ct-section):not(.oxy-easy-posts),
.contact-cta.oxy-easy-posts .oxy-posts,
.contact-cta.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.cta-1-3 {
 max-width:603px;
 gap:16px;
 padding-right:40px;
}
.cta-1-3:not(.ct-section):not(.oxy-easy-posts),
.cta-1-3.oxy-easy-posts .oxy-posts,
.cta-1-3.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:16px;
}
@media (max-width: 767px) {
.cta-1-3 {
 width:100%;
 padding-right:0px;
}
}

.cta-3-3 {
 gap:24px;
}
.cta-3-3:not(.ct-section):not(.oxy-easy-posts),
.cta-3-3.oxy-easy-posts .oxy-posts,
.cta-3-3.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-end;
gap:24px;
}
@media (max-width: 767px) {
.cta-3-3 {
 width:100%;
}
}

.cta-2-3 {
}
.cta-2-3:not(.ct-section):not(.oxy-easy-posts),
.cta-2-3.oxy-easy-posts .oxy-posts,
.cta-2-3.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.cta-2-3 {
 width:100%;
 text-align:center;
}
.cta-2-3:not(.ct-section):not(.oxy-easy-posts),
.cta-2-3.oxy-easy-posts .oxy-posts,
.cta-2-3.ct-section .ct-section-inner-wrap{
align-items:flex-start;
}
}

@media (max-width: 479px) {
.cta-2-3 {
 text-align:left;
}
}

.button-large-gold {
 gap:8px;
 padding-left:40px;
 padding-right:40px;
 padding-bottom:16px;
 padding-top:16px;
 border-radius:8px;
 color:#262626;
 background-color:#d5a229;
}
.button-large-gold:not(.ct-section):not(.oxy-easy-posts),
.button-large-gold.oxy-easy-posts .oxy-posts,
.button-large-gold.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:8px;
}
.call-cta {
 gap:8px;
 color:#ffffff;
}
.call-cta:not(.ct-section):not(.oxy-easy-posts),
.call-cta.oxy-easy-posts .oxy-posts,
.call-cta.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:8px;
}
.phone-icon-container {
 padding-top:6px;
 padding-right:8px;
 padding-bottom:3px;
 padding-left:8px;
 background-color:#60693a;
 border-radius:8px;
}
.phone-icon-container:not(.ct-section):not(.oxy-easy-posts),
.phone-icon-container.oxy-easy-posts .oxy-posts,
.phone-icon-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.phone-icon-container {
}
.phone-icon-container:not(.ct-section):not(.oxy-easy-posts),
.phone-icon-container.oxy-easy-posts .oxy-posts,
.phone-icon-container.ct-section .ct-section-inner-wrap{
display:none;
}
}

.phone-icon {
 filter:saturate(200%);
 width:14px;
 height:14px;
}
.turn-white {
}
.call-cta-text {
 font-size:13px;
 font-weight:500;
}
.story-panels {
 background-color:#fcfaf4;
}
.story-panels .ct-section-inner-wrap {
padding-top: 52px;
padding-bottom: 52px;
}
.story-panels:not(.ct-section):not(.oxy-easy-posts),
.story-panels.oxy-easy-posts .oxy-posts,
.story-panels.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.stories-panel {
 gap:16px;
}
.stories-panel:not(.ct-section):not(.oxy-easy-posts),
.stories-panel.oxy-easy-posts .oxy-posts,
.stories-panel.ct-section .ct-section-inner-wrap{
display:flex;
gap:16px;
}
.intro-code {
 width:100%;
 text-align:center;
}
.mauri-gold {
 color:#d5a229;
}
.story-gallery {
}
.sh-button {
 margin-top:16px;
}
@media (max-width: 767px) {
.sh-button {
 font-size:16px;
}
}

.solutions-section {
 background-color:#fcfaf4;
}
.solutions-section .ct-section-inner-wrap {
padding-bottom: 52px;
}
.link-panels {
 width:100%;
}
.solutions-panels {
 width:100%;
}
.icon-panels {
 text-align:center;
}
.icon-panels:not(.ct-section):not(.oxy-easy-posts),
.icon-panels.oxy-easy-posts .oxy-posts,
.icon-panels.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.icon-panels {
}
.icon-panels .ct-section-inner-wrap {
padding-top: 24px;
}
}

.icon-panels-code {
 width:100%;
 padding-top:8px;
 gap:0px;
 max-width:1280px;
 text-align:center;
}
.icon-panels-code:not(.ct-section):not(.oxy-easy-posts),
.icon-panels-code.oxy-easy-posts .oxy-posts,
.icon-panels-code.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:center;
gap:0px;
}
.testimonials-section {
 background-color:#fcfaf4;
}
.testimonials-section .ct-section-inner-wrap {
padding-top: 120px;
padding-bottom: 120px;
}
.testimonials-code {
 width:100%;
 gap:40px;
 margin-left:auto;
 margin-right:auto;
}
.testimonials-code:not(.ct-section):not(.oxy-easy-posts),
.testimonials-code.oxy-easy-posts .oxy-posts,
.testimonials-code.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
gap:40px;
}
@media (max-width: 991px) {
.testimonials-code {
 gap:24px;
}
.testimonials-code:not(.ct-section):not(.oxy-easy-posts),
.testimonials-code.oxy-easy-posts .oxy-posts,
.testimonials-code.ct-section .ct-section-inner-wrap{
gap:24px;
}
}

.tcs-reverse {
}
.tcs-reverse:not(.ct-section):not(.oxy-easy-posts),
.tcs-reverse.oxy-easy-posts .oxy-posts,
.tcs-reverse.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row-reverse;
justify-content:space-between;
}
@media (max-width: 767px) {
.tcs-reverse {
 text-align:justify;
}
.tcs-reverse:not(.ct-section):not(.oxy-easy-posts),
.tcs-reverse.oxy-easy-posts .oxy-posts,
.tcs-reverse.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.large-quote-section {
}
.large-quote-section .ct-section-inner-wrap {
padding-bottom: 104px;
}
.large-quote-section:not(.ct-section):not(.oxy-easy-posts),
.large-quote-section.oxy-easy-posts .oxy-posts,
.large-quote-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.large-quote-section {
}
.large-quote-section .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 72px;
}
}

.lg-image {
 object-fit:contain;
 width:100%;
 height:100%;
 object-position:50% 50%;
}
@media (max-width: 991px) {
.lg-image {
 object-fit:cover;
}
}

.lg-image-container {
 width:100%;
 height:424px;
 border-radius:8px;
 overflow:hidden;
}
.lg-content-container {
 max-width:640px;
 width:100%;
 padding-top:8px;
 padding-bottom:8px;
 gap:10px;
 margin-top:-48px;
 margin-left:auto;
 margin-right:auto;
}
.lg-content-container:not(.ct-section):not(.oxy-easy-posts),
.lg-content-container.oxy-easy-posts .oxy-posts,
.lg-content-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
}
.tt-thumb {
}
@media (max-width: 767px) {
.tt-thumb {
}
}

.tt-text {
}
.lg-text {
 text-align:center;
 font-style:italic;
}
.lg-name {
 padding-top:8px;
}
.lg-role {
 font-size:12px;
 font-weight:500;
 letter-spacing:-0.12px;
}
.milling-locations {
}
.turn-black {
}
.two-col-section-with-intro {
}
.two-col-section-with-intro:not(.ct-section):not(.oxy-easy-posts),
.two-col-section-with-intro.oxy-easy-posts .oxy-posts,
.two-col-section-with-intro.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:space-between;
}
@media (max-width: 767px) {
.two-col-section-with-intro {
}
.two-col-section-with-intro .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 32px;
}
}

.tcs-intro {
 width:100%;
 text-align:center;
 margin-bottom:52px;
 padding-bottom:52px;
 margin-left:auto;
 margin-right:auto;
}
.tcs-intro:not(.ct-section):not(.oxy-easy-posts),
.tcs-intro.oxy-easy-posts .oxy-posts,
.tcs-intro.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.tcs-intro {
 margin-bottom:0px;
 padding-bottom:32px;
}
}

.tcs-intro-heading {
 color:#aa8120;
}
.tcs-intro-text {
 margin-top:24px;
 max-width:730px;
 margin-left:auto;
 margin-right:auto;
}
.hero-text {
 padding-top:0px;
 color:#ffffff;
}
.getting-started {
}
.getting-started:not(.ct-section):not(.oxy-easy-posts),
.getting-started.oxy-easy-posts .oxy-posts,
.getting-started.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:space-between;
}
@media (max-width: 767px) {
.getting-started {
}
}

.getting-started-panels {
 width:100%;
}
.getting-started-panels:not(.ct-section):not(.oxy-easy-posts),
.getting-started-panels.oxy-easy-posts .oxy-posts,
.getting-started-panels.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:center;
}
.gs-panel {
 width:33.33%;
 max-width:420px;
 padding-top:24px;
 padding-right:24px;
 padding-bottom:24px;
 padding-left:24px;
 text-align:center;
 color:#000000;
}
.gs-panel:not(.ct-section):not(.oxy-easy-posts),
.gs-panel.oxy-easy-posts .oxy-posts,
.gs-panel.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.icon-panel-item {
}
.gs-image-frame {
 width:172px;
 height:172px;
 border-radius:50%;
 overflow:hidden;
 margin-bottom:16px;
}
.gs-image-frame:not(.ct-section):not(.oxy-easy-posts),
.gs-image-frame.oxy-easy-posts .oxy-posts,
.gs-image-frame.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.gs-panel-image {
 width:100%;
 height:100%;
 object-fit:cover;
}
.gs-panel-image:not(.ct-section):not(.oxy-easy-posts),
.gs-panel-image.oxy-easy-posts .oxy-posts,
.gs-panel-image.ct-section .ct-section-inner-wrap{
display:flex;
}
.gs-heading {
}
.gs-panel-heading {
 margin-bottom:8px;
}
.gs-panel-text {
 margin-bottom:16px;
}
.cs-code {
}
.products-main {
 background-color:#fcfaf4;
}
.products-main:not(.ct-section):not(.oxy-easy-posts),
.products-main.oxy-easy-posts .oxy-posts,
.products-main.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.products-main-code {
}
@media (max-width: 767px) {
.products-main-code {
 width:100%;
}
}

.view-intro {
 gap:16px;
}
.view-intro:not(.ct-section):not(.oxy-easy-posts),
.view-intro.oxy-easy-posts .oxy-posts,
.view-intro.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:16px;
}
.view-svg-top {
 width:88px;
 height:27px;
}
.view-intro-code {
}
.view-svg-bottom {
 width:55px;
 height:49px;
}
.guide-section {
background-image:url(https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/05/guide-section-bg.jpg);background-size: cover; background-position:50% 50%;
}
.guide-section .ct-section-inner-wrap {
padding-top: 74px;
padding-bottom: 74px;
}
.guide-section:not(.ct-section):not(.oxy-easy-posts),
.guide-section.oxy-easy-posts .oxy-posts,
.guide-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 767px) {
.guide-section {
 text-align:justify;
}
.guide-section .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 28px;
}
.guide-section:not(.ct-section):not(.oxy-easy-posts),
.guide-section.oxy-easy-posts .oxy-posts,
.guide-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.gs-left {
 padding-left:8px;
 padding-right:8px;
 padding-top:24px;
 padding-bottom:24px;
 width:calc(50% - 58px) ;
 color:#ffffff;
 gap:16px;
}
.gs-left:not(.ct-section):not(.oxy-easy-posts),
.gs-left.oxy-easy-posts .oxy-posts,
.gs-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:16px;
}
@media (max-width: 767px) {
.gs-left {
 width:100%;
 padding-top:0px;
}
}

.guide-panel {
background-image:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/05/general-inquiries@2x.jpg);background-size:auto,  cover; width:calc(50% - 12px) ;
 height:380px;
 border-radius:4px;
 position:relative;
 background-position:50% 50%;
}
@media (max-width: 767px) {
.guide-panel {
 width:100%;
 padding-top:24px;
 padding-right:24px;
 padding-bottom:24px;
 padding-left:24px;
}
.guide-panel:not(.ct-section):not(.oxy-easy-posts),
.guide-panel.oxy-easy-posts .oxy-posts,
.guide-panel.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.gpanel-inner {
 width:100%;
 height:100%;
 padding-left:40px;
 padding-right:40px;
 padding-bottom:24px;
 color:#ffffff;
 gap:24px;
 padding-top:24px;
}
.gpanel-inner:not(.ct-section):not(.oxy-easy-posts),
.gpanel-inner.oxy-easy-posts .oxy-posts,
.gpanel-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
gap:24px;
}
@media (max-width: 767px) {
.gpanel-inner {
 text-align:center;
 padding-left:0px;
 padding-top:20px;
 padding-right:0px;
 padding-bottom:0px;
}
.gpanel-inner:not(.ct-section):not(.oxy-easy-posts),
.gpanel-inner.oxy-easy-posts .oxy-posts,
.gpanel-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
}

.guide-icon {
 position:absolute;
 top:24px;
 right:24px;
 background-color:#d5a229;
 border-radius:50%;
 width:64px;
 height:64px;
}
.guide-icon:not(.ct-section):not(.oxy-easy-posts),
.guide-icon.oxy-easy-posts .oxy-posts,
.guide-icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.guide-icon {
 position:static;
}
.guide-icon:not(.ct-section):not(.oxy-easy-posts),
.guide-icon.oxy-easy-posts .oxy-posts,
.guide-icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}

.guide-svg {
 width:32px;
 height:32px;
}
@media (max-width: 767px) {
.guide-svg {
 height:64px;
}
}

.isuu-badge {
 width:179px;
 height:31px;
}
.issuu-container {
 position:absolute;
 right:24px;
 bottom:24px;
}
@media (max-width: 767px) {
.issuu-container {
 position:static;
}
}

.view-intro-text {
}
@media (max-width: 767px) {
.view-intro-text {
 padding-left:16px;
 padding-right:16px;
}
}

.product-guides-list {
}
.intro-section {
 text-align:center;
}
.intro-section:not(.ct-section):not(.oxy-easy-posts),
.intro-section.oxy-easy-posts .oxy-posts,
.intro-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.intro-section {
}
.intro-section .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 32px;
}
}

.intro-text {
 max-width:768px;
 width:100%;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}
.recipes-section {
}
.recipes-section .ct-section-inner-wrap {
padding-bottom: 0;
}
.recipes-code {
 width:100%;
}
.recipe-hero {
}
.recipe-hero .ct-section-inner-wrap {
padding-top: 40px;
padding-bottom: 30px;
}
@media (max-width: 991px) {
.recipe-hero {
}
}

@media (max-width: 767px) {
.recipe-hero {
}
.recipe-hero .ct-section-inner-wrap {
padding-top: 16px;
padding-bottom: 16px;
}
}

.recipe-hero-thumb {
 object-fit:cover;
 width:100%;
 height:100%;
 object-position:center center;
}
.recipe-hero-thumb:not(.ct-section):not(.oxy-easy-posts),
.recipe-hero-thumb.oxy-easy-posts .oxy-posts,
.recipe-hero-thumb.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 767px) {
.recipe-hero-thumb {
 max-width:100%;
}
}

.recipe-hero-heading {
 font-size:96px;
 line-height:76px;
 font-weight:400;
 color:#aa8120;
}
@media (max-width: 991px) {
.recipe-hero-heading {
 font-size:64px;
 line-height:52px;
}
}

@media (max-width: 767px) {
.recipe-hero-heading {
 text-align:left;
}
}

.recipe-hero-text {
 margin-top:16px;
}
.recipe-hero-image-col {
 width:calc(50% - 20px) ;
 text-align:left;
}
.recipe-hero-image-col:not(.ct-section):not(.oxy-easy-posts),
.recipe-hero-image-col.oxy-easy-posts .oxy-posts,
.recipe-hero-image-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:center;
}
@media (max-width: 767px) {
.recipe-hero-image-col {
 text-align:right;
 width:100%;
}
.recipe-hero-image-col:not(.ct-section):not(.oxy-easy-posts),
.recipe-hero-image-col.oxy-easy-posts .oxy-posts,
.recipe-hero-image-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.baking-better {
 font-size:48px;
 line-height:32px;
 color:#aa8120;
 width:100%;
 text-align:right;
}
.recipe-hero-image-container {
 margin-bottom:24px;
 width:100%;
 max-width:612px;
 height:360px;
 border-radius:8px;
 overflow:hidden;
}
@media (max-width: 767px) {
.recipe-hero-image-container {
 margin-bottom:0px;
 max-width:100%;
 height:274px;
}
}

.featured-products {
}
.featured-products:not(.ct-section):not(.oxy-easy-posts),
.featured-products.oxy-easy-posts .oxy-posts,
.featured-products.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.recipes-products {
 margin-top:80px;
 width:100%;
}
.recipes-main {
 gap:24px;
}
.recipes-main .ct-section-inner-wrap {
padding-bottom: 56px;
}
.recipes-main:not(.ct-section):not(.oxy-easy-posts),
.recipes-main.oxy-easy-posts .oxy-posts,
.recipes-main.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
gap:24px;
}
@media (max-width: 767px) {
.recipes-main {
 text-align:justify;
}
.recipes-main:not(.ct-section):not(.oxy-easy-posts),
.recipes-main.oxy-easy-posts .oxy-posts,
.recipes-main.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.recipes-col {
}
.recipe-col {
 width:calc(50% - 12px) ;
}
@media (max-width: 767px) {
.recipe-col {
 width:100%;
 max-width:100%;
}
}

.recipe-ingredients-tips {
 max-width:580px;
 padding-top:16px;
 padding-right:16px;
 padding-bottom:16px;
 padding-left:16px;
}
@media (max-width: 767px) {
.recipe-ingredients-tips {
 padding-left:0px;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
}
}

.product-tags {
 padding-top:16px;
 gap:16px;
}
.product-tags:not(.ct-section):not(.oxy-easy-posts),
.product-tags.oxy-easy-posts .oxy-posts,
.product-tags.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:16px;
}
.method-code {
}
.method-col {
 padding-left:24px;
 padding-right:24px;
}
@media (max-width: 767px) {
.method-col {
 padding-left:0px;
 padding-right:0px;
}
}

.videos-grid {
}
.videos-grid:not(.ct-section):not(.oxy-easy-posts),
.videos-grid.oxy-easy-posts .oxy-posts,
.videos-grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:center;
}
.modal-video {
}
.modal-overlay {
 background-color:rgba(0,0,0,0.8);
 width:100%;
 height:100%;
 position:fixed;
 top:0px;
 bottom:0px;
}
.modal-overlay:not(.ct-section):not(.oxy-easy-posts),
.modal-overlay.oxy-easy-posts .oxy-posts,
.modal-overlay.ct-section .ct-section-inner-wrap{
display:none;
align-items:center;
justify-content:center;
}
.large-hero {
}
.featured-leader {
}
.leadership-grid-container {
 width:100%;
}
.leadership-grid-container:not(.ct-section):not(.oxy-easy-posts),
.leadership-grid-container.oxy-easy-posts .oxy-posts,
.leadership-grid-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:space-between;
}
@media (max-width: 767px) {
.leadership-grid-container {
 text-align:justify;
}
.leadership-grid-container:not(.ct-section):not(.oxy-easy-posts),
.leadership-grid-container.oxy-easy-posts .oxy-posts,
.leadership-grid-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.leadership-section-intro {
 width:100%;
 margin-bottom:52px;
}
.leadership-section-intro:not(.ct-section):not(.oxy-easy-posts),
.leadership-section-intro.oxy-easy-posts .oxy-posts,
.leadership-section-intro.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.bm20 {
 margin-bottom:20px;
}
.t-align-center {
 text-align:center;
}
.full-bg-quote {
 color:#ffffff;
}
@media (max-width: 767px) {
.full-bg-quote {
}
.full-bg-quote .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 32px;
}
}

.culture-section {
 background-color:#f8f6f4;
}
.gold700 {
 color:#aa8120;
}
.quote-container {
 padding-top:40px;
 padding-bottom:40px;
 width:100%;
 max-width:640px;
 gap:8px;
 text-align:center;
}
.quote-container:not(.ct-section):not(.oxy-easy-posts),
.quote-container.oxy-easy-posts .oxy-posts,
.quote-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
}
@media (max-width: 767px) {
.quote-container {
 padding-top:0px;
 padding-bottom:0px;
}
}

.light-green {
 color:#a3cf5f;
}
.life-at-mauri {
 text-align:center;
}
.life-at-mauri:not(.ct-section):not(.oxy-easy-posts),
.life-at-mauri.oxy-easy-posts .oxy-posts,
.life-at-mauri.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.center-text {
 text-align:center;
}
.life-at-mauri-intro {
 margin-bottom:24px;
 margin-top:10px;
}
.story-item {
}
.baker-thumb-container {
}
.baker-info-container {
}
.people-heading {
}
.baker-excerpt {
}
.people-quote {
 font-size:14px;
 font-style:italic;
 text-align:left;
 min-height:160px;
}
.people-role {
 font-weight:500;
 padding-top:4px;
}
.wide-icon-panels {
 gap:40px;
}
.wide-icon-panels:not(.ct-section):not(.oxy-easy-posts),
.wide-icon-panels.oxy-easy-posts .oxy-posts,
.wide-icon-panels.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:40px;
}
@media (max-width: 767px) {
.wide-icon-panels {
 gap:24px;
}
.wide-icon-panels .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 32px;
}
.wide-icon-panels:not(.ct-section):not(.oxy-easy-posts),
.wide-icon-panels.oxy-easy-posts .oxy-posts,
.wide-icon-panels.ct-section .ct-section-inner-wrap{
gap:24px;
}
}

@media (max-width: 479px) {
.wide-icon-panels {
}
.wide-icon-panels .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 32px;
}
}

.fbq-text {
 text-align:center;
 font-style:italic;
}
.fbq-name {
 padding-top:8px;
 font-weight:400;
 color:#aa8120;
}
.wip-panel {
 width:calc( (100% / 3) - (80px / 3) ) ;
 gap:8px;
}
.wip-panel:not(.ct-section):not(.oxy-easy-posts),
.wip-panel.oxy-easy-posts .oxy-posts,
.wip-panel.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:8px;
}
@media (max-width: 767px) {
.wip-panel {
 width:calc(50% - 12px) ;
}
}

@media (max-width: 479px) {
.wip-panel {
 width:100%;
}
}

.wip-icon-container {
 width:100%;
 padding-left:10px;
 padding-top:10px;
 padding-right:10px;
 padding-bottom:10px;
 border-radius:8px;
 height:156px;
}
.wip-icon-container:not(.ct-section):not(.oxy-easy-posts),
.wip-icon-container.oxy-easy-posts .oxy-posts,
.wip-icon-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.wip-icon {
}
.wip-text-container {
 width:100%;
 padding-left:16px;
 padding-top:16px;
 padding-right:16px;
 padding-bottom:16px;
 gap:8px;
}
.wip-text-container:not(.ct-section):not(.oxy-easy-posts),
.wip-text-container.oxy-easy-posts .oxy-posts,
.wip-text-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:8px;
}
@media (max-width: 767px) {
.wip-text-container {
 padding-top:12px;
 padding-right:12px;
 padding-bottom:12px;
 padding-left:12px;
}
}

.wip-heading {
 color:#000000;
 width:100%;
 text-align:left;
 font-size:18px;
}
.wip-text {
 color:#000000;
}
.square-icon-panels {
 width:100%;
 padding-top:24px;
 gap:0px;
 max-width:1280px;
 text-align:center;
}
.square-icon-panels:not(.ct-section):not(.oxy-easy-posts),
.square-icon-panels.oxy-easy-posts .oxy-posts,
.square-icon-panels.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:center;
gap:0px;
}
@media (max-width: 767px) {
.square-icon-panels {
}
.square-icon-panels:not(.ct-section):not(.oxy-easy-posts),
.square-icon-panels.oxy-easy-posts .oxy-posts,
.square-icon-panels.ct-section .ct-section-inner-wrap{
flex-wrap:wrap;
}
}

.square-icon-panel-item {
 padding-left:24px;
 padding-top:24px;
 padding-right:24px;
 padding-bottom:24px;
 width:calc(100% / 3) ;
 text-align:center;
}
.square-icon-panel-item:not(.ct-section):not(.oxy-easy-posts),
.square-icon-panel-item.oxy-easy-posts .oxy-posts,
.square-icon-panel-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.square-icon-panel-item {
 width:100%;
}
}

.sip-icon-container {
 width:172px;
 height:172px;
 border-radius:8px;
 margin-bottom:16px;
}
.sip-icon-container:not(.ct-section):not(.oxy-easy-posts),
.sip-icon-container.oxy-easy-posts .oxy-posts,
.sip-icon-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.sip-heading {
 color:#000000;
 margin-top:8px;
 margin-bottom:8px;
}
.sip-text {
 max-width:360px;
}
.priorities-section {
 background-color:#e8f3d8;
}
.priorities-section .ct-section-inner-wrap {
padding-bottom: 52px;
}
.priorities-section:not(.ct-section):not(.oxy-easy-posts),
.priorities-section.oxy-easy-posts .oxy-posts,
.priorities-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.priorities-section {
}
.priorities-section .ct-section-inner-wrap {
padding-top: 32px;
padding-right: 16px;
padding-bottom: 32px;
padding-left: 16px;
}
}

.panels {
 width:100%;
 padding-top:16px;
 padding-bottom:16px;
 margin-top:50px;
 margin-left:auto;
 margin-right:auto;
}
.more-on-priorities {
 gap:24px;
 max-width:1120px;
 width:100%;
 padding-top:40px;
 padding-bottom:40px;
 margin-left:auto;
 margin-right:auto;
}
.more-on-priorities:not(.ct-section):not(.oxy-easy-posts),
.more-on-priorities.oxy-easy-posts .oxy-posts,
.more-on-priorities.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:24px;
}
@media (max-width: 767px) {
.more-on-priorities {
 text-align:justify;
 padding-bottom:32px;
}
.more-on-priorities:not(.ct-section):not(.oxy-easy-posts),
.more-on-priorities.oxy-easy-posts .oxy-posts,
.more-on-priorities.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.mop-left {
 width:calc(50% - 12px) ;
 padding-right:40px;
}
@media (max-width: 767px) {
.mop-left {
 width:100%;
 text-align:left;
}
}

.mop-right {
 width:calc(50% - 12px) ;
}
@media (max-width: 767px) {
.mop-right {
 width:100%;
}
}

.legal-main {
}
.layout {
 width:100%;
}
@media (max-width: 767px) {
.layout {
}
.layout:not(.ct-section):not(.oxy-easy-posts),
.layout.oxy-easy-posts .oxy-posts,
.layout.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.sidebar {
}
@media (max-width: 767px) {
.sidebar {
 width:100%;
 background-color:#ffffff;
}
}

.content {
}
.legal-hero {
 background-color:#fcfaf4;
}
.legal-hero .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 48px;
}
.legal-hero:not(.ct-section):not(.oxy-easy-posts),
.legal-hero.oxy-easy-posts .oxy-posts,
.legal-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.legal-hero {
 text-align:center;
}
.legal-hero:not(.ct-section):not(.oxy-easy-posts),
.legal-hero.oxy-easy-posts .oxy-posts,
.legal-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

.reports-section {
 gap:64px;
 background-color:#fafcf7;
}
.reports-section:not(.ct-section):not(.oxy-easy-posts),
.reports-section.oxy-easy-posts .oxy-posts,
.reports-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:64px;
}
@media (max-width: 767px) {
.reports-section {
 gap:48px;
}
.reports-section .ct-section-inner-wrap {
padding-top: 32px;
padding-bottom: 32px;
}
.reports-section:not(.ct-section):not(.oxy-easy-posts),
.reports-section.oxy-easy-posts .oxy-posts,
.reports-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:48px;
}
}

.reports-col {
 width:calc(50% - 32px) ;
 gap:24px;
}
.reports-col:not(.ct-section):not(.oxy-easy-posts),
.reports-col.oxy-easy-posts .oxy-posts,
.reports-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:24px;
}
@media (max-width: 767px) {
.reports-col {
 width:100%;
 gap:8px;
}
.reports-col:not(.ct-section):not(.oxy-easy-posts),
.reports-col.oxy-easy-posts .oxy-posts,
.reports-col.ct-section .ct-section-inner-wrap{
gap:8px;
}
}

.report-item {
 width:100%;
 gap:24px;
 padding-right:40px;
}
.report-item:not(.ct-section):not(.oxy-easy-posts),
.report-item.oxy-easy-posts .oxy-posts,
.report-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:24px;
}
@media (max-width: 767px) {
.report-item {
 gap:20px;
 min-height:132px;
}
.report-item:not(.ct-section):not(.oxy-easy-posts),
.report-item.oxy-easy-posts .oxy-posts,
.report-item.ct-section .ct-section-inner-wrap{
gap:20px;
}
}

.report-item-container {
 width:116px;
 height:116px;
 border-radius:50%;
 background-color:#d5a229;
}
.report-item-container:not(.ct-section):not(.oxy-easy-posts),
.report-item-container.oxy-easy-posts .oxy-posts,
.report-item-container.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.report-item-icon {
 width:auto;
 height:auto;
}
.report-info-container {
 width:calc(100% - 140px) ;
 gap:4px;
 padding-top:16px;
 padding-bottom:16px;
}
.report-info-container:not(.ct-section):not(.oxy-easy-posts),
.report-info-container.oxy-easy-posts .oxy-posts,
.report-info-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:4px;
}
.report-heading {
 color:#000000;
 text-align:left;
}
@media (max-width: 767px) {
.report-heading {
}
}

.view-report-link {
 padding-top:8px;
 padding-bottom:8px;
 padding-right:8px;
 gap:8px;
 font-size:12px;
 line-height:18px;
 color:#aa8120;
 font-weight:700;
 letter-spacing:-0.12pxpx;
}
.view-report-link:not(.ct-section):not(.oxy-easy-posts),
.view-report-link.oxy-easy-posts .oxy-posts,
.view-report-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:8px;
}
.gold-link-icon {
 width:16px;
 height:16px;
}
.history-section {
 background-color:#fafcf7;
}
.history-section .ct-section-inner-wrap {
padding-top: 76px;
}
.history-section:not(.ct-section):not(.oxy-easy-posts),
.history-section.oxy-easy-posts .oxy-posts,
.history-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.history-section {
}
.history-section .ct-section-inner-wrap {
padding-top: 48px;
padding-bottom: 32px;
}
}

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

.oxy-close-modal {
}
.full-screen-hero {
 height:90vh;
}
@media (max-width: 767px) {
.full-screen-hero {
}
.full-screen-hero:not(.ct-section):not(.oxy-easy-posts),
.full-screen-hero.oxy-easy-posts .oxy-posts,
.full-screen-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.contact-modal {
}
.view-intro-heading {
}
@media (max-width: 767px) {
.view-intro-heading {
 padding-left:16px;
 padding-right:16px;
 font-size:56px;
 max-width:240px;
 text-align:center;
}
}

.explore-heading {
}
@media (max-width: 767px) {
.explore-heading {
 font-weight:400;
 text-align:center;
 max-width:320px;
 margin-left:auto;
 margin-right:auto;
}
}

.down-arrow {
}
.down-arrow:not(.ct-section):not(.oxy-easy-posts),
.down-arrow.oxy-easy-posts .oxy-posts,
.down-arrow.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 767px) {
.down-arrow {
 width:46px;
 height:42px;
}
.down-arrow:not(.ct-section):not(.oxy-easy-posts),
.down-arrow.oxy-easy-posts .oxy-posts,
.down-arrow.ct-section .ct-section-inner-wrap{
display:block;
}
}

.right-arrow {
}
@media (max-width: 767px) {
.right-arrow {
}
.right-arrow:not(.ct-section):not(.oxy-easy-posts),
.right-arrow.oxy-easy-posts .oxy-posts,
.right-arrow.ct-section .ct-section-inner-wrap{
display:none;
}
}

.skip-link {
}
.guide-panel-code {
}
.site-logo-link {
}
@media (max-width: 767px) {
.site-logo-link {
 position:relative;
 z-index:99999999999999999999999;
}
}

.featured-products-section {
 gap:24px;
}
.featured-products-section:not(.ct-section):not(.oxy-easy-posts),
.featured-products-section.oxy-easy-posts .oxy-posts,
.featured-products-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-start;
gap:24px;
}
@media (max-width: 991px) {
.featured-products-section {
 text-align:left;
 gap:0px;
}
.featured-products-section:not(.ct-section):not(.oxy-easy-posts),
.featured-products-section.oxy-easy-posts .oxy-posts,
.featured-products-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:0px;
}
}

@media (max-width: 767px) {
.featured-products-section {
}
.featured-products-section .ct-section-inner-wrap {
padding-top: 52px;
}
}

.fps-col {
}
.fps-text-col {
 width:293px;
 padding-top:16px;
 padding-bottom:16px;
 padding-right:16px;
}
@media (max-width: 991px) {
.fps-text-col {
 width:100%;
}
}

.fps-products-col {
 width:calc(100% - 317px) ;
}
@media (max-width: 991px) {
.fps-products-col {
 width:100%;
}
}

.mauri-logo-dark {
}
.mauri-logo-dark:not(.ct-section):not(.oxy-easy-posts),
.mauri-logo-dark.oxy-easy-posts .oxy-posts,
.mauri-logo-dark.ct-section .ct-section-inner-wrap{
display:none;
}
.mauri-logo-white {
}
.overlay-header {
}
.mauri-logo-alt {
}
.mauri-logo-alt:not(.ct-section):not(.oxy-easy-posts),
.mauri-logo-alt.oxy-easy-posts .oxy-posts,
.mauri-logo-alt.ct-section .ct-section-inner-wrap{
display:none;
}
.mauri-logo-default {
}
.sr-only {
}
.oxy-stock-content-styles {
}
.h1-smalltext {
 font-size:11px;
 text-transform:uppercase;
 letter-spacing:1px;
}
.h1-smalltext:not(.ct-section):not(.oxy-easy-posts),
.h1-smalltext.oxy-easy-posts .oxy-posts,
.h1-smalltext.ct-section .ct-section-inner-wrap{
display:block;
}
.sf-form-cb {
 border-top-color:#d5a229;
 border-right-color:#d5a229;
 border-bottom-color:#d5a229;
 border-left-color:#d5a229;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:24px;
 padding-top:24px;
 padding-left:36px;
 padding-right:36px;
 padding-bottom:24px;
 background-color:#ffffff;
 margin-top:15px;
 margin-bottom:15px;
}
.navlist {
}
.footer-navlist {
 width:100%;
}
.footer-navlist:not(.ct-section):not(.oxy-easy-posts),
.footer-navlist.oxy-easy-posts .oxy-posts,
.footer-navlist.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 1330px) {
.footer-navlist {
}
.footer-navlist:not(.ct-section):not(.oxy-easy-posts),
.footer-navlist.oxy-easy-posts .oxy-posts,
.footer-navlist.ct-section .ct-section-inner-wrap{
flex-wrap:wrap;
}
}

.contact-heading {
}
.modal-heading {
}
.modal-text {
}
:root {
  --avenir: "avenir-next-lt-pro", sans-serif;
  --summerloving: 'SummerLoving-Regular', serif;
  --transition: all 0.3s ease;
  --carousel-edge: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 47.6%, rgba(0, 0, 0, 0.00) 100%);
  --gold700: #AA8120;
  --primary-mauri-gold: #D5A229;
  --primary-light-green: #A3CF5F;
  --neutral1100: #262626;
  --top-offset: 24px;
}

.gold700 {
  color: var(--gold700) !important;
}

html {
  width: 100%;
  scroll-padding-top: 120px; /* Accounts for your sticky header */
  scroll-behavior: smooth;   /* Native smooth scrolling */
}

body {
  font-family: var(--avenir);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}

.skip-link {
  position: absolute;
  top: -100%;
  left: 0;
  padding: 0.75rem 1.25rem;
  background: var(--primary-mauri-gold);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  z-index: 9999999;
  border-radius: 0 0 4px 0;
}

.skip-link:focus {
  top: 0;
}

h1,h2,h3,h4,h5 {
  font-family: var(--avenir);
}

.summer-loving {
  font-family: var(--summerloving) !important;
  text-transform: lowercase;
}

body .pswp__caption__center {
  text-align: center;
  max-width: 627px;
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: 18px;
  color: #fff;
}
body .pswp__caption {
  bottom: 24px;
}
h3.summer-loving, h2.summer-loving, h2 span.summer-loving {
  font-size: 64px;
  line-height: 38px;
  font-weight: 400 !important;
}

.home #_spotlights h3.summer-loving, #stories-panel h3.summer-loving, .home #_spotlights h2.summer-loving, #stories-panel h2.summer-loving {
  font-size:48px
}

#_hero {
  .ct-section-inner-wrap {
    position: relative;
  }
}

.modal-overlay {
  z-index: 9999;
}

h4.summer-loving {
  font-size: 48px;
  line-height: 32px;
}

.ps-carousel-container {
  position: relative;
  &:before, &:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    background: var(--carousel-edge);
  }
  & .splide .custom-controls {
    margin-top: 24px;
  }
  &:after {
    right: -1px;
    left: auto;
  }
}

.large-hero, .page-hero {
  .ct-section-inner-wrap {
    position: relative;
  }
}

.turn-white {
  filter: brightness(0) invert(1);
}

.turn-black {
  filter: brightness(0);
}

.oxy-gallery-grid .oxy-gallery-item-contents img {
  display: block;
}

/* non-overlay header */
#_header.oxy-sticky-header-active .oxy-site-navigation li > a, #_header .oxy-site-navigation li > button,
#_header2 .oxy-site-navigation li > a, #_header2 .oxy-site-navigation li > button {
  color: #000;
}

#_header.oxy-sticky-header-active .oxy-site-navigation button svg path {
  fill: #262626 !important;
}

#_header2 .oxy-site-navigation:hover > a, #_header2 .oxy-site-navigation:hover > button {
  
}

/* splide -------------------------------------------------------------------------------------------- */

.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #7F6118;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #7F6118;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #7F6118;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #7F6118;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #7F6118;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #7F6118}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #7F6118;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #7F6118}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#7F6118}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #7F6118;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #7F6118;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}

/* Container for arrows and pagination */
.custom-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px; /* Space between Prev, Pagination, and Next */
  margin-top: 42px;
}

.splide .custom-controls {
  margin-top: 0;
  display: flex !important;
  & .splide__pagination[role="tablist"] {
    flex-direction: row;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Reset default Splide arrow positioning */
.custom-controls .splide__arrow {
  position: static;
  transform: none;
  background: transparent;
  color: #333;
  font-weight: bold;
  font-family: inherit;
  font-size: 1rem;
  width: auto;
  height: auto;
  opacity: 1;
}

/* Reset default Splide pagination positioning */
.splide__pagination {
  position: static;
  display: flex;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
}

.splide__pagination__page[role="tab"] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

/* Style the numbered pagination buttons */
.splide__pagination__page {
  background: transparent;
  color: #333;
  font-weight: bold;
  font-size: 1rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid transparent;
  opacity: 1;
  transform: none;
  transition: all 0.2s ease;
}

/* Style the active state to match your beige circle */
.splide__pagination__page.is-active {
  background-color: #e3dccf; /* Beige color from your image */
  border: 1px solid #b8a994;
  transform: none; 
}

/* end splide ------------------------------------------------------------------------------ */ 

.splide__slide, .pnp-code, .solutions-panels {
  position: relative;
  & .sl-link {
    display: flex;
    width: 100%;
    height: 240px;
    position: relative;
    overflow: hidden;
    color: #fff;
    border-radius: 4px;
    & img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: 1;
      display: block;
    }
    & .sl-content {
      background: rgba(0,0,0,0.6);
      display: flex;
      height: 100%;
      width: 100%;
      padding: 25px;
      flex-direction: column;
      justify-content: flex-end;
      position: relative;
      z-index: 2;
      transition:0.3s
    }
    & .sl-text {
      font-size: 12px;
      letter-spacing: -0.12px;
      margin: 8px 0;
      max-width: 540px;
    }
    & .rmt {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 600;
      & span {
        display: flex;
        height: 13px;
        width: 13px;
        background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/05/Primary.svg') scroll no-repeat center center;
        transform: rotate(-90deg);
        transition:0.3s
      }
    }
  }
  #_clients & {
    & .sl-link {
      height: 120px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      border: 0.5px solid #60693A;
      border-radius: 8px;
      & img {
        object-fit: contain;
        max-height: 105px;
        max-width: 200px;
        position: static;
      }
    }
  }
}

.products-section .splide {
  width: 100%;
  & .product-item.splide__slide {
    width: auto;
    background: #fff;
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
    & h4 {
      margin: 8px 0;
      color: #000;
      font-size:18px
    }
    & img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    & .pi-info-container {
      padding: 24px;
    }
  }
}

.fps-text-col {
  h3 {
    color: #303030;
  }
}

.pnp-code .sl-link {
  width: calc(50% - 8px);
  height: 280px;
  & .sl-eyebrow {
    font-size: 11px;
    letter-spacing: 0.88px;
    text-transform: uppercase;
    line-height: 1em;
    font-weight: 700;
  }
}

.story-panels .pnp-code {
  gap: 16px;
  & .sl-link {
    height: 220px;
    width: calc((100% / 3) - (32px / 2));
    & .sl-text {
      max-height: 40px;
      overflow: hidden;
    }
  }  
}

/* FAQs accordion */

.accordion {
  
}
.accordion-item {
  border-bottom: 1px solid #ccc;
}
.accordion-trigger {
  width: 100%;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding: 24px 40px;
  background: #ffffff;
  border: 0 none;
  border-bottom: 1px solid #F4E8CB;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  gap: 24px;
  align-items: center;
}
.accordion-trigger:before {
  content: '';
  background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/05/gold-arrow.svg') scroll no-repeat center center;
  display: flex;
  width: 14px;
  height: 14px;
}
.accordion-trigger:focus {
  outline: 2px solid #F4E8CB;
  background-color: #FCFAF4;
}
.accordion-trigger span {
  transition: var(--transition);
  margin-left: auto;
  height: 12px;
  width: 12px;
  background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/05/gold-chevron-down.svg') scroll no-repeat center center;
}
.accordion-panel {
  padding: 10px 24px;
  border: 1px solid #F4E8CB;
  border-radius: 0 0 8px 8px;
  border-top: 0 none;
}
.accordion-panel[hidden] {
  display: none;
}
.accordion-trigger[aria-expanded="true"] {
  background: #FCFAF4;
  border: 1px solid #F4E8CB;
  border-radius: 8px 8px 0 0;
}
.accordion-trigger[aria-expanded="true"] span {
  transform: rotate(180deg);
}


/* customer story QA sections */

.qa-section {
  background: #FCFAF4;
  & .ct-section-inner-wrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    & .qa-image-col {
      max-width: 620px;
      & img {
        max-width: 100%;
        height: auto;
        display: block;
      }
      & .summer-loving {
        position: absolute;
        font-size: 124px;
        line-height: 96px;
        color: #E4C57A;
        left: -48px;
        top: 0;
        .qa-even & {
          right: 48px;
          left: auto;
        }
      }
      position: relative;
    }
    & .qa-text-col {
      max-width: 640px;
      padding: 40px 40px 40px 16px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      & .qa_question {
        padding-left: 32px;
        color: #000;
        position: relative;
        font-size: 18px;
        line-height: 24px;
        &:before {
          content: 'Q';
          display: block;
          position: absolute;
          left: 0;
        }
      }
      & .qa_answer {
        position: relative;
        padding: 4px 0 0 32px;
        color: #000;
        font-style: italic;
        &:before {
          content: 'A';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          font-size: 18px;
          line-height: 24px;
          font-style: normal;
          font-weight: 700;
        }
      }
    }
  }
  &.qa-odd {
    background: #fff;
    & .ct-section-inner-wrap {
      flex-direction: row-reverse;
    }
  }
}

.intro-code {
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  & .eyebrow {
    color: #737373;
    margin-left: auto;
    margin-right: auto;
  }
  & h3, h2 {
    color: #AA8120;
    width: 100%;
  }
  & h2 span.summer-loving {
    color: #AA8120;
  }
  & .intro-text {
    margin-top: 24px;
  }
}

.sub-heading {
  & .ct-section-inner-wrap {
    text-align: center;
    flex-direction: column;
    gap: 24px;
    & h3 {
      color: #AA8120;
      width: 100%;
    }
    & .sh-text {
      max-width: 768px;
      margin-left: auto;
      margin-right: auto;
    }
  }
}

.icon-panels-code {
  flex-wrap: wrap;
  .icon-panel-item {
    color: #000;
    width: 25%;
    padding: 24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    & img {
      height: 172px;
      width: 172px;
      display: block;
      margin-bottom: 16px;
    }
    & h4 {
      margin-bottom: 8px;
      color: #000;
    }
    & .ip-text {
      
    }
  }
  
}

.solutions-panels {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  & .sl-link {
    width: calc((100% / 3) - (32px / 3));
    max-width: 452px;
    height: 220px;
  }
}


.testimonial-item {
  display: flex;
  gap: 24px;
  width: calc(50% - 20px);
  align-items: flex-start;
  & .tt-content {
    padding: 16px 0;
    width: calc(100% - 120px);
    & .tt-text {
      padding-bottom: 10px;
      font-style: italic;
      & p:first-child {
        margin-top: 0;
      }
    }
    & h4 {
      font-size: 48px;
      line-height: 32px;
      color: #AA8120;
      padding: 8px 0;
    }
    & .tt-role {
      font-weight:500
    }
  }
}

.tt-thumb {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 4px solid #D5A229;
  overflow: hidden;
  & img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
  }
 }

.partner-item .pi-link {
  height: auto;
  & .partner-text {
    padding: 8px 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.12px;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  & .partner-logo-container {
    margin: 10px 0;
    padding: 8px;
    display: flex;
    width: 100%;
    height: 160px;
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    & img {
      display: flex;
      max-height: 76px;
      max-width: 262px;
      height: auto;
      width: auto;
      object-fit: contain;
    }
  }
}

#_customerstories, #_life {
  background: #FCFAF4;
  & .ct-section-inner-wrap {
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    color: #000;
    & h3 {
      margin-bottom: 16px;
      width: 100%;
      text-align: center;
    }
    .csi-text {
      text-align: center;
      width: 100%;
    }
    & .story-panels {
      width: 100%;
      justify-content: center;
      margin-top: 64px;
      display: flex;
      gap: 24px;
      flex-wrap: wrap;
      & .story-item {
        color: #000;
        display: block;
        width: calc(33.33% - 16px);
        max-width: 360px;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        & .baker-thumb-container {
          width: 100%;
          display: flex;
          height: 212px;
          & img {
            object-fit: cover;
            width: 100%;
            height: 100%;
          }
        }
        & h3 {
          text-align:left;
          margin-bottom:0
        }
        & .baker-info-container {
          padding: 24px;
          display: flex;
          flex-direction: column-reverse;
          gap: 8px;
          & .baker-excerpt {
            min-height: 134px;
          }
          & .bakery-location {
            padding: 6px 0 4px;
          }
        }
        & h4 {
          color: #262626;
        }
      }
    }
  }
}

body #story_gallery {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

/* TABS */

/* --- Base Styling & Desktop Layout --- */
.tabs-container {
  width: 100%;
  position: relative;
}

.tabs-container [role="tablist"] {
  gap: 8px;
  padding: 4px;
  border-radius: 32px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.tabs-container [role="tab"] {
  padding: 14px 20px;
  border: none;
  border-radius: 20px;
  background: none;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  color: #303030 !important;
  text-transform: uppercase;
  letter-spacing: 0.88px;
  transition: all 0.3s ease;
}

.tabs-container [role="tabpanel"] {
  padding: 1.5rem 0;
}

.tabs-container [role="tabpanel"][hidden] {
  display: none;
}

/* --- Mobile Dropdown Toggle (Hidden by Default) --- */
.tabs-mobile-toggle {
  display: none;
  width: 100%;
  padding: 0.75rem 1rem;
  color: var(--neutral1100);
  background: #ffffff;
  border: 2px solid #cbd5e1;
  border-radius: 0.375rem;
  text-align: left;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 600;
  position: relative;
}

/* Subtle dropdown arrow indicator */
.tabs-mobile-toggle::after {
  content: '';
  position: absolute;
  right: 18.5px;
  height: 12px;
  width: 12px;
  background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/06/neutral-chevron-down.svg') scroll no-repeat center center;
  top: calc(50% - 6px);
}

.tabs-select-container {
  position: relative;
}

/* --- Mobile Responsive Rules --- */
@media (max-width: 992px) {
  .tabs-select-container {
    border-radius: 34px;
    background: #F4E8CB;
  }
  .tabs-mobile-toggle {
    background: #D5A229;
    display: block; /* Show the menu trigger */
    border: 8px solid #F4E8CB;
    border-radius: 34px;
    height: 68px;
  }

  /* Transform the tablist into a hidden dropdown menu */
  .tabs-select-container [role="tablist"] {
    display: none; 
    flex-direction: column;
    position: static;
    width: 100%;
    background: #ffffff;
    border-top: 0 none !important;
    /* box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); */
    z-index: 10;
    gap: 0;
    border-radius: 34px;
  }

  /* Show the tablist when the toggle button is open */
  .tabs-mobile-toggle[aria-expanded="true"] + [role="tablist"] {
    display: flex;
    padding: 8px;
  }

  .tabs-select-container [role="tab"] {
    width: 100%;
    text-align: left;
    padding: 19px 52px 19px 24px;
    border-bottom: none !important;
    margin-bottom: 0;
    border-radius: 26px;
  }

  .tabs-select-container [role="tab"]:not(:last-child) {
    
  }

  .tabs-select-container [role="tab"][aria-selected="true"] {
    background: #F4E8CB !important;
    position: relative;
    &:after {
      content: '';
      height: 12px;
      width: 12px;
      background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/06/neutral-check.svg') scroll no-repeat center center;
      position: absolute;
      right: 20px;
      top: calc(50% - 6px);
    }
  }
}

/* PRODUCTS */

.range-excerpt {
  text-align: center;
  max-width: 768px;
  padding: 16px 0;
  margin-left: auto;
  margin-right: auto;
}

.archive #_hero {
  min-height: 394px;
}

.products-grid, .products-carousel, .products-section, .videos-grid {
  padding: 24px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
  & .product-item, .video-item {
    background: #fff;
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    overflow: hidden;
    width: calc(25% - 18px);
    & h3 {
      color: #000;
      margin: 8px 0;
      font-size:18px;
      line-height:24px
    }
    & .pi-thumb {
      display: flex;
      height: 200px;
      width: 100%;
      & img {
        display: flex;
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
    }
    & .pi-info-container {
      padding: 24px;
    }
  }
}

.fps-products-col .products-grid {
  & .product-item {
    width: calc((100% / 3) - 16px);
  }
}

.products-carousel {
  & .product-item {
    width: calc(33.33% - 18px);
  }
}

.guide-intro {
  & .intro-eyebrow {
    color: #737373;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
  }
  & .intro-heading {
    color: #AA8120;
    margin-bottom: 24px;
  }
}

.guide-panel {
  background-size: cover;
}

.products-grid {
  justify-content:center
}
/* dynamic color */


.products-main {
  & [role="tablist"] {
    border: 8px solid #F4E8CB;
  }
  & [role="tab"]:hover {
    color: #F4E8CB;
  }
  & [role="tab"][aria-selected="true"] {
    color: #2563eb;
    background: #D5A229;
  }
  & .pi-info-container {
    border-top: 8px solid #D5A229;
  }
}

.tax-product-range {
  & .page-hero {
    background-size: cover;
    background-position: center center;
    & .hero-left {
      gap: 0;
      & .hero-text {
        margin-top: 16px;
      }
    }
  }
  /*& .eyebrow {
    color: #ffffff;
  }*/
   & .intro-eyebrow {
    color: #737373;
  }
  & .ct-section-inner-wrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row;
  }
  & .hero-lower-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}

.view-intro {
  & h3 {
    color: var(--gold700);
    text-align: center;
  }
  & .view-intro-text {
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.gs-left {
  & .eyebrow {
    color: #fff;
  }
  & ul {
    margin-left:-1em
  }
}

.recipe-filters-ajax {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

.custom-dropdown {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 250px;
  font-family: sans-serif;
  width: calc(20% - 19.2px);
}

.dropdown-trigger {
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  color: #262626;
  padding: 11px 36px 11px 16px;
  background: #fff;
  border: 1px solid #D5A229;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
  position: relative;
  line-height: 18px;
}

#recipe_filter {
  width: 80px;
}

/* Arrow indicator */
.dropdown-trigger::after {
  content: '';
  position: absolute;
  right: 12.5px;
  height: 12px;
  width: 12px;
  background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/06/neutral-chevron-down.svg') scroll no-repeat center center;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s;
}

.dropdown-trigger[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg);
}

.dropdown-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Show list when expanded */

.dropdown-trigger[aria-expanded="true"] {
  border-radius: 8px 8px 0 0;
  background: #D5A229;
}

.dropdown-trigger[aria-expanded="true"] + .dropdown-list {
  display: block;
}

.dropdown-list {
  border: 1px solid #D5A229;
  border-radius: 0 0 8px 8px;
  max-height: 400px;
}

.dropdown-list li {
  padding: 1px;
}

.dropdown-list li[aria-hidden="true"] {
  display: none;
}

.dropdown-list li:hover,
.dropdown-list li:focus-within {
  background-color: #FCFAF4;
}

.dropdown-list label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: 100%;
  font-size: 13px;
  padding: 11px;
  position: relative;
}

.dropdown-list label input {
  opacity: 0;
}

.dropdown-list label:after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 12px;
  right: 8px;
  background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/05/checked.svg') scroll no-repeat center center;
  display: none;
}

.dropdown-list label.list-checked {
  background: #f4e8cb;
}

.dropdown-list label.list-checked:after {
  display: block;
}

/* recipe grid */

.recipe-count {
  padding: 17px 24px 19px;
  color: #737373;
  border-bottom: 1px solid #F4E8CB;
}

.recipe-grid {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 52px 0;
  gap: 24px;
  &:after {
    content: '';
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.6);
  }
  .ajax-loading &:after {
    display: block;
  }
  & .recipe-item {
    border-radius: 8px;
    background: #fff;
    border: 1px solid #F0F0F0;
    overflow: hidden;
    width: calc(25% - 18px);
    & .recipe-thumb-container {
      width: 100%;
      height: 204px;
      & img {
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
    }
    & .recipe-info-container {
      padding: 24px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      & .eyebrow {
        margin-bottom: 0;
      }
      & h4 {
        color: #000;
      }
      & .view-recipe {
        padding-bottom: 4px;
        & a {
          color: #000;
          font-size: 12px;
          letter-spacing: -0.12px;
          font-weight: 700;
          padding: 4px 0;
          line-height: 18px;
        }
      }
    }
  }
}

.recipes-grid-outer {
  overflow: hidden;
  transition: 0.3s ease height;
}

.filter_column, .recipe-more {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 16px;
  & button {
    padding: 11px 24px;
    border: 1px solid #DCB351;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    background: #F4E8CB;
    border: 1px solid #d5a229;
    color: #262626;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s ease all;
    &:hover {
      background: #D5A229;
    }
  }
}

.recipe-more {
  padding: 40px 0;
  color: #737373;
  text-align: center;
  flex-direction: column;
  & button {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
  }
}

.field-label {
  font-size: 11px;
  line-height: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.48px;
  padding-bottom: 8px;
}

.footer-links .fl-item.ct-link {
  text-align:left;
  align-items: flex-start;
}

/* Hover and active states*/

a.sl-link:hover .sl-content, a.sl-link:focus .sl-content {
      background: rgba(0,0,0,0.8);
}
a.sl-link:focus {
    border: 3px solid var(--primary-mauri-gold)

}
a.sl-link:hover .sl-content h3, a.sl-link:hover .sl-content h2, a.sl-link:hover .sl-content .rmt, a.sl-link:focus .sl-content h3, a.sl-link:focus .sl-content h2, a.sl-link:focus .sl-content .rmt, a.transparent-button-dark:hover, a.transparent-button-dark:focus, a.transparent-button:hover > div, a.transparent-button:focus > div, #_hero a:hover, #_hero a:focus {
      color: var(--primary-mauri-gold) !important
}
.splide__slide, .pnp-code, .solutions-panels {
    & .sl-link:hover {
        & .rmt {
            & span {
              margin-left:5px
            }
        }
    }
}

a.transparent-button-dark img {
  transition: 0.3s
}

a.transparent-button-dark:hover img {
  margin-left:5px
}

a.transparent-button-dark.button:hover, a.transparent-button-dark.button:focus {
      color: #404040 !important
}

#_hero a {
  color:#fff
}

#_hero a img, a.transparent-button img {
  transition:0.3s
}

#_hero a:hover img, #_hero a:focus img, a.transparent-button:hover img, a.transparent-button:focus img {
  margin-top:5px
}

.button:hover {
  color:#000;
  border:3px solid #AA8120;
}

/* products and recipes */

.recipes-products .products-grid {
  justify-content: center;
}

.method-list h3 {
  color: #000;
  margin-bottom: 26px;
  margin-top: 20px;
}

.method-list ol {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  counter-reset: my-counter;
}

.method-list ol li {
  counter-increment: my-counter;
  position: relative;
  padding-left: 48px;
}

.method-list ol li::before {
  content: counter(my-counter) "."; /* Display the number */
  color: #000; /* Custom color */
  font-weight: 700;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 24px;
}

.method-list ol li h4 {
  color: #000;
  margin-bottom: 8px;
}

.step_text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.step_text p {
  margin: 0;
}

.product-tag, .muc-tab {
  padding: 8px 16px;
  background: #F4E8CB;
  border-radius: 4px;
  letter-spacing: 0.88px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1em;
  font-size: 11px;
  color: #303030;
}

.muc-tab {
  border: 1px solid #A3CF5F;
  background: #FAFCF7;
}

.view-mur-container {
  margin-top: 8px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  & a {
    color: #000;
  }
}

.recipe-col .dt-container {
  background: #FCFAF4;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid #F4E8CB;
}

.recipe-col h2 {
  font-size:24px
}

.recipe-note {
  padding: 24px;
  & h3 {
    color: var(--gold700);
  }
}

.gs-image-frame img {
  height: 100%;
  width: 100%;
}

/* videos */

.video-item {
  padding: 0;
  cursor: pointer;
}

.video-item .pi-info-container {
  border-top: 8px solid var(--primary-mauri-gold);
  text-align: left;
  & h4 {
    margin-top: 0;
  }
}

.modal-close {
  border: 0 none;
  background: transparent;
  position: absolute;
  top: 50px;
  right: 50px;
  height: 75px;
  width: 75px;
  cursor: pointer;
}

.modal-dialog {
  aspect-ratio: 16 / 9;
  width: 80%;
  max-width: 1980px;
  & iframe {
    height: 100%;
    width: 100%;
  }
}

#section-109-327 {
  background-color: #fcfaf4;
}

#section-109-327 .ct-section-inner-wrap, #section-117-327 .ct-section-inner-wrap {
  display: flex;
    flex-direction: column;
    align-items: center;
}

/*animations*/
.shake-phone {
  transform-origin: center; 
  animation: ring-shake 2s 2.5 ease-in-out; 
}

@keyframes ring-shake {
  0%, 20%, 100% {
    transform: rotate(0deg);
  }
  4% {
    transform: rotate(-15deg);
  }
  8% {
    transform: rotate(15deg);
  }
  12% {
    transform: rotate(-15deg);
  }
  16% {
    transform: rotate(15deg);
  }
}

/* careers */

.leader-item {
  & .leader-thumb {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 8px;
    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      display: block;
    }
  }
  & .leader-info {
    padding: 24px;
    & h4 {
      color: var(--gold700);
      margin-bottom: 8px;
      font-size: 48px;
      line-height: 32px;
    }
    .leader-role {
      color: #000;
      font-size: 12px;
      letter-spacing: 0.96px;
      line-height: 14px;
      font-weight: 700;
      text-transform: uppercase;
    }
  }
  &.featured-leader {
    & .leader-thumb {
      aspect-ratio: 5 / 4;
    }
    & .leader-info {
      margin-top: 8px;
      & h4 {
        color: #000;
      }
    }
  }
}

.wip-text ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding-left: 24px;
}

/* legal */

.layout {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 24px;
}

.sidebar {
  position: sticky;
  top: var(--top-offset);
  width: 260px;
  height: fit-content;     /* key: don't stretch to full column height */
  max-height: calc(100vh - var(--top-offset) * 2);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  z-index: 9;
}

@media (min-width: 769px) {
  .sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
    & .nav-label {
      color: #000;
      padding-bottom: 16px;
    }
    & a {
      display: block;
      position: relative;
      padding: 16px 24px;
      color: #000;
      border-bottom: 1px solid #F4E8CB;
      font-weight: 700;
      &:before {
        content: '';
        background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/06/active-index.svg');
        background-position: center center;
        background-repeat: no-repeat;
        display: none;
        width: 16px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 16px;
      }
      &.active:before {
        display: block;
      }
    }
  }
}


.content {
  width: calc(100% - 284px);
  max-width: 1005px;
}

.legal-section {
  & h3 {
    padding-left: 50px;
    position: relative;
    color: #000;
    padding-bottom: 16px;
    &:before {
      position: absolute;
      left: 0;
      top: 0;
      content: attr(data-section);
    }
  }
  & .section-contents {
    padding-bottom: 16px;
  }
  & .sub-section {
    position: relative;
    padding-left: 50px;
    & p {
      margin: 16px 0;
    }
    /*&:before {
      content: attr(data-section);
      position: absolute;
      left: 0;
      top: 0;
      font-weight: 700;
    }*/
  }
}



/* sustainability */

.priorities-section .splide {
  width: 100%;
}

/* newsletter */

form.form#pardot-form p .field-label {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.16px;
}

.ip-text {
  font-family: var(--avenir);
}


/* sticky styles */

#_header.oxy-sticky-header-active {
  & .mauri-logo-white {
    display: none;
  }
  & .mauri-logo-dark {
    display: block;
  }
}

/*Gallery lightbox bg fix for sticky header*/
.pswp {
    z-index: 3000000000 !important
}

a.toggle-ellipsis, a.toggle-less {
  color:#fff
}

/*screen reader only text*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.people-quote blockquote {
  margin:0
}
.socialgroupul {
  margin-left:-1em;
  list-style:none;
  display:flex;
  gap:10px
}
.socialgroupul li {
  display:inline

}

/* Forces the Alpine.js sub-menu to hide when the Esc key script adds this class
.menu-item.esc-closed > ul,
.menu-item.esc-closed > ul.open {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
} */

/* Temporarily disables mouse detection so Alpine.js triggers its native close function
.menu-item.esc-closed {
    pointer-events: none !important;
} */.mobile-only, .splide .mobile-only.custom-controls {
  display: none !important;
}

.fl-dropdown-arrow {
  display: none;
}

#_header .mauri-logo-white {
  display: block;
}

.ps-carousel-container .splide {
    width: 100%;
  }
  
@media screen and (min-width:992px) {
  .oxy-site-navigation > ul > li > a {
    padding-right: 9px;
  }
  
  .main-menu > ul > li:hover {
    background: transparent !important;
  }
  
  .main-menu > ul > li:hover > a {
    color: #FBFBFB;
  }

  #-site-navigation-7-112.oxy-site-navigation li.menu-item > button svg path,
  .oxy-stick-header-active .oxy-site-navigation__mobile-open-button > svg path {
    fill: #000 !important;
  }
  
  .oxy-site-navigation > ul > li > ul {
    border-top: 4px solid #D5A229;
    background: #fff;
    width: 278px;
    padding: 16px 0;
    box-shadow: 0 8px 24px 12px rgba(0, 0, 0, 0.08);
    border-radius: 0 0 4px 4px;
  }
  
  .oxy-site-navigation > ul > li > ul a {
    padding: 11px 35px 11px 16px;
    transition: var(--transition);
    position: relative;
    &:after {
      content: '';
      display: block;
      background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/05/gold-arrow.svg') scroll no-repeat 0 0;
      position: absolute;
      height: 14px;
      width: 12px;
      right: 22.5px;
      top: calc(50% - 7px);
      transition: var(--transition);
      opacity: 0;
    }
    &:hover:after {
      opacity: 1;
      right: 12.5px;
    }
  }
  
  .oxy-site-navigation li a:hover, .oxy-site-navigation > a:hover {
    color: #7F6118;
  }
  
  .main-menu li ul li > a:hover {
    color: #7F6118;
  }
}

@media screen and (min-width:1680px) {
  #_hero, .large-hero, .page-hero {
    min-height: 520px !important;
  }
}

@media screen and (min-width:1920px) {
  #_hero, .large-hero, .page-hero {
    min-height: 640px !important;
  }
}

@media screen and (min-width:2560px) {
  #_hero, .large-hero, .page-hero {
    min-height: 700px !important;
  }
}



@media screen and (max-width: 1424px) {
  .recipe-filters-ajax {
    gap: 8px;
    & .custom-dropdown {
      width: calc(20% - 6.4px);
    }
  }
}

@media screen and (max-width:991px) {
  .mobile-only {
    display: block !important; 
  }
  .splide .mobile-only.custom-controls {
    display: flex !important;
    margin-top: 16px;
  }
  .ct-section-inner-wrap {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
  .story-panels .pnp-code {
    & .sl-link {
      width: calc(50% - 8px);
    }
  }
  .products-grid {
    & .product-item {
      width: calc(50% - 12px);
    }
  }
  .recipe-filters-ajax {
    flex-direction: column;
    gap: 16px;
    & .custom-dropdown {
      width: 100%;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;
      & .field-label {
        width: 175px;
        padding-bottom: 0;
      }
      & .dropdown-list {
        position: static;
        width: calc(100% - 180px);
      }
      & .dropdown-trigger {
        width: calc(100% - 180px);
      }
    }
  }
  .recipe-grid {
    & .recipe-item {
      width: calc((100% / 3) - 16px);
    }
  }
  .oxy-header-right {
    display: none;
  }
  .sl-content h3.summer-loving {
    font-size: 48px;
    line-height: 32px;
  }
  .solutions-panels .sl-link {
    width: calc(50% - 8px);
  }
  .icon-panels-code .icon-panel-item {
    width: 50%;
  }
  .getting-started-panels {
    flex-wrap: wrap;
    & .gs-panel {
      width: 100%;
    }
  }
  .oxy-site-navigation__mobile-open-button > svg {
    width: 28px !important;
  }
  #-site-navigation-7-112 .oxy-site-navigation__mobile-open-button > svg path {
    fill: #000 !important;
  }
  .oxy-site-navigation li > button.oxy-site-navigation__mobile-close-button > svg {
    width: 26px;
    height: 26px;
  }
  .oxy-site-navigation li.menu-item > button {
    color: #fff !important;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 12px;
    &[aria-expanded="true"] svg {
      transform: rotate(180deg);
      & path {
        fill: var(--primary-mauri-gold) !important;
      }
    }
  }
  .oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper {
    text-align: right;
    margin-bottom: 64px;
    &:hover {
      background: transparent;
    }
  }
  .oxy-header-center {
    justify-content: flex-end;
    #-site-navigation-7-112, #-site-navigation-12-15 {
      &.oxy-site-navigation > ul {
        width: 100%;
        max-width: 480px;
        padding-left: 24px;
        padding-right: 24px;
        background-color: #4C542E;
        &.open button svg path {
          fill: #ffffff !important;
        }
        & > li.menu-item {
          &:hover {
            & > a {
              background: #393F22;
              border-radius: 8px;
            }
          }
        }
        & li.menu-item {
          background: transparent;          
          border-radius: 8px;
          /*overflow: hidden;*/
          &.current-menu-item {
            &:before, &:after {
              display: none;
            }
            background: #393F22;
            width: 100%;
          }
          & a {
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
            padding: 18px 12px;
            background: transparent;
            border-radius: 8px;
          }
          &.mobile-only {
            position: static;
            display: flex !important;
            flex-direction: column;
            align-items: center;
            width: 100%;
            padding: 18px;
            & a {
              width: 100%;
              max-width: 302px;
              padding: 16px 40px;
              background-color: var(--primary-mauri-gold);
              border-radius: 8px;
              color: var(--neutral1100);
              font-size: 13px;
              display: flex;
              line-height: 18px;
              align-content: center;
              justify-content: center;
              font-size: 16px;
              font-weight: 600;
            }
            &:hover {
              background: transparent;
            }
          }
          & a {
            color: #fff;
          }
          &:hover {
            & ul {
              & li {
                &:after {
                    content: '';
                    display: block;
                    background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/06/gold-arrow-light.svg') scroll no-repeat 0 0;
                    position: absolute;
                    height: 14px;
                    width: 12px;
                    right: 22.5px;
                    top: calc(50% - 7px);
                    transition: var(--transition);
                    opacity: 0;
                }
                &:hover {
                  background: #393F22;
                  &:after {
                    opacity: 1;
                    right: 12.5px;
                  }  
                }
              }
            }
          }
          & ul {
            padding-left: 12px;
            & li {
              background: transparent;
            }
          }
        }
      }
    }
  }
  .oxy-site-navigation > ul > .current-menu-ancestor,
  .oxy-site-navigation > ul > .current-menu-item {
    & > a {
      background: #393F22 !important;
      &::before {
        display: none;
      }
    } 
  }
  .cpanel-buttons {
    .button-large, .button-large-transparent {
      width: 100%;
    }
  }
  .videos-grid {
    flex-direction:column !important
  }
  .video-item {
    width:100% !important
  }
}

@media screen and (max-width: 768px) {
  .oxy-header-center {
    justify-content: flex-end;
    #-site-navigation-7-112, #-site-navigation-12-15 {
      &.oxy-site-navigation > ul {
        max-width: 100%;
      }
    }
  }
  .mobile-menu-open .mauri-logo-default {
    display: none !important;
  }

  .mobile-menu-open .mauri-logo-alt {
    display: block !important;
  }

  #_header .mauri-logo-alt {
    display: block !important;
  }
  #_header.oxy-sticky-header-active .mauri-logo-alt {
    display: none !important;
  }
  #_header.oxy-sticky-header-active.mobile-menu-open .mauri-logo-alt {
    display: block !important;
  }
  .fps-products-col .products-grid {
    .product-item {
      width: calc(50% - 12px);
    }
  }
  .ct-section-inner-wrap {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
  #_spotlights {
    & .splide__track {
      padding-left: 16px !important;
    }
  }
  .archive #_hero, body .page-hero {
    height: 394px;
    min-height: 394px !important;
  }
  body .full-screen-hero {
    min-height: 100vh !important;
  }
  .people-quote {
    min-height: 0;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .sub-heading {
    & .ct-section-inner-wrap {
      padding-top: 32px;
      padding-bottom: 32px;
    }
  }
  .story-panels .pnp-code {
    & .sl-link {
      width: 100%;
      height: 220px;
      max-width: 480px;
    }
  }
  .archive #_hero {
    & .ct-section-inner-wrap {
      justify-content: flex-end;
    }
  }
  .recipe-note {
    padding: 16px 0;
  }
  .pnp-code {
    & .sl-link {
      width: 100%;
    }
  }
  h3 {
    font-size: 20px;
    line-height: 28px;
  }
  h3.summer-loving {
    font-size: 56px;
    line-height: 40px;
  }
  .recipe-grid {
    gap: 16px;
    padding-top: 32px;
    padding-bottom: 32px;
    & .recipe-item {
      width: calc(50% - 8px);
    }
  }
  .recipe-count {
    border-top: 1px solid #F4E8CB;
    text-align: center;
    margin-top: 16px;
  }
  .cta-right .button-large-gold {
    width: 100%;
  }
  body .qa-section {
    & .ct-section-inner-wrap {
      flex-direction: column !important;
      padding: 32px 16px;
      & .qa-text-col {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
      }
      & .qa-image-col {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        & img {
          width: 100%;
          height: auto;
        }
        & .summer-loving {
          font-size: 88px;
          line-height: 56px;
          left: 16px;
          top: 28px;
        }
      }
    }
  }
  .accordion-trigger {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 24px;
  }
  .accordion-panel {
    padding: 2px 16px;
  }
  .sidebar {
    top: 0;
  }
  .toggle-icon-container {
    background: #fff;
    padding: 4px;
    height: 29px;
    width: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .testimonials-code {
    flex-direction: column;
  }
  .testimonial-item {
    width: 100%;
  }
  .testimonials-section .ct-section-inner-wrap {
    padding: 64px 16px;
  }
  .sidebar-nav {
    position: relative;
    &.is-open {
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 8px;
      overflow: hidden;
      & .nav-toggle {
        background: #E4C57A;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-top: none;
      }

      & .nav-link {
        display: block;
      }
    }
  }

  .view-mur-container {
    font-size: 16px;
  }
  /*
  .fl-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .fl-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 0 0 8px;
    flex-shrink: 0;
  }
  
  .fl-toggle-btn svg {
    transition: transform 0.2s;
  }

  .fl-toggle-btn svg path {
  }
  
  .fl-toggle-btn[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }
  
  .fl-subnav {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.25s ease;
  }
  
  .fl-subnav.open {
    max-height: 300px;
    padding-bottom: 16px;
  }
  */

  .fl-column .fl-top {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .fl-column .fl-dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }

  .fl-column .fl-top:focus {
    outline: 2px solid #D5A229;;
    outline-offset: 2px;
  }

  .fl-dropdown-arrow {
    display: inline-block;
    margin-left: 8px;
    font-size: 0.7em;
    transition: transform 0.2s ease;
    transform: rotate(0deg);
  }

  .fl-column.fl-open .fl-dropdown-arrow {
    transform: rotate(180deg);
  }

  .fl-dropdown-content {
    display: none;
  }

  .newsletter-code iframe {
    height: 300px;
  }

  form.form#pardot-form p .field-label {
    font-size: 16px;
  }

  form.form#pardot-form p.Privacy_Policy_Consent_2019 {
    position: relative;
    padding-left: 24px;
  }

  form.form#pardot-form p input[type=checkbox] {
    margin-right: 0;
    position: absolute;
    left: 8px;
    top: 0;
  }

  .sidebar-nav .nav-label {
    display: none;
  }

  .sidebar-nav .nav-link {
    display: none;
    position: relative;
    padding: 12px 46px 12px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.08); 
    font-weight: 700;
    color: #000;
    &:after {
      display: none;
      content: '';
      position: absolute;
      right: 16px;
      top: calc(50% - 6px);
      height: 12px;
      width: 12px;
      background: url('https://mauridev.pontoonmarketing.com/wp-content/uploads/2026/05/checked.svg') scroll no-repeat center center;
    }
    &:first-of-type {
      border-top: none;
    }
    &.active {
      background: #F4E8CB;
      &:after {
        display: block;
      }
    }
  }

  .recipe-filters-ajax {
    & .custom-dropdown {
      & .dropdown-list {
        width: 100%;
      }
      & .dropdown-trigger {
        width: 100%;
      }
    }
  }

  .splide__slide, .pnp-code, .solutions-panels {
    & .sl-link {
      & .sl-text {
        font-size: 16px;
        line-height: 22px;
      }
      & .rmt {
        font-size: 16px;
        line-height: 20px;
      }
    }
  }

  #_spotlights {
    .splide__slide, .pnp-code, .solutions-panels {
      & .sl-link {
        & .rmt {
          
        }
      }
    }
  }


  .tax-product-range {
    & .page-hero {
      & .hero-left {
        & .hero-text {
        }
      }
    }
    & .eyebrow {
      text-align: center;
      margin-bottom: -8px;
    }
    & .ct-section-inner-wrap {
      flex-direction: column;
    }
    & .hero-lower-right {
      margin-top: 16px;
    }
  }

  .sidebar-nav .nav-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    background: #F4E8CB;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    text-align: left;

    & .nav-toggle-chevron {
      flex-shrink: 0;
      width: 16px;
      height: 16px;
      margin-left: auto;
      transition: transform 0.2s ease;
    }
  }

  .sidebar-nav.is-open .nav-toggle .nav-toggle-chevron {
    transform: rotate(180deg);
  }

  body .oxy-site-navigation .oxy-site-navigation__mobile-open-button {
    padding: 0;
    width: 28px;
    height: 24px;
    & svg {
      width: 100% !important;
      height: 100% !important;
    }
  }

  .leader-item {
    & .leader-info {
      padding: 8px;
      text-align: left;
    }
  }

  .testimonial-item {
    gap: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    & .tt-content {
      width: 100%;
      & .tt-text {
        padding-bottom: 0;
      }
      & h4 {
        padding-top: 0;
      }
    }
  }

  .ps-carousel-container {
    padding-left: 0;
  }
  #_customerstories, #_life {
    & .ct-section-inner-wrap {
      padding-top: 32px;
      padding-bottom: 32px;
      & .story-panels {
        gap: 16px;
        margin-top: 32px;
        & .story-item {
          width: 100%;
          & .baker-info-container {
            & .baker-excerpt {
              height: auto;
            }
          }
        }
      }
    }
  }
  .tabs-container [role="tablist"] {
    width: 100%;
  }
  .videos-grid {
    flex-direction:column !important
  }
  .video-item {
    width:100% !important
  }
  #_hero {
    background-position: 60% 50% !important
  }
}



/* ── Ensure toggle never appears on desktop ── */
@media (min-width: 769px) {
  .sidebar-nav .nav-toggle {
    display: none !important;
  }
}


@media screen and (max-width:560px) {
  .solutions-panels .sl-link {
    width: 100%;
  }
  .fps-products-col .products-grid {
    .product-item {
      width: 100%;
      max-width: 280px;
    }
  }
  .icon-panels-code .icon-panel-item {
    width: 100%;
  }
  .products-grid {
    & .product-item {
      width: 100%;
    }
  }
  .recipe-filters-ajax {
    & .custom-dropdown {
      & .field-label {
        display: none;
      }
    }
  }
  .recipe-grid {
    justify-content: center;
    & .recipe-item {
      width: 100%;
      max-width: 280px;
    }
  }
}

.oxy-site-navigation li > button.oxy-site-navigation__mobile-close-button {
    top: -35px;
    position: relative;
}

#-site-navigation-7-112.oxy-site-navigation > ul ul {
  height:auto !important
}:root {
  --radius: 18px;
  --flip-speed: 0.6s;
}

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

.priorities-section {
  & .splide__list {
    list-style: none
  }

  & .splide__track {
    overflow: visible !important
  }
}

/* ── Flip wrapper ── */
.flip-wrapper {

  perspective: 1000px;
  min-height: 524px;
  color: #000;
  width: 280px;

  &.white-text {
    color: #fff;

    & .flip-front {
      & .front-desc {
        color: #ffffff !important;
      }
    }
  }

  &:hover,
  &:focus-within {
    & .flip-inner {
      transform: rotateY(180deg);
    }
  }

  &:focus-visible,
  &:focus {
    outline: 3px solid rgba(255, 255, 255, 0.8);
    outline-offset: 4px;
    border-radius: var(--radius);
  }

  /* ── Inner card ── */
  & .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform var(--flip-speed) cubic-bezier(0.45, 0.05, 0.55, 0.95);

    @media (prefers-reduced-motion: reduce) {
      transition: none;
    }
  }

  /* ── Front & Back shared ── */
  & .flip-front,
  & .flip-back {
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
  }

  /* ── Front face ── */
  & .flip-front {
    justify-content: flex-start;
    padding: 24px 16px;
    text-align: center;
    gap: 0;

    & .front-top {
      border-bottom: 2px solid rgba(255, 255, 255, 0.25);
      width: 100%;
    }

    & .front-icon-circle {
      width: 132px;
      height: 132px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 50%;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;

      & img {
        height: auto;
        width: auto;
      }
    }

    & .front-title {
      margin: 8px auto 16px;
    }

    & .front-rule {
      width: 80%;
      border: none;
      border-top: 1px solid rgba(255, 255, 255, 0.35);
      margin-bottom: 1rem;
    }

    & .front-together {
      font-size: 64px;
      color: #fff;
      line-height: 38px;
      margin-bottom: 8px;
    }

    & .front-bottom {
      padding-top: 40px;
    }

    & .front-desc {
      font-size: 18px;
      line-height: 24px;
      color: #262626;
    }
  }

  /* ── Invisible focus anchor ── */
  & .flip-btn {
    position: absolute;
    inset: 0;
    background: transparent;
    border: none;
    cursor: default;
    border-radius: var(--radius);
    z-index: 2;

    &:focus {
      outline: none; /* focus handled by wrapper:focus-within */
    }
  }

  /* ── Back face ── */
  & .flip-back {
    transform: rotateY(180deg);
    justify-content: flex-start;
    border-width: 2px;
    background-color: #fff;
    color: #000;
    padding: 24px 16px;

    & .front-icon-circle {
      width: 132px;
      height: 132px;
      border-radius: 50%;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;

      & img {
        height: auto;
        width: auto
      }
    }

    & .back-title {
      text-align: center;
      align-self: center;
      margin: 8px 16px;
      line-height: 32px;
    }

    & .back-separator {
      opacity: 0.2;
      width: 100%;
      border-top-width: 2px;
      border-top-style: solid;
    }

    & .back-tags {
      display: flex;
      flex-direction: column;
      gap: 8px;
      width: 100%;
      list-style: none;
      margin: 0;
      padding: 24px 0 0;
      color: #262626 !important;
      .white-text & {
        color: #fff !important;
      }
    }

    & .back-tag {
      border-radius: 8px;
      padding: 8px 16px;
      min-height: 64px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 400;
      text-align: center;
    }

    & .back-close {
      display: none
    }
  }
}