.table-of-content-section .col-left{
    width: 27%;
}
.table-of-content-section .col-left h5{
    margin-bottom: 16px;
}
.table-of-content-section .col-right{
    width: 60%;
}
.table-of-content-section .row{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    row-gap: 35px;
}
.table-of-content-section .col-right h1,
.table-of-content-section .col-right h2,
.table-of-content-section .col-right h3,
.table-of-content-section .col-right h4,
.table-of-content-section .col-right h5{
    margin-top: 36px;
}
.table-of-content-section .col-right>:first-child{
    margin-top: 0;
}
.table-of-content-section .col-left ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.table-of-content-section .col-left ul li a{
    padding: 12px 16px;
    display: block;
}
.table-of-content-section .col-left ul li a:hover,
.table-of-content-section .col-left ul li.active a{
    background-color: var(--brown);
    color: var(--cream);
    text-decoration: none;
}
.table-of-content-sidebar{
    position: sticky;
    top: 50px;
}
@media only screen and (max-width: 1199px) {
    .table-of-content-section .col-left {
        width: 35%;
    }
}
@media only screen and (max-width: 991px) {
    .table-of-content-section .col-left {
        width: 40%;
    }
}
@media only screen and (max-width: 767px) {
    .table-of-content-section .col-left,.table-of-content-section .col-right {
        width: 100%;
    }
}