section.banner{
    margin:0;
}

.block-banner.black-text{
color:#2E3839;
}
.block-banner.white-text{
color:#fff;
}

.block-banner{
background:var(--banner-color, #3A504F);
padding:100px 0;
display: block;
color:#fff;
position: relative;
}
.banner-left .row{
    justify-content: start;
    
}
.banner-right .col-md-6{
padding-left: 36px;
}
.banner-left .col-md-6{
padding-right: 36px;
}
.banner-right .row{
    justify-content: end;
}
.block-banner h3{
    font-family:"Playfair Display", lustria, serif!important;
    font-size:64px!important;
    font-weight:500!important;
    line-height: 65px!important;
    margin-bottom:2rem!important;
    text-transform: capitalize;
}
.block-banner span{
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.block-banner a:hover{
    color:#000!important;
}


.block-banner.white-text .btn-shadow-wrap{
    color:#ffffff;

}
.block-banner.black-text .btn-shadow-wrap{
    background:#E8ECEC;
    box-shadow: 7px 7px 0 1px #E8ECEC;
    -webkit-box-shadow: 7px 7px 0 1px #E8ECEC;
    -moz-box-shadow: 7px 7px 0 1px #E8ECEC;
}

.block-banner.white-text .btn-shadow-wrap{
    background:#2E3839;
    box-shadow: 7px 7px 0 1px #2E3839;
    -webkit-box-shadow: 7px 7px 0 1px #2E3839;
    -moz-box-shadow: 7px 7px 0 1px #2E3839;
}
.block-banner.white-text .btn.btn-primary {
    background:#E8ECEC;;
    color:#2E3839;
}
.block-banner.black-text .btn.btn-primary {
    background:#2E3839;
}
.block-banner.black-text .btn.btn-primary:hover{
    background:#fff;
}
.block-banner.white-text .btn.btn-primary:hover{
    background:#A2B6B8;
    border: none;
}
.block-banner img{
    position:absolute;
    width: 50%;
    height: 100%;
    
    object-position: center;

}
.block-banner.img-cover img{
    object-fit: cover;
}
.block-banner.img-fit img{
    object-fit: contain;
}

.block-banner.banner-left img {
    right:0;
    top:0;
}
.block-banner.banner-right img {
    left:0;
    top:0;
}
.banner-left .banner-image.smooth-transition::after {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    background: linear-gradient(90deg,var(--banner-color, #3A504F) 0%, rgba(171, 157, 148, 0) 25%);
}
.banner-right .banner-image.smooth-transition::after {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    background: linear-gradient(270deg,var(--banner-color, #3A504F) 0%, rgba(171, 157, 148, 0) 25%);
}

@media (max-width:768px){
    .block-banner .container{
        margin-top:32px;
    }
    .block-banner img{
        display: block;
        position:relative;
        width: 100%;
        aspect-ratio: 16 / 9;
    }
    .banner-image{
        position: relative;
      
    }
    .banner-left .banner-image::after{
        width: 100%!important;
         background: linear-gradient(0deg,var(--banner-color, #3A504F) 0%, rgba(171, 157, 148, 0) 25%)!important;
    }
    .banner-right .banner-image::after{
        width: 100%!important;
         background: linear-gradient(0deg,var(--banner-color, #3A504F) 0%, rgba(171, 157, 148, 0) 25%)!important;
    }
    .block-banner{
        padding-top:0;
    }
}