.bd2oz-job-board{
    --ink:#241f1c;
    --ink-soft:#5b5148;
    --green:#0b6e4f;
    --green-dark:#07472f;
    --green-tint:#e4efe7;
    --red:#c8472f;
    --red-tint:#f7e6e0;
    --sand:#efe6d3;
    --paper:#fdfbf5;
    --line:#e1d5b8;

    background:var(--sand);
    color:var(--ink);
    padding-bottom:70px;
}

.bd2oz-filter-no-result{
    grid-column:1/-1;
    text-align:center;
    padding:70px 20px;
    color:var(--ink-soft);
}

.bd2oz-filter-no-result h3{
    margin:0 0 8px;
    color:var(--ink);
}
/* HERO */

.bd2oz-job-hero{
    background:
        radial-gradient(
            120% 160% at 15% 0%,
            #0d7d5a 0%,
            var(--green) 42%,
            var(--green-dark) 100%
        );

    color:#fff;
    padding:60px 30px;
}


.bd2oz-hero-inner{
    max-width:1180px;
    margin:auto;
}


.bd2oz-eyebrow{
    display:inline-block;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.25);
    padding:7px 13px;
    border-radius:30px;
    font-size:12px;
    margin-bottom:18px;
}


.bd2oz-job-hero h1{
    font-size:52px;
    line-height:1;
    margin:0 0 8px;
    color:#fff;
}


.bd2oz-bn-title{
    font-size:20px;
    margin:0 0 18px;
    color:#dff0e6;
}


.bd2oz-hero-description{
    max-width:600px;
    font-size:15px;
    line-height:1.7;
    color:#e6f3ec;
}


.bd2oz-hero-stats{
    display:flex;
    gap:40px;
    margin-top:30px;
    flex-wrap:wrap;
}


.bd2oz-hero-stats strong{
    display:block;
    font-size:25px;
    color:#fff;
}


.bd2oz-hero-stats span{
    font-size:12px;
    color:#d6ecdf;
}


/* FILTER */

.bd2oz-filter-wrap{
    max-width:1180px;
    margin:-25px auto 0;
    padding:0 20px;
    position:relative;
    z-index:5;
}


.bd2oz-filters{
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:14px;
    padding:14px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}


.bd2oz-search{
    flex:1 1 250px;
    display:flex;
    align-items:center;
    gap:8px;
    background:var(--sand);
    border:1px solid var(--line);
    border-radius:10px;
    padding:10px 13px;
}


.bd2oz-search input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    font-size:14px;
}


.bd2oz-filters select{
    border:1px solid var(--line);
    background:var(--sand);
    border-radius:10px;
    padding:10px 30px 10px 12px;
    font-size:13px;
    color:var(--ink);
}


/* RESULTS */

.bd2oz-results{
    max-width:1180px;
    margin:20px auto 0;
    padding:0 30px;
    font-size:13px;
    color:var(--ink-soft);
}


/* GRID */

.bd2oz-job-grid{
    max-width:1180px;
    margin:0 auto;
    padding:25px 30px 0;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px 22px;
}


/* CARD */

.bd2oz-job-card{
    position:relative;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:5px;
    padding:26px 18px 18px;

    box-shadow:
        0 10px 22px -14px rgba(36,31,28,.35);

    transition:.2s ease;
}


.bd2oz-job-card:hover{
    transform:translateY(-5px);
    box-shadow:
        0 18px 30px -16px rgba(36,31,28,.4);
}


.bd2oz-tape{
    position:absolute;
    top:-10px;
    left:50%;

    width:75px;
    height:23px;

    transform:translateX(-50%) rotate(-3deg);

    background:rgba(181,132,42,.35);
    border:1px solid rgba(181,132,42,.4);
}


.bd2oz-job-card.featured .bd2oz-tape{
    background:rgba(200,71,47,.35);
}


.bd2oz-card-top{
    display:flex;
    justify-content:space-between;
    gap:8px;
    margin-bottom:12px;
}


.bd2oz-category{
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;

    background:var(--green-tint);
    color:var(--green-dark);

    padding:5px 9px;
    border-radius:20px;
}


.bd2oz-featured{
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;

    background:var(--red-tint);
    color:var(--red);

    padding:5px 9px;
    border-radius:20px;
}


.bd2oz-job-card h3{
    font-size:18px;
    line-height:1.3;
    margin:0 0 7px;
}


.bd2oz-company{
    color:var(--ink-soft);
    font-size:13px;
    margin:0 0 4px;
}


.bd2oz-location{
    color:var(--ink-soft);
    font-size:12px;
    margin:0 0 13px;
}


.bd2oz-excerpt{
    font-size:13px;
    line-height:1.55;
    color:var(--ink-soft);
    margin-bottom:15px;
}


.bd2oz-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:17px;
}


.bd2oz-tags span{
    font-size:10.5px;
    font-weight:600;

    background:var(--sand);
    border:1px solid var(--line);

    padding:4px 8px;
    border-radius:6px;
}


.bd2oz-tags .salary{
    color:#b5842a;
}


.bd2oz-tags .bengali{
    background:#eaf3ee;
    border-color:#cfe4d7;
    color:var(--green-dark);
}


.bd2oz-card-footer{
    border-top:1px dashed var(--line);
    padding-top:12px;

    display:flex;
    justify-content:space-between;
    align-items:center;
}


.bd2oz-posted{
    font-size:11px;
    color:var(--ink-soft);
}


.bd2oz-view-job{
    color:var(--green-dark);
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}


.bd2oz-view-job:hover{
    color:var(--green);
}


.bd2oz-no-jobs{
    grid-column:1/-1;
    text-align:center;
    padding:70px 20px;
}


@media(max-width:920px){

    .bd2oz-job-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


@media(max-width:620px){

    .bd2oz-job-hero{
        padding:45px 20px;
    }

    .bd2oz-job-hero h1{
        font-size:40px;
    }

    .bd2oz-filter-wrap{
        padding:0 12px;
    }

    .bd2oz-job-grid{
        grid-template-columns:1fr;
        padding:22px 15px;
    }

    .bd2oz-results{
        padding:0 15px;
    }

}