.section-accordion {
  margin-block: 2.5rem;
  padding-block: 2.5rem;

  /* & .heading-section {
    margin-bottom: 3.75rem;
    & .section-accordion__title {
      text-align: center;
      color: var(--pl-blue);
      text-align: center;
      font-family: var(--font-family-title);
      font-size: 2.75rem;
      font-weight: 400;
      line-height: 3.4375rem;
      text-transform: capitalize;
    }

    & .section-accordion__description {
      text-align: center;
      color: var(--color-tertiary);
      text-align: center;
      font-family: Hind;
      font-size: 1rem;
      font-weight: 500;
    }
  } */

  & .section-accordion__items {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;

    & .section-accordion__item {
      border: 1px solid #e5e7eb;
      border-radius: 0.5rem;
      overflow: hidden;
      transition: all 0.3s ease;

      & .section-accordion__item-title {
        display: flex;
        align-items: center;
        padding: 0rem 1.5rem 0rem 0rem;
        margin: 0;
        cursor: pointer;
        user-select: none;
        position: relative;
        transition: background-color 0.3s ease;
        justify-content: space-between;

        &:hover {
          background-color: #f9fafb;
        }

        &::after {
          content: '+';
          font-size: 1.5rem;
          font-weight: 300;
          line-height: 1;
          transition: transform 0.3s ease;
          flex-shrink: 0;
          margin-left: 1rem;
        }

        & .section-accordion__item-icon {
          border-radius: 0.25rem;
          width: 2.5rem;
          height: 2.5rem;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: rgba(139, 0, 0, 0.1);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
          flex-basis: 2.5rem;
          align-self: flex-start;
        }

        & .accordion-title {
          color: var(--pl-blue);
          font-family: Hind;
          font-size: 1.25rem;
          font-weight: 600;
          flex-grow: 1;
        }
      }

      & .section-accordion__item-content {
        padding: 1rem 1.5rem 1.5rem 1.5rem;
        display: none;
        overflow: hidden;

        color: var(--color-tertiary);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.7rem;
        & :is(ul, ol) {
          list-style: revert;
          padding-inline-start: revert;
        }
        & > * {
          margin-top: 1rem;
        }
        & > *:first-child {
          margin-top: 0;
        }
      }

      &.is-open {
        & .section-accordion__item-title {
          &::after {
            transform: rotate(45deg);
          }
        }
        & .section-accordion__item-content {
          padding-bottom: 1.5rem;
        }

        & .accordion-title {
          color: var(--pl-blue);
        }
      }
    }
  }
}

@media (max-width: 991.98px) {
  .section-accordion {
    margin-block: 1.5rem;
    padding-block: 1.5rem;

    & .section-accordion__items {
      & .section-accordion__item {
        & .section-accordion__item-title {
          padding: 1rem 1.25rem;
          font-size: 0.95rem;

          & .accordion-title {
            font-size: 1rem;
          }
        }

        & .section-accordion__item-content {
          padding: 0 1.25rem;
        }

        &.is-open {
          & .section-accordion__item-content {
            padding-bottom: 1rem;
          }
        }
      }
    }
  }
}