.faq-section {
    padding: 40px 40px 80px 40px;
    width: 100%;
}

.faq-section h1 {
    text-align: center;
    margin-bottom: 40px;
}
.main-faq-block {
    max-width: 813px;
    width: 100%;
    display: block;
    margin: auto;
}
.answer-toggle {
    height: 28px;
    max-width: 28px;
    width: 100%;
    border-radius: 50%;
    margin-right: 10px;
}
.question-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.question-wrapper h6 {
    line-height: 20px;
}
.inactive-answer {
    display: none;
}
.active-answer {
    display: block;
    margin-top: 10px;
    margin-left: 38px;
}
.answer-toggle.active-button span {
    transform: rotate(90deg);
  }
.answer-toggle.active-button span {
    position: absolute;
    transition: 300ms;
    background: black;
    border-radius: 2px;
  }
  .answer-toggle span {
    position: absolute;
    transition: 300ms;
    background: black;
    border-radius: 2px;
  }
.answer-toggle.active-button span:last-child {
    left: 50%;
    right: 50%;
  }
.answer-toggle span:first-child {
    top: 25%;
    bottom: 25%;
    width: 10%;
    left: 45%;
}
.answer-toggle span:last-child {
    left: 25%;
    right: 25%;
    height: 10%;
    top: 45%;
  }
  .answer-toggle {
      position: relative;
      cursor: pointer;
  }
.question-answer-wrapper {
    padding: 25px 0px;
    border-bottom: 1.5px solid black;
}
.question-answer-wrapper:nth-of-type(1) {
    border-top: 1.5px solid black;
}
.main-faq-block a.button-black {
    margin: 46px auto;
}
@media (max-width: 767px) {
    .faq-section {
        padding: 20px 40px;
    }
}
@media (max-width: 340px) {
    .faq-section {
        padding: 20px 10px;
    }
}