#mht-banner {
    background: url("/public/uploads/images/Mental-Health-Test/PHQ-9.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: -30vw !important;
    bottom: -11vh !important;
}
.banner-text-container .banner-heading {
    font-size: 3.5vw !important;
    font-weight: 600 !important;
    color: #fff !important;
    letter-spacing: 0.02ic;
    max-width: 61%;
    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 {
        bottom: -7vh !important;
    }
}

@media (max-width: 767px) {
    #mht-banner {
        background: url("/public/uploads/images/Mental-Health-Test/PHQ-9.webp") !important;
        height: 38vh !important;
        background-position: center !important;
        background-size: cover !important;
    }
    .banner-text-container {
        position: absolute;
        right: auto !important;
        bottom: -5vh !important;
    }

    .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;
    }
}