/* ==================================
   GOVERNMENT BREADCRUMB
================================== */

.gov-breadcrumb{
    position:relative;

    padding:14px 0;

    background:#f8fafc;

    border-bottom:1px solid var(--border-color);

    margin-top:88px;
}

/* .gov-breadcrumb::before{
    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:var(--primary-red);
} */

/* ==================================
   BREADCRUMB NAV
================================== */

.breadcrumb-nav{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:8px;
}

/* ==================================
   ITEM
================================== */

.breadcrumb-item{
    display:flex;

    align-items:center;

    gap:5px;

    color:var(--text-muted);

    font-size:12px;

    font-weight:500;

    transition:.25s ease;
}

a.breadcrumb-item:hover{
    color:var(--primary-red);
}

/* ==================================
   ICON
================================== */

.breadcrumb-item i{
    color:var(--primary-yellow);

    font-size:11px;
}

/* ==================================
   SEPARATOR
================================== */

.breadcrumb-sep{
    color:var(--primary-yellow);

    font-size:11px;

    font-weight:700;
}

/* ==================================
   ACTIVE
================================== */

.breadcrumb-item.active{
    color:var(--primary-red);

    font-weight:700;
}

.breadcrumb-item.active::before{
    content:'';

    width:6px;
    height:6px;

    border-radius:50%;

    background:var(--primary-red);

    display:inline-block;

    margin-right:3px;
}

/* ==================================
   MOBILE
================================== */

@media(max-width:991px){

    .gov-breadcrumb{
        margin-top:70px;
    }
}

@media(max-width:768px){

    .gov-breadcrumb{
        padding:12px 0;
    }

    .breadcrumb-item{
        font-size:11px;
    }

    .breadcrumb-item i,
    .breadcrumb-sep{
        font-size:10px;
    }
}