.about-us-hero {
    background-image: url('/images/client/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    min-height: 50vh;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.about-us-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(#50957D,
            #305256);
    z-index: 1;
}

.about-us-hero>* {
    position: relative;
    z-index: 2;
}

.recruiter-heading {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 100%;
}

.recruiter-sub-heading {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.3;
}

/* job listing plan */
.job-listing{
    padding: 3rem 4rem 4rem;
}

.plan-text{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.3;
}

.job-listing h1{
    font-weight: 700;
}

.job-listing h2{
    font-weight: 400;
}

.job-listing h4{
    font-size: 1.4rem;
    color: #76C598;
}

.plan-list-title{
    color: #000000B2;
}

/* service */
.recruiter-service h1{
    font-weight: 900;
}

/* package */
.package-card{
    min-height: 105vh ;
}

.package-card .btn-2{
    margin-top: 123px;
}

.package-text{
    font-size:1.3rem;
}

.dashboard{
    padding-top: 2.5rem !important;
}

@media (max-width:1024px) {
    .packages{
        padding: 3rem 0 !important;
    }

    .recruiter-package-cards{
        padding: 0 5rem;
    }

    .job-listing{
        padding: 3rem 2rem 3rem;
    }

    .job-listing img{
        max-width:75%;
    }
}

@media  (max-width:500px) {

    .recruiter-heading{
        font-size: 1.3rem;
    }

    .recruiter-sub-heading{
        font-size: .9rem;
        line-height: 1.4;
    }

    

    .job-listing{
        padding: 3rem 1rem 2rem;
    }

    .job-listing h1{
        font-size: 1.6rem;
    }

    .job-listing h2{
        font-size: 1.3rem;
        
    }

    .job-listing h4{
        font-size: 1.1rem;
        padding: 1rem 0;
    }

    .plan-text{
        font-size: 1.1rem;
    }

    .package-card .btn-2{
        margin-top: 0;
    }

    .package-text{
        font-size: 1.1rem;
    }
        .recruiter-package-cards {
        padding: 0;
        }

}