.section-table-of-contents {
  margin: 40px auto; }
  .section-table-of-contents .toc-wrapper {
    max-width: 262px;
    width: 100%;
    max-height: 100%;
    margin: 0 auto;
    border: 1px solid transparent;
    border-radius: 10px; }
    .section-table-of-contents .toc-wrapper .toc-toggler {
      background-color: #FFBB37;
      color: #FFFFFF;
      border: 1px solid #FFBB37;
      border-radius: 10px;
      padding: 10px 20px 10px 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      font-weight: 600;
      line-height: 19px;
      text-align: center;
      transition: .5s;
      cursor: pointer; }
      .section-table-of-contents .toc-wrapper .toc-toggler .icon {
        width: 14px;
        height: 12px; }
      .section-table-of-contents .toc-wrapper .toc-toggler span {
        margin: 0;
        margin-left: 15px;
        font-size: 15px;
        font-weight: 600;
        line-height: 19px; }
    .section-table-of-contents .toc-wrapper .toc-content-holder {
      max-height: 0;
      padding: 0 30px;
      overflow: hidden;
      display: block;
      transition: .5s; }
      .section-table-of-contents .toc-wrapper .toc-content-holder .toc-content {
        color: #262626;
        margin-bottom: 20px;
        border-top: 1px solid #FFBB37;
        padding-left: 20px;
        padding-top: 15px;
        display: block;
        list-style-type: square; }
        .section-table-of-contents .toc-wrapper .toc-content-holder .toc-content li {
          margin-bottom: 2.5px;
          font-size: 14px;
          font-weight: 400;
          line-height: 24px; }
          .section-table-of-contents .toc-wrapper .toc-content-holder .toc-content li.active {
            font-weight: bold; }
          .section-table-of-contents .toc-wrapper .toc-content-holder .toc-content li:last-child {
            margin-bottom: 0; }
          .section-table-of-contents .toc-wrapper .toc-content-holder .toc-content li a {
            color: inherit;
            text-decoration: none; }
    .section-table-of-contents .toc-wrapper[data-status="0"] .icon > path {
      stroke: #FFFFFF; }
    .section-table-of-contents .toc-wrapper[data-status="1"] {
      border-color: #FFBB37; }
      .section-table-of-contents .toc-wrapper[data-status="1"] .toc-toggler {
        background-color: unset;
        color: #FFBB37;
        border: none;
        padding: 0;
        padding-top: 20px; }
        .section-table-of-contents .toc-wrapper[data-status="1"] .toc-toggler .icon > path {
          stroke: #FFBB37; }
        .section-table-of-contents .toc-wrapper[data-status="1"] .toc-toggler span {
          color: #FFBB37; }