/* Smooth scroll stuff */
html {
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
    position: relative;
}
.scroll_tag {
    width: 120px;
    position: fixed;
    right: 0%;
    z-index: 999;
    top: 18%;
}
.scroll_tag .list-group {
    list-style: circle;
}
.scroll_tag .list-group .list-group-item {
    background: transparent;
    display: flex;
    justify-content: end;
    border: 0;
    align-items: center;
    border-radius: 0;
}
.scroll_tag .list-group .list-group-item p {
    color: #023f3a;
    background: transparent;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.08em;
    margin: 0.2rem;
    display: none;
}
.scroll_tag .list-group .list-group-item .vl {
    border: 1px solid green;
    width: 2px;
    height: 20px;
}
.scroll_tag .list-group .list-group-item.active .vl {
    border: 1px solid #023f3a;
}
.scroll_tag .list-group .list-group-item.active p {
    display: flex;
    align-items: center;
    height: 20px;
    padding: 5px;
    border: 1px solid #b3f6b6;
    background: #dfffe0;
    margin-right: -1px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.essential_scroll {
    width: 160px;
    position: fixed;
    left: 2%;
    z-index: 999;
    top: 60%;
}
.essential_scroll .list-group {
    list-style: circle;
}
.essential_scroll .list-group .list-group-item {
    background: transparent;
    display: flex;
    border: 0;
    padding: 0;
    align-items: center;
    margin-bottom: 0.2rem;
    border-radius: 0;
}
.essential_scroll .list-group .list-group-item p {
    color: #023f3a;
    background: transparent;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.08em;
    display: none;
}
.essential_scroll .list-group .list-group-item .vl {
    border: 1px solid #d5d5d5;
    width: 2px;
    height: 20px;
}
.essential_scroll .list-group .list-group-item.active .vl {
    border: 1px solid #218fe8;
}
.essential_scroll .list-group .list-group-item.active p {
    display: flex;
    align-items: center;
    height: 20px;
    padding: 5px;
    border: 1px solid #218fe8;
    background: #218fe8;
    color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media (max-width: 1091px) {
    .essential_scroll {
        width: 160px;
        position: fixed;
        left: 2%;
        z-index: 999;
        top: 65%;
    }
}
@media (max-width: 991px) {
    .essential_scroll {
        top: 48%;
    }
}
@media (max-width: 767px) {
    .essential_scroll {
        top: 35%;
    }
}