.faq {
    max-width: 100%;
    margin: 1rem auto;
  }

  .faq-item {
    border-bottom: 1px solid #D5F1F1;
  }

  .faq-item h3 {
    padding: 3rem 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }

  .icon {
    position: relative;
    width: 20px;
    height: 18px;
  }

  .icon::before,
  .icon::after {
    content: "";
    position: absolute;
    background: #2CB9BB;
    transition: max-height .5s ease, padding .5s ease;
  }

  .icon::before {
    width: 20px;
    height: 2px;
    top: 8px;
    left: 0;
  }

  .icon::after {
    width: 2px;
    height: 20px;
    left: 9px;
    top: 0;
  }

  .faq-item h3.active .icon::after {
    transform: scaleY(0);
  }

  .faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease;
    padding-bottom: 0;
  }

  .faq-content p {
    margin: 0 0 1.5rem 0;

  }