#mht-banner{
   background: url("/public/uploads/images/Mental-Health-Test/HAM-D.webp") !important;
   background-position: center !important;
   background-size: cover !important;
   background-repeat: no-repeat !important;
   height: 100vh !important;
   position: relative;
}
#mht-banner::after{
    background: none;
}
#mht-first p{
    margin-top: 2.5vh;
}
.banner-text-container{
    position: absolute;
    right: -35vw;
    bottom: -11vh;
}
.banner-text-container .banner-heading{
    font-size: 3.5vw !important;
    font-weight: 600 !important;
    color: #fff !important;
    letter-spacing: 0.02ic;
    max-width: 55%;
    line-height: normal;
}

.banner-text-container .banner-button{
    background: #3c4196;
    color: #fff;
    border: none;
    padding: 0.5vw 2.1vw;
    border-radius: 0.5vw;
    font-size: 1.6vw;
    font-weight: 600;
    cursor: pointer;
    display: block;
    width: max-content;
    margin-top: 1vh;
}


@media (min-width: 768px) and (max-width: 1023px) {
    #mht-banner {
        height: 41vh !important;
    }

    .banner-text-container {
        right: -40vw;
        bottom: -6vh;
    }
}

@media (max-width: 767px) {
    #mht-banner {
        background: url("/public/uploads/images/Mental-Health-Test/HAM-D.webp") !important;
         height: 38vh !important;
        background-position: center !important;
        background-size: cover !important
    }

    .banner-text-container{
    position: absolute;
    right: auto !important;
    bottom: -6vh;
}

    .banner-text-container .banner-heading{
    font-size: 8vw !important;
    max-width: 100% !important;
}

.banner-text-container .banner-button{
    padding: 1.5vw 3.1vw;
    border-radius: 1.5vw;
    font-size: 4vw;
}

}