.job-card {
    background: linear-gradient(135deg, #fff1ec, #eaf6ff, #ffe3fd, #e4ffec);
    background-size: 300% 300%;
    animation: gradientMove 8s ease infinite;
    color: #2c2c2c; /* Dark text for readability */
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
    .job-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
        filter: brightness(1.05);
    }
    .job-card img{
        max-height:70px;
    }
.text-wrap-auto{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; /* or inline-block */
    max-width: 100%;
}
.job-card-span-fontsize-1{
    font-size:11px;
}
.job-tags-wrapper {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 8px;
    max-width: 100%;
    padding: 0px 12px 0 0px; /* 👈 right padding added */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .job-tags-wrapper::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }
    .job-tags-wrapper::after {
        content: "";
        flex: 0 0 16px; /* 👈 dummy space at end */
    }

.job-tag {
    background-color: #dddbdb;
    color: #5a5a5a;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    flex-shrink: 0; /* prevent shrinking */
}

    @keyframes gradientMove {
        0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/*Hire section code*/
.hire-section {
    border-radius: 5px;
    padding: 40px 40px 0px 40px;
}

.tagline {
    color: #005c47;
    background-color: #b3f4e2; /* Light green background */
    padding: 10px 20px; /* Add padding */
    border-radius: 8px; /* Optional: rounded corners */
    display: inline-block;
    font-weight: bold;
}

.hire-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #005c47;
}

.hire-desc {
    font-size: 1.2rem;
    margin: 20px 0;
    color: #1e1e2f;
}

.hire-button {
    border: 2px solid #005c47;
    border-radius: 10px;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 1.1rem;
    color: #005c47;
    text-decoration: none;
    transition: 0.3s;
}

    .hire-button:hover {
        background-color: #005c47;
        color: #fff;
    }

.people-img {
    
    max-height:280px;
}
/*employer dashboard listed jobs*/
.custom-card {
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: none;
    max-width: 100%;
}

.icon-circle {
    background-color: #e7ecf7;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #005c47;
}

.text-primary-custom {
    color: #005c47;
    font-weight: 500;
}

.arrow-circle {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .arrow-circle svg {
        color: #005c47;
    }

.wg-pagination .link.disabled {
    pointer-events: none; 
    opacity: 0.5; 
    cursor: default;
}


.custom-vr-height {
    height: 20px; 
}