#anchors p ,
#anchors li {
    color: var(--black);
    font-size: 14px;

    line-height: 18px;
}
#anchors p {
    font-weight: 700;
    padding: 12px;
}
#anchors li a {
    display: block;
    position: relative;
    color: #525252;
    font-weight: 600;
    border-bottom: 1px solid #F0F0F0;
    padding: 12px;
}
#anchors li a.active {
    color: var(--black);
}
#anchors li a:focus-visible {
    z-index: 10; border-radius: 4px; overflow: hidden;
    box-shadow:0 0 0 3px var(--orange);
}

#anchors li a::before {
    display: block; content:"";
    position: absolute; top: 0; left: 0; height: 100%; width: 4px; background: #D3D3D3;
}
#anchors li a.active::before {
    background: #11B2D6
}
@media all and (max-width:1199px) {
    #anchors .wrapper>div{  background: white; border-radius: var(--radius); padding: 12px 24px 24px; margin-bottom: 16px;
        max-width: calc(640px + var(--wrapper-margin)); margin: 0 auto calc(var(--gutter) + (var(--wrapper-margin) / 2));
    }


}
@media all and (max-width:899px) {
    #anchors .wrapper > div {
        max-width: none;
        width: calc(100% + 8px); position: relative; left: -4px;
        padding-left: 28px;
        padding-right: 28px;
    }

}
@media all and (max-width:599px) {
    #anchors .wrapper > div {

        padding-left: 24px;
        padding-right: 24px;
    }
}
@media all and (min-width:1200px) {
    #anchors {  height: 100%; width: 100%;
        position: relative; pointer-events: none;
        position: absolute; padding-top: 40px; border-top:64px solid transparent;
        z-index: 19;
        top: 0;
        }

    #anchors .wrapper  { position: sticky; top: 0; }
    #anchors .wrapper div { pointer-events: auto; width: calc((((100% - (var(--gutter) * 11)) / 12) * 2 ) + (var(--gutter) * 1.5));

    width: calc((100% - 640px - 64px - 64px) / 2)   ; position: relative;
        z-index: 999;

    }


}
/*
@media all and (min-width:1300px) {

    #anchors .wrapper div {  width: calc((((100% - (var(--gutter) * 11)) / 12) * 2 ) + (var(--gutter) * 2));   }

}
@media all and (min-width:1350px) {
    #anchors .wrapper div {   width: 20%  }
}
@media all and (min-width:1400px) {
    #anchors .wrapper div {   width: 20.5%  }
}*/