/**Small devices (landscape phones, 576px and up)**/
@media (min-width: 576px) {
    .heading-text {
        font-size: 38px;
        font-weight: 700;
    }

    .subscribe-card {
        padding: 15px;
    }

    .button-done {
        width: 476px;
    }

    .container-lists {
        max-width: 620px;
        padding: 0 90px;
    }
}

@media (max-width: 575px) {
    .header-ct {
        box-shadow: 0px 0px 20px 0px #eee !important;
        padding: 0px 20px 10px;
    }

    .sub-text {
        font-size: 12px;
    }
    .heading-text{font-size: 36px !important;}
    .login-description{font-size: 15px !important;}
    .get-hired-btn{padding: 8px 25px;}
    .sign-up-text{font-size: 14px !important;}
    .forgot-password {font-size: 12px !important; margin-top: 15px !important;}
}

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) {
    #logoPreview {
        width: 25%;
        height: 70px;
        border-radius: 50%;
        object-fit: cover;
        /* border: 2px solid #ccc; */
    }

    .heading-text {
        font-size: 38px;
        font-weight: 700;
    }

    .btn-subscribe {
        padding: 0.5rem 0.5rem !important;
    }

    .subscribed-row {
        flex-direction: column;
        padding: 0;
        align-items: center;
    }

    .subscribe-card {
        width: 100%;
        margin-bottom: 15px;
        /* Space between cards */
        max-width: 90%;
        /* Allow for some padding on the sides */
    }

    .container-lists {
        max-width: 700px;
        padding: 0 90px;
    }

    .accordion-button span {
        font-size: 22px;
    }

    .price-section p {
        line-height: 14px;
    }
}

@media (max-width: 767px) {

    .footer-logo,
    .SiteLogo {
        width: 150px;
    }

    .footer p {
        line-height: 20px;
    }

    .footer p,
    .footer li {
        font-size: 15px !important;
    }

    .social-header {
        font-size: 18px;
        font-weight: 600px;
    }

    .social-section ul li img {
        width: 20px;
    }

    .social-section ul li {
        margin-right: 7px;
    }

    .job-card img,
    .imgprofilecolor {
        width: 40px;
        height: 40px;
    }

    .imgprofilecolor {
        font-size: 14px;
    }

    .job-card .company_svg {
        width: 20px;
        height: 20px;
    }

    .job-card {
        padding: 15px;
    }

    .change-password div .ok-btn {
        font-size: 15px;
        padding: 12px 20px;
    }

    .change-password div img {
        width: 90px;
        height: 90px;
    }

    .change-password div p {
        font-size: 14px;
    }

    .change-password div h2 {
        font-size: 20px;
    }

    #employer-settings .nav-content input.limit{font-size: 14px; width: 13% !important; padding: 7px 7px;}
}
@media (min-width: 768px) and (max-width: 992px){ #employer-settings .nav-content input.limit{font-size: 14px; width: 20% !important; padding: 8px 8px;}}
@media (max-width: 992px) {
    .login-mg-top {
        margin: 3rem 0rem;
    }
    #employer-settings .nav-pills .nav-link{padding: 10px 10px; font-size: 15px;}
    #employer-settings .nav-content h5{font-size: 18px !important;}
    #employer-settings .nav-content .limit_application{width: 80% !important;}
    .setting_view .profile-header p{font-size: 14px;}
    .setting_view .profile-header h2{font-size: 20px;}
    .add_new button{padding: 12px;}
    .custom-switch .form-check-input {min-height: 22px !important; min-width: 35px !important;}
}

/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) {
    .heading-text {
        font-size: 40px;
        font-weight: 700;
    }
    .overlay-text li {
        font-size: 0.8rem !important;
    }
    .text-muted {
        color: #8A8A8A !important;
        font-size: 16px !important;
    }

    #employee_login_form .input-style {
        padding: 10px 16px;
    }

    #employee_login_form .button {
        padding: 0.6rem 0rem;
    }

    #employer_login_form .input-style {
        padding: 10px 16px;
    }

    #employer_login_form .button {
        padding: 0.6rem 0rem;
    }

    .login-mg-top {
        margin: 1rem 0rem;
    }

    .login-description {
        margin-bottom: 1rem;
    }

    .login-section {
        padding-top: 0px;
        margin-top: 0px;
    }

    .login-from-section {
        position: relative;
        left: 40px;
        margin: 10px 0px;
        border: 0px;
        /* padding: 30px 90px 0px 90px; */
    }

    /* .button--mimas span {
    font-weight: 800;
  } */

    .header-logo {
        margin-left: 20px;
    }

    .container-lists {
        max-width: 820px;
        padding: 0 90px;
    }

    .emp-info-contact {
        width: 100%;
    }

}

@media(max-width: 1199px) {

    /* .button {
        padding: 0.6rem 0rem !important;
    } */

    .job-card h5 {
        font-weight: 700;
        font-size: 18px;
    }

    .salary {
        font-size: 20px;
    }

    .job-education-detail .details h3 {
        font-size: 20px;
    }

    .job-education-detail .details p {
        font-size: 15px;
    }


}

@media(max-width: 1400px) {
    .emp-contact span {
        font-size: 12px !important;
        font-weight: 400;
    }
}

/** X-Large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {

    #uploadLogoForm,
    #locationForm,
    #employeeInfoForm,
    #companyDescriptionForm,
    #companyContactForm,
    #profileform,
    #locationForm,
    #educationForm,
    #workExperienceForm,
    #aboutForm,
    #companyCertificateForm {
        margin: 0 53px !important;
    }

    .heading-text {
        font-size: 45px;
        font-weight: 700;
    }

    .overlay-text li {
    font-size: 0.8rem !important;
}

    .login-mg-top {
        margin: 2rem 0rem;
    }

    .login-section {
        padding-top: 0px;
        margin-top: 0px;
    }

    .text-muted {
        color: #8A8A8A !important;
        font-size: 18px !important;
    }

    #employee_login_form .input-style {
        padding: 10px 16px;
    }

    #employee_login_form .button {
        padding: 0.6rem 0rem;
    }

    #employer_login_form .input-style {
        padding: 10px 16px;
    }

    #employer_login_form .button {
        padding: 0.6rem 0rem;
    }

    .login-description {
        margin-bottom: 1rem;
    }

    .container-lists {
        max-width: 1020px;
        padding: 0 90px;
    }

    .pricing-header p {
        padding: 0px 150px;
    }

    .onboarding_size {
        width: 45%;
    }

    .emp-info-contact {
        width: 50%;
    }
}

/** XX-Large devices (larger desktops, 1400px and up) **/
@media (min-width: 1400px) {

    .heading-text {
        font-size: 53px;
        font-weight: 700;
    }
.overlay-text p,
.overlay-text li {
    color: #fff;
    line-height: 1.6;
    font-size: 1.2rem !important;
}


    .login-mg-top {
        margin: 3rem 0rem;
    }
    .container-lists {
        max-width: 1220px;
        padding: 0 90px;
    }

    .login-section {
        padding-top: 1rem;
        margin-top: 1rem;
    }

    .login-description {
        margin-bottom: 1.5rem;
    }
}

.image-container {
    position: relative;
}

.overlay-text {
    background: rgba(0, 0, 0, 0.65);  /* Dark overlay for readability */
    border-radius: 12px;
    max-width: 80%;
    margin-left: 2rem; /* Push inside from left */
}



.overlay-text h3 {
    font-size: 1.2rem;
}