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

.gov-breadcrumb {
    position: relative;

    padding: 14px 0;

    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);

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

    margin-top: 73px;

    overflow: hidden;
}

.gov-breadcrumb::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: linear-gradient(
        90deg,
        var(--primary-red),
        var(--primary-yellow)
    );
}

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

.breadcrumb-nav {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;
}

/* Arabic Support */

html[lang="ar"] .breadcrumb-nav {
    direction: rtl;
}

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

.breadcrumb-item {
    display: flex;

    align-items: center;

    gap: 5px;

    color: var(--text-muted);

    font-size: 12px;

    font-weight: 500;

    transition: 0.25s ease;
}

a.breadcrumb-item {
    text-decoration: none;
}

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

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

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

    font-size: 11px;
}

.breadcrumb-item .fa-house {
    color: var(--primary-red);
}

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

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

    font-size: 11px;

    font-weight: 700;
}

/* Arabic Arrow Direction */

html[lang="ar"] .breadcrumb-sep .fa-angle-right {
    transform: rotate(180deg);
}

/* ==================================
   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;
} */

/* RTL Support */

html[lang="ar"] .breadcrumb-item.active::before {
    margin-right: 0;
    margin-left: 3px;
}

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

@media (max-width: 991px) {
    .gov-breadcrumb {
        margin-top: 74px;
    }
}

@media (max-width: 768px) {
    .gov-breadcrumb {
        padding: 12px 0;
    }

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

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