.full-screen-image-block.hero-banner {
    position      : relative;
    margin-top    : calc(var(--menu-height) + var(--sticky-h-height));
    padding-bottom: 120px;
    padding-right : 0px;
    padding-left  : 0px;
}

.full-screen-image-block {
    position      : relative;
    margin-top    : 0;
    padding-bottom: 120px;
    padding-right : 40px;
    padding-left  : 40px;
}

.full-screen-image-block.hero-banner img {
    height    : 430px;
    max-height: 430px;
    width     : 100%
}
.full-screen-image-block img {
    height    : 300px;
    max-height: 300px;
    width     : 100%;
    object-fit: cover;
    border-radius: 18px;
}



.full-screen-image-block .image-overlay {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: linear-gradient(0deg, rgba(1, 1, 1, 0.70) 0%, rgba(1, 1, 1, 0.70) 100%);
    z-index   : 1;
}

.full-screen-image-block .text-content {
    position      : absolute;
    top           : 0;
    transform     : translateX(-50%);
    left          : 50%;
    padding-top   : 80px;
    text-align    : center;
    display       : flex;
    flex-direction: column;
    gap           : 24px;
    z-index       : 3;

}

.full-screen-image-block .text-content p {
    font-size: 24px;
}

@media screen and (max-width: 1024px) {
    .full-screen-image-block.hero-banner {

        padding-bottom: 80px;
        padding-right : 0px;
        padding-left  : 0px;

    }

    .full-screen-image-block {

        padding-bottom: 80px;
        padding-right : 24px;
        padding-left  : 24px;
    }

    .full-screen-image-block.hero-banner img {
        height    : 390px;
        max-height: 390px;


    }

    .full-screen-image-block img {
        height    : auto;
        max-height: fit-content;
    }

    .full-screen-image-block .text-content {


        left       : 24px;
        padding-top: 40px;
        max-width  : calc(100% - 48px);
        transform  : translateX(0%);


    }
}