.section--services-content {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 40px 20px;
}

.section--services-content .section--inner {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-flow: column-reverse nowrap;
    gap: 40px;
}

.section--services-content .section--inner .section--side-content {
    width: 100%;
}

.section--services-content .section--inner .section--side-content .toc-nav {
    width: 100%;
    background: #ECEBF0;
    padding: 24px;
    border-radius: 20px;
    display: flex;
    flex-flow: column nowrap;
    gap: 32px;
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-title {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column nowrap;
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item {
    display: flex;
    flex-flow: column nowrap;
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item a {
    width: 100%;
    padding-left: 36px;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #A18F58;
    width: 100%;
    font-weight: 500;
    color: var(--primary-color);
    font-size: 16px;
    line-height: 24px;
    outline: none;
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list>li.toc-item:first-child>a {
    padding-top: 0;
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 100%;
    max-width: 26px;
    height: 26px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iOSIgZmlsbD0iIzBCMDAzMCIvPgo8cGF0aCBkPSJNMTcuOTI0MyAxMi41NzU3QzE4LjE1ODYgMTIuODEwMSAxOC4xNTg2IDEzLjE4OTkgMTcuOTI0MyAxMy40MjQzTDE0LjEwNTkgMTcuMjQyNkMxMy44NzE2IDE3LjQ3NyAxMy40OTE3IDE3LjQ3NyAxMy4yNTc0IDE3LjI0MjZDMTMuMDIzIDE3LjAwODMgMTMuMDIzIDE2LjYyODQgMTMuMjU3NCAxNi4zOTQxTDE2LjY1MTUgMTNMMTMuMjU3NCA5LjYwNTg5QzEzLjAyMyA5LjM3MTU3IDEzLjAyMyA4Ljk5MTY3IDEzLjI1NzQgOC43NTczNkMxMy40OTE3IDguNTIzMDQgMTMuODcxNiA4LjUyMzA0IDE0LjEwNTkgOC43NTczNkwxNy45MjQzIDEyLjU3NTdaTTguNSAxM1YxMi40TDE3LjUgMTIuNFYxM1YxMy42TDguNSAxMy42VjEzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list>li.toc-item:first-child>a:before {
    top: 0;
}


.section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item .toc-sublist {
    margin: 0;
    padding: 0;
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item .toc-sublist-h3 li.toc-item a {
    padding-left: 56px
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item .toc-sublist-h3 li.toc-item a:before {
    left: 20px;
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item .toc-sublist-h4 li.toc-item a {
    padding-left: 76px
}

.section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item .toc-sublist-h4 li.toc-item a:before {
    left: 40px;
}

@media (min-width: 767px) {
    .section--services-content {
        padding: 60px 20px;
    }

    .section--services-content .section--inner {
        flex-flow: row nowrap;
    }

    .section--services-content .section--inner .section--contents,
    .section--services-content .section--inner .section--side-content {
        width: 100%;
    }

    .section--services-content .section--inner .section--side-content {
        max-width: 360px;
    }
}

@media (min-width: 1280px) {
    .section--services-content {
        padding: 80px 20px;
    }

    .section--services-content .section--inner {
        gap: 80px;
    }

    .section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item a {
        font-size: 18px;
        line-height: 26px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .section--services-content .section--inner .section--side-content .toc-nav .toc-list li.toc-item a:before {
        top: 16px;
    }

    .section--services-content .section--inner .section--side-content .toc-nav .toc-list>li.toc-item:first-child>a:before {
        top: 0;
    }

    .section--services-content .section--inner .section--side-content .toc-nav {
        gap: 40px;
    }

    .section--services-content .section--inner .section--side-content .toc-nav .toc-title {
        font-size: 22px;
        line-height: 30px;
    }
}