@media (max-width: 767.98px) {
    h2, h2.fs-5 {
        font-size: 19px !important;
    }

    h5 {
        font-size: 15px !important;
    }
    .hero-banner h1 {
        font-size: 21px;
    }

    .hero-banner h5 {
        font-size: 16px;
    }

    .hero-banner p.fs-14 {
        font-size: 11px;
    }

    .nav-pills .nav-link {
        font-size: 12px;
    }
    footer p {
        font-size: 14px;
    }
    .step_main_card {
        width: 90%;
        margin-left: auto;
    }
    .point_animation {
        right: auto;
        left: -10%;
    }
    .step_main_card h6 {
        border: none;
    }

    .step_main_card::before {
        content: '';
        position: absolute;
        left: -8.2%;
        height: 100%;
        border-left: 2px solid var(--primary);
    }

}

@media (max-width: 480px) {
    .point_animation {
        left: -12%;
    }
    .step_main_card::before {
        left: -9.8%;
    }
}