.l2-dynamic-sticky-menu .l2-scroll-guide {
    display: flex;
    list-style: none;
    gap: 20px;
    transform: none;
    flex-direction: column;
    margin: 0 !important;
    padding-left: 0 !important;
}

@media screen and (max-width:1199px) {
    .l2-dynamic-sticky-menu .l2-scroll-guide {
        border-bottom: 15px solid #fff;
    }
}


.l2-dynamic-sticky-menu .l2-scroll-guide::before {
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    position: absolute;
    background: var(--primitive-color-brand-tertiary01);
    z-index: -1;
}

.l2-dynamic-sticky-menu .l2-scroll-guide li {
    display: flex;
    flex-direction: row;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a {
    color: var(--primitive-color-brand-tertiary02) !important;
    display: inline-block;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    position: relative;
    margin-left: 16px;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a.l2-active {
    color: var(--e-global-color-primary) !important;
}

.l2-dynamic-sticky-menu .l2-scroll-guide a svg path#Vector_2 {
    fill:#fff;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a svg path#Vector {
    fill:#fff;
    stroke: #fff;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a.l2-active svg path#Vector_2   {
    fill: var(--e-global-color-primary) !important;
}

.l2-dynamic-sticky-menu .l2-scroll-guide a.l2-active svg path#Vector {
    fill: var(--e-global-color-primary) !important;
    stroke: var(--e-global-color-primary) !important;
}

.l2-dynamic-sticky-menu .l2-scroll-guide a.l2-active::before {
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    position: absolute;
    background: var(--e-global-color-primary);
    left: -16px;
}

.l2-dynamic-sticky-menu .l2-scroll-guide li:last-of-type:after {
    content: "";
    margin-left: 0;
}