#toc {
    padding: 24px;
    border: 1px solid var(--black);
    border-radius: 16px;
}
#toc strong{
    font-weight: 600 !important;
    color: #000;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 28px;
}
#toc ul {
    list-style: none;
    padding-left: 0;
}
#toc li {
    margin-bottom: 10px !important;
    padding-left: 0px !important;
}
#toc li.active {
    position: relative !important;
    font-weight: 500 !important;
    color: #000 !important;
}
#toc ul li.active{
    list-style: inside !important;
    position: relative;
}

#toc ul li.active::marker {
    font-size: 20px !important;
    line-height: 30px;
    color: #ff584a !important;
}
#toc ul li.active a{
    margin-left: -10px;
}
#toc ul li.active .sub-toc.ml-4 a{
    margin-left: 0px !important;
}
#toc a {
    margin-bottom: 0px !important;
    color: #565656 !important;
    position: relative !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-decoration: none !important;
}
.blog-deatil-page #toc ul li::before{
    display :none !important;
}