.faq__wrapper {
  width: 1087px;
  margin: 18px auto 117px;
}

.faq__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.faq__header div {
  width: 450px;
}

.faq__header h1 {
  font-family: "Product Sans Bold";
  font-size: 55px;
}

.faq__header p {
  font-family: "Product Sans Regular";
  font-size: 18px;
  color: #7a7c7f;
  line-height: 26px;
  margin-top: 28px;
}

.faq__header img {
  width: 477px;
}

@media screen and (max-width: 1199px) {
  .faq__wrapper {
    width: auto;
    padding: 0;
    margin-top: 21px;
    position: relative;
  }

  .faq__header div {
    width: 100%;
    padding: 0 16px;
  }

  .faq__header h1 {
    width: 200px;
    font-size: 24px;
    line-height: 30px;
  }

  .faq__header p {
    font-size: 14px;
    line-height: 21px;
  }

  .faq__header img {
    width: 73px;
    position: absolute;
    right: 16px;
    top: -13px;
  }
}










/* faq questions */

.faq__questions {
  width: 845px;
  font-family: "Product Sans Bold";
  font-size: 19px;
  color: #616468;
  margin: 80px auto 0;
}

.faq__questions li:not(:first-child) {
  margin-top: 55px;
}

.faq__questions p {position: relative;}

.faq__questions p:first-child {
  padding: 0 40px;
}

.faq__questions p.active {
  color: #000000;
}

.faq__questions p:first-child::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='28px'%3e%3cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M28.000,16.000 L16.000,16.000 L16.000,28.000 L12.000,28.000 L12.000,16.000 L-0.000,16.000 L-0.000,12.000 L12.000,12.000 L12.000,0.000 L16.000,0.000 L16.000,12.000 L28.000,12.000 L28.000,16.000 Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 40px;
  top: 4px;
  cursor: pointer;
}

.faq__questions p.active::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='4px'%3e%3cpath fill-rule='evenodd' fill='rgb(109, 44, 245)' d='M-0.000,0.000 L28.000,0.000 L28.000,4.000 L-0.000,4.000 L-0.000,0.000 Z'/%3e%3c/svg%3e");
  background-size: 14px 2px;
  background-position: center;
}

.faq__questions p:first-child:hover::after {
  opacity: 0.4;
}

.faq__questions p:first-child:active::after {
  opacity: 0.8;
}

.faq__questions .answer {
  font-family: "Product Sans Regular";
  font-size: 18px;
  color: #7a7c7f;
  line-height: 26px;
  background: #f7f9fc;
  padding: 34px 40px 36px;
  margin-top: 15px;
}

@media screen and (max-width: 1199px) {
  .faq__questions {
    width: auto;
    font-size: 18px;
  }

  .faq__questions p:first-child {
    padding: 0 16px 0 43px;
  }

  .faq__questions p:first-child::after {
    right: auto;
    left: 16px;
  }

  .faq__questions .answer {
    padding: 18px 16px;
  }
}