@media (max-width: 991.98px) {

    .hero .bg-overlay {
        padding-top: 100px;
    }

    .hero-text h1 {
        font-size: 28px;
        line-height: 38px;
    }

    .hero-text h4 {
        font-size: 16px;
    }

    .hero-schedule {
        flex-direction: column;
        gap: 16px;
    }

    .features-text {
        padding-block: 40px;
    }

    .heading-1 {
        font-size: 26px;
    }

    .heading-2 {
        font-size: 16px;
    }

    br {
        display: none;
    }

    svg.feather {
        display: none;
    }


    .sub-duration {
        margin-top: 36px;
    }
}