.accordion {
  h1,h2,h3 {
    margin-bottom: 20px;

    @media (min-width: 1024px) {
      margin-bottom: 30px;
    }
  }

  p {
    @media (min-width: 1024px) {
      margin-bottom: 20px;
    }
  }

  .accordion__content,.accordion-items {
    max-width: 1020px;
    margin-left: 0;
  }


  .accordion__content {
    margin-bottom: 30px;

    @media (min-width: 1024px) {
      margin-bottom: 40px;
    }
  }


  .accordion-item {
    border-bottom: 1px solid black;

    &:first-child {
      border-top: 0;
    }

    .accordion-item__heading {
      cursor: pointer;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 0;
      padding: 10px 0;

      &.active {
        &::after {
          transform: rotate(0deg);
        }
      }

      &::before,&::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        height: 2px;
        width: 9px;
        background-color: black;
      }

      &::after {
        transform: rotate(90deg);
        transition: transform 0.3s ease;
      }
    }

    .accordion-item__content {
      .accordion-item__content-inner {
        padding-top: 10px;
        padding-bottom: 20px;

        @media (min-width: 1024px) {
          padding-bottom: 30px;
        }

        p {
          &:first-child:last-child {
            margin-bottom: 0;
          }
        }

        a {
          text-decoration: underline;
        }
      }
    }
  }
}