/* CSS updates/changes by Devs */
.section-body { margin-top: var(--space-48); }

.slider-partners:not(.slick-initialized) > * {
    flex: 1;
}
.slider-partners {
	& .slick-track { display: flex; align-items: center; }
	& a img { filter: grayscale(1); transition: var(--transition-default); width: 100px; aspect-ratio: 1; object-fit: contain; }
	& a:hover img { filter: grayscale(0); }
}

.ourwork-filter a.active { background-color: var(--Red); color: var(--White); }


#page .sb-form .frm_fields_container { gap: 0;
	& .form-field { margin-top: 16px; }
}

.blog-detail,
.intro-level2 {
	& h2 { font-size: var(--text-28); }
	& h3 { font-size: var(--text-24); }
	& h4 { font-size: var(--text-18); }
}
.banner-inner:has(.top:only-child) {
	& .bnr-bg-inner { position: absolute; height: 100%; }
	& .bnr-content-inner {
		& .wrap { min-height: 720px; display: flex; flex-direction: column; padding-bottom: var(--space-36); }
		& .top { min-height: unset; flex-grow: 1; max-width: 944px; display: flex; flex-direction: column; justify-content: center; gap: var(--space-36) 0; padding-block: var(--space-36) var(--space-72);
			& > * { margin-top: 0; }
			& .images { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
		}
	}
	
	@media only screen and (max-width: 767px) {
		& .bnr-content-inner .wrap { min-height: 580px; }
	}
	@media only screen and (max-width: 480px){
		& .bnr-content-inner .top h2 { font-size: 32px; }
	}
}
#page .banner-form { padding: 25px 32px;
	& fieldset { padding: 0; }
	& .frm_fields_container { gap: 28px 20px; }
	& .form-field { grid-column: span 3; margin: 0;
		&:has(.frm_submit) { grid-column: span 12; margin-bottom: -50px; }
	}
	& input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]) { border-color: var(--GrayLight); }
	& label { color: var(--White); }
	
	@media only screen and (max-width: 991px) {
		& .form-field { grid-column: span 6; }
	}
	@media only screen and (max-width: 767px) {
		& .form-field { grid-column: span 12; }
	}
}

.bnr-video { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: hidden; container-type: size;
	& iframe { position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;
		@container (min-aspect-ratio: 16/9) {
			height: 56.25cqw; /* 100*9/16 */
		}

		@container (max-aspect-ratio: 16/9) {
			width: /*177.78cqh */ 200.78cqh; /* 100*16/9 */
		}
	}
}

#main .plan { z-index: 5; }

.sr-controls { text-align: center; }
.sr-result div:has(.sr-cta) { display: flex; flex-wrap: wrap; gap: 8px;
	& a { margin: 0; }
}

#page #risk-form select { padding-top: 0 !important; }

/* additional pages : start : 21Oct25 */
.main .wwlf { margin-bottom: 0;
    & .content-media .media { margin-bottom: calc(var(--Space100) * -1); }

    & ul li { padding: 6px 0 0 94px; margin-top: 24px;
        &::before { width: 38px; height: 36px; background: none; left: 18px; top: 0px; }
        @media only screen and (max-width: 767px) {
            & { padding-left: 64px; }
            &::before { left: 8px; }
        }
    }
    
    @media only screen and (min-width: 992px) {
        & .content-media .content { padding-bottom: var(--Space100); }
    }
    @media only screen and (max-width: 991px) {
        & .content-media .content { order: 1; }
        & .content-media .media { order: 2; }
    }
}

.startyourcareer { padding-bottom: 0 !important; margin-bottom: var(--Space100) !important;
    & .section-bg { background: none 50% 0 no-repeat; }
    & .section-head {}
    & h2 { font-weight: 400; text-transform: uppercase;
        & strong { font-weight: 700; }
    }
    & h5 { color: var(--Black); }
}

.main .accordion2 { background: #F6F6F6; box-shadow: 0 4px 26.7px 0 rgba(0, 0, 0, 0.11); padding: 48px 64px; display: flex; flex-wrap: wrap; gap: 25px;
    & .accordion-block { background: var(--White); border: 1px solid #D0D0D0; width: 100%; padding: 24px 32px; }
    & .accordion-head { display: flex; align-items: center; gap: 20px 32px; padding: 0; cursor: pointer;
        & .box:first-child { background: #CC3A32; width: 70px; height: 70px; }
        & .box:last-child { width: 53px; }
        & .box:nth-child(2) { width: calc(100% - 53px - 70px - 64px); }
        & h5 { font-weight: 400; }
        & p { font-size: var(--text-16); font-weight: 700; margin-top: 0; color: #CC3A32; }
    }
    & .accordion-body { margin-top: 0; padding-top: 20px; }
    & .open .accordion-head svg { transform: rotate(90deg); }

    @media only screen and (max-width: 767px) {
        & { padding: 24px 32px; }
        & .accordion-block { padding: 12px 16px; }
        & .accordion-head { gap: 12px 16px;
            & .box:nth-child(2) { width: calc(100% - 53px - 70px - 32px); }
        }
    }
    @media only screen and (max-width: 480px) {
        & { padding: 12px 16px; }
        & .accordion-block { padding: 6px 8px; }
        & .accordion-head { gap: 6px 8px;
            & .box:nth-child(2) { width: calc(100% - 53px - 70px - 16px); }
        }
    }
}

.job-app-form { z-index: 5; padding-block: 0 !important; margin-block: var(--Space100) !important;
    & .section-bg {
        &::before { content: ''; background: none 50% 0 no-repeat; height: 984px; top: -260px !important; }
    }
}
.jaf-form { max-width: 1040px; margin-inline: auto; background: var(--White); border-radius: 4px; box-shadow: 2px 4px 15px 1px rgba(118, 118, 118, 0.25); padding: 32px 64px;
    & h4 { text-align: center; }
}

.guarantee {
    & ul li { padding: 6px 0 0 94px; margin-top: 24px;
        &::before { width: 38px; height: 36px; background: none; left: 18px; top: 0px; }
        @media only screen and (max-width: 767px) {
            & { padding-left: 64px; }
            &::before { left: 8px; }
        }
    }
	& .content-media { margin-top: var(--space-24); }
	
	@media only screen and (max-width: 991px) {
		& .content { order: 1; }
		& .media { order: 2; }
	}
}

.signup { background: var(--Red); border-radius: 7px; padding-inline: 72px 56px; padding-block: 48px 56px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-36) 0; color: var(--White); --headWidth: /*400px*/324px;
    & :where(h2, h3, h4, h5, h6) { color: var(--White); }
    & .section-head { width: var(--headWidth);
        & p { font-size: var(--text-16); font-weight: 700; margin-top: 5px; }
    }
    & .section-body { width: calc(100% - var(--headWidth) - 18px); margin-top: 0; }
	
	#page & .with_frm_style .frm_primary_label { color: var(--White); }
	#page & .with_frm_style input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]), #page textarea, #page select, #page input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]):focus { border-color: #BEBEBE; }

    @media only screen and (max-width: 991px) {
        & { padding: 24px 36px; }
        & :where(h2, h3, h4, h5, h6) br { display: none; }
        & .section-head { width: 100%; }
        & .section-body { width: 100%; }
    }
    @media only screen and (max-width: 767px) {
        & { padding: 24px; }
    }
}

.cm-alt-blocks { font-size: var(--text-16); display: grid; gap: calc(var(--space-72) + var(--space-72)); --sideOffset: -30px;
    & .block { align-items: center; position: relative; z-index: 5; }
    & .block:nth-child(even) { z-index: 1;
        &::before { content: ''; background: none 50% 50% no-repeat; width: 1920px; height: 436px; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    }
    & .content { position: relative; }
    & .media { position: relative; }
    & .square { width: 54px; height: 54px; background: #CC3A32; border-radius: 3px; display: flex; align-items: center; justify-content: center; color: var(--White); font-family: var(--FF-Unbounded); 32px; font-weight: 900; line-height: 1; }
    & a:not([class^="btn"]) { color: #CC3A32; font-weight: 700; }
    & ul li { padding-left: 42px; margin-top: 24px;
        &::before { width: 10px; height: 10px; background: #CC3A32; left: 24px; top: 4px; }
    }

    @media only screen and (min-width: 992px) {
        & .block:nth-child(even) { flex-direction: row-reverse;}
        & .block:nth-child(odd) {
            & .content { left: var(--sideOffset); }
            & .media { right: var(--sideOffset);
                & figure { display: flex; justify-content: flex-end; }
            }
        }
        & .block:nth-child(even) {
            & .content {}
            & .media { left: var(--sideOffset); }
        }
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        & { --sideOffset: -16px; }
    }
    @media only screen and (max-width: 767px) {
        & { gap: 72px; }
    }
}

.redsquare-bullet {
    & .box { position: relative; z-index: 5; margin-top: var(--space-24); padding-left: 24px;
        &::before { content: ''; background: #CC3A32; width: 4px; height: 4px; position: absolute; z-index: 5; left: 8px; top: 8px; }
    }
    & p strong { color: #CC3A32; display: block; }
}

.why-it-matters {
    & .section-head { text-align: center; }
}

.boxes-whyitmatters { display: flex; flex-wrap: wrap; justify-content: center; gap: 36px 48px;
    & .box { display: flex; gap: 24px; width: 260px;
        & .icon { width: 40px; }
        & .info { width: calc(100% - 40px - 24px); }
    }
}

.boxes-valueprop { justify-content: center;
    & h5 { color: var(--GrayDark); }
	& .icon { height: 67px; display: flex; justify-content: center; align-items: flex-end;
		& svg { max-width: 88px; }
	}
}

.available-contracts { min-height: 503px;
    & .section-bg {
        &::before { content: ''; background: none 50% 0% no-repeat; height: 503px; }
    }

    & .section-head { text-align: center; }
}

.boxes-availablecontracts { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px 0;
    & .box { width: calc(50% - 16px); background: var(--White); border: 1px solid #D0D0D0; padding: 36px; display: flex; justify-content: space-between; }
    & .icon { background: #CC3A32; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; }
    & .info { width: calc(100% - 54px - 32px); }
    & h5 { color: var(--GrayDark); }
    & p { margin-top: 0; }
    & .box a { color: var(--GrayDark); text-decoration: underline; 
        &:hover { text-decoration: none; }
    }

    @media only screen and (max-width: 767px) {
        & .box { width: 100%; }
    }
}

.wimfy {
    & .section-head { text-align: center;
        & h3 { display: inline-block; background: none 10px 12px no-repeat; padding-left: 53px; }
    }
}

.boxes-wimfy { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-48) var(--space-36); text-align: center;
    & .box { width: 200px; }
	& .content { margin-top: var(--space-16); }
    & .icon { height: 60px; }
    & h5 { color: var(--GrayDark); }
	& p { margin-top: var(--space-16); }

    @media only screen and (max-width: 991px) {
        & .box { width: 210px; }
    }
}

.single-col { padding-block: 0 !important; margin-block: var(--Space100) !important; z-index: 5;
    & .section-bg {
        &::before { content: ''; background: none 50% 50% no-repeat; height: 841px; top: 50% !important; bottom: auto !important; transform: translateY(-50%); }
    }
    & figure { margin-top: var(--p-top-space); }
    & .btn-holder { justify-content: center; margin-top: var(--space-48); gap: var(--space-24) var(--space-36); }
}

.plan2 {
    & .section-head { text-align: center;
        & h4 { color: var(--GrayDark); }
    }
}

.plan-wrapper { position: relative; z-index: 5; padding: var(--space-72) var(--Space100); font-size: var(--text-16);
    & h4 { font-size: var(--text-24); }
    & h5 { font-size: var(--text-16); }
	& .bg { position: absolute; z-index: -1; inset: 0; border-radius: 8px; overflow: hidden; box-shadow: var(--box-shadow);
		& img { object-fit: cover; width: 100%; height: 100%; }
		&::before,
		&::after { content: ''; position: absolute; inset: 0; }
		&::before { z-index: 10; background: rgba(var(--Red-rgb), 0.72); }
		&::after { z-index: 5; background: var(--White); mix-blend-mode: hue; }
	}
    & .plan-wrap { padding: 0; margin-top: 12px;
        &:first-child { margin-top: 0; }
        & .lhs { padding-left: 0; }
        & .rhs { padding-inline: 0; }
    }
    & .plan-wrap.rev { flex-direction: row-reverse;
        & .lhs { padding-right: 0; }
    }
    & .img-holder { display: flex; flex-direction: column; gap: var(--space-48); }
}
/* additional pages : end : 21Oct25 */

.section-paintbrush::before { content: ''; position: absolute; z-index: -1; left: 50%; top: 0; transform: translate(-50%, 0); width: 100vw; height: 100%; background: none 50% 50% no-repeat;  }

.wp-block-separator { margin-block: var(--p-top-space); }

.guarantee-list {
	& .block { align-items: center; }
}

.hdr-links { gap: var(--space-24);
	& a:not([class^="btn"]) { padding: 8px; border-radius: 4px;
		&:hover { box-shadow: 0 0 8px 0 rgba(0,0,0,0.10); }
	}
}

ul.sitemap-nav li { margin-top: 10px; }
ul.sitemap-nav li ul { margin-top: 0; }

.leadgen { color: var(--White); font-size: 16px; --img-top-offset: 100px; padding-top: var(--img-top-offset);
    & :where(h2, h3, h4, h5, h6) { color: var(--White); }
    & p { font-weight: 700; margin-top: 16px; }
    & .section-block { position: relative; z-index: 5; }
    & .img-holder { position: absolute; z-index: 10; left: 0; top: calc(var(--img-top-offset) * -1); width: calc(33.3333% - 24px);
        & img { margin-inline: auto; }
    }
    & .content {}
    & .text { padding-left: calc(33.3333% + 24px); position: relative; z-index: 5; min-height: 158px; display: flex; flex-direction: column; justify-content: center; padding-block: var(--space-36);
        &::before { content: ''; background: none 50% 50% / auto 100% no-repeat; width: 1304px; height: 100%; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    }
    & .btn-holder { padding-left: calc(33.3333% + 24px); margin-top: 8px; }
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        & { --img-top-offset: 70px; }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        & { --img-top-offset: 20px; }
    }
    @media only screen and (max-width: 767px) {
        & { --img-top-offset: 0px; }
        & .img-holder { position: static; width: 100%; text-align: center; }
        & .text { padding-left: 0; }
        & .btn-holder { padding-left: 0; }
    }
}

.video a:has(.yt-default) { 
    display: inline;

    & img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
}

.hdr-top {
	@media only screen and (max-width: 1199px) {
		& .hdr-links a:not([class^="btn"]) { display: none; }
	}
}

.nav-main {
	& .hdr-links { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-16); margin-top: var(--space-16);
		& a:not([class^="btn"]) { display: flex; align-items: center; gap: var(--space-8); line-height: 1;
			& span { color: var(--White); }
			& em { font-size: 0; }
			& em svg path { fill: var(--White); }
			&:hover { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.75); }
		}
		
		@media only screen and (min-width: 481px) {
			& a[class^="btn"] { display: none; }
		}
		@media only screen and (min-width: 1200px) {
			& { display: none; }
		}
		@media only screen and (max-width: 480px){
			& a[class^="btn"] { display: inline-flex; }
		}
	}
}

.ourwork-filter a:first-of-type:not(:has(~ a.active)) { background: var(--Red); color: var(--White); }

.section { --offset: -100px;
	#main &:has(+ .bg-gray-shaped) { margin-bottom: var(--offset); }
}

.section-contactfrm { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-36) 0;
	& .body { width: calc(33.3333% - 18px); }
	& .ftr-contacts { width: auto; margin-top: var(--space-36); }
	& .form { width: calc(66.6667% - 18px); }
	& .frm_fields_container { gap: var(--space-24); }
	#page & .form-field { margin-block: 0; }
	
	@media only screen and (max-width: 991px){
		& .body { width: 100%; }
		& .form { width: 100%; }
	}
}

.content-media {
	& .media {
		& .carousel { width: 100%; }
		@media only screen and (min-width: 992px) {
			& .carousel { padding-right: var(--space-16); }
		}
	}
}
.carousel-slick:not(.slick-initialized)  { display: grid; grid-template-columns: repeat(2, 1fr);}
.carousel-slick { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-24);
    & .slick-arrow {
        background: var(--Red);
        width: 50px;
        height: 50px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--White);
        /*position: absolute;
        bottom: -10px;*/
		&:hover { background: var(--RedDark); }
        
    }

    & .slick-prev {
        /*left: calc(50% - 10px);
        transform: translate(-100%, 100%);*/
		order: 2;
    }

    & .slick-next{
        /*right: calc(50% - 10px);
        transform: translate(100%, 100%);*/
		order: 3;
    }
	
	& .slick-list {
		order: 1; width: 100%;
		& img { margin-inline: auto; }
	}
}

.gallery-bxd .slick-list{ overflow: initial;}
.gallery-bxd:not(.slick-initialized) {display: flex;}
.gallery-bxd .slick-slide {position: relative; }
.gallery-bxd .slick-slide::after{ content: ''; position: absolute; inset: 0; background-color: rgba(220, 35, 36, 0.6); }
.gallery-bxd .slick-slide:not(.slick-current) img { filter: grayscale(1); }
.gallery-bxd .slick-current::after { background-color: initial;}
.gallery-bxd .slick-slide:not(.slick-active) + .slick-active,
.gallery-bxd .slick-active:has(+ .slick-slide:not(.slick-active)){ opacity: 0.5;}
.main .section--gallery{margin-block: 0; }
.slider-partners .slick-list{ width: 100% !important;}
.boxes-wimfy.boxes-3cols { gap: var(--space-48) 120px; }
.section--content-carousel .image-holder img { aspect-ratio: 4 / 3; object-fit: cover;}

#page .frm_forms .form-field{ margin-top: 0; }
.section #frm_form_5_container .frm_fields_container {gap: 16px;}
.team-detail #frm_form_5_container { margin-top: 20px;}
.main .section > .section-bg {pointer-events: none;}

.ftr-nav .link-button { margin-top: 20px; }
.link-button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--accent-color);
    min-height: 55px;
    min-width: 175px;
    border: 0;
    border-radius: 4px;
    padding: 5px 15px;
    color: var(--GrayDark);
    font-family: var(--FF-PlusJakartaSans);
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    text-align: center;
    line-height: 1.2;
    background: var(--accent-color);
    color: var(--GrayDark);
}

.link-button a:hover {
    background: var(--RedDark);
    color: var(--White);
    text-decoration: none !important;
}
.boxes-whoweserve--expanded { gap: 20px;
	& .box { width: calc(25% - 20px); max-width: 100%; }
	& .box-inner { padding: 20px; }
	& img { aspect-ratio: 4 / 3; object-fit: cover; }
	
	@media only screen and (max-width: 991px) {
		& .box { width: calc(50% - 20px); }
	}
	@media only screen and (max-width: 480px) {
		& .box { width: 100%; }
	}
}

@media(min-width: 992px){
    .rev.thumb-pos-bottom { align-items: stretch; }
    .rev.thumb-pos-bottom .lhs:has(.img-holder) { display: flex; align-items: flex-end; }
    .rev.thumb-pos-bottom .lhs:has(.img-holder) .img-holder { transform: translateY(72px); }
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

/*.blog-detail .head::before { height: calc(100% + 1px); }
#footer::before { mask-position: 50% 1px; }*/
.blog-detail .head {
	&::before { mask-image: none, linear-gradient(black, black); mask-composite: intersect; height: 87px; top: auto; bottom: 0; }
	&::after { content: ''; background: var(--RedDark); position: absolute; z-index: -5; left: 50%; top: 0; transform: translatex(-50%); height: calc(100% - 86px); width: 100vw; }
}
#footer {
	&::before { mask-image: none, linear-gradient(black, black); mask-composite: intersect; height:74px; bottom: auto; }
	&::after { content: ''; background: var(--GrayDark); position: absolute; z-index: -5; inset: 73px 0 0 0; }
}


.ftr-socmed {
	@media only screen and (min-width: 768px) {
		& { max-width: 240px; }
	}
}

body:has(.main .section--gallery:last-child) #footer { z-index: 50; margin-top: calc(var(--space-72) * -1); }

#breadcrumbs > span { display: flex; align-items: center; gap: 14px; }
#breadcrumbs a { text-decoration: none; }
#breadcrumbs .breadcrumb_last { color: var(--Red); font-weight: 700; }
body:has(.blog-detail) #breadcrumbs .breadcrumb_last { color: var(--White); }
.spbc { display:inline-block; min-width: 12px; width: 12px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.47511 10L1.12511 2.65C0.87511 2.4 0.754277 2.10417 0.76261 1.7625C0.770944 1.42083 0.90011 1.125 1.15011 0.875C1.40011 0.625 1.69594 0.5 2.03761 0.5C2.37928 0.5 2.67511 0.625 2.92511 0.875L10.6001 8.575C10.8001 8.775 10.9501 9 11.0501 9.25C11.1501 9.5 11.2001 9.75 11.2001 10C11.2001 10.25 11.1501 10.5 11.0501 10.75C10.9501 11 10.8001 11.225 10.6001 11.425L2.90011 19.125C2.65011 19.375 2.35844 19.4958 2.02511 19.4875C1.69178 19.4792 1.40011 19.35 1.15011 19.1C0.90011 18.85 0.77511 18.5542 0.77511 18.2125C0.77511 17.8708 0.90011 17.575 1.15011 17.325L8.47511 10Z' fill='%23DDDDDD'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }

.sa-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 48px; padding-bottom: 24px;
	& .box { background: #fff; border: 1px solid #D0D0D0; }
	& label { position: relative; display: flex; align-items: center; padding: 4px 14px; cursor: pointer; }
	& input {}
	& strong { width: 74px; height: 40px; border: 1px solid #D0D0D0; background: #fff; position: relative; z-index: 5; margin-right: 14px;
		&::before { content: ''; background: #BCBEC0; width: 28px; height: 28px; position: absolute; left: 5px; top: 5px; }
	}
	& span { color: #474748; font-size: 18px; text-transform: uppercase; }

	& label:has(input:checked) strong { border-color: var(--Red); background: var(--Red);
		&::before { background: var(--White); left: calc(100% - 28px - 5px); }
	}
}

@media (max-width: 1024px) {
	.slide-out-button_left-img {
		transform: translateX(calc(-100% + 1px)) !important;
		width: 69px !important;
	}

	.slide-out-button_right-img {
		transform: translateX(100%) !important;
		width: 69px !important;
	}
}


.single-post .sb-form{display:none;}
.single-post .sb-poprec{margin-top:0;}

#page { padding-top: 135px; }
#header { position: fixed; left: 0; top: 0; width: 100vw; }
#header .hdr-top #logo svg{ width: 100%; }
#header .hdr-top #logo .cls-1 { fill: #dc2627!important; }
.nav-open #header { z-index: 9999; }

.nav-open .quick-quote-root { z-index: 1 !important; }

.bnr-content {
	& h1 { font-size: var(--text-60); }
}


/* ## for print ## */
@media print {
}

/* no CSS beyond this point */