/* Breadcrumb */

.breadcrumb-wrap {

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0 10px;

    ul.breadcrumb {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px 30px;

        & > li {
            position: relative;

            & > a {
                display: inline-flex;
            }

            &:last-child > a {
                font-weight: 500;
            }

            i.icon {
                position: absolute;
                right: -22px;
                width: 12px;
                height: 22px;
            }

        }

    }

}