.section-title{
    display: flex;
    justify-content: space-between;
    padding-bottom: var(--s-3);
    cursor: pointer;
}

.section-title:hover {
    opacity: 0.7;
}

.section-title .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-title .icon svg {
  stroke: var(--dark);
  stroke-width: 2.5;
  fill: none;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-section.active .icon svg {
  transform: rotate(180deg);
}

.section-content{
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    color: var(--dark);
    padding-left: var(--s-3);
}

.accordion-section.active .section-content{
    max-height: fit-content;
    padding-bottom: var(--s-3);
}