@media (max-width: 768px) {
    .navbar {
        background: #fff;
    }

    .navbar-nav {
        gap: 0;
    }

    .navbar-nav a {
        display: inline-block;
        padding-left: 10px;
    }

    .authentication {
        align-items: start;
        flex-direction: column;
        margin-top: 20px;
        padding-left: 6px;
    }

    .authentication a.login {
        background: #FF0000;
        color: #fff;
    }


    .hero-heading-1 {
        font-size: 48px;
    }

    .hero-paragraph {
        font-size: 16px;
    }

    .job-item {
        padding: 24px;
    }

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

    .job-heading {
        flex-direction: column;
        align-items: start;
    }

    .ps-custom-job {
        padding-left: 0;
    }

    .copyright {
        padding-top: 20px;
    }

    .copyright {
        flex-direction: column;
    }

    .hero-badge {
        flex-direction: column;
    }

    .section-gap-top {
        padding-block: 40px;
    }
}