.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: 1600px;
}
body {font-family: 'Plus Jakarta Sans';}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: 'Plus Jakarta Sans';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: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;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: 75px;
padding-right: 30px;
padding-bottom: 75px;
padding-left: 30px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 30px;
padding-left: 30px;
}@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;
				}
			}
.internal-row-rev {
 width:100%;
}
.internal-row-rev:not(.ct-section):not(.oxy-easy-posts),
.internal-row-rev.oxy-easy-posts .oxy-posts,
.internal-row-rev.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:flex-start;
}
@media (max-width: 991px) {
.internal-row-rev {
 text-align:left;
}
.internal-row-rev:not(.ct-section):not(.oxy-easy-posts),
.internal-row-rev.oxy-easy-posts .oxy-posts,
.internal-row-rev.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}

.col-content-left {
 padding-right:60px;
}
@media (max-width: 1600px) {
.col-content-left {
 padding-right:40px;
}
}

@media (max-width: 991px) {
.col-content-left {
 padding-right:0px;
}
}

.h2-margin {
 margin-bottom:25px;
}
@media (max-width: 767px) {
.h2-margin {
 margin-bottom:15px;
}
}

@media (max-width: 479px) {
.h2-margin {
 margin-bottom:20px;
}
}

.h3 {
 font-size:var(--step-3);px;
 color:#000000;
}
.p {
 font-size:var(--step-1);px;
 line-height:1.9;
 text-align:left;
 color:#000000;
 font-weight:400;
}
@media (max-width: 1600px) {
.p {
}
}

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

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

.button-row {
 gap:20px;
 text-align:left;
}
.button-row:not(.ct-section):not(.oxy-easy-posts),
.button-row.oxy-easy-posts .oxy-posts,
.button-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:center;
gap:20px;
}
@media (max-width: 479px) {
.button-row {
 text-align:justify;
 width:100%;
 gap:15px;
}
.button-row:not(.ct-section):not(.oxy-easy-posts),
.button-row.oxy-easy-posts .oxy-posts,
.button-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
gap:15px;
}
}

.button-margin-top {
 margin-top:20px;
}
@media (max-width: 479px) {
.button-margin-top {
}
.button-margin-top:not(.ct-section):not(.oxy-easy-posts),
.button-margin-top.oxy-easy-posts .oxy-posts,
.button-margin-top.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.button:hover{
transform:scale(1.05,1.05); transition-duration:0.2s;
}
.button {
 font-family:Plus Jakarta Sans;
 line-height:1;
 padding-top:20px;
 padding-bottom:20px;
 padding-left:30px;
 padding-right:30px;
 font-size:var(--step-1);px;
 font-weight:500;
 text-align:center;
 transition-duration:0.2s;
 position:relative;
 overflow:hidden;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 border-radius:15px;
 gap:10px;
 min-height:60px;
}
.button:not(.ct-section):not(.oxy-easy-posts),
.button.oxy-easy-posts .oxy-posts,
.button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:10px;
}
@media (max-width: 1600px) {
.button {
 padding-left:25px;
 padding-right:25px;
 gap:5px;
}
.button:not(.ct-section):not(.oxy-easy-posts),
.button.oxy-easy-posts .oxy-posts,
.button.ct-section .ct-section-inner-wrap{
gap:5px;
}
}

@media (max-width: 991px) {
.button {
 font-size:15px;
 padding-top:17px;
 padding-bottom:17px;
}
}

@media (max-width: 479px) {
.button {
 padding-top:17px;
 padding-bottom:17px;
 padding-left:20px;
 padding-right:20px;
 font-size:14px;
 min-height:55px;
}
}

.primary-outline-button {
 border-top-color:#003f3f;
 border-right-color:#003f3f;
 border-bottom-color:#003f3f;
 border-left-color:#003f3f;
 border-top-width:1.5px;
 border-right-width:1.5px;
 border-bottom-width:1.5px;
 border-left-width:1.5px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 color:#003f3f;
}
.ico-button {
color: #333333;}.ico-button 
>svg {width: 20px;height: 20px;}.ico-button {
}
@media (max-width: 1600px) {
.ico-button {
}.ico-button 
>svg {width: 20px;height: 20px;}.ico-button {
}
}

@media (max-width: 767px) {
.ico-button {
}.ico-button 
>svg {width: 18px;height: 18px;}.ico-button {
}
}

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

.popup {
}
.primary-button {
 color:#ffffff;
 background-color:#007bff;
}
.button-icon {
color: #333333;}.button-icon 
>svg {width: 16px;height: 16px;}.button-icon {
}
.logos-brand-seo {
 width:100%;
 gap:20px;
}
.logos-brand-seo:not(.ct-section):not(.oxy-easy-posts),
.logos-brand-seo.oxy-easy-posts .oxy-posts,
.logos-brand-seo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
}
@media (max-width: 1600px) {
.logos-brand-seo {
 gap:10px;
}
.logos-brand-seo:not(.ct-section):not(.oxy-easy-posts),
.logos-brand-seo.oxy-easy-posts .oxy-posts,
.logos-brand-seo.ct-section .ct-section-inner-wrap{
gap:10px;
}
}

@media (max-width: 767px) {
.logos-brand-seo {
 margin-bottom:27px;
}
}

.logo-single-seo {
 width:20%;
 max-width:150px;
 border-radius:15px;
}
@media (max-width: 1600px) {
.logo-single-seo {
 border-radius:10px;
}
}

@media (max-width: 767px) {
.logo-single-seo {
 width:30%;
}
}

.col-wrap-sidebar {
 text-align:left;
}
.col-wrap-sidebar:not(.ct-section):not(.oxy-easy-posts),
.col-wrap-sidebar.oxy-easy-posts .oxy-posts,
.col-wrap-sidebar.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-end;
}
.sidebar-card {
 padding-left:25px;
 padding-top:25px;
 padding-right:25px;
 padding-bottom:25px;
 background-color:#ffffff;
 z-index:2;
 width:85%;
 border-radius:30px;
 position:relative;
 text-align:left;
 height:650px;
 box-shadow:10px 10px 60px rgba(0,0,0,0.15);
position:sticky; top:30px;
}
.sidebar-card:not(.ct-section):not(.oxy-easy-posts),
.sidebar-card.oxy-easy-posts .oxy-posts,
.sidebar-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1600px) {
.sidebar-card {
 padding-left:30px;
 padding-right:30px;
 width:90%;
}
}

@media (max-width: 991px) {
.sidebar-card {
 width:100%;
 margin-top:30px;
}
}

@media (max-width: 479px) {
.sidebar-card {
 padding-left:20px;
 padding-right:20px;
 padding-top:20px;
 padding-bottom:20px;
}
}

.form-logo {
 width:100%;
 max-width:250px;
 margin-top:-100px;
 margin-bottom:20px;
}
@media (max-width: 479px) {
.form-logo {
 margin-top:-80px;
}
}

.h3-margin {
 margin-bottom:15px;
}
.ff-forms {
 font-family:Plus Jakarta Sans;
 width:100%;
 text-align:left;
font-family:inherit;
}
.ff-forms .fluentform .ff-el-input--label label{
font-family: Inherit;
}

.oxy-lightbox-wrap {
 width:100%;
}
.oxy-lightbox-wrap:not(.ct-section):not(.oxy-easy-posts),
.oxy-lightbox-wrap.oxy-easy-posts .oxy-posts,
.oxy-lightbox-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.internal-h1 {
 font-size:100px;
 line-height:0.9;
 z-index:3;
 color:#ffffff;
 margin-bottom:15px;
 text-transform:capitalize;
}
@media (max-width: 1600px) {
.internal-h1 {
 font-size:80px;
}
}

@media (max-width: 991px) {
.internal-h1 {
 font-size:75px;
}
}

@media (max-width: 767px) {
.internal-h1 {
 z-index:3;
 font-size:65px;
}
}

@media (max-width: 479px) {
.internal-h1 {
 line-height:0.9;
 font-size:50px;
}
}

.hero-sub {
 font-size:19px;
 margin-top:10px;
}
@media (max-width: 1600px) {
.hero-sub {
 font-size:18px;
}
}

@media (max-width: 991px) {
.hero-sub {
 font-size:17px;
}
}

@media (max-width: 767px) {
.hero-sub {
 padding-right:0px;
 margin-bottom:0px;
}
}

@media (max-width: 479px) {
.hero-sub {
 font-size:16px;
 margin-top:0px;
}
}

.p-link:hover{
 color:#80b3c7;
}
.p-link {
 position:relative;
}
@media (max-width: 991px) {
.p-link {
 font-size:17px;
}
}

@media (max-width: 479px) {
.p-link {
 font-size:13px;
}
}

.white-button {
 background-color:#ffffff;
 color:#0a7ced;
}
.sidebar-row {
 width:100%;
 margin-top:40px;
}
.sidebar-row:not(.ct-section):not(.oxy-easy-posts),
.sidebar-row.oxy-easy-posts .oxy-posts,
.sidebar-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.sidebar-link-row:hover{
 transition-duration:0.2s;
 color:#42ccff;
}
.sidebar-link-row {
 font-family:Plus Jakarta Sans;
 width:100%;
 font-size:20px;
 color:#1c1c1c;
 font-weight:600;
 line-height:1;
 padding-right:50px;
 position:relative;
 margin-bottom:10px;
 padding-bottom:10px;
 border-bottom-style:solid;
 border-bottom-color:#dddddd;
 border-bottom-width:1.5px;
 transition-duration:0.2s;
 margin-top:0px;
 text-align:left;
}
.sidebar-link-row:not(.ct-section):not(.oxy-easy-posts),
.sidebar-link-row.oxy-easy-posts .oxy-posts,
.sidebar-link-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1600px) {
.sidebar-link-row {
 text-align:left;
 font-size:17px;
}
.sidebar-link-row:not(.ct-section):not(.oxy-easy-posts),
.sidebar-link-row.oxy-easy-posts .oxy-posts,
.sidebar-link-row.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 479px) {
.sidebar-link-row {
 font-size:15px;
 text-align:left;
}
.sidebar-link-row:not(.ct-section):not(.oxy-easy-posts),
.sidebar-link-row.oxy-easy-posts .oxy-posts,
.sidebar-link-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
}
}

.sidebar-img-thumb {
 width:100%;
 height:100%;
 object-fit:cover;
}
.sidebar-icon {
 width:50px;
 margin-right:15px;
}
.arrow-sidebar {
color: #1c1c1c;}.arrow-sidebar 
>svg {width: 25px;height: 25px;}.arrow-sidebar {
transform:rotate(-45deg); position:absolute;
 right:0px;
}
@media (max-width: 1600px) {
.arrow-sidebar {
}.arrow-sidebar 
>svg {width: 21px;height: 21px;}.arrow-sidebar {
}
}

@media (max-width: 479px) {
.arrow-sidebar {
}.arrow-sidebar 
>svg {width: 20px;height: 20px;}.arrow-sidebar {
}
}

.dark-bg {
}
.ani01 {
}
.rotate-text-img {
 position:absolute;
 top:0px;
 left:0px;
 bottom:0px;
 right:0px;
}
.h1 {
 color:#ffffff;
 font-weight:700;
 font-size:var(--step-8);px;
 line-height:1;
}
@media (max-width: 1600px) {
.h1 {
 font-size:var(--step-7);px;
}
}

@media (max-width: 767px) {
.h1 {
 font-size:var(--step-6);px;
}
}

@media (max-width: 479px) {
.h1 {
 font-size:var(--step-6);px;
}
}

.ani02 {
}
.h2-colour-alt {
 color:#ffc56d;
 margin-left:0px;
}
.hero-subtext {
 color:#ffffff;
 font-size:var(--step-2);px;
 margin-top:20px;
 margin-bottom:0px;
}
@media (max-width: 1600px) {
.hero-subtext {
 max-width:700px;
 font-size:var(--step-1);px;
}
}

@media (max-width: 767px) {
.hero-subtext {
 margin-top:20px;
 font-size:var(--step-1);px;
}
}

@media (max-width: 479px) {
.hero-subtext {
 margin-top:15px;
}
}

.ani03 {
}
.secure-info {
 width:100%;
 font-size:14px;
 color:#231f20;
 font-weight:500;
 margin-top:5px;
}
.secure-info:not(.ct-section):not(.oxy-easy-posts),
.secure-info.oxy-easy-posts .oxy-posts,
.secure-info.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 479px) {
.secure-info {
 font-size:11px;
}
}

.secure-icon {
color: #06ce00;}.secure-icon 
>svg {width: 19px;height: 19px;}.secure-icon {
 margin-right:10px;
}
@media (max-width: 479px) {
.secure-icon {
}.secure-icon 
>svg {width: 17px;height: 17px;}.secure-icon {
 margin-right:5px;
}
}

.internal-hero-split {
 background-color:#1c1c1c;
 position:relative;
 overflow:hidden;
}
.internal-hero-split .ct-section-inner-wrap {
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 991px) {
.internal-hero-split {
}
.internal-hero-split .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 60px;
padding-left: 0;
}
}

@media (max-width: 479px) {
.internal-hero-split {
}
.internal-hero-split .ct-section-inner-wrap {
padding-bottom: 50px;
}
}

.internal-hero-split-row {
 width:100%;
}
.internal-hero-split-row:not(.ct-section):not(.oxy-easy-posts),
.internal-hero-split-row.oxy-easy-posts .oxy-posts,
.internal-hero-split-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:flex-start;
}
@media (max-width: 991px) {
.internal-hero-split-row {
 text-align:left;
}
.internal-hero-split-row:not(.ct-section):not(.oxy-easy-posts),
.internal-hero-split-row.oxy-easy-posts .oxy-posts,
.internal-hero-split-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}

.internal-hero-split-col-50 {
 width:50%;
}
.internal-hero-split-col-50:not(.ct-section):not(.oxy-easy-posts),
.internal-hero-split-col-50.oxy-easy-posts .oxy-posts,
.internal-hero-split-col-50.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 991px) {
.internal-hero-split-col-50 {
 width:100%;
 padding-left:30px;
 padding-right:30px;
}
}

.button-margin {
 margin-top:30px;
}
@media (max-width: 479px) {
.button-margin {
 margin-top:15px;
}
}

.white-outline-button {
 color:#ffffff;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1.5px;
 border-right-width:1.5px;
 border-bottom-width:1.5px;
 border-left-width:1.5px;
}
.internal-hero-split-img-wrap {
 position:absolute;
 right:0px;
 bottom:0px;
 top:0px;
 width:60%;
 background-color:#231f20;
 z-index:0;
}
@media (max-width: 991px) {
.internal-hero-split-img-wrap {
 position:relative;
 width:100%;
aspect-ratio: 10 / 5
}
}

@media (max-width: 479px) {
.internal-hero-split-img-wrap {
aspect-ratio: 10 / 6;
}
}

.hero-fade-left {
background-image: linear-gradient(90deg, #1c1c1c, rgba(28,28,28,0)); width:30%;
 height:100%;
 z-index:2;
}
@media (max-width: 991px) {
.hero-fade-left {
}
.hero-fade-left:not(.ct-section):not(.oxy-easy-posts),
.hero-fade-left.oxy-easy-posts .oxy-posts,
.hero-fade-left.ct-section .ct-section-inner-wrap{
display:none;
}
}

.hero-fade-bottom {
background-image: linear-gradient(rgba(28,28,28,0), #1c1c1c); position:absolute;
 left:0px;
 right:0px;
 bottom:0px;
 height:30%;
 z-index:2;
}
.hero-fade-bottom:not(.ct-section):not(.oxy-easy-posts),
.hero-fade-bottom.oxy-easy-posts .oxy-posts,
.hero-fade-bottom.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.hero-fade-bottom {
 position:absolute;
 height:40%;
}
.hero-fade-bottom:not(.ct-section):not(.oxy-easy-posts),
.hero-fade-bottom.oxy-easy-posts .oxy-posts,
.hero-fade-bottom.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 479px) {
.hero-fade-bottom {
 height:35%;
}
}

.internal-hero-split-img {
 width:100%;
 height:100%;
 object-fit:cover;
 position:absolute;
 top:0px;
 left:0px;
 right:00px;
}
@media (max-width: 991px) {
.internal-hero-split-img {
 position:absolute;
}
}

.row {
 width:100%;
 z-index:1;
}
.row:not(.ct-section):not(.oxy-easy-posts),
.row.oxy-easy-posts .oxy-posts,
.row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:flex-start;
}
.col-50 {
 width:50%;
}
@media (max-width: 991px) {
.col-50 {
 width:100%;
}
}

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

.h4 {
 color:#231f20;
 font-size:var(--step-4);px;
 line-height:1;
}
@media (max-width: 1600px) {
.h4 {
 font-size:var(--step-3);px;
}
}

.map-box {
 margin-top:30px;
 width:100%;
 height:300px;
 position:relative;
 overflow:hidden;
 border-radius:30px;
}
.col-content-right {
 padding-left:60px;
}
@media (max-width: 1600px) {
.col-content-right {
 padding-left:40px;
}
}

@media (max-width: 991px) {
.col-content-right {
 padding-left:0px;
}
}

.curve-corner {
 width:15%;
 max-width:150px;
 z-index:3;
}
@media (max-width: 1600px) {
.curve-corner {
 width:10%;
}
}

@media (max-width: 991px) {
.curve-corner {
 max-width:100px;
}
}

@media (max-width: 767px) {
.curve-corner {
 width:85px;
}
}

@media (max-width: 479px) {
.curve-corner {
 width:60px;
}
}

.bg-loop {
}
.road {
 width:100%;
 max-width:100%;
 text-align:right;
}
.road:not(.ct-section):not(.oxy-easy-posts),
.road.oxy-easy-posts .oxy-posts,
.road.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-start;
}
@media (max-width: 767px) {
.road {
background-size: contain; background-repeat:repeat;
}
}

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

.truck-wrap {
 position:absolute;
 bottom:0px;
 padding-bottom:50px;
 width:450px;
}
@media (max-width: 1600px) {
.truck-wrap {
 width:500px;
}
}

@media (max-width: 991px) {
.truck-wrap {
 width:400px;
 padding-bottom:30px;
}
}

@media (max-width: 767px) {
.truck-wrap {
 width:300px;
}
}

@media (max-width: 479px) {
.truck-wrap {
 width:250px;
 padding-bottom:20px;
}
}

.tyres {
 width:15%;
}
.third-section {
 position:relative;
}
.third-section .ct-section-inner-wrap {
padding-top: 120px;
padding-bottom: 40px;
}
@media (max-width: 1600px) {
.third-section {
}
.third-section .ct-section-inner-wrap {
padding-bottom: 28px;
}
}

@media (max-width: 991px) {
.third-section {
}
.third-section .ct-section-inner-wrap {
padding-top: 30px;
}
}

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

@media (max-width: 479px) {
.third-section {
}
.third-section .ct-section-inner-wrap {
padding-bottom: 40px;
}
}

.col-spacer {
 padding-top:80px;
 padding-bottom:80px;
}
@media (max-width: 1600px) {
.col-spacer {
 padding-top:50px;
 padding-bottom:50px;
}
}

@media (max-width: 991px) {
.col-spacer {
 padding-bottom:40px;
 padding-top:40px;
}
}

.h2 {
 line-height:0.99;
 font-weight:700;
 z-index:2;
 font-size:var(--step-6);px;
 color:#000000;
}
.h2 .ct-section-inner-wrap {
padding-bottom: 26px;
}
@media (max-width: 1600px) {
.h2 {
}
}

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

@media (max-width: 767px) {
.h2 {
 line-height:1;
 font-size:var(--step-5);px;
}
}

@media (max-width: 479px) {
.h2 {
 font-size:var(--step-4);px;
}
}

.third-section-img-wrap {
 width:100%;
 gap:40px;
 height:100%;
}
.third-section-img-wrap:not(.ct-section):not(.oxy-easy-posts),
.third-section-img-wrap.oxy-easy-posts .oxy-posts,
.third-section-img-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:flex-start;
gap:40px;
}
@media (max-width: 991px) {
.third-section-img-wrap {
 height:500px;
}
}

@media (max-width: 767px) {
.third-section-img-wrap {
 text-align:justify;
 height:auto;
}
.third-section-img-wrap:not(.ct-section):not(.oxy-easy-posts),
.third-section-img-wrap.oxy-easy-posts .oxy-posts,
.third-section-img-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
}
}

@media (max-width: 479px) {
.third-section-img-wrap {
 gap:20px;
}
.third-section-img-wrap:not(.ct-section):not(.oxy-easy-posts),
.third-section-img-wrap.oxy-easy-posts .oxy-posts,
.third-section-img-wrap.ct-section .ct-section-inner-wrap{
gap:20px;
}
}

.third-section-img-wrap-1 {
 width:40%;
 max-height:450px;
 align-self:center;
 height:100%;
}
@media (max-width: 991px) {
.third-section-img-wrap-1 {
 max-height:350px;
}
}

@media (max-width: 767px) {
.third-section-img-wrap-1 {
 width:100%;
 max-height:800px;
 height:auto;
aspect-ratio:5 / 6;
}
}

@media (max-width: 479px) {
.third-section-img-wrap-1 {
 height:auto;
}
}

.third-section-img- {
 background-color:#2ac90e;
 border-radius:40px;
 min-height:300px;
 position:relative;
}
@media (max-width: 991px) {
.third-section-img- {
 min-height:300px;
}
}

@media (max-width: 479px) {
.third-section-img- {
 border-radius:30px;
 min-height:400 ;
}
}

.service-img-100 {
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center center;
 border-radius:40px;
}
@media (max-width: 479px) {
.service-img-100 {
 border-radius:30px;
}
}

.third-section-img-wrap-2 {
 width:60%;
 position:relative;
}
@media (max-width: 767px) {
.third-section-img-wrap-2 {
 width:100%;
 height:auto;
aspect-ratio:4 / 3;
}
}

.boy-spin {
 position:absolute;
 width:80%;
 max-width:200px;
 margin-bottom:30px;
 left:-60px;
 top:-60px;
}
@media (max-width: 1600px) {
.boy-spin {
 max-width:150px;
}
}

@media (max-width: 991px) {
.boy-spin {
 top:-40px;
 left:-40px;
}
}

@media (max-width: 767px) {
.boy-spin {
 max-width:150px;
 left:-30px;
}
}

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

.fadeup1 {
}
.step-col {
 width:25%;
 text-align:center;
 color:#ffffff;
 position:relative;
}
.step-col:not(.ct-section):not(.oxy-easy-posts),
.step-col.oxy-easy-posts .oxy-posts,
.step-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 991px) {
.step-col {
 width:100%;
}
}

@media (max-width: 767px) {
.step-col {
 width:100%;
}
}

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

.step-img:ct_depth{
}
.step-img {
 margin-bottom:30px;
 attachment_height:300;
 attachment_width:300;
 attachment_url:https://drleakplumbing.com.au/wp-content/uploads/Big-circle-img-01-300x300.png;
 object-fit:contain;
 width:100%;
aspect-ratio: 1 / 1;
}
@media (max-width: 1600px) {
.step-img {
}
}

@media (max-width: 991px) {
.step-img {
 max-width:400px;
}
}

@media (max-width: 479px) {
.step-img {
 height:300px;
 margin-bottom:10px;
}
}

.text-wrap-ove {
 text-align:center;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 max-width:95%;
 font-size:18px;
 font-weight:400;
 color:#003f3f;
}
.text-wrap-ove:not(.ct-section):not(.oxy-easy-posts),
.text-wrap-ove.oxy-easy-posts .oxy-posts,
.text-wrap-ove.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.text-wrap-ove {
 background-color:rgba(0,0,0,0);
}
}

@media (max-width: 479px) {
.text-wrap-ove {
 max-width:100%;
 padding-right:0px;
 padding-left:0px;
 padding-bottom:0px;
 font-size:16px;
}
}

.step-title {
 font-family:Plus Jakarta Sans;
 color:#231f20;
 font-weight:600;
 font-size:var(--step-3);px;
 margin-bottom:15px;
 max-width:80%;
 line-height:1;
 text-transform:capitalize;
}
@media (max-width: 1600px) {
.step-title {
}
}

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

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

.step-t {
 font-weight:400;
}
.long-strap-van {
 width:100%;
 border-radius:50px;
 background-color:#00757a;
 padding-top:0px;
 padding-right:50px;
 padding-bottom:0px;
 padding-left:50px;
 z-index:3;
 position:relative;
 margin-top:-80px;
 margin-bottom:60px;
}
@media (max-width: 991px) {
.long-strap-van {
 border-radius:40px;
}
}

@media (max-width: 767px) {
.long-strap-van {
 padding-left:30px;
 padding-right:30px;
 padding-top:0px;
 margin-top:105px;
}
}

@media (max-width: 479px) {
.long-strap-van {
 border-radius:45px;
 padding-left:25px;
 padding-right:25px;
}
}

.long-strap-van-img {
 width:30%;
 margin-left:-10%;
 margin-top:-20px;
 margin-bottom:-20px;
 attachment_height:604;
 attachment_width:950;
 attachment_url:https://homelyelectrical.mediacodev.au/wp-content/uploads/van-service-cut.webp;
}
@media (max-width: 1600px) {
.long-strap-van-img {
 width:45%;
 margin-left:-20%;
}
}

@media (max-width: 991px) {
.long-strap-van-img {
 margin-left:0%;
 margin-top:-60px;
 margin-bottom:0px;
 width:60%;
}
}

@media (max-width: 767px) {
.long-strap-van-img {
 width:90%;
}
}

@media (max-width: 479px) {
.long-strap-van-img {
 width:100%;
}
}

.long-strap-van-content-wrap {
 text-align:right;
}
.long-strap-van-content-wrap:not(.ct-section):not(.oxy-easy-posts),
.long-strap-van-content-wrap.oxy-easy-posts .oxy-posts,
.long-strap-van-content-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 1600px) {
.long-strap-van-content-wrap {
 text-align:justify;
 gap:30px;
 padding-top:25px;
 padding-bottom:25px;
}
.long-strap-van-content-wrap:not(.ct-section):not(.oxy-easy-posts),
.long-strap-van-content-wrap.oxy-easy-posts .oxy-posts,
.long-strap-van-content-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:30px;
}
}

@media (max-width: 991px) {
.long-strap-van-content-wrap {
 text-align:center;
 gap:20px;
 padding-top:0px;
}
.long-strap-van-content-wrap:not(.ct-section):not(.oxy-easy-posts),
.long-strap-van-content-wrap.oxy-easy-posts .oxy-posts,
.long-strap-van-content-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
}
}

@media (max-width: 767px) {
.long-strap-van-content-wrap {
 text-align:justify;
 gap:10px;
}
.long-strap-van-content-wrap:not(.ct-section):not(.oxy-easy-posts),
.long-strap-van-content-wrap.oxy-easy-posts .oxy-posts,
.long-strap-van-content-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:10px;
}
}

.white-text {
color:white!important;
}
.popupform {
}
.col-center {
}
.col-center:not(.ct-section):not(.oxy-easy-posts),
.col-center.oxy-easy-posts .oxy-posts,
.col-center.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
.why-grid {
 width:100%;
 gap:20px;
}
.why-grid:not(.ct-section):not(.oxy-easy-posts),
.why-grid.oxy-easy-posts .oxy-posts,
.why-grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
}
@media (max-width: 991px) {
.why-grid {
 margin-top:30px;
}
}

.why-grid-card {
 width:100%;
 border-radius:30px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#0a7ced;
 border-right-color:#0a7ced;
 border-bottom-color:#0a7ced;
 border-left-color:#0a7ced;
 border-top-width:2.5px;
 border-right-width:2.5px;
 border-bottom-width:2.5px;
 border-left-width:2.5px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 gap:20px;
}
.why-grid-card:not(.ct-section):not(.oxy-easy-posts),
.why-grid-card.oxy-easy-posts .oxy-posts,
.why-grid-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:flex-start;
gap:20px;
}
@media (max-width: 767px) {
.why-grid-card {
 gap:15px;
}
.why-grid-card:not(.ct-section):not(.oxy-easy-posts),
.why-grid-card.oxy-easy-posts .oxy-posts,
.why-grid-card.ct-section .ct-section-inner-wrap{
gap:15px;
}
}

@media (max-width: 479px) {
.why-grid-card {
 text-align:left;
 gap:10px;
}
.why-grid-card:not(.ct-section):not(.oxy-easy-posts),
.why-grid-card.oxy-easy-posts .oxy-posts,
.why-grid-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
}
}

.why-grid-img {
 width:15%;
 aspect-ratio:1 / 1;
 object-fit:contain;
 object-position:center center;
}
@media (max-width: 479px) {
.why-grid-img {
 width:30%;
}
}

.why-grid-content {
 flex-grow:1;
 font-size:var(--step-0);px;
 color:#1c1c1c;
 line-height:1.3;
 gap:5px;
}
.why-grid-content:not(.ct-section):not(.oxy-easy-posts),
.why-grid-content.oxy-easy-posts .oxy-posts,
.why-grid-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:5px;
}
@media (max-width: 479px) {
.why-grid-content {
}
}

.why-grid-content-title {
 font-size:var(--step-3);px;
 color:#1c1c1c;
}
.corner-size {
 width:120px;
}
@media (max-width: 991px) {
.corner-size {
 width:100px;
}
}

@media (max-width: 767px) {
.corner-size {
 width:100px;
}
}

@media (max-width: 479px) {
.corner-size {
 width:70px;
}
}

.corner-cut-top-left {
 position:absolute;
 top:-1px;
 left:0px;
}
.triple-col-home {
 width:100%;
}
.triple-col-home:not(.ct-section):not(.oxy-easy-posts),
.triple-col-home.oxy-easy-posts .oxy-posts,
.triple-col-home.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:flex-start;
}
.triple-col-spacer {
 padding-top:150px;
 padding-right:80px;
 padding-bottom:150px;
 padding-left:80px;
 position:relative;
}
@media (max-width: 1600px) {
.triple-col-spacer {
 padding-left:50px;
 padding-right:50px;
 padding-top:100px;
 padding-bottom:100px;
}
}

@media (max-width: 767px) {
.triple-col-spacer {
 padding-top:75px;
 padding-bottom:75px;
 padding-left:30px;
 padding-right:30px;
}
}

@media (max-width: 479px) {
.triple-col-spacer {
 padding-left:30px;
 padding-right:30px;
 padding-top:60px;
 padding-bottom:60px;
}
}

.triple-col-center {
 padding-top:50px;
 padding-right:50px;
 padding-bottom:50px;
 padding-left:50px;
 position:relative;
}
.triple-col-center:not(.ct-section):not(.oxy-easy-posts),
.triple-col-center.oxy-easy-posts .oxy-posts,
.triple-col-center.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.triple-col-center {
 padding-left:30px;
 padding-right:30px;
}
}

@media (max-width: 479px) {
.triple-col-center {
 padding-left:30px;
 padding-right:30px;
 padding-top:60px;
 padding-bottom:60px;
}
}

.img50 {
background-size: cover; position:absolute;
 top:0px;
 left:0px;
 bottom:0px;
 width:50%;
 background-color:#d1d1d1;
 background-repeat:no-repeat;
background-position:center center;
}
@media (max-width: 991px) {
.img50 {
 position:relative;
 width:100%;
 height:400px;
}
}

@media (max-width: 479px) {
.img50 {
 height:200px;
}
}

.extra-service-row {
 font-family:Plus Jakarta Sans;
 font-size:18px;
 line-height:1;
 padding-right:20px;
 margin-bottom:10px;
 width:50%;
 font-weight:600;
 color:#1c1c1c;
 text-transform:capitalize;
}
.extra-service-row:not(.ct-section):not(.oxy-easy-posts),
.extra-service-row.oxy-easy-posts .oxy-posts,
.extra-service-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1600px) {
.extra-service-row {
 padding-right:10px;
 font-size:16px;
}
}

@media (max-width: 991px) {
.extra-service-row {
 font-size:18px;
 width:50%;
}
}

@media (max-width: 767px) {
.extra-service-row {
 width:100%;
}
}

@media (max-width: 479px) {
.extra-service-row {
 width:100%;
 margin-bottom:9px;
 text-align:left;
 font-size:16px;
}
}

.extra-check-ico {
background-color: #0a7ced;
border: 1px solid #0a7ced;
padding: 5px;color: #ffffff;}.extra-check-ico 
>svg {width: 11px;height: 11px;}.extra-check-ico {
 margin-right:10px;
}
@media (max-width: 991px) {
.extra-check-ico {
padding: 7px;}.extra-check-ico 
>svg {width: 15px;height: 15px;}.extra-check-ico {
}
}

@media (max-width: 479px) {
.extra-check-ico {
padding: 3px;}.extra-check-ico 
>svg {width: 13px;height: 13px;}.extra-check-ico {
}
}

.primary-outline {
 border-top-width:1.8px;
 border-right-width:1.8px;
 border-bottom-width:1.8px;
 border-left-width:1.8px;
 border-top-color:#005bcc;
 border-right-color:#005bcc;
 border-bottom-color:#005bcc;
 border-left-color:#005bcc;
 color:#005bcc;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.button-ico-size {
 height:25px;
 width:25px;
}
@media (max-width: 479px) {
.button-ico-size {
 width:20px;
 height:20px;
}
}

.top-ico-row {
 width:100%;
 text-align:left;
 gap:20px;
}
.top-ico-row:not(.ct-section):not(.oxy-easy-posts),
.top-ico-row.oxy-easy-posts .oxy-posts,
.top-ico-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
gap:20px;
}
@media (max-width: 991px) {
.top-ico-row {
 margin-bottom:50px;
}
}

@media (max-width: 479px) {
.top-ico-row {
 margin-bottom:40px;
 gap:10px;
}
.top-ico-row:not(.ct-section):not(.oxy-easy-posts),
.top-ico-row.oxy-easy-posts .oxy-posts,
.top-ico-row.ct-section .ct-section-inner-wrap{
gap:10px;
}
}

.top-ico-wrap {
 padding-left:25px;
 padding-right:25px;
 padding-top:15px;
 padding-bottom:15px;
 background-color:#ffffff;
 font-size:18px;
 text-transform:capitalize;
 color:#000000;
 font-weight:500;
 border-radius:100px;
 flex-grow:1;
 box-shadow:5px 10px 40px rgba(0,0,0,0.13);
}
.top-ico-wrap:not(.ct-section):not(.oxy-easy-posts),
.top-ico-wrap.oxy-easy-posts .oxy-posts,
.top-ico-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 991px) {
.top-ico-wrap {
 font-size:18px;
}
}

@media (max-width: 767px) {
.top-ico-wrap {
 width:100%;
}
}

@media (max-width: 479px) {
.top-ico-wrap {
 font-size:15px;
 padding-left:10px;
 padding-right:20px;
 padding-top:10px;
 padding-bottom:10px;
 text-align:left;
}
}

.top-ico {
 height:40px;
 margin-right:10px;
 width:40px;
}
@media (max-width: 479px) {
.top-ico {
 height:30px;
 width:30px;
}
}

.form-box {
 background-color:rgba(28,28,28,0.69);
 padding-top:0px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
 width:100%;
 border-radius:20px;
 overflow:hidden;
 max-width:500px;
 box-shadow:10px 20px 60px rgba(0,0,0,0.1);
backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.form-box:not(.ct-section):not(.oxy-easy-posts),
.form-box.oxy-easy-posts .oxy-posts,
.form-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1600px) {
.form-box {
 width:90%;
}
}

@media (max-width: 991px) {
.form-box {
 width:100%;
 margin-top:42px;
}
.form-box:not(.ct-section):not(.oxy-easy-posts),
.form-box.oxy-easy-posts .oxy-posts,
.form-box.ct-section .ct-section-inner-wrap{
display:none;
}
}

.paybox {
 width:100%;
 padding-top:20px;
 padding-right:30px;
 padding-bottom:0px;
 padding-left:30px;
}
.paybox:not(.ct-section):not(.oxy-easy-posts),
.paybox.oxy-easy-posts .oxy-posts,
.paybox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 1600px) {
.paybox {
 padding-left:20px;
 padding-right:20px;
}
}

@media (max-width: 479px) {
.paybox {
 padding-left:15px;
 padding-right:15px;
 padding-top:15px;
 padding-bottom:10px;
}
}

.service-checkrow {
 margin-top:25px;
 width:100%;
 margin-bottom:0px;
}
.service-checkrow:not(.ct-section):not(.oxy-easy-posts),
.service-checkrow.oxy-easy-posts .oxy-posts,
.service-checkrow.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
}
@media (max-width: 1600px) {
.service-checkrow {
 padding-right:30px;
 width:100%;
 margin-top:30px;
}
}

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

@media (max-width: 767px) {
.service-checkrow {
 width:100%;
 position:relative;
 padding-right:0px;
 margin-top:20px;
}
}

@media (max-width: 479px) {
.service-checkrow {
 padding-right:0px;
 margin-top:20px;
}
}

.ani-icon-row-alt {
 margin-bottom:10px;
 text-transform:capitalize;
 width:50%;
}
.ani-icon-row-alt:not(.ct-section):not(.oxy-easy-posts),
.ani-icon-row-alt.oxy-easy-posts .oxy-posts,
.ani-icon-row-alt.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 991px) {
.ani-icon-row-alt {
 text-align:left;
 width:50%;
}
.ani-icon-row-alt:not(.ct-section):not(.oxy-easy-posts),
.ani-icon-row-alt.oxy-easy-posts .oxy-posts,
.ani-icon-row-alt.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
}

@media (max-width: 767px) {
.ani-icon-row-alt {
 width:100%;
}
}

@media (max-width: 479px) {
.ani-icon-row-alt {
 padding-right:0px;
 margin-bottom:10px;
}
}

.ani-icon {
 width:60px;
 height:60px;
 margin-right:10px;
 min-width:60px;
 min-height:60px;
 overflow:hidden;
}
.ani-icon:not(.ct-section):not(.oxy-easy-posts),
.ani-icon.oxy-easy-posts .oxy-posts,
.ani-icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 1600px) {
.ani-icon {
}
}

@media (max-width: 767px) {
.ani-icon {
 width:40px;
 min-width:40px;
 min-height:40px;
 height:40px;
 margin-right:10px;
}
}

@media (max-width: 479px) {
.ani-icon {
 margin-right:10px;
 box-shadow:20px rgba(0,0,0,0.12);
}
}

.ico-col-t {
 font-size:var(--step-0);px;
 color:#ffffff;
 line-height:1;
 gap:3px;
}
.ico-col-t:not(.ct-section):not(.oxy-easy-posts),
.ico-col-t.oxy-easy-posts .oxy-posts,
.ico-col-t.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:3px;
}
@media (max-width: 1600px) {
.ico-col-t {
}
}

@media (max-width: 767px) {
.ico-col-t {
}
}

@media (max-width: 479px) {
.ico-col-t {
 font-size:13px;
 line-height:1.4;
}
}

.ico-h {
 font-family:Plus Jakarta Sans;
 color:#ffffff;
 font-weight:600;
 line-height:1;
 text-align:left;
 font-size:var(--step-2);px;
}
@media (max-width: 1600px) {
.ico-h {
 font-size:var(--step-1);px;
}
}

@media (max-width: 767px) {
.ico-h {
 font-size:var(--step-1);px;
}
}

@media (max-width: 479px) {
.ico-h {
 margin-bottom:0px;
 font-size:17px;
}
}

.copyright-p {
 color:#ffffff;
 font-size:14px;
 text-align:left;
 font-weight:400;
}
@media (max-width: 767px) {
.copyright-p {
 line-height:1.1;
}
}

@media (max-width: 479px) {
.copyright-p {
 text-align:center;
 margin-bottom:12px;
}
}

.footer-row {
 width:100%;
 padding-bottom:0px;
 z-index:3;
 text-align:left;
}
.footer-row:not(.ct-section):not(.oxy-easy-posts),
.footer-row.oxy-easy-posts .oxy-posts,
.footer-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
@media (max-width: 991px) {
.footer-row {
 padding-left:20px;
 padding-right:20px;
}
.footer-row:not(.ct-section):not(.oxy-easy-posts),
.footer-row.oxy-easy-posts .oxy-posts,
.footer-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
}

@media (max-width: 767px) {
.footer-row {
 border-bottom-style:none;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
}
}

@media (max-width: 479px) {
.footer-row {
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
}
}

.footer-main-col {
 width:25%;
 padding-right:40px;
 text-align:left;
 padding-top:0px;
}
.footer-main-col:not(.ct-section):not(.oxy-easy-posts),
.footer-main-col.oxy-easy-posts .oxy-posts,
.footer-main-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-start;
}
@media (max-width: 1600px) {
.footer-main-col {
 padding-right:27px;
 width:30%;
}
}

@media (max-width: 991px) {
.footer-main-col {
 width:100%;
 padding-right:0px;
 padding-bottom:45px;
}
.footer-main-col:not(.ct-section):not(.oxy-easy-posts),
.footer-main-col.oxy-easy-posts .oxy-posts,
.footer-main-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 479px) {
.footer-main-col {
 padding-bottom:39px;
}
}

.footer-p {
 color:#ffffff;
 font-size:var(--step-0);px;
}
@media (max-width: 1600px) {
.footer-p {
}
}

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

.social-row-bottom {
 margin-top:0px;
 text-align:justify;
}
.social-row-bottom:not(.ct-section):not(.oxy-easy-posts),
.social-row-bottom.oxy-easy-posts .oxy-posts,
.social-row-bottom.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1600px) {
.social-row-bottom {
 margin-top:0px;
}
}

@media (max-width: 991px) {
.social-row-bottom {
}
}

@media (max-width: 479px) {
.social-row-bottom {
 text-align:center;
 margin-top:10px;
}
.social-row-bottom:not(.ct-section):not(.oxy-easy-posts),
.social-row-bottom.oxy-easy-posts .oxy-posts,
.social-row-bottom.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
}
}

.footer-social-link:hover{
transform:scale(1.07,1.07); transition-duration:0.2s;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#42ccff;
 border-right-color:#42ccff;
 border-bottom-color:#42ccff;
 border-left-color:#42ccff;
 opacity:1;
}
.footer-social-link {
 margin-right:15px;
 padding-top:10px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:10px;
 border-radius:100px;
 transition-duration:0.2s;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-width:1.5px;
 border-right-width:1.5px;
 border-bottom-width:1.5px;
 border-left-width:1.5px;
 opacity:0.8;
}
@media (max-width: 479px) {
.footer-social-link {
 padding-left:8px;
 padding-top:8px;
 padding-right:8px;
 padding-bottom:8px;
}
}

.social-icon-footer {
color: #ffffff;}.social-icon-footer 
>svg {width: 20px;height: 20px;}.social-icon-footer {
}
@media (max-width: 479px) {
.social-icon-footer {
}.social-icon-footer 
>svg {width: 16px;height: 16px;}.social-icon-footer {
}
}

.footer-second-col {
 width:65%;
}
.footer-second-col:not(.ct-section):not(.oxy-easy-posts),
.footer-second-col.oxy-easy-posts .oxy-posts,
.footer-second-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:flex-start;
}
@media (max-width: 991px) {
.footer-second-col {
 width:100%;
}
}

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

.footer-col {
 width:33.33%;
 padding-right:2.5%;
}
.footer-col:not(.ct-section):not(.oxy-easy-posts),
.footer-col.oxy-easy-posts .oxy-posts,
.footer-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
}
@media (max-width: 1600px) {
.footer-col {
 padding-right:40px;
}
}

@media (max-width: 991px) {
.footer-col {
 width:50%;
 margin-bottom:21px;
}
}

@media (max-width: 767px) {
.footer-col {
 width:100%;
 padding-right:0px;
}
}

@media (max-width: 479px) {
.footer-col {
 padding-right:0px;
 padding-bottom:6px;
}
}

.footer-col-line:before{
 position:absolute;
 top:0px;
 bottom:0px;
 right:20%;
 border-right-style:solid;
 border-right-color:rgba(255,255,255,0.31);
 border-right-width:1px;
  content:"";
}
.footer-col-line {
 position:relative;
}
@media (max-width: 767px) {
.footer-col-line:before{
}
.footer-col-line:not(.ct-section):not(.oxy-easy-posts):before,
.footer-col-line.oxy-easy-posts .oxy-posts:before,
.footer-col-line.ct-section .ct-section-inner-wrap:before{
display:none;
}
.footer-col-line {
 border-bottom-style:solid;
 border-bottom-color:rgba(255,255,255,0.31);
 border-bottom-width:1px;
}
}

.oxel_accordion {
 border-top-color:#adb4b9;
 border-right-color:#adb4b9;
 border-bottom-color:#adb4b9;
 border-left-color:#adb4b9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
@media (max-width: 1600px) {
.oxel_accordion {
}
.oxel_accordion:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion.oxy-easy-posts .oxy-posts,
.oxel_accordion.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

.hidden-footer-wrap {
 width:100%;
}
@media (max-width: 767px) {
.hidden-footer-wrap {
 padding-bottom:12px;
}
}

.oxel_accordion__row {
 width:100%;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 text-align:justify;
 border-bottom-color:#eceeef;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-top-style:none;
 background-color:#ffffff;
 border-right-style:none;
 border-left-style:none;
 border-radius:0px;
 color:#005bcc;
cursor: pointer;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.hidden-footer {
 background-color:rgba(255,255,255,0);
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 width:100%;
 text-align:left;
 margin-bottom:15px;
}
.hidden-footer:not(.ct-section):not(.oxy-easy-posts),
.hidden-footer.oxy-easy-posts .oxy-posts,
.hidden-footer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 767px) {
.hidden-footer {
 margin-bottom:0px;
}
}

@media (max-width: 479px) {
.hidden-footer {
 margin-bottom:10px;
}
}

.oxel_accordion__row_left {
}
.oxel_accordion__row_left:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row_left.oxy-easy-posts .oxy-posts,
.oxel_accordion__row_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.footer-h {
 color:#ffffff;
 line-height:1;
 font-weight:700;
 font-size:var(--step-3);px;
 position:relative;
 width:100%;
}
@media (max-width: 1600px) {
.footer-h {
 font-size:var(--step-3);px;
}
}

.oxel_accordion__icon {
color: #ffffff;}.oxel_accordion__icon 
>svg {width: 18px;height: 18px;}.oxel_accordion__icon {
 margin-right:8px;
 transition-duration:0.3s;
}
.oxel_accordion__content {
 width:100%;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 border-bottom-color:#98a1a8;
 border-bottom-width:2px;
 border-bottom-style:none;
 overflow:hidden;
 opacity:1;
 transition-duration:3s;
 border-top-style:none;
 border-right-style:none;
 border-left-style:none;
 transition-property:max-height;
 text-align:left;
 max-height:3000px;
 color:#ffffff;
}
.oxel_accordion__content:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content.oxy-easy-posts .oxy-posts,
.oxel_accordion__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 767px) {
.oxel_accordion__content {
}
}

.oxel_accordion__content__hidden {
 max-height:0px;
 padding-left:8px;
 padding-right:8px;
 padding-top:0px;
 z-index:-1;
 padding-bottom:0px;
 transition-duration:0s;
}
.oxel_accordion__content__hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content__hidden.oxy-easy-posts .oxy-posts,
.oxel_accordion__content__hidden.ct-section .ct-section-inner-wrap{
display:flex;
}
.contact-footer-link {
 margin-bottom:10px;
 line-height:1;
}
.contact-footer-link:not(.ct-section):not(.oxy-easy-posts),
.contact-footer-link.oxy-easy-posts .oxy-posts,
.contact-footer-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.footer-ico {
background-color: #42ccff;
border: 1px solid #42ccff;
padding: 5px;color: #ffffff;}.footer-ico 
>svg {width: 15px;height: 15px;}.footer-ico {
 margin-right:10px;
}
.footer-p-link:hover{
 color:#ffc56d;
 transition-duration:0.2s;
}
.footer-p-link {
 transition-duration:0.2s;
 color:#ffffff;
}
.half-img-row {
 width:100%;
 z-index:3;
}
.half-img-row:not(.ct-section):not(.oxy-easy-posts),
.half-img-row.oxy-easy-posts .oxy-posts,
.half-img-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:flex-start;
}
.cta-small-card-cutout {
 width:100%;
 margin-top:40px;
 background-color:#ffffff;
 border-radius:30px;
}
.cta-small-card-cutout:not(.ct-section):not(.oxy-easy-posts),
.cta-small-card-cutout.oxy-easy-posts .oxy-posts,
.cta-small-card-cutout.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 991px) {
.cta-small-card-cutout {
 text-align:justify;
}
.cta-small-card-cutout:not(.ct-section):not(.oxy-easy-posts),
.cta-small-card-cutout.oxy-easy-posts .oxy-posts,
.cta-small-card-cutout.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
align-items:center;
}
}

.cta-small-card-col1 {
 width:30%;
}
.cta-small-card-col1:not(.ct-section):not(.oxy-easy-posts),
.cta-small-card-col1.oxy-easy-posts .oxy-posts,
.cta-small-card-col1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
}
@media (max-width: 991px) {
.cta-small-card-col1 {
 width:100%;
}
}

.cta-small-card-col-img {
 margin-top:-45px;
}
@media (max-width: 991px) {
.cta-small-card-col-img {
 margin-top:0px;
 max-width:200px;
}
}

@media (max-width: 767px) {
.cta-small-card-col-img {
 max-width:150px;
}
}

.cta-small-card-col2 {
 width:70%;
 padding-top:40px;
 padding-right:40px;
 padding-bottom:40px;
 padding-left:40px;
}
@media (max-width: 1600px) {
.cta-small-card-col2 {
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
}
}

@media (max-width: 991px) {
.cta-small-card-col2 {
 width:100%;
 text-align:center;
}
.cta-small-card-col2:not(.ct-section):not(.oxy-easy-posts),
.cta-small-card-col2.oxy-easy-posts .oxy-posts,
.cta-small-card-col2.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.small-button {
 padding-left:18px;
 padding-right:18px;
 padding-bottom:15px;
 padding-top:15px;
 font-size:var(--step-0);px;
 min-height:55px;
}
@media (max-width: 479px) {
.small-button {
 padding-top:12px;
 padding-bottom:12px;
 min-height:50px;
}
}

.secondary-button {
 background-color:#1c1c1c;
 color:#ffffff;
}
.img-right-half-col {
 position:absolute;
 top:0px;
 bottom:0px;
 width:50%;
 background-color:#002121;
 left:0px;
}
.img-right-half-col:not(.ct-section):not(.oxy-easy-posts),
.img-right-half-col.oxy-easy-posts .oxy-posts,
.img-right-half-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
}
@media (max-width: 767px) {
.img-right-half-col {
 width:100%;
 height:100%;
 opacity:0.2;
}
}

.fade-left-col-img {
background-image: linear-gradient(90deg, rgba(28,28,28,0) 20%, #1c1c1c); width:30%;
 height:100%;
 position:relative;
 z-index:2;
}
@media (max-width: 1600px) {
.fade-left-col-img {
 width:50%;
}
}

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

.fancy-title {
 font-family:'Shantell Sans';
 color:#0a7ced;
 letter-spacing:-2px;
}
.h2-topper {
 font-size:var(--step-3);px;
 font-weight:600;
 line-height:1;
 margin-bottom:15px;
}
@media (max-width: 479px) {
.h2-topper {
 font-size:var(--step-2);px;
}
}

.round-img {
 border-radius:30px;
}
@media (max-width: 479px) {
.round-img {
 border-radius:25px;
}
}

.img-row-stack {
 width:50%;
 padding-top:10px;
 padding-bottom:10px;
 padding-right:20px;
}
.img-row-stack:not(.ct-section):not(.oxy-easy-posts),
.img-row-stack.oxy-easy-posts .oxy-posts,
.img-row-stack.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 479px) {
.img-row-stack {
 text-align:left;
 width:100%;
 padding-right:0px;
}
.img-row-stack:not(.ct-section):not(.oxy-easy-posts),
.img-row-stack.oxy-easy-posts .oxy-posts,
.img-row-stack.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
}

.check-icon-left {
 width:60px;
 height:60px;
}
@media (max-width: 767px) {
.check-icon-left {
 height:60px;
 width:60px;
}
}

@media (max-width: 479px) {
.check-icon-left {
 width:40px;
 height:40px;
}
}

.text-stack-img-r {
 padding-top:10px;
 padding-bottom:10px;
 font-size:var(--step--2);px;
 width:85%;
 padding-left:20px;
 color:#1e1f28;
 line-height:1;
}
.text-stack-img-r:not(.ct-section):not(.oxy-easy-posts),
.text-stack-img-r.oxy-easy-posts .oxy-posts,
.text-stack-img-r.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 1600px) {
.text-stack-img-r {
 padding-left:20px;
}
}

@media (max-width: 767px) {
.text-stack-img-r {
 padding-left:15px;
}
}

@media (max-width: 479px) {
.text-stack-img-r {
 padding-left:10px;
 text-align:left;
 width:100%;
 font-size:13px;
 padding-top:10px;
}
.text-stack-img-r:not(.ct-section):not(.oxy-easy-posts),
.text-stack-img-r.oxy-easy-posts .oxy-posts,
.text-stack-img-r.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

.img-row-t {
 font-size:var(--step-0);px;
 color:#1e1f28;
 font-weight:500;
 line-height:1;
 text-transform:capitalize;
 letter-spacing:-0.6px;
 margin-bottom:5px;
}
@media (max-width: 767px) {
.img-row-t {
 font-size:20px;
}
}

@media (max-width: 479px) {
.img-row-t {
 font-size:18px;
}
}

.outline-blue-button {
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1.5px;
 border-right-width:1.5px;
 border-bottom-width:1.5px;
 border-left-width:1.5px;
 border-top-color:#3cb4e5;
 border-right-color:#3cb4e5;
 border-bottom-color:#3cb4e5;
 border-left-color:#3cb4e5;
 color:#3cb4e5;
}
.hero-col-1 {
 width:65%;
 z-index:3;
 padding-right:60px;
}
.hero-col-1:not(.ct-section):not(.oxy-easy-posts),
.hero-col-1.oxy-easy-posts .oxy-posts,
.hero-col-1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 1600px) {
.hero-col-1 {
 width:65%;
}
}

@media (max-width: 991px) {
.hero-col-1 {
 width:100%;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 padding-bottom:0px;
 margin-bottom:0px;
}
.hero-col-1:not(.ct-section):not(.oxy-easy-posts),
.hero-col-1.oxy-easy-posts .oxy-posts,
.hero-col-1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 767px) {
.hero-col-1 {
 text-align:center;
 margin-bottom:0px;
}
.hero-col-1:not(.ct-section):not(.oxy-easy-posts),
.hero-col-1.oxy-easy-posts .oxy-posts,
.hero-col-1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 479px) {
.hero-col-1 {
 padding-bottom:0px;
 margin-bottom:0px;
}
}

.title-box {
 width:100%;
}
@media (max-width: 991px) {
.title-box {
 text-align:center;
}
.title-box:not(.ct-section):not(.oxy-easy-posts),
.title-box.oxy-easy-posts .oxy-posts,
.title-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

.main-title {
 font-family:Plus Jakarta Sans;
 line-height:1;
 color:#231f20;
 font-weight:800;
 text-align:left;
 padding-right:60px;
 z-index:2;
 font-size:var(--step-8);px;
}
@media (max-width: 1600px) {
.main-title {
 max-width:700px;
 font-size:var(--step-7);px;
}
}

@media (max-width: 991px) {
.main-title {
 text-align:left;
 padding-right:0px;
 margin-right:0px;
}
}

@media (max-width: 767px) {
.main-title {
 padding-right:0px;
 max-width:500px;
 text-align:center;
 font-size:var(--step-6);px;
}
}

@media (max-width: 479px) {
.main-title {
 line-height:1;
 font-size:var(--step-5);px;
 text-align:left;
 font-weight:800;
}
}

.button-wrap {
 margin-top:25px;
}
.button-wrap:not(.ct-section):not(.oxy-easy-posts),
.button-wrap.oxy-easy-posts .oxy-posts,
.button-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:flex-start;
}
@media (max-width: 1600px) {
.button-wrap {
 width:100%;
}
.button-wrap:not(.ct-section):not(.oxy-easy-posts),
.button-wrap.oxy-easy-posts .oxy-posts,
.button-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

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

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

@media (max-width: 479px) {
.button-wrap {
 width:100%;
}
.button-wrap:not(.ct-section):not(.oxy-easy-posts),
.button-wrap.oxy-easy-posts .oxy-posts,
.button-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
}
}

.h2-sub {
 font-size:var(--step-1);px;
 color:#231f20;
 font-weight:500;
}
@media (max-width: 1600px) {
.h2-sub {
 font-size:18px;
}
}

@media (max-width: 767px) {
.h2-sub {
 font-size:19px;
}
}

@media (max-width: 479px) {
.h2-sub {
 font-size:16px;
}
}

.hero-banner {
pointer-events:none;
}
.marque-slider {
 z-index:3;
 position:relative;
 width:100%;
 border-radius:20px;
 background-color:#3fff54;
 padding-top:25px;
 padding-bottom:25px;
 font-size:var(--step-1);px;
 font-weight:700;
 color:#0e0f3f;
 overflow:hidden;
 margin-top:40px;
}
@media (max-width: 767px) {
.marque-slider {
 padding-top:20px;
 padding-bottom:20px;
 width:120%;
 margin-left:-30px;
 border-radius:0px;
}
}

@media (max-width: 479px) {
.marque-slider {
 border-radius:0px;
 width:130%;
}
}

.animated-scroller {
}
.time-box {
 margin-left:20px;
 margin-right:20px;
 border-radius:10px;
}
.time-box:not(.ct-section):not(.oxy-easy-posts),
.time-box.oxy-easy-posts .oxy-posts,
.time-box.ct-section .ct-section-inner-wrap{
flex-direction:unset;
align-items:center;
}
.av--title {
 font-family:Plus Jakarta Sans;
 color:#ffffff;
 font-weight:500;
 font-size:17px;
}
@media (max-width: 767px) {
.av--title {
 font-size:15px;
}
}

@media (max-width: 479px) {
.av--title {
 font-size:12.5px;
}
}

.pulse-base {
 position:relative;
}
.pulse-circle {
}
.timebox {
 text-align:center;
}
.timebox:not(.ct-section):not(.oxy-easy-posts),
.timebox.oxy-easy-posts .oxy-posts,
.timebox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.timebox {
 width:100%;
}
}

@media (max-width: 479px) {
.timebox {
 text-align:left;
}
.timebox:not(.ct-section):not(.oxy-easy-posts),
.timebox.oxy-easy-posts .oxy-posts,
.timebox.ct-section .ct-section-inner-wrap{
justify-content:center;
}
}

.pulse-wrap {
 position:relative;
}
.pulse-wrap:not(.ct-section):not(.oxy-easy-posts),
.pulse-wrap.oxy-easy-posts .oxy-posts,
.pulse-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.timebox-content {
 color:#ffffff;
 text-align:left;
 line-height:1;
 padding-left:10px;
}
.timebox-content:not(.ct-section):not(.oxy-easy-posts),
.timebox-content.oxy-easy-posts .oxy-posts,
.timebox-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 767px) {
}

.timeh {
 font-size:var(--step-0);px;
 font-weight:600;
 line-height:1;
}
@media (max-width: 767px) {
.timeh {
 font-size:16px;
white-space: nowrap;
}
}

.header-row {
 width:100%;
 text-align:justify;
}
.header-row:not(.ct-section):not(.oxy-easy-posts),
.header-row.oxy-easy-posts .oxy-posts,
.header-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
.logo-top {
 width:100%;
 max-width:150px;
}
@media (max-width: 1600px) {
.logo-top {
 max-width:120px;
}
}

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

@media (max-width: 479px) {
.logo-top {
 width:200%;
 margin-right:-50px;
}
}

.icon-row-stack:hover{
transform:scale(1.05,1.05); transition-duration:0.2s;
}
.icon-row-stack {
 padding-top:0px;
 padding-left:20px;
 padding-right:20px;
 height:80px;
}
.icon-row-stack:not(.ct-section):not(.oxy-easy-posts),
.icon-row-stack.oxy-easy-posts .oxy-posts,
.icon-row-stack.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
}
@media (max-width: 1600px) {
.icon-row-stack {
 padding-left:15px;
 padding-right:15px;
 height:60px;
}
}

@media (max-width: 991px) {
.icon-row-stack {
 padding-left:12px;
 padding-right:12px;
}
}

.menu-top-ico {
 height:40px;
 margin-right:15px;
}
@media (max-width: 1600px) {
.menu-top-ico {
 height:35px;
}
}

@media (max-width: 991px) {
.menu-top-ico {
 height:30px;
}
}

.icon-col-stack {
 font-family:Inherit;
 text-align:left;
 font-weight:400;
 gap:2px;
}
.icon-col-stack:not(.ct-section):not(.oxy-easy-posts),
.icon-col-stack.oxy-easy-posts .oxy-posts,
.icon-col-stack.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:2px;
}
.icon-stack-txt {
 font-family:Inherit;
 font-size:var(--step--1);px;
 color:#000000;
 line-height:1;
 font-weight:500;
 text-transform:capitalize;
}
@media (max-width: 1600px) {
.icon-stack-txt {
 font-size:var(--step--1);px;
}
}

@media (max-width: 991px) {
.icon-stack-txt {
}
}

@media (max-width: 767px) {
.icon-stack-txt {
 color:#ffffff;
 font-weight:400;
 font-size:15px;
}
}

@media (max-width: 479px) {
.icon-stack-txt {
 font-size:12px;
}
}

.icon-stack-main {
 font-size:var(--step-1);px;
 font-weight:600;
 line-height:1;
 color:#000000;
}
@media (max-width: 1600px) {
.icon-stack-main {
 font-size:var(--step-0);px;
}
}

@media (max-width: 991px) {
.icon-stack-main {
}
}

@media (max-width: 767px) {
.icon-stack-main {
 color:#ffffff;
}
}

@media (max-width: 479px) {
.icon-stack-main {
}
}

.gradient-blue {
background-image: linear-gradient(80deg, #373ed6, #379aee); color:#ffffff;
}
.top-menu-curve {
 height:40px;
}
.hero-img-cta-box {
 width:100%;
 background-color:rgba(255,255,255,0.29);
 border-top-left-radius:40px;
 border-top-right-radius:40px;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 margin-bottom:-170px;
backdrop-filter: blur(10px);
}
.hero-img-cta-box:not(.ct-section):not(.oxy-easy-posts),
.hero-img-cta-box.oxy-easy-posts .oxy-posts,
.hero-img-cta-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 991px) {
.hero-img-cta-box {
 margin-bottom:-90px;
 max-width:500px;
}
}

@media (max-width: 767px) {
.hero-img-cta-box {
 margin-bottom:-80px;
}
}

@media (max-width: 479px) {
.hero-img-cta-box {
 margin-bottom:-50px;
 border-top-left-radius:30px;
 border-top-right-radius:30px;
}
}

.hero-cta-img {
 width:40%;
 margin-top:-50px;
 margin-left:-30px;
 margin-right:30px;
 object-fit:contain;
 object-position:center bottom;
}
@media (max-width: 1600px) {
.hero-cta-img {
 margin-right:0px;
 margin-left:-20px;
}
}

@media (max-width: 767px) {
.hero-cta-img {
 margin-right:20px;
}
}

@media (max-width: 479px) {
.hero-cta-img {
 margin-top:-30px;
}
}

.hero-img-cta-col {
 width:60%;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 gap:15px;
}
.hero-img-cta-col:not(.ct-section):not(.oxy-easy-posts),
.hero-img-cta-col.oxy-easy-posts .oxy-posts,
.hero-img-cta-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:15px;
}
@media (max-width: 479px) {
.hero-img-cta-col {
 padding-left:0px;
}
}

.hero-cta-title {
 color:#ffffff;
 text-align:left;
 font-size:var(--step-2);px;
}
@media (max-width: 479px) {
.hero-cta-title {
 font-size:var(--step-1);px;
}
}

.small-check-row {
 margin-top:30px;
 width:100%;
 padding-top:0px;
}
.small-check-row:not(.ct-section):not(.oxy-easy-posts),
.small-check-row.oxy-easy-posts .oxy-posts,
.small-check-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
}
@media (max-width: 479px) {
.small-check-row {
 margin-top:20px;
}
}

.small-check-col {
 width:50%;
 font-size:var(--step-1);px;
 font-weight:500;
 color:#000000;
 margin-bottom:10px;
 text-align:left;
 line-height:1.2;
}
.small-check-col:not(.ct-section):not(.oxy-easy-posts),
.small-check-col.oxy-easy-posts .oxy-posts,
.small-check-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 479px) {
.small-check-col {
 width:100%;
}
}

.small-check-row-icon {
 width:25px;
 margin-right:15px;
}
@media (max-width: 479px) {
.small-check-row-icon {
 margin-right:10px;
}
}

.black-outline-button {
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1.5px;
 border-right-width:1.5px;
 border-bottom-width:1.5px;
 border-left-width:1.5px;
 border-top-color:#000000;
 border-right-color:#000000;
 border-bottom-color:#000000;
 border-left-color:#000000;
 color:#000000;
}
.service-quick-links-row {
 width:100%;
 gap:20px;
}
.service-quick-links-row:not(.ct-section):not(.oxy-easy-posts),
.service-quick-links-row.oxy-easy-posts .oxy-posts,
.service-quick-links-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
gap:20px;
}
@media (max-width: 767px) {
.service-quick-links-row {
 gap:10px;
}
.service-quick-links-row:not(.ct-section):not(.oxy-easy-posts),
.service-quick-links-row.oxy-easy-posts .oxy-posts,
.service-quick-links-row.ct-section .ct-section-inner-wrap{
gap:10px;
}
}

.quick-link-service-button:hover{
transform:scale(1.03,1.03); transition-duration:0.3s;
 border-top-color:#0a7ced;
 border-right-color:#0a7ced;
 border-bottom-color:#0a7ced;
 border-left-color:#0a7ced;
}
.quick-link-service-button {
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#b3b3b3;
 border-right-color:#b3b3b3;
 border-bottom-color:#b3b3b3;
 border-left-color:#b3b3b3;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-radius:25px;
 padding-top:15px;
 padding-right:50px;
 padding-bottom:15px;
 padding-left:20px;
 gap:10px;
 font-size:var(--step-2);px;
 color:#000000;
 font-weight:600;
 position:relative;
 line-height:1;
 transition-duration:0.3s;
width:calc(50% - 10px);
}
.quick-link-service-button:not(.ct-section):not(.oxy-easy-posts),
.quick-link-service-button.oxy-easy-posts .oxy-posts,
.quick-link-service-button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:10px;
}
@media (max-width: 1600px) {
.quick-link-service-button {
 font-size:var(--step-1);px;
}
}

@media (max-width: 767px) {
.quick-link-service-button {
 padding-left:15px;
 border-radius:15px;
 font-size:var(--step-1);px;
 padding-right:46px;
width:calc(50% - 5px);
}
}

@media (max-width: 479px) {
.quick-link-service-button {
 padding-left:15px;
 padding-right:15px;
 font-size:var(--step-0);px;
 padding-top:10px;
 padding-bottom:10px;
}
}

.quick-link-service-img {
 height:40px;
}
@media (max-width: 767px) {
.quick-link-service-img {
 height:30px;
}
}

.quick-link-service-arrow {
color: #0a7ced;}.quick-link-service-arrow 
>svg {width: 24px;height: 24px;}.quick-link-service-arrow {
 position:absolute;
 right:20px;
}
@media (max-width: 767px) {
.quick-link-service-arrow {
}.quick-link-service-arrow 
>svg {width: 20px;height: 20px;}.quick-link-service-arrow {
 right:15px;
}
}

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

.quick-link-main {
 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:#0a7ced;
 border-right-color:#0a7ced;
 border-bottom-color:#0a7ced;
 border-left-color:#0a7ced;
 border-radius:25px;
 padding-top:15px;
 padding-right:15px;
 padding-bottom:15px;
 padding-left:15px;
 text-align:center;
 color:#000000;
 font-size:var(--step-0);px;
 gap:10px;
width:calc(50% - 10px);
}
.quick-link-main:not(.ct-section):not(.oxy-easy-posts),
.quick-link-main.oxy-easy-posts .oxy-posts,
.quick-link-main.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
gap:10px;
}
@media (max-width: 767px) {
.quick-link-main {
 border-radius:25px;
}
}

@media (max-width: 479px) {
.quick-link-main {
 width:100%;
}
}

.quick-link-main-heading {
 font-size:var(--step-2);px;
}
.service-banner-home {
 object-fit:cover;
 object-position:center center;
 width:100%;
 max-height:600px;
}
@media (max-width: 767px) {
.service-banner-home {
 max-height:700px;
}
}

.dark-fade {
background-image: linear-gradient(rgba(28,28,28,0), #1c1c1c); position:absolute;
 left:0px;
 bottom:0px;
 right:0px;
 z-index:2;
 height:50%;
}
.badge-row-service {
 position:absolute;
 z-index:3;
 width:100%;
 max-width:1600px;
 padding-top:2%;
 padding-left:30px;
 padding-right:30px;
margin:0 auto;
}
.badge-row-service:not(.ct-section):not(.oxy-easy-posts),
.badge-row-service.oxy-easy-posts .oxy-posts,
.badge-row-service.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 479px) {
.badge-row-service {
 padding-top:0%;
 margin-top:-50px;
}
}

.fancy-title-light-blue {
 color:#42ccff;
}
.services-row {
 width:100%;
 height:700px;
}
.services-row:not(.ct-section):not(.oxy-easy-posts),
.services-row.oxy-easy-posts .oxy-posts,
.services-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-start;
}
.black-button {
 background-color:#000000;
 color:#ffffff;
}
.small-white-badge-box {
 background-color:#ffffff;
 border-radius:20px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 gap:15px;
 text-align:center;
 font-size:var(--step-1);px;
 font-weight:700;
 color:#0a7ced;
 line-height:1;
width:calc(33.33% - 10px);
}
.small-white-badge-box:not(.ct-section):not(.oxy-easy-posts),
.small-white-badge-box.oxy-easy-posts .oxy-posts,
.small-white-badge-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:15px;
}
@media (max-width: 767px) {
.small-white-badge-box {
 padding-left:15px;
 padding-right:15px;
}
}

@media (max-width: 479px) {
.small-white-badge-box {
 width:100%;
 text-align:left;
 padding-top:15px;
 padding-bottom:15px;
 border-radius:15px;
}
.small-white-badge-box:not(.ct-section):not(.oxy-easy-posts),
.small-white-badge-box.oxy-easy-posts .oxy-posts,
.small-white-badge-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
}

.small-white-badge-box-img {
 height:60px;
}
@media (max-width: 479px) {
.small-white-badge-box-img {
 height:40px;
}
}

.promo-badge-top {
 background-color:#ffffff;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#dbdbdb;
 border-right-color:#dbdbdb;
 border-bottom-color:#dbdbdb;
 border-left-color:#dbdbdb;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-radius:25px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 gap:15px;
 line-height:1;
 font-weight:600;
 color:#000000;
 font-size:var(--step-1);px;
}
.promo-badge-top:not(.ct-section):not(.oxy-easy-posts),
.promo-badge-top.oxy-easy-posts .oxy-posts,
.promo-badge-top.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:15px;
}
@media (max-width: 1600px) {
.promo-badge-top {
 font-size:var(--step-0);px;
 padding-top:15px;
 padding-right:15px;
 padding-bottom:15px;
 padding-left:15px;
}
}

@media (max-width: 479px) {
.promo-badge-top {
 padding-left:15px;
 padding-right:15px;
 padding-top:15px;
 padding-bottom:15px;
 border-radius:20px;
}
}

.promo-badge-top-img {
 width:40px;
}
@media (max-width: 1600px) {
.promo-badge-top-img {
 width:30px;
}
}

@media (max-width: 479px) {
.promo-badge-top-img {
 width:35px;
}
}

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

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

.wrapped-time-box {
 background-color:#303030;
 border-radius:25px;
 margin-top:30px;
 padding-top:10px;
 padding-right:10px;
 padding-bottom:10px;
 padding-left:10px;
 gap:30px;
}
.wrapped-time-box:not(.ct-section):not(.oxy-easy-posts),
.wrapped-time-box.oxy-easy-posts .oxy-posts,
.wrapped-time-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:30px;
}
@media (max-width: 767px) {
.wrapped-time-box {
}
.wrapped-time-box:not(.ct-section):not(.oxy-easy-posts),
.wrapped-time-box.oxy-easy-posts .oxy-posts,
.wrapped-time-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

@media (max-width: 479px) {
.wrapped-time-box {
 text-align:center;
 width:100%;
}
.wrapped-time-box:not(.ct-section):not(.oxy-easy-posts),
.wrapped-time-box.oxy-easy-posts .oxy-posts,
.wrapped-time-box.ct-section .ct-section-inner-wrap{
align-items:stretch;
}
}

.red-outline-button {
 border-top-color:#ff3a3a;
 border-right-color:#ff3a3a;
 border-bottom-color:#ff3a3a;
 border-left-color:#ff3a3a;
 border-top-width:1.5px;
 border-right-width:1.5px;
 border-bottom-width:1.5px;
 border-left-width:1.5px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 color:#ff3a3a;
}
.service-grid-rep:hover{
transform:scale(1.03,1.03); transition-duration:0.3s;
}
.service-grid-rep {
background-image: linear-gradient(rgba(28,28,28,0), #333333 50%); border-bottom-left-radius:30px;
 border-bottom-right-radius:30px;
 transition-duration:0.3s;
width:calc(25% - 15px);
}
.service-grid-rep:not(.ct-section):not(.oxy-easy-posts),
.service-grid-rep.oxy-easy-posts .oxy-posts,
.service-grid-rep.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 991px) {
.service-grid-rep {
 border-bottom-left-radius:25px;
 border-bottom-right-radius:25px;
width:calc(33.33% - 15px);
}
}

@media (max-width: 767px) {
.service-grid-rep {
width:calc(50% - 10px);
}
}

@media (max-width: 479px) {
.service-grid-rep {
 border-bottom-left-radius:15px;
 border-bottom-right-radius:15px;
width:calc(50% - 5px);
}
}

.service-gird-main {
 margin-top:0px;
}
.service-content-home {
 width:100%;
 padding-left:30px;
 padding-right:50px;
 font-size:var(--step-2);px;
 color:#ffffff;
 font-weight:600;
 padding-bottom:15px;
 padding-top:15px;
 line-height:1;
 position:relative;
}
.service-content-home:not(.ct-section):not(.oxy-easy-posts),
.service-content-home.oxy-easy-posts .oxy-posts,
.service-content-home.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1600px) {
.service-content-home {
 font-size:var(--step-1);px;
 padding-left:20px;
 padding-right:20px;
}
}

@media (max-width: 479px) {
.service-content-home {
 padding-left:15px;
 padding-right:15px;
 padding-top:12px;
 padding-bottom:12px;
}
}

.service-grid-link {
 width:100%;
}
.service-content-home-icon {
color: #ffffff;}.service-content-home-icon 
>svg {width: 23px;height: 23px;}.service-content-home-icon {
 position:absolute;
 right:20px;
}
@media (max-width: 479px) {
.service-content-home-icon {
}
.service-content-home-icon:not(.ct-section):not(.oxy-easy-posts),
.service-content-home-icon.oxy-easy-posts .oxy-posts,
.service-content-home-icon.ct-section .ct-section-inner-wrap{
display:none;
}
}

.service-area-row {
 width:100%;
 margin-top:30px;
 gap:20px;
}
.service-area-row:not(.ct-section):not(.oxy-easy-posts),
.service-area-row.oxy-easy-posts .oxy-posts,
.service-area-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
gap:20px;
}
@media (max-width: 991px) {
.service-area-row {
 gap:15px;
}
.service-area-row:not(.ct-section):not(.oxy-easy-posts),
.service-area-row.oxy-easy-posts .oxy-posts,
.service-area-row.ct-section .ct-section-inner-wrap{
gap:15px;
}
}

@media (max-width: 767px) {
.service-area-row {
 gap:10px;
}
.service-area-row:not(.ct-section):not(.oxy-easy-posts),
.service-area-row.oxy-easy-posts .oxy-posts,
.service-area-row.ct-section .ct-section-inner-wrap{
gap:10px;
}
}

.service-area-card {
 background-color:#ffffff;
 border-radius:30px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#cecece;
 border-right-color:#cecece;
 border-bottom-color:#cecece;
 border-left-color:#cecece;
 border-top-width:1.5px;
 border-right-width:1.5px;
 border-bottom-width:1.5px;
 border-left-width:1.5px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
width:calc(25% - 15px);
}
.service-area-card:not(.ct-section):not(.oxy-easy-posts),
.service-area-card.oxy-easy-posts .oxy-posts,
.service-area-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 991px) {
.service-area-card {
 padding-top:15px;
 padding-right:15px;
 padding-bottom:15px;
 padding-left:15px;
 border-radius:25px;
width:calc(33.33% - 10px);
}
}

@media (max-width: 767px) {
.service-area-card {
width:calc(50% - 5px);
}
}

@media (max-width: 479px) {
.service-area-card {
 padding-top:10px;
 padding-right:10px;
 padding-bottom:15px;
 padding-left:10px;
}
.service-area-card:not(.ct-section):not(.oxy-easy-posts),
.service-area-card.oxy-easy-posts .oxy-posts,
.service-area-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}

.service-area-card-col {
 width:60%;
 padding-top:20px;
 padding-bottom:20px;
 padding-right:15px;
}
.service-area-card-col:not(.ct-section):not(.oxy-easy-posts),
.service-area-card-col.oxy-easy-posts .oxy-posts,
.service-area-card-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:space-between;
}
@media (max-width: 479px) {
.service-area-card-col {
 width:100%;
 padding-right:0px;
 gap:10px;
 padding-bottom:0px;
 padding-top:10px;
}
.service-area-card-col:not(.ct-section):not(.oxy-easy-posts),
.service-area-card-col.oxy-easy-posts .oxy-posts,
.service-area-card-col.ct-section .ct-section-inner-wrap{
gap:10px;
}
}

.service-area-card-img {
background-size: cover; width:40%;
 border-radius:10px;
 min-height:100px;
 background-repeat:no-repeat;
 object-fit:cover;
}
@media (max-width: 767px) {
.service-area-card-img {
 min-height:100px;
}
}

@media (max-width: 479px) {
.service-area-card-img {
 min-height:70px;
 height:70px;
 width:100%;
}
}

.service-region-title {
 font-size:var(--step-2);px;
 color:#1c1c1c;
}
@media (max-width: 991px) {
.service-region-title {
 font-size:var(--step-1);px;
}
}

.service-region-link-box {
 font-size:var(--step-0);px;
 line-height:1;
 font-weight:600;
 color:#0a7ced;
 gap:15px;
}
.service-region-link-box:not(.ct-section):not(.oxy-easy-posts),
.service-region-link-box.oxy-easy-posts .oxy-posts,
.service-region-link-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:15px;
}
@media (max-width: 991px) {
.service-region-link-box {
 font-size:var(--step--1);px;
}
}

.view-area-icon {
color: #0a7ced;}.view-area-icon 
>svg {width: 14px;height: 14px;}.view-area-icon {
}
.time-m {
 font-size:var(--step-0);px;
}
.service-internal-grid {
 width:100%;
 gap:13px;
}
.service-internal-grid:not(.ct-section):not(.oxy-easy-posts),
.service-internal-grid.oxy-easy-posts .oxy-posts,
.service-internal-grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:flex-start;
gap:13px;
}
@media (max-width: 991px) {
.service-internal-grid {
 gap:20px;
}
.service-internal-grid:not(.ct-section):not(.oxy-easy-posts),
.service-internal-grid.oxy-easy-posts .oxy-posts,
.service-internal-grid.ct-section .ct-section-inner-wrap{
gap:20px;
}
}

.serviceinternal-card {
 border-radius:20px;
 background-color:#ffffff;
 overflow:hidden;
 position:relative;
 box-shadow:10px 10px 40px rgba(0,0,0,0.1);
width:calc(25% - 10px);
}
@media (max-width: 991px) {
.serviceinternal-card {
width:calc(50% - 10px);
}
}

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

.service-internal-img {
 margin-bottom:0px;
 object-fit:cover;
 height:180px;
 width:100%;
}
@media (max-width: 991px) {
.service-internal-img {
 height:120px;
}
}

.service-internal-content-box {
 width:100%;
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
 gap:10px;
 font-size:var(--step-0);px;
}
.service-internal-content-box:not(.ct-section):not(.oxy-easy-posts),
.service-internal-content-box.oxy-easy-posts .oxy-posts,
.service-internal-content-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
}
@media (max-width: 991px) {
.service-internal-content-box {
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
}
}

@media (max-width: 479px) {
.service-internal-content-box {
 font-size:var(--step--1);px;
}
}

.service-internal-title {
 font-size:var(--step-3);px;
 color:#1c1c1c;
}
@media (max-width: 991px) {
.service-internal-title {
 font-size:var(--step-2);px;
}
}

.title-sub-wrap {
 text-align:center;
 max-width:800px;
}
.title-sub-wrap:not(.ct-section):not(.oxy-easy-posts),
.title-sub-wrap.oxy-easy-posts .oxy-posts,
.title-sub-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.how-row {
 width:100%;
 margin-top:36px;
 gap:20px;
}
.how-row:not(.ct-section):not(.oxy-easy-posts),
.how-row.oxy-easy-posts .oxy-posts,
.how-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:center;
gap:20px;
}
.urgency-title {
 font-size:20px;
 line-height:1;
 font-weight:500;
}
.urgency-title-wrap {
 gap:10px;
}
.urgency-title-wrap:not(.ct-section):not(.oxy-easy-posts),
.urgency-title-wrap.oxy-easy-posts .oxy-posts,
.urgency-title-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:10px;
}
.urgency-title-dot {
 width:12px;
 height:12px;
 border-radius:100px;
min-height:0!important; min-width:0!important;
}
.suburb-list-service-page {
 width:100%;
 margin-top:30px;
 gap:15px;
}
.suburb-list-service-page:not(.ct-section):not(.oxy-easy-posts),
.suburb-list-service-page.oxy-easy-posts .oxy-posts,
.suburb-list-service-page.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:15px;
}
@media (max-width: 1600px) {
.suburb-list-service-page {
 gap:10px;
}
.suburb-list-service-page:not(.ct-section):not(.oxy-easy-posts),
.suburb-list-service-page.oxy-easy-posts .oxy-posts,
.suburb-list-service-page.ct-section .ct-section-inner-wrap{
gap:10px;
}
}

.ssuburb-list-service-item:hover{
transform:scale(1.03,1.03); transition-duration:0.3s;
 border-top-color:#0a7ced;
 border-right-color:#0a7ced;
 border-bottom-color:#0a7ced;
 border-left-color:#0a7ced;
}
.ssuburb-list-service-item {
 font-size:var(--step-1);px;
 line-height:1;
 padding-top:12px;
 padding-right:20px;
 padding-bottom:12px;
 padding-left:20px;
 background-color:#e8e8e8;
 color:#1c1c1c;
 border-radius:100px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#b5b5b5;
 border-right-color:#b5b5b5;
 border-bottom-color:#b5b5b5;
 border-left-color:#b5b5b5;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 transition-duration:0.3s;
}
@media (max-width: 991px) {
.ssuburb-list-service-item {
 font-size:var(--step-0);px;
}
}

.faq-wrapper {
 margin-top:30px;
}
.col-img-50 {
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center center;
}
.corner-size-fixed {
 height:120px;
}
@media (max-width: 991px) {
.corner-size-fixed {
 height:80px;
}
}

@media (max-width: 479px) {
.corner-size-fixed {
 height:60px;
}
}

.service-int-truck {
 width:140%;
 max-width:140%;
 margin-right:-10%;
}
@media (max-width: 991px) {
.service-int-truck {
 width:100%;
 margin-right:0%;
}
}

@media (max-width: 767px) {
.service-int-truck {
 margin-bottom:20px;
}
}

.service-truck-section {
 background-color:#1c1c1c;
 position:relative;
}
.service-truck-section .ct-section-inner-wrap {
padding-top: 50px;
padding-bottom: 49px;
}
.service-truck-blue {
 position:absolute;
 left:0px;
 top:0px;
 bottom:0px;
 width:30%;
 border-top-right-radius:200px;
 background-color:#0a7ced;
}
@media (max-width: 991px) {
.service-truck-blue {
 width:100%;
 border-radius:0px;
 height:35%;
}
}

@media (max-width: 479px) {
.service-truck-blue {
 height:20%;
}
}

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

.brands-img-int {
 background-color:#ffffff;
 border-radius:20px;
 height:90px;
 margin-right:0px;
}
@media (max-width: 767px) {
.brands-img-int {
 height:70px;
 border-radius:10px;
}
}

.row-fullwidth {
 width:100%;
 max-width:1600px;
 padding-left:30px;
 padding-right:30px;
}
.row-fullwidth:not(.ct-section):not(.oxy-easy-posts),
.row-fullwidth.oxy-easy-posts .oxy-posts,
.row-fullwidth.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 991px) {
.row-fullwidth {
}
.row-fullwidth:not(.ct-section):not(.oxy-easy-posts),
.row-fullwidth.oxy-easy-posts .oxy-posts,
.row-fullwidth.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.ani04 {
}
.ani05 {
}
.contact-col-top {
 width:33.33%;
 font-size:var(--step-1);px;
 color:#ffffff;
 line-height:1;
 padding-right:20px;
}
.contact-col-top:not(.ct-section):not(.oxy-easy-posts),
.contact-col-top.oxy-easy-posts .oxy-posts,
.contact-col-top.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 1600px) {
.contact-col-top {
 font-size:var(--step-0);px;
}
}

@media (max-width: 767px) {
.contact-col-top {
 width:100%;
}
}

.contact-col-title {
 font-size:var(--step-4);px;
 color:#ffffff;
}
@media (max-width: 1600px) {
.contact-col-title {
 font-size:var(--step-3);px;
}
}

.faq-row-int {
 width:100%;
 position:relative;
}
.faq-row-int:not(.ct-section):not(.oxy-easy-posts),
.faq-row-int.oxy-easy-posts .oxy-posts,
.faq-row-int.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
}
.faq-sidebar {
 background-color:#ffffff;
 width:100%;
 border-radius:30px;
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
 text-align:left;
 margin-right:0px;
 box-shadow:10px 10px 40px rgba(0,0,0,0.14);
position:sticky; top:30px;
}
.faq-sidebar:not(.ct-section):not(.oxy-easy-posts),
.faq-sidebar.oxy-easy-posts .oxy-posts,
.faq-sidebar.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 479px) {
.faq-sidebar {
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
}
}

.oxy-stock-content-styles {
}
.richp {
}
:root {
  --step--5: clamp(0.2985rem, 0.3366rem - 0.049cqi, 0.3255rem);
  --step--4: clamp(0.3732rem, 0.3977rem - 0.0316cqi, 0.3907rem);
  --step--3: clamp(0.4666rem, 0.4696rem - 0.004cqi, 0.4687rem);
  --step--2: clamp(0.5625rem, 0.554rem + 0.0377cqi, 0.5832rem);
  --step--1: clamp(0.675rem, 0.653rem + 0.0982cqi, 0.729rem);

  --step-0: clamp(0.81rem, 0.7686rem + 0.1841cqi, 0.9113rem);
  --step-1: clamp(0.972rem, 0.9036rem + 0.3038cqi, 1.1391rem);
  --step-2: clamp(1.1664rem, 1.0611rem + 0.468cqi, 1.4238rem);
  --step-3: clamp(1.3997rem, 1.2442rem + 0.6911cqi, 1.7798rem);
  --step-4: clamp(1.6796rem, 1.4567rem + 0.9911cqi, 2.2247rem);
  --step-5: clamp(2.0156rem, 1.7024rem + 1.3916cqi, 2.7809rem);
  --step-6: clamp(2.4187rem, 1.986rem + 1.9227cqi, 3.4762rem);
  --step-7: clamp(2.9024rem, 2.3122rem + 2.6232cqi, 4.3452rem);
  --step-8: clamp(3.4828rem, 2.6857rem + 3.5429cqi, 5.4315rem);
  --step-9: clamp(4.1794rem, 3.1117rem + 4.7453cqi, 6.7893rem);
  --step-10: clamp(5.0152rem, 3.5952rem + 6.3116cqi, 8.4867rem);
}

html,
body {
    position: relative;
    margin: 0;
    background: #f4f4f4;
    /*overflow-x: hidden;*/
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) span {
  display: contents !important;
  white-space: normal !important;
}

@keyframes delayin {
  0%   {opacity:0;}
  100% {opacity:1;}
}

@keyframes fadein {
  0%   {opacity:0;}
  100% {opacity:1;}
}

.ani01 {
animation: fadein 0.7s ease-in-out forwards;
animation-delay: 200ms;
opacity:0;
}

.ani02 {
animation: fadein 0.7s ease-in-out forwards;
animation-delay: 400ms;
opacity:0;
}

.ani03 {
animation: fadein 0.7s ease-in-out forwards;
animation-delay: 600ms;
opacity:0;
}

.ani04 {
animation: fadein 0.7s ease-in-out forwards;
animation-delay: 800ms;
opacity:0;
}

.ani05 {
animation: fadein 0.7s ease-in-out forwards;
animation-delay: 1000ms;
opacity:0;
}

.white-text a {
  color:white;
}

/*======= Promo Section Homepage =========*/



.ps-wrap,.ps-wrap *,.ps-wrap *::before,.ps-wrap *::after{box-sizing:border-box}
.ps-wrap ul.ps-track{list-style:none!important;margin:0!important;padding:0!important;display:flex!important}
.ps-wrap ul.ps-track li.ps-slide{
  list-style:none!important;text-indent:0!important;margin:0!important;float:none!important;
}
.ps-wrap ul.ps-track li.ps-slide::before,
.ps-wrap ul.ps-track li.ps-slide::marker{content:none!important;display:none!important}

/* ---------- shell ---------- */

.ps-section{
  --ps-fade-color:#f4f4f4;
  background:var(--ps-fade-color);
  overflow:hidden;
}

.ps-wrap{
  --ps-view:1.5;          /* slides visible at once */
  --ps-gap:18px;
  --ps-radius:18px;
  /* `auto` = height comes from the image's own dimensions.
     Set a ratio (e.g. 4/5, 16/9, 1) to force every slide to match. */
  --ps-ratio:auto;
  --ps-fade-size:16%;     /* width of the right-hand gradient */
  --ps-edge:24px;         /* breathing room at the left edge */

  position:relative;
  max-width:1180px;
  margin:0 auto;
  font-family:"Poppins","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ---------- track ---------- */
.ps-track{
  display:flex;
  gap:var(--ps-gap);
  overflow-x:auto;
  overflow-y:hidden;
  align-items:flex-start; 
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scroll-padding-left:var(--ps-edge);
  padding:0 0 4px var(--ps-edge);
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  cursor:grab;
}
.ps-track::-webkit-scrollbar{display:none}
.ps-track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}

.ps-track::after{
  content:"";
  flex:0 0 calc((100% - var(--ps-gap)) / var(--ps-view) / 2);
}

.ps-slide{
  flex:0 0 calc((100% - var(--ps-gap) - var(--ps-edge)) / var(--ps-view));
  scroll-snap-align:start;
  position:relative;
  border-radius:var(--ps-radius);
  overflow:hidden;
  background:linear-gradient(135deg,#e7e9ec,#f1f2f4);
  transform:translateY(22px);
  opacity:0;
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--i) * .1s);
}
.ps-wrap.is-in .ps-slide{opacity:1;transform:none}

.ps-slide img{
  display:block;
  width:100%;
  height:auto;              /* natural height when --ps-ratio is auto */
  aspect-ratio:var(--ps-ratio);
  object-fit:cover;         /* only bites when a ratio is set */
  border-radius:inherit;
  transition:transform .6s cubic-bezier(.22,1,.36,1);
  -webkit-user-drag:none;
  user-select:none;
}
.ps-slide:hover img{transform:scale(1.03)}
.ps-slide img.is-missing{display:none}

/* placeholder shown only if the image 404s — handy while you upload */
.ps-ghost{
  display:none;
  aspect-ratio:var(--ps-ratio);
  min-height:240px;        /* keeps the placeholder visible when ratio is auto */
  place-items:center;
  font-size:13px;font-weight:600;color:#9aa0a8;letter-spacing:.3px;
  padding:16px;text-align:center;
}
.ps-slide.is-empty .ps-ghost{display:grid}

/* ---------- right-hand gradient fade ---------- */
.ps-fade{
  position:absolute;
  top:0;right:0;bottom:0;
  width:var(--ps-fade-size);
  pointer-events:none;
  z-index:2;
  background:linear-gradient(to right,
    rgba(244,244,244,0) 0%,
    rgba(244,244,244,.65) 45%,
    var(--ps-fade-color) 100%);
}

/* ---------- controls ---------- */
.ps-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:20px var(--ps-edge) 0;
  opacity:0;transform:translateY(10px);
  transition:opacity .5s ease .45s,transform .5s ease .45s;
}
.ps-wrap.is-in .ps-bar{opacity:1;transform:none}

.ps-dots{display:flex;gap:8px}
.ps-dot{
  width:8px;height:8px;padding:0;border:0;border-radius:99px;
  background:#c9ccd2;cursor:pointer;
  transition:width .35s cubic-bezier(.22,1,.36,1),background-color .25s ease;
}
.ps-dot.is-active{width:26px;background:#2d6af6}
.ps-dot:focus-visible{outline:2px solid #2d6af6;outline-offset:3px}

.ps-arrows{display:flex;gap:10px}
.ps-arrow{
  width:40px;height:40px;padding:0;
  display:grid;place-items:center;
  border:1.5px solid #dcdfe4;border-radius:50%;
  background:#fff;color:#0d0e12;cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease;
}
.ps-arrow:hover{background:#0d0e12;border-color:#0d0e12;color:#fff}
.ps-arrow:active{transform:scale(.94)}
.ps-arrow:focus-visible{outline:2px solid #2d6af6;outline-offset:3px}
.ps-arrow[disabled]{opacity:.35;pointer-events:none}
.ps-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .ps-wrap{--ps-view:1.25;--ps-edge:18px;--ps-gap:14px}
}
@media (max-width:560px){
  .ps-wrap{--ps-view:1.15;--ps-edge:14px;--ps-gap:12px;--ps-radius:14px;--ps-fade-size:12%}
  .ps-arrow{width:36px;height:36px}
  .ps-bar{margin-top:16px}
}

/* ---------- accessibility ---------- */
@media (prefers-reduced-motion:reduce){
  .ps-track{scroll-behavior:auto}
  .ps-wrap,.ps-wrap *{transition:none!important;animation:none!important}
  .ps-slide{opacity:1;transform:none}
  .ps-bar{opacity:1;transform:none}
  .ps-slide:hover img{transform:none}
}

.av-status{display:inline-flex;align-items:center;gap:.5em}
.av-dot{width:.6em;height:.6em;border-radius:50%;background:#2fcf4a;flex:0 0 auto}
.av-time{font-variant-numeric:tabular-nums}

.av-dot{position:relative}
.av-dot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:#2fcf4a;
  animation:av-pulse 2s ease-out infinite;
}
@keyframes av-pulse{
  0%  {transform:scale(1);   opacity:.7}
  100%{transform:scale(2.4); opacity:0}
}

@media (prefers-reduced-motion:reduce){
  .av-dot::after{animation:none}
}

/*=============== Recent Jobs Block ===================*/

.jc-module,.jc-module *,.jc-module *::before,.jc-module *::after{box-sizing:border-box}

.jc-module{
  --jc-ratio: 1 / 1.05;     /* module keeps this shape at every width */
  --jc-gap: 14px;           /* <-- the only gap value: horizontal AND vertical */
  --jc-radius: 16px;
  --jc-fade: 14%;
  --jc-up: 38s;
  --jc-down: 46s;
  --jc-card: 4 / 5;         /* each photo's shape */
  --jc-offset: 7%;          /* how far the right column starts down */

  container-type: inline-size;
  position:relative;
  width:100%;
  aspect-ratio:var(--jc-ratio);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--jc-gap);
  overflow:hidden;
  font-family:"Poppins","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* fade out at the top and bottom edges */
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--jc-fade),#000 calc(100% - var(--jc-fade)),transparent 100%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 var(--jc-fade),#000 calc(100% - var(--jc-fade)),transparent 100%);
}

/* both gaps forced to the same value, in case a theme style lands on either element */
.jc-module{gap:var(--jc-gap)!important}
.jc-module .jc-track{gap:var(--jc-gap)!important}

/* ---------- columns ---------- */
.jc-col{
  position:relative;
  overflow:hidden;
  opacity:0;
  transform:translateY(26px);
  transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);
}
.jc-col--down{transition-delay:.12s}
.jc-module.is-in .jc-col{opacity:1;transform:none}

/* right column starts lower - margin, not padding, so the loop math stays exact */
.jc-col--down .jc-track{margin-top:var(--jc-offset)}

.jc-track{
  display:flex;
  flex-direction:column;
  gap:var(--jc-gap);
  will-change:transform;
  animation-duration:var(--jc-up);
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-play-state:paused;        /* starts when scrolled into view */
}
.jc-module.is-in .jc-track{animation-play-state:running}

.jc-col--up   .jc-track{animation-name:jc-up}
.jc-col--down .jc-track{animation-name:jc-down;animation-duration:var(--jc-down)}

/* -50% lands half a gap short (12 cards have 11 gaps, one set has 6),
   so the extra half-gap keeps the loop perfectly seamless */
@keyframes jc-up{
  from{transform:translate3d(0,0,0)}
  to  {transform:translate3d(0,calc(-50% - (var(--jc-gap) / 2)),0)}
}
@keyframes jc-down{
  from{transform:translate3d(0,calc(-50% - (var(--jc-gap) / 2)),0)}
  to  {transform:translate3d(0,0,0)}
}

/* ---------- cards ---------- */
.jc-card{
  position:relative;
  margin:0;
  flex:0 0 auto;
  border-radius:var(--jc-radius);
  overflow:hidden;
  background:#eceef1;
  aspect-ratio:var(--jc-card);
}
.jc-card img{
  display:block;
  width:100%;height:100%;
  object-fit:cover;
}

/* caption pill */
.jc-meta{
  position:absolute;
  left:4%;right:4%;bottom:4%;
  display:flex;
  flex-direction:column;
  gap:.15em;
  padding:.75em 1em;
  border-radius:.85em;
  background:rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
          backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 2px 12px rgba(16,24,40,.10);
}
.jc-job{
  font-size:2.3cqw;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.01em;
  color:#0d0e12;
}
.jc-loc{
  display:flex;
  align-items:center;
  gap:.35em;
  font-size:1.75cqw;
  font-weight:600;
  color:#2d6af6;
}
.jc-loc svg{
  width:1.15em;height:1.15em;
  flex:0 0 auto;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}

/* ---------- mobile ----------
   @media, not @container: a container query cannot style the element
   that establishes the container, and --jc-gap lives on .jc-module.
   Gap stays a single value, so both axes move together.            */
@media (max-width:600px){
  .jc-module{--jc-gap:10px;--jc-radius:12px}
  .jc-job{font-size:3.1cqw}
  .jc-loc{font-size:2.5cqw}
  .jc-meta{padding:.7em .8em;border-radius:.7em}
}

@media (prefers-reduced-motion:reduce){
  .jc-module .jc-track{animation:none!important}
  .jc-col{opacity:1;transform:none;transition:none}
}

/*=============== Recent Jobs Block END ===================*/

/*------------ Footer --------------*/

/*-------Footer Accordion--------*/

@media screen and ( min-width: 768px ) {
.footer-col .oxel_accordion__content__hidden {
	max-height:1000px;
	z-index:1;
}

.footer-col .oxel_accordion__content {
	padding-top:0;
}

.footer-col .hidden-footer div.ct-fancy-icon {
	display:none;
}
}

.service-t-row:hover .footer-arrow, .service-t-row:hover div{
	color:#fff;
	transition:0.3s;
}

.service-t-row .footer-arrow, .service-t-row div{
	transition:0.3s;
}

@media screen and ( max-width: 768px ) {

.footer-col .oxel_accordion__content {
	padding-top:10px;
}
}

.dark-bg .step-title, .dark-bg .text-wrap-ove {
  color:white;
}

/*==================== Fluent Forms ===============*/

.ff-forms .ff-el-form-control{
    padding: 8px 15px;  /*change padding*/
    background-color: white; /*change background color*/
    border: 1px solid #c2942d; /*change border width and color*/
	height: 60px;
	font-family:inherit;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.ff-forms .fluentform .ff-el-group {
  margin-bottom: 10px;
}

.ff-forms .ff-el-input--content select, .ff-forms .ff-btn-submit  {
	height: 60px !important;
	font-family:inherit;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.ff-forms .fluentform .ff_el_checkable_photo_holders {
  display: flex;
 flex-wrap: wrap;
}


.ff-forms .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
  display: flex;
	flex-direction: column;
  float: none !important;
  margin: 0 0 10px;
  position: relative;
  width: 50% !important;
	
}

@media screen and (min-width: 768px) {
    .ff-forms .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
  width: 16.66% !important;
		min-width:200px;
}
}

.ff-forms .fluentform label.ff-el-image-input-src {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
  cursor: pointer;
  display: block;
  height: auto;
  width: 100%;
  background-position: center;
  padding-bottom: 100%;
}

.ff-forms .ff-btn-submit {
	/*border-radius: inherit!important;*/


}


.big-ff .ff-btn-submit {
	/*border-radius: inherit!important;*/
	width:100%;
	background:#f4bf00;
	color:#000;

}


.ff-forms .ff-el-form-control:focus {
	border-color: rgba(101, 191, 63, 1) !important;
}


.ff-forms .ff_conv_app_frame .vff, .ff-forms .ff_conv_section_wrapper.ff_conv_layout_default {
	padding:0!important;
}

.ff-forms .ff-default textarea {
  min-height:60px!important;
}

.ff-forms .ff_conv_app_frame .vff.vff_layout_default .f-container {
	max-width:100%;
	padding:0;
}

.ff-forms .ff-soft {
	background-color: rgba(255,255,255,0.8)!important;
	border: none!important;
	border-radius:100px!important;
}

.ff-forms .ff-soft:focus {
	background-color: rgba(255,255,255,0.8)!important; /*change background color*/
}


/*==========Quote Animation==============*/

.qr-wrap,.qr-wrap *,.qr-wrap *::before,.qr-wrap *::after{box-sizing:border-box}
.qr-wrap ul.qr-list{list-style:none!important;margin:0!important;padding:0!important}
.qr-wrap ul.qr-list li.qr-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  list-style:none!important;
  text-indent:0!important;
  margin:0!important;
  width:auto!important;
  float:none!important;
}
.qr-wrap ul.qr-list li.qr-row::before,
.qr-wrap ul.qr-list li.qr-row::marker{content:none!important;display:none!important}
.qr-wrap .qr-head,.qr-wrap .qr-listhead,.qr-wrap .qr-cta,.qr-wrap .qr-foot{display:flex!important}
.qr-wrap .qr-meta{display:grid!important}
.qr-wrap p,.qr-wrap span,.qr-wrap strong,.qr-wrap a{line-height:normal;letter-spacing:inherit}

/* ---------- layout shell ---------- */
.qr-section{
  padding:64px 16px;
  background:#f4f5f7;
  display:flex;
  justify-content:center;
}

.qr-wrap{
  --qr-blue:#2d6af6;
  --qr-green:#2ec758;
  --qr-green-soft:#dff8e4;
  --qr-green-line:#9ae5ae;
  --qr-ink:#0d0e12;
  --qr-muted:#9aa0a8;
  --qr-rule:#ecedf0;
  --qr-radius:21px;
  --qr-logo-h:46px;
  --qr-pad:27px;

  width:100%;
  max-width:100%;          /* was 560px — scaled so the card stays proportional */
  font-family:"Poppins","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--qr-ink);
  -webkit-font-smoothing:antialiased;
  /* drop-shadow (not box-shadow) so the zig-zag teeth cast a shadow too */
  filter:drop-shadow(0 14px 32px rgba(16,24,40,.10)) drop-shadow(0 2px 5px rgba(16,24,40,.05));
  opacity:0;
  transform:translateY(34px) scale(.985);
  transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
}
.qr-wrap.is-in{opacity:1;transform:none}

.qr-card{
  background:#fff;
  border-radius:var(--qr-radius) var(--qr-radius) 0 0;
  padding:var(--qr-pad) var(--qr-pad) 18px;
}

/* torn receipt edge */
.qr-edge{
  height:11px;
  background:#fff;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100% repeat-x;
          mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100% repeat-x;
}

/* ---------- header ---------- */
.qr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px}
.qr-logo{display:block;height:var(--qr-logo-h);width:auto}
.qr-logo img,.qr-logo svg{height:100%;width:auto;display:block}

.qr-pill{
  font-size:11.2px;font-weight:700;letter-spacing:.2px;
  color:var(--qr-green);
  background:var(--qr-green-soft);
  border:1.5px solid var(--qr-green-line);
  border-radius:10px;
  padding:11px 14px;
  white-space:nowrap;
  opacity:0;transform:scale(.9);
  transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1);
  transition-delay:.55s;
}
.qr-wrap.is-in .qr-pill{opacity:1;transform:none}

/* ---------- meta ---------- */
.qr-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 19px;margin:27px 0 0}
.qr-label{display:block;font-size:12px;color:var(--qr-muted);margin-bottom:3px}
.qr-value{display:block;font-size:17px;font-weight:700;letter-spacing:-.2px}

.qr-dash{
  height:2px;margin:18px 0 21px;
  background-image:linear-gradient(to right,#d5d7dc 0 8px,transparent 8px 16px);
  background-size:16px 2px;background-repeat:repeat-x;
  transform:scaleX(0);transform-origin:left;
  transition:transform .8s cubic-bezier(.22,1,.36,1) .25s;
}
.qr-wrap.is-in .qr-dash{transform:scaleX(1)}

/* ---------- list ---------- */
.qr-wrap .qr-listhead{
  display:flex;justify-content:space-between;
  font-size:12px;color:var(--qr-muted);margin-bottom:5px;
}
.qr-list{list-style:none;margin:0;padding:0}

.qr-wrap .qr-row{
  display:flex;align-items:center;gap:13px;
  padding:13px 5px!important;
  border-bottom:1px solid var(--qr-rule);
  border-radius:8px;
  opacity:0;transform:translateY(14px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1),background-color .2s ease;
  transition-delay:calc(.3s + var(--i) * .09s);
}
.qr-wrap.is-in .qr-row{opacity:1;transform:none}
.qr-row:hover{background:#fafbfc}
.qr-row:last-child{border-bottom:0}

.qr-wrap .qr-check{
  flex:0 0 auto;width:22px;height:22px;min-width:22px;border-radius:50%;
  background:var(--qr-green-soft);
  display:grid;place-items:center;
  transform:scale(.4);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1);
  transition-delay:calc(.36s + var(--i) * .09s);
}
.qr-wrap.is-in .qr-check{transform:scale(1)}
.qr-check path{
  stroke:var(--qr-green);stroke-width:2.4;fill:none;
  stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:24;stroke-dashoffset:24;
  transition:stroke-dashoffset .4s ease;
  transition-delay:calc(.46s + var(--i) * .09s);
}
.qr-wrap.is-in .qr-check path{stroke-dashoffset:0}

.qr-wrap .qr-item{flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:600;letter-spacing:-.1px}
.qr-wrap .qr-stat{
  flex:0 0 auto;font-size:14.5px;font-weight:700;text-align:right;white-space:nowrap;
  opacity:0;transform:translateX(12px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(.44s + var(--i) * .09s);
}
.qr-wrap.is-in .qr-stat{opacity:1;transform:none}
.qr-stat--green{color:var(--qr-green)}
.qr-stat--muted{font-weight:600}

/* ---------- CTA bar ---------- */
.qr-cta{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:var(--qr-blue);
  border-radius:16px;
  padding:13px 13px 13px 24px;
  margin:22px 0 0;
  opacity:0;transform:translateY(18px);
  transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1);
  transition-delay:1.05s;
}
.qr-wrap.is-in .qr-cta{opacity:1;transform:none}
.qr-cta p{margin:0;color:#fff;font-size:14.5px;font-weight:700;line-height:1.3;letter-spacing:-.1px}

.qr-btn{
  position:relative;overflow:hidden;
  flex:0 0 auto;
  font:inherit;font-size:13px;font-weight:700;letter-spacing:.3px;
  color:#fff;background:#3ccf5d;
  border:0;border-radius:11px;
  padding:14px 22px;cursor:pointer;
  transform:scale(.8) rotate(-4deg);opacity:0;
  transition:opacity .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1),background-color .2s ease;
  transition-delay:1.25s;
}
.qr-wrap.is-in .qr-btn{opacity:1;transform:none}
.qr-btn:hover{background:#34c154}
.qr-btn:active{transform:scale(.97)}
.qr-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.qr-btn.is-stamped{animation:qr-stamp .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes qr-stamp{0%{transform:scale(1)}35%{transform:scale(.92)}100%{transform:scale(1)}}

.qr-ripple{
  position:absolute;border-radius:50%;background:rgba(255,255,255,.55);
  transform:translate(-50%,-50%) scale(0);pointer-events:none;
  animation:qr-ripple .6s ease-out forwards;
}
@keyframes qr-ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}

/* ---------- barcode + footer ---------- */
.qr-barcode{display:block;margin:27px auto 21px;width:70%;height:67px;overflow:visible}
.qr-barcode rect{
  fill:#8a9099;transform-origin:center bottom;
  transform:scaleY(0);
  transition:transform .45s cubic-bezier(.22,1,.36,1);
}
.qr-wrap.is-in .qr-barcode rect{transform:scaleY(1)}

.qr-foot{
  display:flex;justify-content:space-between;gap:11px;
  font-size:12px;color:var(--qr-muted);
  opacity:0;transition:opacity .6s ease 1.5s;
}
.qr-wrap.is-in .qr-foot{opacity:1}
.qr-foot a{color:inherit;text-decoration:none}
.qr-foot a:hover{color:var(--qr-blue)}

/* ---------- responsive ---------- */
@media (max-width:560px){
  .qr-wrap{--qr-pad:18px;--qr-logo-h:35px;--qr-radius:16px}
  .qr-section{padding:45px 11px}
  .qr-pill{font-size:10px;padding:9px 10px;border-radius:8px}
  .qr-value{font-size:14.5px}
  .qr-wrap .qr-item,.qr-wrap .qr-stat{font-size:12.5px}
  .qr-wrap .qr-item{line-height:1.25}
  .qr-wrap .qr-row{gap:10px;padding:11px 2px!important}
  .qr-wrap .qr-check{width:19px;height:19px;min-width:19px}
  .qr-cta{flex-direction:column;align-items:stretch;text-align:center;padding:18px 14px;gap:11px}
  .qr-cta p{font-size:13px}
  .qr-btn{width:100%;padding:13px 16px}
  .qr-barcode{width:85%;height:51px}
  .qr-foot{font-size:10px}
}

/* ---------- accessibility ---------- */
@media (prefers-reduced-motion:reduce){
  .qr-wrap,.qr-wrap *{transition:none!important;animation:none!important}
  .qr-wrap{opacity:1;transform:none}
  .qr-dash{transform:scaleX(1)}
  .qr-row,.qr-stat,.qr-cta,.qr-btn,.qr-pill,.qr-foot{opacity:1;transform:none}
  .qr-check{transform:scale(1)}
  .qr-check path{stroke-dashoffset:0}
  .qr-barcode rect{transform:scaleY(1)}
}
/*==========Quote Animation End =========*/

/*=================FAQ Service Module========================*/
/*
   TWO LAYOUTS, ONE STYLESHEET
 
     .faq--grid   two columns, compact type   (service pages)
     .faq--wide   one column, larger type     (FAQ page)
 
   Switch by changing $faq_layout at the top of the PHP field.
   Everything below the layout block is shared, so the two stay
   visually identical apart from size and column count.
*/
 
@supports (interpolate-size: allow-keywords){
  :root{interpolate-size:allow-keywords}
}
 
.faq,.faq *,.faq *::before,.faq *::after{box-sizing:border-box}
 
.faq{
  /* ---- palette: edit these four ---- */
  --faq-accent:#2d6af6;
  --faq-ink:#101114;
  --faq-body:#54585f;
  --faq-line:#e4e6ea;
 
  /* ---- derived ---- */
  --faq-hover:#f7f8fa;
  --faq-open:#fbfcfd;
  --faq-ease:cubic-bezier(.22,1,.36,1);
  --faq-dur:.4s;
 
  /* ---- set per layout below ---- */
  --faq-gap:clamp(.5rem,1.4cqi,1rem);
  --faq-pad-y:clamp(.9rem,2cqi,1.35rem);
  --faq-pad-x:clamp(.9rem,2.2cqi,1.5rem);
  --faq-q-size:var(--step-0);
  --faq-a-size:var(--step--1);
  --faq-icon:1.3em;
  --faq-radius:clamp(.6rem,1.2cqi,.9rem);
  --faq-max:none;
 
  container-type:inline-size;      /* your cqi type steps resolve against this */
  display:grid;
  align-items:start;
  gap:var(--faq-gap);
  margin:0;
  padding:0;
  max-width:var(--faq-max);
}
 
/* ============ LAYOUT A: two columns, compact ============ */
.faq--grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (max-width:1024px){
  .faq--grid{grid-template-columns:minmax(0,1fr)}
}
 
/* ============ LAYOUT B: one column, larger ============ */
.faq--wide{
  grid-template-columns:minmax(0,1fr);
 
  --faq-gap:clamp(.7rem,1.6cqi,1.1rem);
  --faq-pad-y:clamp(1.15rem,2.4cqi,1.75rem);
  --faq-pad-x:clamp(1.15rem,2.6cqi,2rem);
  --faq-q-size:var(--step-1);      /* one step up */
  --faq-a-size:var(--step-0);      /* one step up */
  --faq-icon:1.25em;
  --faq-radius:clamp(.75rem,1.4cqi,1.1rem);
 
  /* keeps answer lines readable on a wide page.
     set to none if you want full width. */
  --faq-max:72rem;
  margin-inline:auto;
}
 
/* ---------- item ---------- */
.faq .faq__item{
  margin:0;
  border:1px solid var(--faq-line);
  border-radius:var(--faq-radius);
  background:#fff;
  transition:border-color .3s var(--faq-ease),
             background-color .3s var(--faq-ease),
             box-shadow .3s var(--faq-ease);
}
.faq .faq__item:hover{border-color:#d2d6dd}
.faq .faq__item[open]{
  border-color:color-mix(in srgb,var(--faq-accent) 32%,transparent);
  background:var(--faq-open);
  box-shadow:0 1px 2px rgba(16,24,40,.04),
             0 8px 24px -12px color-mix(in srgb,var(--faq-accent) 38%,transparent);
}
 
/* ---------- question (summary) ---------- */
.faq .faq__q{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:clamp(.75rem,1.8cqi,1.25rem);
  padding:var(--faq-pad-y) var(--faq-pad-x);
  cursor:pointer;
  font-family:inherit;
  font-size:var(--faq-q-size);
  font-weight:600;
  line-height:1.4;
  color:var(--faq-ink);
  text-align:left;
  list-style:none;                 /* kill the default triangle */
  transition:color .25s var(--faq-ease),background-color .25s var(--faq-ease);
  -webkit-tap-highlight-color:transparent;
}
.faq .faq__q::-webkit-details-marker{display:none}
.faq .faq__q::marker{content:""}
.faq .faq__q:hover{background:var(--faq-hover)}
.faq .faq__item[open] .faq__q{color:var(--faq-accent)}
.faq .faq__item[open] .faq__q:hover{background:transparent}
 
.faq .faq__q:focus-visible{
  outline:2px solid var(--faq-accent);
  outline-offset:-2px;
  border-radius:inherit;
}
 
.faq .faq__q-text{flex:1 1 auto;min-width:0}
 
/* ---------- plus icon: pure CSS, always visible ---------- */
.faq .faq__icon{
  position:relative;
  flex:0 0 auto;
  width:var(--faq-icon);
  height:var(--faq-icon);
  margin-top:.05em;
  border-radius:50%;
  background:color-mix(in srgb,var(--faq-accent) 10%,transparent);
  transition:background-color .3s var(--faq-ease),transform var(--faq-dur) var(--faq-ease);
}
.faq .faq__icon::before,
.faq .faq__icon::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:.62em;
  height:2px;
  margin:-1px 0 0 -.31em;
  border-radius:2px;
  background:var(--faq-accent);
  transition:transform var(--faq-dur) var(--faq-ease),opacity .25s var(--faq-ease);
}
.faq .faq__icon::after{transform:rotate(90deg)}          /* the vertical stroke */
 
.faq .faq__item[open] .faq__icon{
  background:color-mix(in srgb,var(--faq-accent) 16%,transparent);
  transform:rotate(180deg);
}
.faq .faq__item[open] .faq__icon::after{transform:rotate(0);opacity:0}
 
/* ---------- answer ---------- */
.faq .faq__a{
  overflow:hidden;
}
.faq .faq__a > *{
  margin:0;
  padding:0 var(--faq-pad-x) var(--faq-pad-y);
  font-size:var(--faq-a-size);
  font-weight:400;
  line-height:1.65;
  color:var(--faq-body);
}
.faq--wide .faq__a > *{line-height:1.7}
.faq .faq__a > * + *{padding-top:0;margin-top:-.35rem}
.faq .faq__a a{color:var(--faq-accent);text-decoration:underline;text-underline-offset:.15em}
.faq .faq__a ul,.faq .faq__a ol{padding-left:calc(var(--faq-pad-x) + 1.1em)}
.faq .faq__a li{margin:0 0 .3em}
 
/* ---------- smooth open and close ----------
   Browsers with ::details-content animate height both ways.
   Everywhere else the panel just appears, which is the normal
   details behaviour and never breaks.                        */
@supports selector(::details-content){
  .faq .faq__item::details-content{
    block-size:0;
    overflow:hidden;
    opacity:0;
    transition:block-size var(--faq-dur) var(--faq-ease),
               opacity .3s var(--faq-ease),
               content-visibility var(--faq-dur) allow-discrete;
  }
  .faq .faq__item[open]::details-content{
    block-size:auto;
    opacity:1;
  }
}
 
/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .faq *,.faq *::before,.faq *::after{transition-duration:.01ms!important}
  @supports selector(::details-content){
    .faq .faq__item::details-content{transition-duration:.01ms!important}
  }
}
 
/* ---------- print: open everything ---------- */
@media print{
  .faq{grid-template-columns:1fr}
  .faq .faq__icon{display:none}
  @supports selector(::details-content){
    .faq .faq__item::details-content{block-size:auto;opacity:1}
  }
}
/*=================FAQ Service Module End========================*/


/*=================Emergency Strap Bottom ====================*/
/* ============================================================
   24HR PLUMBING - EMERGENCY STICKY BAR
   OXYGEN CODE BLOCK  ->  "CSS" FIELD
   Paste this only. No style tags.
   ============================================================ */

.eb-bar{
  /* ---- the only things you normally need to change ---- */
  --eb-bg:        #0d1117;      /* bar background */
  --eb-bg-2:      #161c26;      /* gradient end */
  --eb-red:       #e02020;      /* emergency accent */
  --eb-red-dark:  #b31212;
  --eb-green:     #2fd36a;      /* available-now dot */
  --eb-text:      #ffffff;
  --eb-muted:     rgba(255,255,255,.62);
  --eb-line:      rgba(255,255,255,.10);
  --eb-h:         58px;         /* desktop bar height */
  --eb-max:       1180px;       /* inner max width */
  --eb-radius:    0px;          /* set to 14px for a floating pill */
  --eb-gap:       16px;

  position:fixed;
  left:0; right:0; bottom:0;
  z-index:9500;
  background:linear-gradient(180deg,var(--eb-bg-2) 0%,var(--eb-bg) 100%);
  border-top:1px solid var(--eb-line);
  border-radius:var(--eb-radius);
  box-shadow:0 -10px 34px rgba(0,0,0,.34);
  color:var(--eb-text);
  font-family:inherit;
  line-height:1.25;
  box-sizing:border-box;
  /* iPhone home indicator */
  padding-bottom:env(safe-area-inset-bottom,0px);

  /* entrance: starts hidden, JS adds .is-in */
  transform:translate3d(0,120%,0);
  opacity:0;
  transition:transform .72s cubic-bezier(.16,.84,.26,1), opacity .5s ease;
  will-change:transform;
}
.eb-bar *,
.eb-bar *::before,
.eb-bar *::after{ box-sizing:border-box; }

.eb-bar.is-in{ transform:translate3d(0,0,0); opacity:1; }

/* thin red heartbeat line across the very top of the bar */
.eb-bar::before{
  content:"";
  position:absolute;
  top:-1px; left:0; right:0;
  height:2px;
  background:linear-gradient(90deg,
    transparent 0%,
    var(--eb-red) 18%,
    #ff6b4a 50%,
    var(--eb-red) 82%,
    transparent 100%);
  background-size:220% 100%;
  animation:eb-sweep 5.5s linear infinite;
  opacity:.9;
  pointer-events:none;
}
@keyframes eb-sweep{
  from{ background-position:120% 0; }
  to  { background-position:-120% 0; }
}

/* ---------- layout ---------- */
.eb-bar .eb-inner{
  max-width:var(--eb-max);
  min-height:var(--eb-h);
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:var(--eb-gap);
}

/* ---------- live status ---------- */
.eb-bar .eb-live{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  padding-right:var(--eb-gap);
  border-right:1px solid var(--eb-line);
}

.eb-bar .eb-pulse{
  position:relative;
  width:10px; height:10px;
  flex:0 0 10px;
  display:block;
}
.eb-bar .eb-pulse i{
  position:absolute; inset:0;
  border-radius:50%;
  background:var(--eb-green);
  box-shadow:0 0 0 0 rgba(47,211,106,.55);
  animation:eb-ping 2.4s cubic-bezier(.3,0,.2,1) infinite;
}
@keyframes eb-ping{
  0%   { box-shadow:0 0 0 0 rgba(47,211,106,.55); }
  70%  { box-shadow:0 0 0 9px rgba(47,211,106,0); }
  100% { box-shadow:0 0 0 0 rgba(47,211,106,0); }
}

.eb-bar .eb-live-text{
  display:flex;
  flex-direction:column;
  gap:1px;
  white-space:nowrap;
}
.eb-bar .eb-stat{
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.02em;
}
.eb-bar .eb-clock{
  font-size:.72rem;
  color:var(--eb-muted);
}
.eb-bar .eb-clock time{
  font-variant-numeric:tabular-nums;
  font-weight:600;
  color:rgba(255,255,255,.82);
}
.eb-bar .eb-sub{ opacity:.8; }

/* ---------- middle message ---------- */
.eb-bar .eb-msg{
  flex:1 1 auto;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
  display:flex;
  flex-direction:column;
  gap:1px;
  overflow:hidden;
}
.eb-bar .eb-msg-strong{
  font-size:.86rem;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.eb-bar .eb-msg-soft{
  font-size:.74rem;
  color:var(--eb-muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ---------- actions ---------- */
.eb-bar .eb-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
}

.eb-bar a.eb-book{
  display:inline-flex;
  align-items:center;
  height:38px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#fff !important;
  text-decoration:none !important;
  font-size:.8rem;
  font-weight:600;
  white-space:nowrap;
  background:transparent;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.eb-bar a.eb-book:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.38);
  transform:translateY(-1px);
}

.eb-bar a.eb-call{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:42px;
  padding:0 20px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--eb-red) 0%,var(--eb-red-dark) 100%);
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 6px 18px rgba(224,32,32,.34);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  overflow:visible;
}
.eb-bar a.eb-call:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(224,32,32,.46);
  filter:brightness(1.06);
}
.eb-bar a.eb-call:active{ transform:translateY(0); }

/* expanding ring behind the call button */
.eb-bar .eb-ring{
  position:absolute; inset:0;
  border-radius:999px;
  border:2px solid var(--eb-red);
  opacity:0;
  animation:eb-ring 3s ease-out infinite;
  pointer-events:none;
}
@keyframes eb-ring{
  0%  { transform:scale(1);    opacity:.55; }
  70% { transform:scale(1.22); opacity:0; }
  100%{ transform:scale(1.22); opacity:0; }
}

.eb-bar .eb-ico{
  width:17px; height:17px;
  flex:0 0 17px;
  fill:currentColor;
  animation:eb-shake 3s ease-in-out infinite;
  transform-origin:50% 60%;
}
@keyframes eb-shake{
  0%,70%,100%{ transform:rotate(0deg); }
  74%{ transform:rotate(-13deg); }
  78%{ transform:rotate(11deg); }
  82%{ transform:rotate(-8deg); }
  86%{ transform:rotate(6deg); }
  90%{ transform:rotate(0deg); }
}

.eb-bar .eb-call-text{
  display:flex;
  flex-direction:column;
  gap:0;
  text-align:left;
  white-space:nowrap;
}
.eb-bar .eb-call-lead{
  font-size:.64rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  opacity:.84;
}
.eb-bar .eb-call-num{
  font-size:.94rem;
  font-weight:800;
  letter-spacing:.01em;
}

/* keyboard focus */
.eb-bar a:focus-visible{
  outline:3px solid #ffd14d;
  outline-offset:3px;
}

/* ============================================================
   TABLET
   ============================================================ */
@media (max-width:900px){
  .eb-bar .eb-msg-soft{ display:none; }
  .eb-bar a.eb-book{ display:none; }
  .eb-bar .eb-inner{ padding:0 16px; gap:12px; }
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width:640px){
  .eb-bar{ --eb-h:auto; }

  .eb-bar .eb-inner{
    flex-wrap:wrap;
    padding:9px 12px 11px;
    gap:8px;
  }

  .eb-bar .eb-live{
    order:1;
    flex:1 1 auto;
    border-right:0;
    padding-right:0;
  }

  /* the message becomes the second line of the status column */
  .eb-bar .eb-msg{
    order:2;
    flex:0 0 100%;
    display:none;      /* keep the bar genuinely thin on phones */
  }

  .eb-bar .eb-actions{
    order:3;
    flex:0 0 auto;
    width:auto;
  }

  .eb-bar a.eb-call{
    height:46px;
    padding:0 18px;
    gap:9px;
  }
  .eb-bar .eb-call-num{ font-size:1rem; }
  .eb-bar .eb-stat{ font-size:.8rem; }
}

/* very small phones: call button spans the width */
@media (max-width:380px){
  .eb-bar .eb-inner{ gap:9px; }
  .eb-bar .eb-actions{ flex:1 1 100%; order:3; }
  .eb-bar a.eb-call{ width:100%; justify-content:center; }
  .eb-bar .eb-call-text{ text-align:center; }
}

/* ============================================================
   MOTION PREFERENCES
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .eb-bar{ transition:none; transform:none; opacity:1; }
  .eb-bar::before,
  .eb-bar .eb-pulse i,
  .eb-bar .eb-ring,
  .eb-bar .eb-ico{ animation:none; }
  .eb-bar .eb-ring{ opacity:0; }
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{
  .eb-bar{ display:none; }
}
/*================= Emergency Strap Bottom End====================*/

/*======================= Testimonials Slider =============*/
.tsl{

  --tsl-per:        3;                    
  --tsl-gap:        clamp(14px, 1.8cqi, 24px);
  --tsl-card-bg:    #ffffff;
  --tsl-card-br:    clamp(14px, 1.6cqi, 20px);
  --tsl-card-pad:   clamp(18px, 2.4cqi, 30px);
  --tsl-border:     #e8e8e8;
  --tsl-shadow:     0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.06);
  --tsl-shadow-hi:  0 2px 4px rgba(16,24,40,.05), 0 16px 40px rgba(16,24,40,.11);
  --tsl-name:       #0f0f10;
  --tsl-body:       #4a4a52;
  --tsl-arrow:      #8a8a93;
  --tsl-arrow-hi:   #0f0f10;
  --tsl-arrow-size: clamp(34px, 4cqi, 42px);
  --tsl-ease:       cubic-bezier(.22,.74,.26,1);
  --tsl-dur:        620ms;
  --tsl-badge-h:    clamp(20px, 2.6cqi, 28px);

  container-type: inline-size;

  position:relative;
  display:flex;
  align-items:center;
  gap:clamp(6px, 1.2cqi, 16px);
  flex-wrap:wrap;
  box-sizing:border-box;
}
.tsl *,
.tsl *::before,
.tsl *::after{ box-sizing:border-box; }

.tsl .tsl-viewport{
  flex:1 1 0;
  min-width:0;

  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;

  container-type:inline-size;

  padding:10px 0 18px;
  margin:-10px 0 -18px;

  scrollbar-width:none;
  -ms-overflow-style:none;

  cursor:grab;
}
.tsl .tsl-viewport::-webkit-scrollbar{ width:0; height:0; display:none; }

.tsl .tsl-badge img{
  pointer-events:none;
  -webkit-user-drag:none;
  user-select:none;
  -webkit-touch-callout:none;
}
.tsl .tsl-viewport.is-dragging{
  cursor:grabbing;
  user-select:none;
}

.tsl ul.tsl-track{
  display:flex;
  align-items:stretch;
  gap:var(--tsl-gap);
  /* sized by its slides now, not by the viewport */
  width:max-content;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.tsl li.tsl-slide{

  flex:0 0 calc((100cqw - (var(--tsl-gap) * (var(--tsl-per) - 1))) / var(--tsl-per));
  width:calc((100cqw - (var(--tsl-gap) * (var(--tsl-per) - 1))) / var(--tsl-per));
  scroll-snap-align:start;
  scroll-snap-stop:always;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  display:flex;
}

/* ============================================================
   CARD
   ============================================================ */
.tsl figure.tsl-card{
  display:flex;
  flex-direction:column;
  gap:clamp(10px, 1.4cqi, 16px);
  width:100%;
  margin:0 !important;
  padding:var(--tsl-card-pad);
  background:var(--tsl-card-bg);
  border:1px solid var(--tsl-border);
  border-radius:var(--tsl-card-br);
  box-shadow:var(--tsl-shadow);
  transition:box-shadow .35s var(--tsl-ease), transform .35s var(--tsl-ease);
}


.tsl .tsl-viewport:not(.is-dragging) li.tsl-slide:hover figure.tsl-card{
  transform:translateY(-3px);
  box-shadow:var(--tsl-shadow-hi);
}

.tsl .tsl-badge{
  display:flex;
  align-items:center;
}
.tsl .tsl-badge img{
  display:block;
  height:var(--tsl-badge-h);
  width:auto;
  max-width:100%;
  object-fit:contain;
}

.tsl .tsl-body{
  display:flex;
  flex-direction:column;
  gap:clamp(5px, .8cqi, 9px);
  margin:0 !important;
  padding:0 !important;
}

.tsl p.tsl-name{
  margin:0 !important;
  padding:0 !important;
  font-size:var(--step-1, 1.2rem);
  font-weight:800;
  line-height:1.2;
  color:var(--tsl-name);
  letter-spacing:-.01em;
}

.tsl .tsl-text{
  font-size:var(--step-0, 1rem);
  line-height:1.58;
  color:var(--tsl-body);
}
.tsl .tsl-text > *{ margin:0 !important; padding:0 !important; }
.tsl .tsl-text > * + *{ margin-top:.6em !important; }
.tsl .tsl-text a{ color:inherit; text-decoration:underline; }

/* ============================================================
   ARROWS
   ============================================================ */
.tsl button.tsl-arrow{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--tsl-arrow-size);
  height:var(--tsl-arrow-size);
  padding:0;
  border:1px solid var(--tsl-border);
  border-radius:50%;
  background:var(--tsl-card-bg);
  color:var(--tsl-arrow);
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  transition:color .22s var(--tsl-ease),
             border-color .22s var(--tsl-ease),
             box-shadow .22s var(--tsl-ease),
             transform .22s var(--tsl-ease);
}
.tsl button.tsl-arrow svg{
  width:42%;
  height:42%;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tsl button.tsl-arrow:hover{
  color:var(--tsl-arrow-hi);
  border-color:#cfcfd6;
  box-shadow:0 4px 14px rgba(16,24,40,.10);
  transform:scale(1.06);
}
.tsl button.tsl-arrow:active{ transform:scale(.95); }
.tsl button.tsl-arrow:focus-visible{
  outline:3px solid #0a7ced;
  outline-offset:3px;
}

.tsl.is-static button.tsl-arrow,
.tsl.is-static .tsl-dots{ display:none; }

/* ============================================================
   DOTS  (mobile only by default)
   ============================================================ */
.tsl .tsl-dots{
  display:none;
  flex:1 0 100%;
  justify-content:center;
  gap:7px;
  margin-top:clamp(12px, 2cqi, 18px);
}
.tsl .tsl-dots button{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#d2d2da;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  transition:background .3s var(--tsl-ease), width .3s var(--tsl-ease);
}
.tsl .tsl-dots button[aria-selected="true"]{
  width:20px;
  border-radius:4px;
  background:var(--tsl-name);
}
.tsl .tsl-dots button:focus-visible{
  outline:2px solid #0a7ced;
  outline-offset:3px;
}

/* ============================================================
   SCREEN READER STATUS
   ============================================================ */
.tsl .tsl-sr{
  position:absolute !important;
  width:1px; height:1px;
  margin:-1px; padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

/* ============================================================
   ENTRANCE
   JS adds .is-ready once it has measured, which avoids a flash
   of the un-positioned track.
   ============================================================ */
.tsl li.tsl-slide{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .6s var(--tsl-ease), transform .6s var(--tsl-ease);
}
.tsl.is-ready li.tsl-slide{
  opacity:1;
  transform:none;
}


@container (max-width: 900px){
  .tsl .tsl-track{ --tsl-per:2; }
}
@container (max-width: 600px){
  .tsl .tsl-track{ --tsl-per:1; }
  .tsl .tsl-dots{ display:flex; }
  .tsl button.tsl-arrow{ display:none; }
}

@supports not (container-type: inline-size){
  @media (max-width: 900px){ .tsl .tsl-track{ --tsl-per:2; } }
  @media (max-width: 600px){
    .tsl .tsl-track{ --tsl-per:1; }
    .tsl .tsl-dots{ display:flex; }
    .tsl button.tsl-arrow{ display:none; }
  }
}

/* ============================================================
   MOTION PREFERENCES
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  .tsl li.tsl-slide{ opacity:1; transform:none; transition:none; }
  .tsl figure.tsl-card{ transition:none; }
  .tsl .tsl-viewport:not(.is-dragging) li.tsl-slide:hover figure.tsl-card{ transform:none; }
}
/*============== Testimonial Slider End ============*/

/*=========== Header Marque Slider ================*/
/*=========== Header Marque Slider ================*/
/* ======================================================
   TRUST MARQUEE
====================================================== */

.plumber-trust-marquee {

    /* -----------------------------------------
       EASY CONTROLS
    ------------------------------------------ */

    --items-visible: 3;

    --marquee-speed: 44s;

    --item-height: 100%;

    --icon-size: 30px;

    --item-gap: 18px;

    --item-side-padding: 38px;

    --divider-color: rgba(255, 255, 255, 0.18);

    --fade-color: #212121;

    --fade-width: 90px;


    /* -----------------------------------------
       STRUCTURE
    ------------------------------------------ */

    position: relative;

    width: 100%;

    overflow: hidden;

    margin: 0;
    padding: 0;

    container-type: inline-size;
}


/* Nothing inside an item may paint outside it. If a label is ever
   long enough to cause trouble again, it is clipped at its own
   edge rather than drawn over the next icon. */
.plumber-trust-marquee__item > * {
    min-width: 0;
}


/* ======================================================
   MOVING TRACK
====================================================== */

.plumber-trust-marquee__track {

    display: flex;

    width: max-content;

    margin: 0;
    padding: 0;

    animation:
        plumberTrustMarquee
        var(--marquee-speed)
        linear
        infinite;

    will-change: transform;
}


/* ======================================================
   GROUP
====================================================== */

.plumber-trust-marquee__group {

    display: flex;

    flex-shrink: 0;

    margin: 0;
    padding: 0;
}


/* ======================================================
   INDIVIDUAL ITEM
====================================================== */

.plumber-trust-marquee__item {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: var(--item-gap);


    /* THE FIX.
       This used to be  flex: 0 0 calc(100cqw / var(--items-visible))
       which forces every item to exactly one share of the width,
       whatever is inside it. "Lifetime Warranty on Workmanship" is
       wider than that box on a phone, and because the text is
       nowrap it spilled straight out over the next item's icon.

       Now the item is sized by its own content and min-width only
       sets a floor. Short items still hold the even rhythm, long
       ones grow to fit instead of overflowing. Nothing can overlap,
       because no box is ever smaller than what is inside it. */
    flex: 0 0 auto;

    min-width: calc(100cqw / var(--items-visible));


    height: var(--item-height);

    padding-left: var(--item-side-padding);
    padding-right: var(--item-side-padding);

    box-sizing: border-box;
}


/* ======================================================
   DIVIDER
====================================================== */

.plumber-trust-marquee__item::after {

    content: "";

    position: absolute;

    right: 0;

    top: 18%;

    width: 1px;

    height: 64%;

    background: var(--divider-color);
}


/* ======================================================
   ICON
====================================================== */

.plumber-trust-marquee__icon {

    display: block;

    width: var(--icon-size);

    height: var(--icon-size);

    flex: 0 0 var(--icon-size);

    /* a flex item will shrink below its basis without this, which
       is the other way icons end up distorted in a tight row */
    min-width: var(--icon-size);

    object-fit: contain;

    margin: 0;
    padding: 0;
}


/* ======================================================
   TEXT
====================================================== */

.plumber-trust-marquee__text {

    color: #ffffff;

    font-size: var(--step-1);

    font-weight: 500;

    line-height: 1.2;

    white-space: nowrap;

    margin: 0;
    padding: 0;
}


/* ======================================================
   EDGE FADES
====================================================== */

.plumber-trust-marquee__fade {

    position: absolute;

    top: 0;
    bottom: 0;

    width: var(--fade-width);

    z-index: 5;

    pointer-events: none;
}


.plumber-trust-marquee__fade--left {

    left: 0;

    background: linear-gradient(
        90deg,
        var(--fade-color) 0%,
        rgba(33, 33, 33, 0.9) 25%,
        rgba(33, 33, 33, 0) 100%
    );
}


.plumber-trust-marquee__fade--right {

    right: 0;

    background: linear-gradient(
        270deg,
        var(--fade-color) 0%,
        rgba(33, 33, 33, 0.9) 25%,
        rgba(33, 33, 33, 0) 100%
    );
}


/* ======================================================
   MARQUEE ANIMATION
====================================================== */

@keyframes plumberTrustMarquee {

    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }

}


/* ======================================================
   TABLET
   2 ITEMS
====================================================== */

@media (max-width: 991px) {

    .plumber-trust-marquee {

        --items-visible: 2;

        --item-side-padding: 30px;

        --icon-size: 25px;

        --fade-width: 60px;
    }

}


/* ======================================================
   MOBILE
   1 ITEM
====================================================== */

@media (max-width: 600px) {

    .plumber-trust-marquee {

        --items-visible: 1;


        --item-side-padding: 40px;

        --icon-size: 25px;

        --item-gap: 14px;

        --fade-width: 30px;

        --marquee-speed: 40s;
    }


    .plumber-trust-marquee__item {

        justify-content: center;

        /* No floor on a phone. A marquee does not really show
           "one at a time", it shows whatever fits as it scrolls,
           so let each item be exactly as wide as its own text.
           A short item like "Upfront Pricing" then takes a short
           slot instead of a full screen of dead space. */
        min-width: 0;
    }


    .plumber-trust-marquee__text {

        font-size: var(--step-1);
    }

}


/* ======================================================
   REDUCED MOTION
====================================================== */

@media (prefers-reduced-motion: reduce) {

    .plumber-trust-marquee__track {

        animation-play-state: paused;
    }

}

/*========== Header Marque Slider End =============*/



/*============= Side Bar Quick Links ============= */

.qd{
 
  --qd-accent:      #4c7fd1;  
  --qd-accent-lt:   #70c9f9;
  --qd-accent-dk:   #3a66ad;
  --qd-dark:        #0b0b0b;
  --qd-dark-hi:     #1e1e1e;
  --qd-panel:       #ffffff;
  --qd-text:        #0b0b0b;
  --qd-sub:         #6b7684;
  --qd-size:        54px;      
  --qd-pad:         7px;       
  --qd-radius:      20px;
  --qd-shadow:      0 4px 14px rgba(7,20,38,.10), 0 18px 46px rgba(7,20,38,.18);
  --qd-ease:        cubic-bezier(.22,.78,.3,1);
  --qd-offset:      18px;      

  position:fixed;
  top:50%;
  right:var(--qd-offset);
  transform:translateY(-50%);
  z-index:9400;
  box-sizing:border-box;
  font-family:inherit;

  /* entrance: JS adds .is-in */
  opacity:0;
  pointer-events:none;
  transition:opacity .5s ease;
}
.qd *,
.qd *::before,
.qd *::after{ box-sizing:border-box; }

.qd.is-in{ opacity:1; pointer-events:auto; }

/* ============================================================
   THE PANEL
   ============================================================ */
.qd ul.qd-list{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0 !important;
  padding:var(--qd-pad) !important;
  list-style:none !important;
  background:var(--qd-panel);
  border-radius:var(--qd-radius);
  box-shadow:var(--qd-shadow);
}

.qd li.qd-row{
  /* --qd-i is set inline by the PHP and inherits down to the
     label, which uses it for the open stagger */
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;

  /* each row slides in behind the one above it */
  opacity:0;
  transform:translateX(26px);
  transition:opacity .5s var(--qd-ease), transform .5s var(--qd-ease);
  transition-delay:calc(var(--qd-i, 1) * 90ms);
}
.qd.is-in li.qd-row{ opacity:1; transform:none; }

/* hairline between rows, like the reference */
.qd li.qd-row + li.qd-row{ position:relative; }
.qd li.qd-row + li.qd-row::before{
  content:"";
  position:absolute;
  top:-2px;
  left:12%;
  right:12%;
  height:1px;
  background:#e6ecf3;
}

/* ============================================================
   A ROW
   The label lives in a track that is 0 wide until hover, so the
   panel itself grows rather than the label overlapping it.
   ============================================================ */
.qd a.qd-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:0;
  padding:4px;
  border-radius:16px;
  text-decoration:none !important;
  color:var(--qd-text);
  transition:background .3s var(--qd-ease);
}
.qd a.qd-item:hover{ background:#f2f7fd; }

/* ---- icon ---- */
.qd .qd-ico{
  position:relative;
  flex:0 0 var(--qd-size);
  width:var(--qd-size);
  height:var(--qd-size);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--qd-dark);
  color:#fff;
  transition:background .3s var(--qd-ease), transform .3s var(--qd-ease);
}
.qd a.qd-item:hover .qd-ico{
  background:var(--qd-dark-hi);
  transform:scale(1.06);
}

.qd .qd-ico svg{
  width:45%;
  height:45%;
  fill:currentColor;
  overflow:visible;
  transition:transform .35s var(--qd-ease);
}
.qd a.qd-item:hover .qd-ico svg{ transform:scale(1.08); }

/* ---- the call row gets the accent and a pulse ---- */
.qd a.qd-item--call .qd-ico{
  background:linear-gradient(145deg, var(--qd-accent-lt) 0%, var(--qd-accent) 70%);
}
.qd a.qd-item--call:hover .qd-ico{
  background:linear-gradient(145deg, var(--qd-accent) 0%, var(--qd-accent-dk) 100%);
}

.qd .qd-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:2px solid var(--qd-accent-lt);
  opacity:0;
  animation:qd-ring 2.8s ease-out infinite;
  pointer-events:none;
}
@keyframes qd-ring{
  0%  { transform:scale(1);    opacity:.6; }
  65% { transform:scale(1.42); opacity:0; }
  100%{ transform:scale(1.42); opacity:0; }
}

/* handset gives a small shake every few seconds */
.qd a.qd-item--call .qd-ico svg{
  animation:qd-shake 4s ease-in-out infinite;
  transform-origin:50% 60%;
}
@keyframes qd-shake{
  0%,78%,100%{ transform:rotate(0deg); }
  81%{ transform:rotate(-14deg); }
  85%{ transform:rotate(12deg); }
  89%{ transform:rotate(-7deg); }
  93%{ transform:rotate(0deg); }
}
.qd a.qd-item--call:hover .qd-ico svg{ animation:none; }

/* ---- the sliding label ---- */
.qd .qd-text{
  display:grid;
  grid-template-columns:0fr;              /* collapsed */
  align-items:center;
  transition:grid-template-columns .42s var(--qd-ease), padding .42s var(--qd-ease);
  padding-left:0;
  overflow:hidden;
}
/* The whole panel opens together, triggered on the dock rather
   than on the row. Moving between rows then changes nothing, so
   the labels do not collapse and replay the animation each time
   the cursor crosses a boundary. */
.qd:hover .qd-text,
.qd:focus-within .qd-text{
  grid-template-columns:1fr;              /* opened */
  padding-left:14px;
}

.qd .qd-text > *{ min-width:0; }

.qd .qd-label,
.qd .qd-sub{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  opacity:0;
  transform:translateX(-6px);
  /* no delay on the way out, so closing is immediate and clean */
  transition:opacity .22s var(--qd-ease), transform .28s var(--qd-ease);
}
/* a light stagger on the way in only */
.qd:hover .qd-label,
.qd:hover .qd-sub,
.qd:focus-within .qd-label,
.qd:focus-within .qd-sub{
  transition-delay:calc(var(--qd-i, 1) * 45ms);
}
.qd:hover .qd-label,
.qd:hover .qd-sub,
.qd:focus-within .qd-label,
.qd:focus-within .qd-sub{
  opacity:1;
  transform:none;
}

.qd .qd-label{
  font-size:var(--step-0, 1rem);
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.01em;
  padding-right:16px;
}
.qd .qd-sub{
  font-size:.74rem;
  font-weight:500;
  line-height:1.3;
  color:var(--qd-sub);
  padding-right:16px;
  margin-top:2px;
}

/* ---- the little flag ---- */
.qd .qd-badge{
  position:absolute;
  top:-1px;
  left:calc(var(--qd-size) - 14px);
  padding:2px 6px;
  border-radius:999px;
  /* brand sky blue. Swap for #e02020 with color:#fff if you
     want a hotter, more alarming badge. */
  background:var(--qd-accent-lt);
  color:#07243a;
  font-size:.56rem;
  font-weight:800;
  letter-spacing:.05em;
  line-height:1.4;
  box-shadow:0 2px 7px rgba(112,201,249,.55);
  animation:qd-bob 3.4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes qd-bob{
  0%,100%{ transform:translateY(0); }
  50%    { transform:translateY(-2px); }
}

/* keyboard focus */
.qd a.qd-item:focus-visible{
  outline:3px solid #0a7ced;
  outline-offset:2px;
}

/* ============================================================
   MOBILE: a row across the bottom
   ============================================================ */
@media (max-width: 860px){

  .qd{
    top:auto;
    bottom:0;
    left:0;
    right:0;
    transform:none;
    --qd-size:28px;
    padding-bottom:env(safe-area-inset-bottom, 0px);
    background:var(--qd-panel);
    box-shadow:0 -8px 28px rgba(7,20,38,.16);
  }

  .qd ul.qd-list{
    flex-direction:row;
    gap:0;
    padding:0 !important;
    border-radius:0;
    box-shadow:none;
  }

  .qd li.qd-row{
    flex:1 1 0;
    min-width:0;
    transform:translateY(18px);
    transition-delay:calc(var(--qd-i, 1) * 70ms);
  }
  .qd li.qd-row + li.qd-row::before{
    top:22%;
    bottom:22%;
    left:-1px;
    right:auto;
    width:1px;
    height:auto;
  }

  /* stacked icon over label, always visible */
  .qd a.qd-item{
    flex-direction:column;
    gap:3px;
    padding:9px 6px 10px;
    border-radius:0;
    height:100%;
  }
  .qd a.qd-item:hover{ background:transparent; }
  .qd a.qd-item:active{ background:#f2f7fd; }

  .qd .qd-ico{
    flex:0 0 var(--qd-size);
    width:var(--qd-size);
    height:var(--qd-size);
    background:transparent !important;
    color:var(--qd-dark);
    transform:none !important;
  }
  .qd a.qd-item--call .qd-ico{ color:var(--qd-accent); }
  .qd .qd-ico svg{ width:100%; height:100%; }
  .qd .qd-ring{ display:none; }

  .qd .qd-text{
    grid-template-columns:1fr !important;
    padding-left:0 !important;
    text-align:center;
    width:100%;
  }
  .qd .qd-label,
  .qd .qd-sub{
    opacity:1 !important;
    transform:none !important;
    padding-right:0;
    text-align:center;
    text-overflow:ellipsis;
  }
  .qd .qd-label{
    font-size:.76rem;
    font-weight:700;
  }
  .qd .qd-sub{ display:none; }

  /* the call item carries the emphasis instead */
  .qd a.qd-item--call .qd-label{ color:var(--qd-accent); }

  .qd .qd-badge{
    top:4px;
    left:50%;
    transform:translateX(6px);
    font-size:.5rem;
    animation:none;
  }
}

/* very narrow phones */
@media (max-width: 360px){
  .qd .qd-label{ font-size:.7rem; }
  .qd a.qd-item{ padding:8px 3px 9px; }
}

/* ============================================================
   MOTION PREFERENCES
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  .qd,
  .qd li.qd-row,
  .qd .qd-text,
  .qd .qd-label,
  .qd .qd-sub,
  .qd .qd-ico,
  .qd .qd-ico svg{ transition:none !important; }

  .qd li.qd-row{ opacity:1; transform:none; }
  .qd .qd-ring,
  .qd .qd-badge,
  .qd a.qd-item--call .qd-ico svg{ animation:none; }
  .qd .qd-ring{ opacity:0; }
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{ .qd{ display:none; } }
/*============= Side Bar Quick Links END ============= */

/* ============================================================
   MAIN MENU + SERVICES MEGA MENU   —   styles
   Oxygen: Manage > Stylesheets (preferred, loads with the header)
   or a Code Block's CSS field.

   ===================== EASY EDITS =====================
   --pm-top      165px    fallback only. JS overwrites this with the
                          measured position of the nav each time the
                          panel opens, so it stays glued to the bar
                          whatever the scroll position.
   --pm-speed    340ms    entrance / exit
   --pm-bg       panel background (lifted off pure black)
   --pm-blue / --pm-cyan   the accent pair
   breakpoint    992px    media query near the top
   ======================================================
   ============================================================ */

.pm-nav,.pm-nav *,.pm-shell,.pm-shell *{box-sizing:border-box}

:root{
  --pm-top:165px;
  --pm-speed:340ms;
  --pm-ease:cubic-bezier(.22,1,.36,1);

  /* lifted off pure black, with a cool cast */
  --pm-bg:#15171e;
  --pm-bg-2:#1b1e27;
  --pm-card:#1f2330;
  --pm-card-hi:#262b3b;

  --pm-line:rgba(255,255,255,.08);
  --pm-line-hi:rgba(90,140,255,.45);

  --pm-text:#ffffff;
  --pm-muted:rgba(255,255,255,.56);

  --pm-blue:#2f6bff;
  --pm-cyan:#2fd4e8;
}

/* ---------- the nav itself ---------- */
.pm-nav{
  position:relative;
  z-index:9200;              /* always above the backdrop */
  display:flex;
  align-items:center;
  min-height:55px;
}

.pm-nav ul.pm-nav__list{
  display:flex!important;
  align-items:stretch;
  height:100%;
  min-height:55px;
  gap:clamp(1rem,2vw,2rem);
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.pm-nav ul.pm-nav__list li{
  display:flex;
  align-items:stretch;
  margin:0!important;padding:0!important;list-style:none!important;
}
.pm-nav ul.pm-nav__list li::before,
.pm-nav ul.pm-nav__list li::marker{content:none!important;display:none!important}

.pm-nav ul.pm-nav__list > li > a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.4em;
  padding:15px 0;            /* tall hit box, fills a 55px container */
  line-height:1.5;
  font-size:1rem;
  font-weight:600;
  color:var(--pm-text);
  text-decoration:none;
  letter-spacing:-.01em;
  transition:color 200ms var(--pm-ease);
}
.pm-nav ul.pm-nav__list > li > a:hover{color:var(--pm-blue)}

.pm-nav__chev svg{
  display:block;width:14px;height:14px;
  fill:none;stroke:currentColor;stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round;
  transition:transform 280ms var(--pm-ease);
}
.pm-nav li.service-menu.is-active > a{color:var(--pm-blue)}
.pm-nav li.service-menu.is-active .pm-nav__chev svg{transform:rotate(180deg)}

/* widen the hit box sideways so small cursor wobbles stay inside */
.pm-nav li.service-menu{position:relative}
.pm-nav li.service-menu > a::before{
  content:"";
  position:absolute;
  left:-16px;right:-16px;top:0;bottom:0;
}

/* bridge: spans the gap between the nav item and the panel, so the
   cursor never crosses unhoverable space on the way down */
.pm-nav li.service-menu::after{
  content:"";
  position:absolute;
  left:-20px;right:-20px;
  top:100%;
  height:0;
  pointer-events:none;
}
.pm-nav li.service-menu.is-active::after{
  height:120px;
  pointer-events:auto;
}

/* ---------- shell: hidden below the breakpoint ---------- */
.pm-shell{display:none}

@media (min-width:992px){

.pm-shell{display:block}

/* Starts at the same line as the panel, never over the header.
   A full-page backdrop sits under the cursor the moment the menu
   opens, its mouseenter closes it, and you get an open/close loop
   running at frame rate. This is the fix for that. */
.pm-backdrop{
  position:fixed;
  top:var(--pm-top);
  left:0;right:0;bottom:0;
  z-index:9000;
  background:rgba(5,7,12,.66);
  -webkit-backdrop-filter:blur(3px);
          backdrop-filter:blur(3px);
  opacity:0;
  pointer-events:none;
  transition:opacity 420ms var(--pm-ease);
}
.pm-backdrop.is-open{opacity:1;pointer-events:auto}

.pm-panel{
  position:fixed;
  top:var(--pm-top);
  left:0;right:0;
  z-index:9100;

  background:
    radial-gradient(900px 380px at 18% -8%, rgba(47,107,255,.16), transparent 70%),
    radial-gradient(700px 320px at 88% 0%, rgba(47,212,232,.10), transparent 70%),
    var(--pm-bg);
  border-bottom:1px solid var(--pm-line);
  color:var(--pm-text);
  font-family:inherit;

  opacity:0;
  transform:translateY(-10px);
  pointer-events:none;
  visibility:hidden;
  transition:
    opacity var(--pm-speed) var(--pm-ease),
    transform var(--pm-speed) var(--pm-ease),
    visibility 0s linear var(--pm-speed);
}
.pm-panel.is-open{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  visibility:visible;
  transition:
    opacity var(--pm-speed) var(--pm-ease),
    transform var(--pm-speed) var(--pm-ease),
    visibility 0s;
}

/* gradient beam across the top edge */
.pm-panel__beam{
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--pm-blue) 22%,var(--pm-cyan) 58%,transparent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 700ms var(--pm-ease) 60ms;
}
.pm-panel.is-open .pm-panel__beam{transform:scaleX(1)}

.pm-panel__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:clamp(2rem,4vw,4rem);
  max-width:1320px;
  margin:0 auto;
  padding:clamp(2.2rem,3.4vw,3.2rem) clamp(1.5rem,4vw,2.5rem) clamp(2.4rem,3.6vw,3.4rem);
}

/* ---------- heading ---------- */
.pm-head{margin:0 0 1.6rem}
.pm-head--side{margin:0 0 1.1rem}
.pm-head--side .pm-head__title{font-size:clamp(1.25rem,1.9vw,1.6rem)}
.pm-panel .pm-head__title{
  margin:0 0 .3rem;
  font-size:clamp(1.6rem,2.6vw,2.2rem);
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1.05;
  background:linear-gradient(92deg,#fff 28%,var(--pm-cyan));
  -webkit-background-clip:text;
          background-clip:text;
  color:transparent;
}
.pm-panel .pm-head__sub{
  margin:0;
  font-size:.95rem;
  color:var(--pm-muted);
}

/* ---------- service cards ---------- */
.pm-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  margin:0 0 1.9rem;
}

.pm-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;

  padding:1.05rem 1.2rem;
  border:1px solid var(--pm-line);
  border-radius:16px;
  background:var(--pm-card);
  color:var(--pm-text);
  text-decoration:none;

  opacity:0;
  transform:translateY(12px);
  transition:
    border-color 260ms var(--pm-ease),
    background-color 260ms var(--pm-ease),
    transform 260ms var(--pm-ease),
    box-shadow 260ms var(--pm-ease);
}
/* staggered entrance, driven by --i on each card */
.pm-panel.is-open .pm-card{
  opacity:1;
  transform:translateY(0);
  transition:
    opacity 420ms var(--pm-ease) calc(80ms + var(--i) * 45ms),
    transform 420ms var(--pm-ease) calc(80ms + var(--i) * 45ms),
    border-color 260ms var(--pm-ease),
    background-color 260ms var(--pm-ease),
    box-shadow 260ms var(--pm-ease);
}

.pm-card:hover,
.pm-card:focus-visible{
  border-color:var(--pm-line-hi);
  background:var(--pm-card-hi);
  transform:translateY(-3px);
  box-shadow:0 16px 40px -18px rgba(47,107,255,.75);
}

/* soft wash that follows the hover */
.pm-card__glow{
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,rgba(47,107,255,.22),rgba(47,212,232,.10) 55%,transparent 80%);
  opacity:0;
  transition:opacity 300ms var(--pm-ease);
  pointer-events:none;
}
.pm-card:hover .pm-card__glow{opacity:1}

.pm-card__icon{
  position:relative;
  display:grid;
  place-items:center;
  width:46px;height:46px;
  flex:0 0 auto;
  border-radius:12px;
  background:rgba(47,107,255,.14);
  border:1px solid rgba(47,107,255,.22);
  transition:background-color 260ms var(--pm-ease),transform 260ms var(--pm-ease);
}
.pm-card:hover .pm-card__icon{
  background:rgba(47,107,255,.26);
  transform:scale(1.06);
}
.pm-card__icon img{
  display:block;
  width:24px;height:24px;
  object-fit:contain;
}

.pm-card__label{
  position:relative;
  min-width:0;
  font-size:1.08rem;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.02em;
}

.pm-card__arrow{
  position:relative;
  display:grid;place-items:center;
  width:30px;height:30px;
  flex:0 0 auto;
  border-radius:50%;
  color:var(--pm-blue);
  background:rgba(47,107,255,.12);
  transition:transform 260ms var(--pm-ease),background-color 260ms var(--pm-ease),color 260ms var(--pm-ease);
}
.pm-card:hover .pm-card__arrow{
  transform:translateX(4px);
  background:var(--pm-blue);
  color:#fff;
}
.pm-card__arrow svg{
  width:14px;height:14px;
  fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;
}

/* ---------- footer row ---------- */
.pm-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  flex-wrap:wrap;
  padding-top:1.5rem;
  border-top:1px solid var(--pm-line);
}

.pm-panel .pm-btn{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.9rem 1.5rem;
  border-radius:12px;
  background:linear-gradient(92deg,var(--pm-blue),#1f54d8);
  color:#fff;
  font-size:.96rem;
  font-weight:700;
  letter-spacing:-.01em;
  text-decoration:none;
  box-shadow:0 10px 28px -14px rgba(47,107,255,.9);
  transition:transform 220ms var(--pm-ease),box-shadow 220ms var(--pm-ease);
}
.pm-panel .pm-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px -16px rgba(47,107,255,1);
}
.pm-panel .pm-btn svg{
  width:15px;height:15px;
  fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;
  transition:transform 220ms var(--pm-ease);
}
.pm-panel .pm-btn:hover svg{transform:translateX(3px)}

.pm-panel .pm-help__title{
  margin:0 0 .15rem;
  font-size:.9rem;
  font-weight:600;
  color:var(--pm-muted);
}
.pm-panel .pm-help__link{
  font-size:.95rem;
  font-weight:700;
  color:var(--pm-cyan);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color 200ms var(--pm-ease);
}
.pm-panel .pm-help__link:hover{border-bottom-color:currentColor}

/* ---------- side column ---------- */
.pm-side{
  display:grid;
  align-content:start;
  gap:1.6rem;
  padding-left:clamp(1.5rem,2.5vw,2.4rem);
  border-left:1px solid var(--pm-line);
}

.pm-panel .pm-eyebrow{
  margin:0 0 .9rem;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--pm-muted);
}

.pm-panel ul.pm-quick__list{
  display:grid!important;
  gap:2px;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.pm-panel ul.pm-quick__list li{margin:0!important;padding:0!important;list-style:none!important}
.pm-panel ul.pm-quick__list li::before,
.pm-panel ul.pm-quick__list li::marker{content:none!important;display:none!important}

.pm-panel ul.pm-quick__list a{
  position:relative;
  display:block;
  padding:.55rem .75rem .55rem 0;
  border-radius:8px;
  font-size:.96rem;
  font-weight:600;
  color:var(--pm-muted);
  text-decoration:none;
  transition:color 200ms var(--pm-ease),padding-left 240ms var(--pm-ease);
}
.pm-panel ul.pm-quick__list a::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  width:0;height:2px;
  border-radius:2px;
  background:var(--pm-blue);
  transform:translateY(-50%);
  transition:width 240ms var(--pm-ease);
}
.pm-panel ul.pm-quick__list a:hover,
.pm-panel ul.pm-quick__list a:focus-visible{
  color:var(--pm-text);
  padding-left:1.5rem;
}
.pm-panel ul.pm-quick__list a:hover::before{width:14px}

/* ---------- promo image slider ---------- */
.pm-promo{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid var(--pm-line);
  background:var(--pm-bg-2);
}

.pm-promo__track{
  display:flex;
  transition:transform 520ms var(--pm-ease);
}

.pm-promo__slide{
  flex:0 0 100%;
  min-width:0;
}
.pm-promo__slide img{
  display:block;
  width:100%;
  height:auto;
}

.pm-promo__dots{
  position:absolute;
  left:0;right:0;bottom:12px;
  display:flex;
  justify-content:center;
  gap:6px;
}
.pm-promo__dots button{
  all:unset;
  width:6px;height:6px;
  border-radius:99px;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  transition:width 320ms var(--pm-ease),background-color 320ms var(--pm-ease);
}
.pm-promo__dots button.is-active{
  width:20px;
  background:var(--pm-blue);
}

/* ---------- WordPress admin bar ---------- */
/* The admin bar offset now only applies BEFORE JavaScript has
   measured. Once it has, --pm-top comes from
   getBoundingClientRect, which is already relative to the viewport
   and therefore already includes the admin bar. Adding 32px on top
   of a measured value would push the panel down twice. */
body.admin-bar .pm-shell:not(.is-measured) .pm-panel,
body.admin-bar .pm-shell:not(.is-measured) .pm-backdrop{
  top:calc(var(--pm-top) + 32px);
}

} /* end min-width 992 */

@media (prefers-reduced-motion:reduce){
  .pm-panel,.pm-panel *,.pm-backdrop{transition-duration:.01ms!important}
  .pm-panel.is-open .pm-card{opacity:1;transform:none}
}