#breadcrumbs {
    padding  : 24px 0px 0px;
    display  : flex;
    flex-wrap: wrap;
    gap      : 32px;
}

@media (max-width: 1280px) {
    #breadcrumbs {
        padding: 24px 0px 0px;
    }
}

@media (max-width: 1024px) {
    #breadcrumbs {
        padding: 16px 0px 0px;

    }
}

@media (max-width: 767.98px) {
    #breadcrumbs {
        padding: 16px 0px 0px;
        gap    : 20px;

    }
}

#breadcrumbs .breadcrumb-link {
    font-weight    : 500;
    font-size      : 16px;
    line-height    : 24px;
    color          : #8BB5FF;
    transition     : 0.3s;
    padding        : 0 !important;
    text-decoration: none !important;
}

@media (max-width: 991.98px) {
    #breadcrumbs .breadcrumb-link {
        font-size: 14px;
    }
}

#breadcrumbs .breadcrumb-link:not(:last-child) {
    position   : relative;
    font-weight: 500;
    color      : #8BB5FF;
}

#breadcrumbs .breadcrumb-link:not(:last-child):before {
    content        : url('data:image/svg+xml;charset=utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.33285 15.8334C8.13814 15.8337 7.94944 15.7659 7.79951 15.6417C7.71513 15.5717 7.64538 15.4858 7.59425 15.3889C7.54313 15.2919 7.51163 15.1858 7.50157 15.0767C7.4915 14.9675 7.50307 14.8575 7.53561 14.7528C7.56815 14.6481 7.62101 14.5509 7.69118 14.4667L11.4245 10L7.82451 5.52503C7.75529 5.43979 7.7036 5.34171 7.67241 5.23643C7.64121 5.13115 7.63113 5.02074 7.64275 4.91155C7.65437 4.80236 7.68745 4.69654 7.74009 4.60017C7.79274 4.50381 7.86391 4.4188 7.94951 4.35003C8.03574 4.27417 8.13671 4.21695 8.24609 4.18195C8.35548 4.14696 8.47091 4.13496 8.58516 4.1467C8.6994 4.15844 8.80999 4.19366 8.90997 4.25016C9.00996 4.30666 9.09719 4.38322 9.16618 4.47503L13.1912 9.47503C13.3137 9.62414 13.3808 9.81118 13.3808 10.0042C13.3808 10.1972 13.3137 10.3843 13.1912 10.5334L9.02451 15.5334C8.94092 15.6342 8.83472 15.7139 8.71455 15.7661C8.59437 15.8182 8.4636 15.8412 8.33285 15.8334Z" fill="%23232528"></path></svg>');
    position       : absolute;
    width          : 16px;
    height         : 20px;
    right          : -24px;
    display        : flex;
    justify-content: center;
    top            : 50%;
    transform      : translateY(-50%);
}

@media (max-width: 767.98px) {
    #breadcrumbs .breadcrumb-link:not(:last-child):before {
        right: -18px;

    }
}

#breadcrumbs .breadcrumb-link:nth-child(3)::before {
    content: '' !important;
}

#breadcrumbs .breadcrumb-link:hover {
    color: #3578ea;
}

#breadcrumbs .breadcrumb-link.active {
    pointer-events: none;
    color         : #3578ea;

}

#breadcrumbs .separator {
    display        : flex;
    justify-content: center;
    width          : 28px;
    margin         : 0 8px;
}