body{

    background:#f5f7fb;
    font-family:Arial, sans-serif;

}

/* HERO SECTION */

.hero-section{

    background:linear-gradient(
        135deg,
        #0d6efd,
        #0a58ca
    );

    color:white;

    padding:80px 20px;

    border-radius:0 0 30px 30px;

}

/* SEARCH CARD */

.search-card{

    border:none;

    border-radius:20px;

    margin-top:-120px;

}

/* CATEGORY CARD */

.category-card{

    transition:0.3s;

    border:none;

    border-radius:20px;

}

.category-card:hover{

    transform:translateY(-5px);

}

/* JOB CARD */

.job-card{

    border:none;

    border-radius:20px;

    transition:0.3s;

}

.job-card:hover{

    transform:translateY(-5px);

}

.icon-circle{

    width:60px;
    height:60px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    background:#e9f2ff;

    color:#0d6efd;

    margin:auto;

}




.dashboard-card{

    border:none;

    border-radius:20px;

    transition:0.3s;

}

.dashboard-card:hover{

    transform:translateY(-5px);

}

.job-title{

    font-size:20px;
    font-weight:bold;

}

.job-meta{

    font-size:14px;
    color:#6c757d;

}

.search-box{

    max-width:300px;

}

.badge-active{

    background:#198754;

}

.action-btn{

    border-radius:10px;

}