.bannerTypeImage {
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-position: center;
    position: relative;
}
.bannerOverlay {
    background-color: black;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-------------------------------------------------no overlay pages (benefits/videos page/landing pages)---------------------------------------------*/
.page-id-15 .bannerOverlay {
    background-color: transparent;
}

 .page-id-15 .bannerOverlay,
 .page-id-16738 .bannerOverlay,
 .page-id-21410 .bannerOverlay,
 .page-id-21677 .bannerOverlay,
 .page-id-21725 .bannerOverlay,
 .page-id-21746 .bannerOverlay,
 .page-id-21757 .bannerOverlay,
 .page-id-21766 .bannerOverlay,
 .page-id-21780 .bannerOverlay,
 .page-id-21793 .bannerOverlay,
 .page-id-21816 .bannerOverlay,
 .page-id-21827 .bannerOverlay,
 .page-id-21909 .bannerOverlay,
 .page-id-21920 .bannerOverlay,
 .page-id-21939 .bannerOverlay,
 .page-id-22059 .bannerOverlay,
 .page-id-16673 .bannerOverlay,
 .page-id-17023 .bannerOverlay,
 .page-id-830 .bannerOverlay,
 .page-id-22882 .bannerOverlay,
 .body.tax-project-theme .bannerOverlay,
 .page-template-template-explore .bannerOverlay
 {
     background-color: transparent;
     background-image: url("../../../img/headerOverlay.png");
     background-repeat: no-repeat;
     background-position: top center;
     background-size: cover;
 }
/*-----------------------------------------------------------------------------------------------------------------------*/




.bannerTypeImage .bannerText {
   position: relative;
    z-index: 2;
}
.bannerTypeImage .bannerTitle {
    font-size: 170px;
    color: #ffffff;
    line-height: 145px;
    text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.62);
}

@media(max-width: 1450px) {
    .bannerTypeImage .bannerTitle {
        font-size: 110px;
        line-height: 111px;
    }
}


/*-------------------------------------------------banner title who we design for---------------------------------------------*/
.page-id-21273 .bannerTypeVideo .bannerText .bannerTitle {
    font-size: 140px;
    line-height: 146px;
    text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.62);
}


@media (max-width: 1619px) {
    .page-id-21273 .bannerTypeVideo .bannerText .bannerTitle {
        font-size: 100px;
        line-height: 106px;
    }
    .page-id-21273 .bannerTypeVideo .bannerText.hasPreTitle {
        top: 57%;
    }
}
@media (max-width: 1024px) {
    .page-id-21273 .bannerTypeVideo .bannerText.hasPreTitle {
        top: 40%;
    }
}
@media (max-width: 900px) {
    .page-id-21273 .bannerTypeVideo .bannerText .bannerTitle {
        font-size: 70px;
        line-height: 76px;
    }
}
@media (max-width: 600px) {
    .page-id-21273 .bannerTypeVideo .bannerText .bannerTitle {
        font-size: 40px;
        line-height: 46px;
    }
    /*.page-id-21273 .bannerTypeVideo .bannerText.hasPreTitle {*/
    /*    top: 16%;*/
    /*}*/
}



/*--------------------------------------------------------------------------------------------------------------------------*/
.bannerTypeImage .bannerSubTitle {
    color: #ffffff;
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 35px;
}


.bannerTypeVideo {
    position: relative;
    font-size: 0;
}
.bannerTypeVideo .container {
  max-width: 100%;
}

.bannerTypeVideo .bannerOverlay {
    background-color: black;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bannerTypeVideo .bannerText {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    color: white;
    text-align: center;
    text-shadow: 0 0 60px #5E5E5E;
}

.bannerTypeVideo .bannerText.hasPreTitle {
    top: 50%;
}

.bannerTypeVideo .bannerText .bannerPreTitle {
    font-size: 60px;
    line-height: 64px;
    font-weight: 500;
    margin: 0;
    text-shadow: 0 0 35px #000000;
    letter-spacing: 3px;
}

.bannerTypeVideo .bannerText .bannerTitle {
    font-size: 170px;
    line-height: 177px;
    font-weight: 700;
    margin: 0;
    text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.62);
}

.bannerTypeVideo .bannerText .bannerSubTitle {
    font-size: 35px;
    line-height: 35px;
    font-weight: 500;
    margin: 0;
    text-shadow: 0 0 30px #000000;
    letter-spacing: 4px;
}



@media (max-width: 1619px) {
    .bannerTypeVideo .bannerText .bannerTitle {
        font-size: 165px;
        line-height: 172px;
    }
}

@media (max-width: 1250px) {
    .bannerTypeImage .bannerTitle {
        font-size: 80px;
        line-height: 89px;
    }

    .bannerTypeVideo .bannerText .bannerPreTitle {
        font-size: 50px;
        line-height: 52px;
    }

    .bannerTypeVideo .bannerText .bannerTitle {
        font-size: 140px;
        line-height: 145px;
    }

    .bannerTypeVideo .bannerText .bannerSubTitle {
        font-size: 30px;
        line-height: 30px;
    }
}

@media (max-width: 1025px) {
    .bannerTypeImage .bannerTitle {
        font-size: 50px;
        line-height: 52px;
    }
    .bannerTypeVideo .bannerText .bannerPreTitle {
        font-size: 40px;
        line-height: 42px;
    }

    .bannerTypeVideo .bannerText .bannerTitle {
        font-size: 100px;
        line-height: 104px;
    }

    .bannerTypeVideo .bannerText .bannerSubTitle {
        font-size: 28px;
        line-height: 28px;
    }
}

@media (max-width: 767px) {
    .bannerTypeVideo .bannerText .bannerPreTitle {
        font-size: 36px;
        line-height: 36px;
    }

    .bannerTypeVideo .bannerText .bannerTitle {
        font-size: 90px;
        line-height: 94px;
    }

    .bannerTypeVideo .bannerText .bannerSubTitle {
        font-size: 22px;
        line-height: 22px;
    }
}

@media (max-width: 600px) {

    .bannerTypeImage .bannerTitle {
        font-size: 35px;
        line-height: 38px;
    }

    .bannerTypeVideo .bannerText .bannerPreTitle {
        font-size: clamp(1rem, -0.25rem + 4vw, 2rem);
        line-height: 120%;
    }

    .bannerTypeVideo .bannerText .bannerTitle {
        font-size: clamp(2rem, -0.25rem + 4vw, 3rem);
        line-height: 120%;
    }

    .bannerTypeVideo .bannerText .bannerSubTitle {
        font-size: clamp(1rem, -0.25rem + 4vw, 2rem);
        line-height: 120%;
    }
}

/*-------------murals--------------------------*/


.page-id-22059 .bannerTypeImage {
    background-position: center bottom;
}
 .bannerPreTitle {
    color:white;
    font-size: 35px;
    line-height: 37px;
    font-weight: 500;
    letter-spacing: 1px;
    text-shadow: 0 0 35px rgba(0, 0, 0, 1);
}
@media(max-width: 500px) {
     .bannerPreTitle {
        font-size: 25px;
        line-height: 30px;
    }
}


/*--------------------------page-template-template-explore---------------------------*/

.page-template-template-explore .bannerBlock {
    background-position: bottom left;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.page-template-template-explore .bannerText {
    font-size: 120px;
    color: #ffffff;
    line-height: 148px;
    text-shadow: 0 0 50px rgba(0, 0, 0, 0.62);
    text-align: center;
}

@media(max-width: 1619px) {
    .page-template-template-explore .bannerText {
        font-size: 99px;
        line-height: 169px;
    }
}

@media(max-width: 1250px) {
    .page-template-template-explore .bannerText {
        font-size: 90px;
        line-height: 149px;
    }
}

@media(max-width: 1250px) {
    .page-template-template-explore .bannerText {
        font-size: 55px;
        line-height: 98px;
    }
}

@media(max-width: 680px) {
    .page-template-template-explore .bannerText {
        font-size: 30px;
        line-height: 60px;
    }
}