.hero-block{
    background-color: bisque;
    height: calc(100vh - 80px);
    position: relative;
    overflow: hidden;
}
.hero-block.banner{
    height: 400px;
}

.hero-image-block{
    position: relative; 
    height: 100%;
}
.hero-image-block::after{
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%), linear-gradient(222deg, rgba(0, 0, 0, 0) 54.39%, rgba(0, 0, 0, .8) 77.27%);
    z-index: 1;
}
.hero-image-block img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.hero-overlay {
    background-color: #0000004d;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}


.hero-content-block{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    bottom: 70px;
    color: white;
}
.hero-content{
    width: 100%;
    max-width: 666px;
}

.hero-description-block{
    color: var(--theme-white);
    width: 100%;
    max-width: 467px;
    margin-top: 15px;
    margin-bottom: 30px;
    overflow: hidden;
}
h6{
    font-size: 16px;
}