.faq {
    padding-block: 120px;

    .accordion {
      background-color: #F5F3F3;
      color: var(--pure-info-color);
      cursor: pointer;
      padding: 18px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
      transition: 0.4s;
      border-radius: 8px;
      margin-bottom: 15px;
    }
    h2 {
        font-family: 'GT Super Display', sans-serif;
        font-size: 2.5rem;
        color: var(--pure-info-color);
        margin-bottom: 20px;
    }
    .faq-list {
        padding-left: 70px;
    }
    
    .column {
        width: 40%;
    }
    .column:last-child {
        width: 60%;
    }
    @media(max-width: 767px) {
        .column {
            width: 100%;
        }
        .column:last-child {
            width: 100%;
        }
        .faq-list {
            padding-left: 0;
        }
        padding-block: 40px;
    }
    
    .accordion:after {
      content: '\002B';
      color: var(--pure-info-color);;
      font-weight: bold;
      float: right;
      margin-left: 5px;
    }
    
    .active:after {
      content: "\2212";
    }
    
    .panel {
      padding: 0 18px;
      background-color: white;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }
}