*{
    box-sizing: border-box;
    margin: 0;
    padding:0;
}

.job_post_btn,.job_post_invalid{
    min-width: 220px;
    min-height:60px;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Open Sans' !important;
}
.job_post_btn a{
    text-decoration: none;
    color:#ffffff;
}

.login_success{
    position:absolute;
    top:1rem;
}
/* .login-home-page{
    height: calc(100vh - (10.3rem));
} */
.profile-badge-btn{
    font-family: 'Open Sans' !important;
    padding: 14px 7px !important;
    min-width: 260px;
    max-width: 380px;
    min-height: 55px !important;
    width: 320px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 0.8px solid #28a745 !important;
    background-color: #28a745 !important;
    box-shadow: 0 2px 8px 1px rgb(166 166 166 / 24%);
    transition: 0.51s ease-in-out !important;

}
.profile-badge-btn a,.profile-badge-btn label{
    color:#ffffff !important;

}
.profile-badge-btn:hover{
    transform: scale(1.02);
    cursor: pointer;
    color:#ffffff !important;
}

@media (min-width: 320px) and (max-width:786px) {
    .profile-badge-btn,.job_post_btn,.job_post_invalid{
        width: 300px !important;
    }

  }
  @media (min-width: 786px) and (max-width:1400px) {
    .profile-badge-btn,.job_post_btn,.job_post_invalid{
        width: 320px !important;
    }

  }

/* Landing page typography + section helpers */
.gradient-text {
    color: #198754;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: currentColor;
}
.landing-step-card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    border-radius: 12px !important;
    background: #ffffff;
}
.landing-step-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(25, 135, 84, 0.12) !important;
}
.landing-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #198754, #20c997);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
}
.landing-stat-divider {
    width: 1px;
    background: #dee2e6;
    align-self: stretch;
}
.landing-cta-band {
    background: linear-gradient(135deg, #198754 0%, #20c997 100%);
    color: #fff;
    border-radius: 16px;
    padding: 2.5rem 1.5rem;
}
.landing-employer-band {
    background: #f1f8ff;
    border: 1px solid #cfe2ff;
    border-radius: 16px;
    padding: 2rem 1.5rem;
}
.landing-job-card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.landing-job-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
}