.hac-hero-banner__section {
    position: relative;
    overflow: hidden;
    
    color: var(--white);
    /* font-size: var(--pHeroUnderFontSizeMobile); */
    font-size: var(--defaultFontSize);
    font-family: var(--defaultFontFamily);
    font-weight: var(--defaultFontWeight);
    letter-spacing: var(--defaultLetterSpacing);
    line-height: var(--defaultLineHeight);

    padding: 82px 0 0;
}

.hac-hero-banner__section a{
    color: var(--colourLightGreen);
    text-decoration: none;
}

.hac-hero-banner__content-data{
    padding: 60px 0;
    max-width: 1026px;
}

.default-bg-color{
    background-color: var(--colourDarkBlue);
}

.hac-hero-banner__section.has-bg-image::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-color: var(--colourDarkBlue);
    opacity: var(--overlay-opacity);
    pointer-events: none;
}

.hac-hero-banner__bl{
    border-left: 2px solid var(--white);
    padding-left: 1.25rem;
}

.hac-hero-banner__heading {
    font-size: var(--hHeroFontSize);
    font-family: var(--bigHeaderFontFamily);
    font-weight: var(--bigHeaderFontWeight);
    line-height: var(--bigHeaderLineHeight);
    letter-spacing: var(--bigHeaderLetterSpacing);

    text-transform: none;
    margin-bottom: 1rem;

}

.hac-hero-banner__subheading,
.hac-hero-banner__subheading > *{
    /* font-size: var(--pHeroUnderFontSizeMobile); */
    font-size: var(--mediumHeaderFontSize);
    font-family: var(--mediumHeaderFontFamily);
    font-weight: var(--mediumHeaderFontWeight);
    line-height: var(--mediumHeaderLineHeight);
    letter-spacing: var(--mediumHeaderLetterSpacing);
    max-width: 825px;
}

.hac-hero-banner__para > *:last-child{
    margin-bottom: 0;
}

.hac-hero-banner__para,
.hac-hero-banner__para p{
    font-size: var(--bigParaFontSize);
        font-family: var(--bigParaFontFamily);
    font-weight: var(--bigParaFontWeight);
    line-height: var(--bigParaLineHeight);
    letter-spacing: var(--bigParaLetterSpacing);

}

.hac-hero-banner__button.btn-solid{
    font-size: var(--defaultFontSize);
    font-family: var(--mediumHeaderFontFamily);
    font-weight: 500;
    letter-spacing: 1.4px;
    line-height: 1.2;
    border-color: var(--colourDarkBlue);

    display: inline-flex;
    align-items: center;
    gap: 10px;

    min-height: 45px;
    margin: 1.5rem 0 0 22px;
}

.hac-hero-banner__button.btn-solid svg{
    width: 13px;
    height: 15px;
}

.hac-hero-banner__button.btn-solid:hover{
    color: var(--white);
    border-color: var(--colourLightBlue);
}

@media (min-width: 768px) {
    /* .hac-hero-banner__section {
        font-size: 22px;
    }
    
    .hac-hero-banner__heading {
        font-size: var(--hHeroFontSize);
    }
    
    .hac-hero-banner__subheading{
        font-size: var(--pHeroUnderFontSize);
    } */

    .hac-hero-banner__button.btn-solid{
        min-height: 55px;
        margin: 30px 0 0 38px;
    }
         .hac-hero-banner__bl {
             padding-left: 36px;
         }
}

@media (min-width: 1200px) {
    .hac-hero-banner__section {
        padding: 90px 0 0;
    }

    .hac-hero-banner__content-data{
        padding: 110px 0 110px;
    }
}

@media (max-width: 767.98px) {
    .hac-hero-banner__subheading br{
        display: none;
    }
        .hac-hero-banner__heading {
            font-size: var(--hHeroFontSizeMobile);
        }

                .hac-hero-banner__subheading,
                .hac-hero-banner__subheading > * {
                    font-size: var(--pHeroUnderFontSizeMobile);
                }
}