.general-content h1,
.general-content h2,
.general-content h3,
.general-content h4,
.general-content h5,
.general-content h6 {
    font-family: gomme-sans !important;
}

.svg-hover a svg{
	color: #0A2443;
	transition: all .3s ease-in-out !important;
}

.svg-hover a:hover svg{
	color: #B55431;
}

.footer-icon-box .elementor-icon-box-wrapper svg .primary-color,
.footer-icon-box .elementor-icon-box-wrapper svg .secondary-color{
	transition: all 0.3s ease-in-out;
}

.footer-icon-box .elementor-icon-box-wrapper:hover svg .primary-color{
	fill: #8C3C1F;
}

.footer-icon-box .elementor-icon-box-wrapper:hover svg .secondary-color{
	fill: #F1A91E;
}

.footer-icon-box .elementor-icon-box-wrapper p{
	margin-bottom: 0;
}

.padding-left-calc {
    padding-left: calc((100% - 1300px)/ 2) !important;
}

.padding-right-calc {
    padding-right: calc((100% - 1300px)/ 2) !important;
}

.roof-quote-iframe iframe {
    border-radius: 10px;
}

body {
    background: #f5f2eb;
}

.project-categories-roofing {
    cursor: pointer;
}

body.project-popup {
    overflow: hidden;
}

ol li {
    padding-bottom: 10px;
}

div#project-popup-overlay {
    position: fixed;
    left: 0;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 20px;
}

.project-gallery-meta {
    position: relative;
    padding-left: 32px;
}

.project-gallery {
    border-left: 2px solid #e0e4e8;
    padding-left: 19px;
    margin-left: 8px;
}

.project-gallery-meta::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: #0a2443;
    border-radius: 50%;
}

.project-gallery-meta::after {
    content: "";
    position: absolute;
    left: 7px;
    bottom: 0;
    height: 4px;
    width: 2px;
    background: #e0e4e8;
}

div#project-popup-content {
    max-width: 1170px;
    min-width: 1170px;
    border-radius: 10px;
    padding: 20px 50px 40px 50px;
    height: 660px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#project-popup {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity .3s ease-out, transform .3s ease-out;
    pointer-events: none;
}

#project-popup.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.project-popup-inner {
    overflow: hidden;
}

.project-featured-image img {
    width: 600px;
    aspect-ratio: 1.3;
    object-fit: cover;
    border-radius: 10px;
}

.project-gallery a {
    text-decoration: none;
}

.project-gallery img {
    max-width: 200px;
    height: 137px;
    object-fit: cover;
    width: 200px;
    border-radius: 8px;
}

footer.elementor-slideshow__footer.elementor-lightbox-prevent-close {
    opacity: 0;
}

span.close-popup {
    z-index: 999999999999;
    font-size: 20px;
    cursor: pointer;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 50px 42px 0 42px
}

div#project-popup {
    position: relative;
    background: #fff;
    border-radius: 10px;
}

.project-popup-main {
    display: flex;
    gap: 50px;
    align-items: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #e0e4e8;
}

.project-popup-right h3,
.project-popup-right h4 {
    margin-bottom: 0;
}

.project-type-wrap {
    padding: 30px 0;
}

.project-gallery-section {
    padding-top: 30px;
}

body div#project-popup .show {
    overflow-y: hidden;
}

.landing-review {
    height: 240px;
}

.blog-list-feature {
    overflow: hidden;
}

.blog-list-feature a {
    overflow: hidden;
    border-radius: 10px;
}

.blog-list-feature img {
    transition: transform 0.3s linear;
}

.blog-list-feature:hover img {
    transform: scale(1.2);
}

.landing-page-gallery a.e-gallery-item.elementor-gallery-item.elementor-animated-content {
    position: relative;
}

.landing-page-gallery a.e-gallery-item.elementor-gallery-item.elementor-animated-content::before {
    content: '';
    background-image: url(/wp-content/uploads/2025/05/close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    opacity: 0;
    transform: rotate(45deg);
}

.landing-page-gallery a.e-gallery-item.elementor-gallery-item.elementor-animated-content:hover::before {
    opacity: 1;
}

.elementor.elementor-2441.elementor-location-popup {
    overflow-y: scroll;
    scrollbar-width: none;
    max-height: 760px;
    border-radius: 10px;
}

.common-breadcrumb p {
    margin-bottom: 0;
}

.guy-landing img {
    object-fit: contain;
}

.blog-list-feature {
    transition: .3s ease;
}

.about-slider-get-start .swiper-slide {
    background: #fff;
}

.blog-list-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 250px;
    overflow-y: hidden;
    display: block;
    overflow-x: scroll;
    height: 22px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.common-slider-shadow,
.roofing-need-slider {
    position: relative;
}

.common-slider-shadow::after,
.roofing-need-slider::after {
    content: '';
    width: 186px;
    height: 100%;
    position: absolute;
    right: -2px;
    top: 0;
    background: linear-gradient(90deg, rgba(245, 242, 235, 0) 7.55%, #f5f2eb 100%);
    z-index: 999;
}

.common-breadcrumb p,
.common-breadcrumb-location p {
    font-size: 15px;
    font-weight: 500;
}

.common-breadcrumb p a,
.common-breadcrumb-location a,
.common-breadcrumb-location p {
    color: #000;
}

.common-breadcrumb p a {
    text-decoration: underline;
}

.inner-banner,
.single-post-banner,
.transparent-banner {
    position: relative;
}

.inner-banner::after,
.single-post-banner::after,
.transparent-banner::after {
    content: '';
    width: 100%;
    height: 42px;
    background-image: url(/wp-content/uploads/2025/07/Subtract-line.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    bottom: -1px;
    margin: 0 auto;
}

.common-gomme-sans-font,
.home-counter-box span.elementor-counter-number {
    font-family: gomme-sans !important;
}

.home-counter-box span.elementor-counter-number {
    margin-bottom: 5px;
}



.guarantee-image img {
    transition: transform .4s ease;
}

.home-guarantees-box-overlay.active .guarantee-image img {
    transform: translateY(50px);
}

.review-slider-sec.e-flex.e-con.e-child {
    overflow-y: scroll;
    height: 492px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.review-slider-sec::-webkit-scrollbar {
    display: none;
}

.before-after-img .eael-img-comp-container.twentytwenty-container,
.before-after-img .eael-img-comp-container.twentytwenty-container img {
    height: 360px;
}

.before-after-img .eael-img-comp-container.twentytwenty-container img {
    object-fit: cover;
    object-position: top;
}

a {
    color: #8c3c1f;
    text-decoration: underline;
    transition: .3s ease;
}

a:hover {
    color: #6f94c2;
}

.common-breadcrumb p a {
    color: #0a2443;
    text-decoration: underline;
}

h4.e-n-accordion-item-title-text,
h4.elementor-heading-title.elementor-size-default {
    font-family: Roboto;
    font-weight: 800;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;
}

h1.elementor-heading-title.elementor-size-default,
h2.elementor-heading-title.elementor-size-default,
h3.elementor-heading-title.elementor-size-default {
    font-family: gomme-sans !important;
}

a.elementor-button.elementor-button-link.elementor-size-sm {
    font-weight: 600;
}

.blog-single-breadcrumb p,
.blog-single-breadcrumb p a {
    color: #f5f2eb;
}

.single-blog-content img {
    padding-bottom: 15px;
}

.single-blog-content iframe {
    aspect-ratio: 16/9;
    padding-bottom: 15px;
    padding-top: 8px;
}

.single-blog-content ol,
.single-blog-content ul {
    padding-left: 20px;
    margin-bottom: 15px;
}

.single-blog-content ol li,
.single-blog-content ul li {
    padding-bottom: 10px;
}

.single-blog-content ol li:last-child,
.single-blog-content ul li:last-child {
    padding-bottom: 0;
}

.single-blog-content a {
    color: #b55431;
}

.single-blog-content a:hover {
    color: #8c3c1f;
}

.gallery-after-before-box {
    position: relative;
    width: 500px;
    height: 300px;
    max-width: 100%;
    overflow: hidden;
}

.gallery-after-before-box .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 522px 100%;
}

.gallery-after-before-box .gallery-after-before-slider,
.gallery-after-before-box .gallery-after-before-slider1 {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    outline: 0;
    margin: 0;
    transition: all .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}

.gallery-after-before-slider-button {
    background: #0a2443;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 6px transparent;
    color: #fff;
    height: 48px;
    left: 50%;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 52%;
    transform: translate3d(-50%, -50%, 0);
    transition: background .3s, box-shadow .3s, opacity .5s .25s;
    width: 48px;
    z-index: 2;
}

.gallery-after-before-box .gallery-after-before-slider-button::before {
    content: "";
    padding: 0;
    display: inline-block;
    border: 0;
    width: 10px;
    height: 10px;
    position: absolute;
    border-left: 2px solid;
    border-top: 2px solid;
}

.gallery-after-before-slider-button:before {
    left: 10px;
    transform: rotate(-45deg)
}

.gallery-after-before-slider-button:after,
.gallery-after-before-slider-button:before {
    border-left: 2px solid;
    border-top: 2px solid;
    content: "";
    height: 10px;
    position: absolute;
    top: 50%;
    transform-origin: 0 0;
    width: 10px;
}

.gallery-after-before-slider-button:after {
    right: 0;
    transform: rotate(135deg);
}

.header-menu-first .elementor-nav-menu ul.sub-menu {
    border-top: 10px solid #f1a91e;
    width: 230px !important;
    top: 49%;
}

.header-menu-first .sub-menu li .elementor-nav-menu a,
.header-menu-first .sub-menu li a {
    padding: 20px 0 20px 10px;
    border: none;
    transition: .8s ease-in-out;
}


.footer-nav ul li a.elementor-item.elementor-item-anchor,
.header-menu-first ul li .elementor-item,
.header-menu-first ul li a.elementor-item.elementor-item-active,
.header-menu-first ul li a.elementor-item.elementor-item-anchor,
.header-menu-first ul li a.elementor-item.has-submenu {
    font-family: gomme-sans !important;
}

.header-menu-first span.menu-progress {
    width: calc(100% - 50px);
    height: 15px;
    background: #a1b5D580;
    left: 0;
    border-radius: 2px;
    width: 0;
    transition: .8s ease-in-out;
}

.header-menu-first .sub-menu li:hover span.menu-progress {
    width: calc(100% - 50px);
    transition: .8s ease-in-out;
}

.sticky-header-blue.elementor-sticky--effects {
    display: flex !important;
    width: 100% !important;
    top: 0;
}

.sticky-header-cta span.elementor-icon-list-icon {
    display: none;
}

.header-menu-first .sub-menu li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #f5f2eb;
    margin: 0 10px;
    border-bottom: .5px dotted #fff;
    padding: 20px 0;
}

.header-menu-first .sub-menu li a:hover {
    border-left: none;
    padding: 20px 0 20px 0px;
}

.header-menu-first .sub-menu li:last-child a {
    border: none;
}

div#header-transparent1 {
    background: 0 0;
}

.footer-nav .elementor-nav-menu .elementor-item {
    padding: 0;
    padding-right: 45px !important;
    position: relative;
}


.footer-social-media a:hover svg {
    filter: hue-rotate(500deg) !important;
}

.footer-nav .e--pointer-underline .elementor-item,
.footer-nav .e--pointer-underline .elementor-item:hover{
	padding: 10px;
}

.footer-nav .e--pointer-underline .elementor-item::before {
    content: '';
    height: 3px;
    background: #b55431;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 9999;
    transition: all .5s ease;
}

.footer-nav .e--pointer-underline .elementor-item:hover::before {
    width: calc(100% - 10px);
    opacity: 1;
}

.footer-img-menu-overlay {
    opacity: 0;
    transition: .3s ease;
}

.footer-img-menu:hover .footer-img-menu-overlay {
    opacity: 1;
    transition: .3s ease;
    cursor: pointer
}

.home-counter-box {
    height: 175px !important;
}

.home-counter-box .elementor-counter-title {
    text-align: center;
}

.google-logo-home img {
    mix-blend-mode: multiply;
}

.bbb-logo-home img {
    mix-blend-mode: difference;
}

.home-guarantees-box-behind {
    opacity: 0;
    transition: opacity .5s ease-in-out;
    pointer-events: none;
}

.home-guarantees-box-behind.visible {
    opacity: 1;
    pointer-events: auto;
}

.home-guarantees-box-overlay {
    opacity: 1;
    transition: opacity .5s ease-in-out;
    pointer-events: auto;
}

.home-guarantees-box-behind.visible~.home-guarantees-box-overlay {
    opacity: 0;
    pointer-events: none;
}

.faq-accordion-home .e-n-accordion {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.faq-accordion-home summary.e-n-accordion-item-title {
    padding: 40px 20px;
}

.faq-accordion-home .e-n-accordion>details.e-n-accordion-item {
    background: linear-gradient(180deg, #ede7db 0, #f5f2eb 100%);
    transition: all .5s ease-in-out;
}

.faq-accordion-home .e-n-accordion-item[open] {
    border-color: #0a2443;
    transition: all .5s ease-in-out;
}

.common-form::placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

.common-form form {
    background: linear-gradient(180deg, #ede7db 0, #f5f2eb 100%);
    padding: 40px 40px;
    border: 2px solid #0a2443;
    border-radius: 2px;
}

.common-form .gform_wrapper.gravity-theme input[type=email],
.common-form .gform_wrapper.gravity-theme input[type=tel],
.common-form .gform_wrapper.gravity-theme input[type=text],
.common-form .gform_wrapper.gravity-theme select,
.common-form .gform_wrapper.gravity-theme textarea {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #000;
    padding: 13.5px 28px;
    border: 1px solid #000;
    border-radius: 5px;
    outline: 0;
}

.common-form .gform_wrapper.gravity-theme select {
    padding: 13.5px 24px;
    border: 1px solid #00384d;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/wp-content/uploads/2025/04/form-arrow.png);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 12px;
    position: relative;
    display: inline-block;
    transition: transform .3s ease;
}

.common-form .gform_wrapper.gravity-theme select:valid {
    color: #99958b;
    border: 1px solid #00384d;
}

.common-form .gform_wrapper.gravity-theme .gfield_label,
.common-form label {
    font-size: 16px;
    color: #0a2443;
    font-weight: 400;
}

.common-form input[type=radio] {
    border: 2px solid #0a2443;
    transform: scale(1.7);
    margin-right: 10px;
    accent-color: #0a2443;
}

.common-form .gfield_radio {
    display: flex;
    flex-wrap: wrap;
    max-width: 490px;
    gap: 10px;
    justify-content: space-between;
    padding-left: 5px;
}

.common-form .gfield_radio .gchoice {
    width: 45%;
}

.common-form.grand-rapids .gfield_radio .gchoice {
    width: 100%;
}

.common-form .gform_footer.top_label {
    display: flex;
    justify-content: center;
    padding-bottom: 0;
}

.common-form .gform_wrapper.gravity-theme input[type=submit] {
    padding: 16px 25px 16px 25px;
    margin: 0;
    line-height: 100%;
}

.common-form .gform_heading,
.common-form .gform_validation_errors {
    display: none;
}

.common-form div#gform_fields_1 {
    grid-row-gap: 20px;
}

.common-form .gform_wrapper.gravity-theme .gfield textarea.medium {
    max-height: 151px;
}

.common-form .field_sublabel_below {
    position: relative;
    transition: .3s ease;
}

.common-form .field_sublabel_below.active label.gfield_label {
    top: -6px;
    font-size: 12px;
    transition: .3s ease;
    color: #0a2443;
    background-image: linear-gradient(180deg, #ffffff00 0, #fff 100%);
}

.common-video svg {
    opacity: 1;
}

.new-counter-section .home-counter-box {
    max-width: 175px;
    width: 100%;
}

.step-carsoul-box .swiper-slide .e-con-inner .simple-steps-box,
.step-carsoul-box .swiper-slide>.e-con-inner {
    height: 100%;
}

.form-cta div#gform_confirmation_message_17 {
    padding: 100px 20px;
    background-color: #ede7db;
    border-radius: 50px;
    text-align: center;
}

.swiperToEdge .swiper,
.swiperToEdge .swiper-container {
    overflow: visible;
}

.swiperToEdge {
    -webkit-clip-path: polygon(0 -100%, 700% -100%, 700% 200%, 0 200%);
    clip-path: polygon(0 -100%, 700% -100%, 700% 200%, 0 200%);
}

.project-slider-home .elementor-swiper-button.elementor-swiper-button-next svg,
.project-slider-home .elementor-swiper-button.elementor-swiper-button-prev svg {
    width: 55px;
    height: auto;
}

.projects {
    cursor: pointer;
}

.elementor-widget-text-editor ul {
    list-style: none;
    margin: 0 0 20px 29px;
    padding: 0;
}

.elementor-widget-text-editor ul li {
    position: relative;
    text-align: left;
}

.elementor-widget-text-editor ul li:before {
    position: absolute;
    content: '';
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwQTI0NDMiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2stY2lyY2xlIj48cGF0aCBkPSJNMjIgMTEuMDhWMTJhMTAgMTAgMCAxIDEtNS45My05LjE0Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iMjIgNCAxMiAxNC4wMSA5IDExLjAxIj48L3BvbHlsaW5lPjwvc3ZnPg==) no-repeat center/contain;
    height: 16px;
    width: 16px;
    top: 4px;
    left: -25px;
}

.custom-dots .swiper-pagination {
    left: 100% !important;
    width: max-content !important;
}

.grid-reviews .ti-widget.ti-goog .ti-reviews-container .ti-reviews-container-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px !important;
}

.grid-reviews .ti-reviews-container .ti-reviews-container-wrapper .ti-inner {
    height: 100%;
}

.grid-reviews .ti-reviews-container .ti-load-more-reviews-container {
    display: none !important;
}

.grid-reviews .ti-widget.ti-goog .ti-reviews-container .ti-review-item.ti-hide {
    display: block !important;
}

.single-post-meta .elementor-post-info {
    row-gap: 14px;
}

.bafg-slider-wrap .bafg-twentytwenty-container:not([data-video-type]) {
    height: 361px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}

.bafg-slider-wrap .bafg-twentytwenty-container img {
    height: 100% !important;
    object-fit: cover;
}

@media (min-width:1025px) {
    .header-menu-first span.sub-arrow {
        display: none;
    }
}

@media only screen and (max-width:1500px) {
    .sticky-header-blue .header-sticky-right {
        gap: 0;
        justify-content: end;
        align-items: end;
    }

    .footer-icon-menu .elementor-element.elementor-element-9400da4.e-con-full.e-flex.e-con.e-child {
        gap: 20px;
    }
}

@media only screen and (max-width:1441px) {
    .common-project-slider {
        padding-left: 60px;
    }
}

@media only screen and (max-width:1430px) {
    .footer-nav .elementor-nav-menu .elementor-item {
        padding-right: 12px !important;
        font-size: 18px;
    }

    .common-project-slider {
        padding-left: 0;
    }

    .footer-nav ul li a.elementor-item.elementor-item-anchor:hover::after {
        width: calc(100% - 12px);
    }

    .sticky-header-blue .mobile-toggle {
        width: 87%;
    }

    .header-menu-first .elementor-nav-menu a {
        padding: 13px 9px;
    }
}

@media only screen and (max-width:1300px) {
    .header-right-box {
        width: 28.35%;
    }

    .counter-sec-left {
        justify-content: space-between;
        gap: 20px;
    }

    .counter-box {
        gap: 50px !important;
    }

    .footer-icon-menu {
        gap: 17px;
    }

    .footer-social-media .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
        margin: 0;
    }

    .counter-home-img-desk img {
        display: none;
        opacity: 0;
    }

    .sticky-header-blue .mobile-toggle {
        width: 68%;
    }

    .sticky-header-blue ul#menu-1-2a2787f {
        flex-wrap: nowrap;
    }

    .custom-width-counter-image img {
        width: 211px;
        height: 299px;
    }

    .new-counter-section {
        column-gap: 60px;
    }
}

@media only screen and (max-width:1200px) {
    .bafg-slider-wrap .bafg-twentytwenty-container:not([data-video-type]) {
        height: 320px !important;
    }

    .header-menu-first .elementor-nav-menu a {
        padding: 20px 7px;
    }

    .project-gallery-meta::after {
        left: 8px;
    }

    .new-counter-section {
        column-gap: 25px;
    }

    .guy-landing img {
        width: 228px;
    }

    div#project-popup-content {
        min-width: 100%;
    }
}

@media only screen and (max-width:1024px) {
    .bafg-slider-wrap .bafg-twentytwenty-container:not([data-video-type]) {
        height: 260px !important;
    }

    .padding-left-calc {
        padding-left: 20px !important;
    }

    .padding-right-calc {
        padding-right: 20px !important;
    }

    .guy-landing img {
        width: 108px;
    }

    .cta-right-sticky-mobile ul li.elementor-icon-list-item a{
        padding: 12px;
        background: #b55431;
        border-radius: 50px;
    }

    .cta-right-sticky-mobile ul li.elementor-icon-list-item .elementor-icon-list-icon svg {
        margin: 0;
    }

    .project-gallery img {
        max-width: 150px;
        height: 100px;
        object-fit: cover;
        width: 150px;
    }

    div#project-popup-content {
        min-width: 768px;
        max-width: 100%;
    }

    .project-popup-main {
        gap: 30px;
    }

    span.close-popup {
        font-size: 17px;
    }

    div#project-popup-content {
        padding: 20px;
    }

    span.close-popup {
        padding: 40px 20px 10px 20px;
    }

    .custom-width-counter-image img {
        width: 100%;
        height: auto;
    }

    .counter-sec-left {
        justify-content: left;
        gap: 20px;
    }

    .before-after-img .eael-img-comp-container.twentytwenty-container,
    .before-after-img .eael-img-comp-container.twentytwenty-container img {
        height: 233px;
    }

    .landing-page-counter .home-counter-box {
        width: 160px;
        height: 147px !important;
    }

    .blog-list-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        height: 17px;
    }

    .new-counter-section .home-counter-box {
        max-width: 160px;
    }

    .footer-social-media ul.elementor-icon-list-items.elementor-inline-items {
        margin: 0;
    }

    header.elementor-element.elementor-element-2804187.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
        position: relative;
    }

    .header-menu-first .sub-menu li:hover span.menu-progress {
        width: 0;
    }

    .footer-nav nav {
        justify-content: center;
        align-items: center;
    }

    .sticky-header-cta span.elementor-icon-list-icon {
        display: block;
    }

    .header-menu-first .elementor-nav-menu a,
    .header-menu-first ul li a.elementor-item.elementor-item-active,
    .header-menu-first ul li a.elementor-item.elementor-item-anchor,
    .header-menu-first ul li a.elementor-item.has-submenu {
        padding: 20px 0;
    }

    .sticky-header-blue .header-sticky-right {
        flex-direction: row;
        align-items: center;
    }

    .cta-right-sticky {
        width: 100%;
    }

    .header-menu-first .elementor-nav-menu ul.sub-menu {
        border-top: 0 solid #f1a91e;
        width: 100%;
        transform: translate(20px, 0);
        padding-left: 0;
    }

    .header-menu-first ul {
        padding: 0 20px 20px 20px;
    }

    .header-menu-first .sub-menu li .elementor-nav-menu a,
    .header-menu-first .sub-menu li a {
        padding: 10px 0 10px 0;
        color: #f1a91e;
        border: none;
        border: none;
        margin-left: 0;
    }

    .header-menu-first ul li {
        border-bottom: 2px dotted #596b8a;
    }

    .header-menu-first .sub-menu li {
        border: none;
    }

    .footer-nav ul li a.elementor-item.elementor-item-anchor {
        padding: 0 20px;
    }

    .footer-nav ul {
        gap: 5px;
        justify-content: center;
    }

    .footer-icon-menu .elementor-element.elementor-element-9400da4.e-con-full.e-flex.e-con.e-child {
        gap: 50px;
    }

    .sticky-header-blue .mobile-toggle {
        width: auto;
    }

    .header-sticky-left ul li a {
        font-weight: 700;
        font-size: 18px;
        line-height: 100%;
    }

    .header-menu-first.sticky-header-nav .elementor-nav-menu a,
    .header-menu-first.sticky-header-nav ul li a.elementor-item {
        font-size: 18px;
        padding: 20px 7px 20px 0;
    }

    .project-slider-home .elementor-swiper-button.elementor-swiper-button-next svg,
    .project-slider-home .elementor-swiper-button.elementor-swiper-button-prev svg {
        width: 40px;
    }

    .counter-box {
        gap: 20px !important;
    }
}

@media only screen and (max-width:1024px) and (min-width:767px) {
    .new-counter-section.landing-page-counter .home-counter-box {
        padding: 20px;
    }
}

@media only screen and (max-width:880px) {
    .bafg-slider-wrap .bafg-twentytwenty-container:not([data-video-type]) {
        height: 220px !important;
    }

    .new-counter-section {
        width: 78%;
    }

    .landing-page-counter .home-counter-box {
        height: 124px !important;
    }

    .new-counter-section .home-counter-box {
        max-width: 130px;
    }
}

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

    .step-carsoul-box .swiper-slide .e-con-inner .simple-steps-box,
    .step-carsoul-box .swiper-slide>.e-con-inner {
        height: auto;
    }

    .roofing-need-slider::after {
        width: 70px;
    }

    .check-list ul li {
        margin-bottom: 10px;
    }

    .guy-landing {
        display: none;
    }

    div#project-popup-content {
        min-width: 600px;
        max-width: 100%;
    }

    .project-gallery img {
        max-width: 200px;
        height: 140px;
        object-fit: cover;
        width: 200px;
    }

    .project-popup-main {
        flex-direction: column;
        align-items: baseline;
    }

    .project-type-wrap {
        padding: 10px 0;
    }

    div#project-popup-content {
        height: 700px;
    }

    .project-featured-image img.attachment-large.size-large.wp-post-image {
        width: 300px;
    }

    .elementor.elementor-2441.elementor-location-popup {
        max-height: 100% !important;
    }

    .sticky-header-blue {
        flex-wrap: nowrap;
    }

    .footer-nav ul li a.elementor-item.elementor-item-anchor:hover::after {
        height: 2px !important;
        bottom: -4px;
    }

    .banner-cta-content p a {
        text-decoration: none !important;
    }

    .landing-page-counter .home-counter-box {
        width: 130px !important;
        height: 130px !important;
    }

    .counter-sec-left {
        justify-content: center;
    }

    .sticky-header-blue .header-sticky-right,
    .sticky-header-blue.elementor-sticky--effects {
        flex-wrap: nowrap;
    }

    .cta-right-sticky-mobile span.elementor-icon-list-text {
        padding: 0 !important;
    }

    .cta-right-sticky-mobile .span.elementor-icon-list-icon svg {
        margin: 0;
    }

    .cta-right-sticky-mobile ul li.elementor-icon-list-item a{
        padding: 12px !important;
        background: #b55431;
        border-radius: 50px !important;
    }

    .home-guarantees-box-overlay {
        top: 25px !important;
        gap: 50px !important;
    }

    .home-guarantees-box-behind {
        height: 350px;
    }

    .home-guarantees-box-behind.visible {
        height: auto;
    }

    .common-form .gform_wrapper.gravity-theme input[type=email],
    .common-form .gform_wrapper.gravity-theme input[type=tel],
    .common-form .gform_wrapper.gravity-theme input[type=text],
    .common-form .gform_wrapper.gravity-theme select,
    .common-form .gform_wrapper.gravity-theme textarea {
        font-size: 16px !important;
        padding: 10.5px 16px !important;
    }

    .common-form form {
        padding: 40px 38px;
        font-size: 16px !important;
    }

    .common-form ::placeholder,
    .common-form input[type=radio],
    .common-form label {
        font-size: 16px !important;
    }

    .common-form label.gfield_label {
        left: 11px;
    }

    .project-slider-home .elementor-swiper-button.elementor-swiper-button-next svg,
    .project-slider-home .elementor-swiper-button.elementor-swiper-button-prev svg {
        width: 35px;
    }

    .new-counter-section {
        width: 100%;
    }

    .new-counter-section {
        column-gap: 20px;
    }

    .new-counter-section.landing-page-counter {
        gap: 20px;
    }


}

@media only screen and (max-width:640px) {
    div#project-popup-content {
        min-width: 320px;
        max-width: 100%;
    }

    .single-blog-content .wp-caption.alignright {
        width: 100% !important;
    }

    .single-blog-content img {
        width: 100%;
    }

    .project-gallery-meta::after {
        height: 2px;
    }

    .single-blog-content .shield-single-post-img {
        width: 96px;
    }

    span.close-popup {
        right: 10px;
    }

    .project-gallery img {
        max-width: 100% !important;
        height: 100%;
        object-fit: cover;
        width: 100% !important;
        margin: 5px 0 !important;
    }

    .project-featured-image img.attachment-large.size-large.wp-post-image {
        width: 100%;
    }

    .home-counter-box {
        max-width: 175px;
    }

    .grid-reviews .ti-widget.ti-goog .ti-reviews-container .ti-reviews-container-wrapper {
        grid-template-columns: 1fr;
        gap: 10px !important;
    }
}

@media only screen and (max-width:575px) {
    .cta-right-sticky-mobile ul li.elementor-icon-list-item a{
        padding: 8px !important;
    }

    .inner-banner.xs-bg-none {
        background-image: none !important;
    }

    .bafg-slider-wrap .bafg-twentytwenty-container:not([data-video-type]) {
        height: 350px !important;
    }

    .counter-box-list {
        height: 130px !important;
    }
}

@media only screen and (max-width:390px) {
    .home-guarantees-box-behind {
        width: 300px;
    }

    .home-guarantees-box-behind.visible {
        width: 100%;
    }

    .header-sticky-right {
        width: 63%;
    }

    .header-sticky-left {
        width: 29%;
    }

    .cta-right-sticky-mobile {
        width: 53%;
    }

    .mobile-toggle {
        width: 22%;
    }

    .footer-van-sec .elementor-widget-container {
        margin-top: -43px;
    }

    .footer-van-sec img {
        width: 171px;
    }

    .footer-nav ul li a.elementor-item.elementor-item-anchor {
        padding: 0 13px 0 0;
    }

    .footer-social-media ul li.elementor-icon-list-item.elementor-inline-item svg {
        margin-left: 0;
        margin-right: 28px;
    }

    .footer-social-media ul li.elementor-icon-list-item.elementor-inline-item:last-child svg {
        margin-right: 0;
    }

    .sticky-header-book-now a.elementor-button.elementor-button-link.elementor-size-sm {
        font-size: 14px;
        padding: 8px 8px 8px 8px;
    }

    .cta-right-sticky-mobile {
        flex-wrap: nowrap;
    }

    .footer-icon-menu .elementor-element.elementor-element-9400da4.e-con-full.e-flex.e-con.e-child {
        gap: 60px;
    }

    .landing-cta-btn {
        width: 115%;
    }


}

@media only screen and (max-width:375px) {
    .footer-social-media ul.elementor-icon-list-items.elementor-inline-items {
        margin: 0;
        justify-content: center;
        gap: 20px;
        column-gap: 0;
    }

    .footer-social-media ul li.elementor-icon-list-item.elementor-inline-item svg {
        margin-left: 0;
        margin-right: 13px;
    }

    .footer-social-media ul li.elementor-icon-list-item.elementor-inline-item:last-child svg {
        margin-right: 0;
    }

    .common-form .gfield_radio {
        flex-direction: column;
    }

    .common-form .gfield_radio .gchoice {
        width: 100%;
    }
}