@media (min-width: 320px) {
    :root{
        --excerpt-height:80px;
    }
    .scrolling-points-excerpt-container{
        position:sticky;
        top:0px;
        left:0px;
        z-index:2;
    }
    .scrolling-points-main-title{
        background-color:#ffffff;
    }
    .scrolling-points-item{
        margin-bottom:40px;
    }
    .scrolling-points-item-container{
        display:flex;
        column-gap:20px;
    }
    .scrolling-points-item-indicator{
        flex:0 0 auto; 
        position:sticky;
        left:0px;
        top:var(--excerpt-height);
        background-color:var(--btn-bg);
        color:#ffffff;
        height:40px;
        width:40px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:16px;
        font-weight:600;
        margin-bottom:0px;
    }
    .scrolling-points-item-content{
        flex:1 1 auto;
    }
}

@media (min-width: 768px) {
    .scrolling-points-item{
        max-width:600px;
        margin:0 auto;
    }
}

@media (min-width: 990px) {

}

@media (min-width: 1280px) {
    .scrolling-points-item{
        height:100vh;

    }
    .scrolling-points-item-indicator{
        top:40px;
        left:40px;
        height:100px;
        width:100px;
        font-size:40px;
    }
}
}