/* Customizeer CSS */
.wp-gr .grw-row {
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    -ms-flex-wrap: nowrap !important;
    -ms-flex-align: center !important;
    flex-direction: column;
}

.home-testimonial .testimonial-wrapper .wp-google-right {
    display: flex !important;
    width: 100% !important;
    column-gap: 20px;
    align-items: center;
    justify-content: center;
}

.home-testimonial .wp-google-wr {
    display: none;
}

.home-testimonial .wp-google-name {
    display: none;
}

.wp-google-left {
    display: none;
}

.wp-gr .wp-google-left {
    display: none !important;
    vertical-align: top !important;
}

span.color-green1 {
    color: #66b945;
}

span.color-green {
    color: #66b945;
}

.elementor-element.elementor-element-d6077d9.e-flex.e-con-boxed.e-con.e-parent {
    background-color: #f5f5f5;
}

.heritage-gallery {
    text-align: center;
}

/*b- Heritage */

.background-layer-image .elementor-icon:before {
    content: '';
    background: url('https://heritagesignsf.wpenginepowered.com/wp-content/uploads/2024/01/Background-layer.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.background-layer-image .elementor-icon {
    position: relative;
}

.background-layer-image span.elementor-icon.elementor-animation- {
    padding: 67px 94px !important;
}

.heritage-gallery .heritage-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.heritage-gallery .gallery-item a {
    display: block;
}

.heritage-gallery .gallery-item img {
    object-fit: contain;
}

.heritage-gallery .gallery-item {
    height: 140px;
}

.heritage-gallery .gallery-item img {
    height: 140px;
    object-position: center;
    margin: 0;
}

.heritage-gallery .gallery-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}

.heritage-gallery div#gallery-1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* Customizeer CSS */

/* HOME PAGE STYLES */
/* services section */
.services-section .elementor-image-box-img {
    width: 100% !important;
    padding: 70px 0px;
    background: #66B945;
    position: relative;
    z-index: 2;
}

.services-section .elementor-image-box-img:before {
    content: '';
    background: url(https://heritagesignsf.wpenginepowered.com/wp-content/uploads/2024/01/Background-layer.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.services-section .elementor-image-box-img img {
    display: inline-block;
    width: 200px;
    height: 180px;
    object-fit: contain;
}


.services-section .elementor-image-box-title {
    margin: 0;
    background: #fff;
    padding: 50px 0;
}

.services-section .elementor-widget-image-box {
    flex-basis: 33.33% !important;
    flex-grow: 0;
}

.services-section .elementor-image-box-wrapper .elementor-image-box-img {
    border-radius: 5px 5px 0px 0px;
}

.services-section .elementor-image-box-content .elementor-image-box-title {
    border-radius: 0px 0px 5px 5px;
}

.services-section-container .elementor-shape svg {
    width: 100% !important;
}

/* services section */

/* testimonial section */
.home-testimonial .testimonial-wrapper .wp-google-right .wp-google-powered {
    margin: 0 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    display: flex;
}


.home-testimonial .testimonial-wrapper .wp-google-right .wp-google-powered {
    margin: 0 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    display: flex;
}

.home-testimonial .testimonial-wrapper .grw-header {
    flex: 0 0 100% !important;
}

.home-testimonial .testimonial-wrapper .grw-content {
    flex: 0 0 100%;
}

.home-testimonial .testimonial-wrapper .grw-reviews {
    margin: 0 !important;
}

.home-testimonial .testimonial-wrapper .wp-google-feedback {
    height: 165px !important;
}

.home-testimonial .testimonial-wrapper .grw-reviews .grw-review-inner {
    padding: 40px !important;
}

.home-testimonial .testimonial-wrapper .grw-reviews .wp-google-left img {
    width: 52px !important;
    height: 52px !important;
}

.home-testimonial .testimonial-wrapper .grw-reviews a.wp-google-name {
    font-size: 16px !important;
    color: #525a5b !important;
}

.home-testimonial .testimonial-wrapper .grw-reviews .wp-google-left {
    /* display: flex !important; */
    flex-wrap: wrap !important;
    white-space: wrap !important;
    flex-direction: row;
}

.home-testimonial .testimonial-wrapper .grw-reviews .wp-google-left>*:not(img) {
    flex: 1 0 70%;
}

.home-testimonial .testimonial-wrapper .grw-reviews .wp-google-left .wp-google-time {
    display: block;
}

.home-testimonial .testimonial-wrapper .grw-reviews .wp-google-left a.wp-google-name {
    display: block;
    width: 100%;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
}

.home-testimonial .testimonial-wrapper .grw-reviews .wp-google-stars {
    margin: 5px 0 15px !important;
}

.home-testimonial .testimonial-wrapper .grw-controls {
    display: none !important;
}

.home-testimonial .testimonial-wrapper .grw-dot.active {
    background: #ff00 !important;
    border: 2px solid #66b945 !important;
    height: 13px !important;
    width: 13px !important;
    margin: 0 9px !important;
}

.home-testimonial .testimonial-wrapper .grw-dot:not(.active) {
    background: #66b945 !important;
    border: 2px solid #66b945 !important;
    height: 12px !important;
    width: 12px !important;
    margin: 0 9px !important;
}

/* testimonial section */
/* HOME PAGE STYLES */


/* OUR WORK STYLES */
/* portfolio section */

.our-work-portfolio {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    grid-gap: 30px;
    padding-left: 60px;
    padding-right: 60px;
}

.portfilio-section .elementor-image-box-content {
    padding: 50px 0px;
    background: #fff;
    border-radius: 0% 0% 5px 5px;
    max-height: 121px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.portfilio-section .elementor-image-box-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
}

.portfilio-section .elementor-image-box-wrapper img {
    display: block;
    height: 320px;
    width: 100%;
    object-fit: cover;
    object-position: bottom center;
}

.portfilio-section .elementor-image-box-title {
    margin: 0;
}

.portfilio-section .elementor-image-box-img img {
    border-radius: 5px 5px 0% 0%;
}

/* portfolio section */

.footer-cpyright-text {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.footer-cpyright-text li:not(:first-child) {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 2px solid white;
}

.footer-col-2-icon-boxes .elementor-icon-list-icon {
    background: #c5e6b8;
    padding: 9px !important;
    border-radius: 50%;
    margin-right: 5px;
}

.footer-col-2-icon-boxes .elementor-icon-list-icon svg {
    margin: 0 !important;
}

/* OUR WORK STYLES */

/* SERVICES STYLES */

/* services section */
.services-about-containter .services-about-text p {
    margin-bottom: 10px;
}

/* services section */
/* SERVICES STYLES */
/* ABOUT US STYLES */
.heritage-sign-box>.e-con-inner>.elementor-element {
    box-shadow: 0px 15px 20px 0 rgb(0 0 0 / 10%);
    min-height: 280px;
}

.heritage-sign-box {
    padding-bottom: 20px;
}

.heritage-sign-box>.e-con-inner>.elementor-element:first-child {
    border-radius: 5px 0 0px 5px;
}

.heritage-sign-box>.e-con-inner>.elementor-element:last-child {
    border-radius: 0px 5px 5px 0px;
}

.about-date img {
    position: relative;
}

.about-date .widget-image-caption.wp-caption-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
}

/* ABOUT US STYLES */



.contact-form .elementor-field-type-submit {
    background: #66B945;
    width: fit-content !important;
    padding: 10px !important;
    margin: 0 auto !important;
    align-self: center;
}

/* MEDIA QUERIES */
@media screen and (min-width:2400px) {
    .sub-page-hero {
        min-height: 840px !important;
    }

    .sub-page-hero .hero-bg-1 {
        top: -90px !important;
        pointer-events: none !important;
    }

    .sub-page-hero .hero-bg-1 img {
        height: 1000px !important;
    }

    .sub-page-hero .hero-bg-2 img {
        height: 840px !important;
    }

    .elementor-47 .elementor-element.elementor-element-c1fce11 img {
        width: 890px !important;
    }

    .elementor-location-footer .elementor-element-c1fce11.elementor-widget-image {
        left: 0px !important;
        bottom: -50px;
        display: none;
    }

    body.page-template.page-template-elementor_header_footer .elementor-location-footer div.footer-2560.elementor-element.elementor-element-3832c41 {
        background-color: #51595b !important;
        background-image: none !important;
    }

    body.page-template.page-template-elementor_header_footer .footer-image-2560 {
        display: block !important;
    }

    body:not(.home) .sub-page-hero .hero-bg-1 img {
        height: 750px !important;
    }

    body:not(.home) .sub-page-hero .hero-bg-1 {
        top: -65px !important;
    }

    body:not(.home) .sub-page-hero .hero-bg-2 img {
        height: 620px !important;
        width: 1500px !important;
        object-position: left !important;
    }

    body:not(.home) .sub-page-hero {
        min-height: 620px !important;
    }



}

@media screen and (max-width:2500px) and (min-width: 2400px) {
    .footer-image-2560 {
        left: -75px !important;
    }
}

@media screen and (max-width:2400px) and (min-width: 2300px) {
    .sub-page-hero .hero-bg-2 img {
        width: 2000px !important;
        object-position: center !important;
    }

    .footer-image-left img {
        width: 2000px !important;
        height: 536px !important;
    }

    .elementor-location-footer div.elementor-element.footer-image-right {
        left: 0 !important;
    }

    .footer-image-right img {
        width: 100% !important;
        height: 600px !important;
    }
}

@media screen and (max-width:2300px) and (min-width: 2250px) {
    .footer-image-left img {
        width: 2000px !important;
        height: 536px !important;
    }

    .elementor-location-footer div.elementor-element.footer-image-right {
        left: 0 !important;
    }

    .footer-image-right img {
        width: 100% !important;
        height: 600px !important;
    }
}

@media screen and (max-width:2250px) and (min-width: 2200px) {
    .footer-image-left img {
        width: 2000px !important;
        height: 536px !important;
    }

    .elementor-location-footer div.elementor-element.footer-image-right {
        left: -30px !important;
    }

    .footer-image-right img {
        width: 100% !important;
        height: 600px !important;
    }
}


@media screen and (max-width:2300px) and (min-width: 2200px) {
    .sub-page-hero .hero-bg-2 img {
        width: 1500px !important;
    }
}

@media screen and (max-width:2200px) and (min-width: 2150px) {
    .footer-image-left img {
        width: 2000px !important;
        height: 536px !important;
    }

    .elementor-location-footer div.elementor-element.footer-image-right {
        left: -60px !important;
    }

    .footer-image-right img {
        width: 100% !important;
        height: 600px !important;
    }
}

@media screen and (max-width:2150px) and (min-width: 2100px) {
    .footer-image-left img {
        width: 2000px !important;
        height: 536px !important;
    }

    .elementor-location-footer div.elementor-element.footer-image-right {
        left: -60px !important;
    }

    .footer-image-right img {
        width: 100% !important;
        height: 600px !important;
    }
}

@media screen and (max-width:2200px) and (min-width: 2100px) {
    .sub-page-hero .hero-bg-2 img {
        width: 1400px !important;
    }
}

@media screen and (max-width:2100px) and (min-width: 2050px) {
    .footer-image-left img {
        width: 2000px !important;
        height: 536px !important;
    }

    .elementor-location-footer div.elementor-element.footer-image-right {
        left: -90px !important;
    }

    .footer-image-right img {
        width: 100% !important;
        height: 600px !important;
    }
}

@media screen and (max-width:2050px) and (min-width: 2000px) {
    .footer-image-left img {
        width: 2000px !important;
        height: 536px !important;
    }

    .elementor-location-footer div.elementor-element.footer-image-right {
        left: -120px !important;
    }

    .footer-image-right img {
        width: 100% !important;
        height: 600px !important;
    }
}

@media screen and (max-width:2100px) and (min-width: 2000px) {
    .sub-page-hero .hero-bg-2 img {
        width: 1300px !important;
    }
}

@media screen and (max-width:1999px) and (min-width: 1921px) {
    .footer-image-left img {
        width: 1450px !important;
    }
}

@media screen and (max-width: 1999px) and (min-width: 1920px) {
    .sub-page-hero .hero-bg-2 img {
        width: 1150px !important;
    }
}

@media screen and (min-width:1920px) {

    .elementor-location-footer .elementor-element-c1fce11.elementor-widget-image {
        left: -100px !important;
    }
}

@media screen and (max-width: 1920px) and (min-width:1800px) {
    .elementor-location-footer .elementor-element-c1fce11.elementor-widget-image {
        left: -100px !important;
    }
}

@media screen and (max-width: 1919px) and (min-width: 1800px) {
    .sub-page-hero .hero-bg-2 img {
        width: 1050px !important;
    }

    body:not(.rtl) div.elementor div.sub-page-hero div.hero-bg-1 {
        left: 0 !important;
    }
}

@media screen and (max-width:1920px) and (min-width: 1630px) {
    .footer-image-left img {
        width: 1450px !important;
    }
}

@media screen and (max-width: 1799px) and (min-width: 1700px) {
    .sub-page-hero .hero-bg-2 img {
        width: 950px !important;
    }

    body:not(.rtl) div.elementor div.sub-page-hero div.hero-bg-1 {
        left: 0 !important;
    }
}

@media screen and (max-width: 1699px) and (min-width: 1600px) {
    .sub-page-hero .hero-bg-2 img {
        width: 950px !important;
    }

    body:not(.rtl) div.elementor div.sub-page-hero div.hero-bg-1 {
        left: -100px !important;
    }
}

@media screen and (max-width: 1599px) and (min-width: 1500px) {
    .sub-page-hero .hero-bg-2 img {
        width: 900px !important;
    }
}

@media screen and (max-width: 1500px) and (min-width: 1366px) {
    .page-id-528 .sub-page-hero .hero-bg-2 img {
        width: 750px !important;
    }
}

@media screen and (max-width:1550px) and (min-width: 1441px) {
    .elementor-location-footer div.elementor-element.footer-image-right {
        left: -270px !important;
    }
}

@media screen and (min-width:1440px) {
    .elementor-location-footer .elementor-element.elementor-element-3832c41 {
        background-image: none !important;
    }
}

@media screen and (max-width: 1440px) and (min-width:1366px) {
    .elementor-location-footer .elementor-element-c1fce11.elementor-widget-image {
        left: -300px !important;
    }

    .elementor-location-footer .elementor-element.elementor-element-3832c41 {
        background-image: none !important;
    }

}

@media screen and (max-width: 1365px) and (min-width: 1200px) {
    .page-id-528 .sub-page-hero .hero-bg-2 img {
        width: 700px !important;
    }
}

@media screen and (max-width: 1200px) {

    .home-testimonial .testimonial-wrapper .grw-reviews .grw-review-inner {
        padding: 15px !important;
    }

}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
    .page-id-528 .sub-page-hero .hero-bg-2 img {
        width: 650px !important;
    }
}

@media screen and (max-width: 1023px) and (min-width:768px) {
    .home-testimonial .testimonial-wrapper .grw-content {
        flex-basis: 300px !important;
        max-width: 600px !important;
    }
}

/* media 900  */
@media screen and (max-width: 900px) and (min-width:768px) {
    .services-section .elementor-image-box-img img {
        display: inline-block;
        width: 100px;
        height: 90px;
    }


    .services-section .elementor-image-box-title {
        padding: 25px 0;
        font-size: 18px !important;
    }

    .elementor-location-footer div.elementor-element.footer-image-right {
        left: -460px !important;
    }
}


@media (max-width: 768px) {
    body:not(.home) .sub-page-hero .hero-bg-1 {
        left: -50% !important;
    }

    .sub-page-hero .hero-bg-1 {
        left: -25% !important;
    }

    .sub-page-hero .hero-bg-1 img {
        width: 100% !important;
        height: 480px !important;
        object-fit: cover;
        object-position: right !important;
    }

    body:not(.home) .sub-page-hero .hero-bg-1 img {
        height: 510px !important;
    }

    .sub-page-hero .hero-bg-2 img {
        height: 430px !important;
        object-fit: cover;
        object-position: right !important;
    }

    body:not(.home) .sub-page-hero .hero-bg-2 img {
        object-position: left !important;
    }

    .page-id-528 .sub-page-hero .hero-bg-2 img {
        width: 500px !important;
    }

    body:not(.home) .sub-page-hero>.elementor-element {
        min-height: 430px;
    }


    .services-section .elementor-widget-image-box {
        flex-basis: 100% !important;
    }

    .services-section .elementor-widget-image-box:not(:last-child) {
        margin-bottom: 30px !important
    }

    .services-section {
        --width: 55% !important;
    }

    /* ABOUT US STYLES */

    .heritage-sign-box>.e-con-inner>.elementor-element:first-child {
        border-radius: 5px 0 0px 0px;
    }

    .heritage-sign-box>.e-con-inner>.elementor-element:nth-of-type(2) {
        border-radius: 0px 5px 0px 0px;
    }

    .heritage-sign-box>.e-con-inner>.elementor-element:last-child {
        border-radius: 0px 0px 5px 5px;
    }

    /* ABOUT US STYLES */

    /* OUR WORK STYLES */
    /* portfolio section */
    .our-work-portfolio {
        grid-template-columns: repeat(2, 1fr);
    }

    /* portfolio section */
    /* OUR WORK STYLES */

    .home-testimonial .testimonial-wrapper .grw-header-inner {
        padding: 10px 0px !important;
        margin: 0 !important;
    }

    .home-testimonial .testimonial-wrapper .wp-google-right {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .home-testimonial .wp-gr .grw-review {
        max-width: 300px !important;
    }

    .home-testimonial .testimonial-wrapper .grw-content {
        flex-basis: 300px;
        max-width: 300px !important;
    }

    .home-testimonial .testimonial-wrapper .grw-dot:not(.active) {
        margin: 0 5px !important;
    }

    .home-testimonial .testimonial-wrapper .grw-dot.active {
        margin: 0 5px !important;
    }

    .mobile-footer .footer-col {
        width: 50%;
    }

    .mobile-footer .footer-col.footer-col-1 .footer-image {
        left: -30px !important;
        top: -40px;
    }

    .mobile-footer .footer-col.footer-col-1 .footer-image img {
        height: 300px;
        object-fit: cover;
        object-position: right;
    }

    .copyright-wrapper {
        --width: 100% !important;
    }
}



@media (min-width: 481px) {
    .about-section .e-con-inner>.elementor-element {
        --width: 100% !important;
    }
}


@media (max-width: 480px) {
    .sub-page-hero .hero-bg-1 {
        left: -45% !important;
    }

    .sub-page-hero .hero-bg-1 img {
        width: 100%;
        height: 350px !important;
    }

    body:not(.home) .sub-page-hero .hero-bg-1 {
        left: -45% !important;
    }

    body:not(.home) .sub-page-hero .hero-bg-1 img {
        height: 290px !important;
    }

    .sub-page-hero .hero-bg-2 img {
        height: 350px !important;
    }

    body:not(.home) .sub-page-hero .hero-bg-2 img {
        height: 260px !important;
    }

    .page-id-528 .sub-page-hero .hero-bg-2 img {
        width: 100% !important;
    }

    body:not(.home) .sub-page-hero>.elementor-element {
        min-height: 260px;
    }

    .home .sub-page-hero .hero-bg-1 {
        left: -25px !important;
    }

    .home .sub-page-hero .hero-bg-2 img {
        height: 350px !important;
        object-fit: cover;
    }

    .services-section {
        --width: 100% !important;
    }

    /* OUR WORK STYLES */
    /* portfolio section */
    .our-work-portfolio {
        grid-template-columns: repeat(1, 1fr);
    }

    /* portfolio section */
    /* OUR WORK STYLES */

    .mobile-footer .footer-col {
        width: 100%;
    }

    .footer-image img {
        width: 425px !important;
        height: 380px !important;
        object-fit: cover;
        object-position: top left;
    }

    .footer-image {
        top: -80px !important;
        left: 0px !important;
    }
}

@media (max-width: 375px) {
    .home .sub-page-hero .hero-bg-2 img {
        height: 280px !important;
    }

    .sub-page-hero .hero-bg-2 img {
        /* height: 280px !important; */
    }

    .sub-page-hero .hero-bg-1 img {
        height: 250px !important;
    }

    .sub-page-hero .hero-bg-1 {
        left: -40% !important;
    }
}

.wp-gr .grw-content {
    width: 95vw !important;
}