.toc {
  padding: var(--mar-32) 0;
  background-color: #f3f3f3;
}
.toc h2 {
  font-size: 32px !important;
  margin-bottom: var(--mar-s);
}
.toc li:hover a {
  background-color: var(--orange);
  color: var(--white);
  opacity: 1;
}
.toc .swiper-slide {
  max-width: max-content;
}
.toc li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.toc .swiper-slide a {
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  color: var(--gray7);
  border: 1px solid var(--gray7);
  border-radius: 100px;
  padding: 8px 28px;
  opacity: 0.5;
  margin-top: 0;
}

.toc li a::after {
  content: none !important;
}

@media (max-width: 768px) {
  .toc h2 {
    font-size: 28px !important;
  }
}