/* line 1, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page {
  background-color: white;
}

/* line 3, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .text-center {
  color: white;
  opacity: 1;
  margin-bottom: 66px;
}

/* line 9, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .open-text {
  margin-bottom: 50px;
}

/* line 13, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .hide-text {
  width: 770px;
  margin-bottom: 20px;
  margin-top: 30px;
}

/* line 19, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .hide,
.faq-page .hide + label ~ div {
  display: none;
}

/* line 24, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .hide + label {
  opacity: 1;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 24px;
  line-height: 28px;
  color: black;
  cursor: pointer;
  display: inline-block;
}

/* line 36, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .hide:checked + label {
  color: #ff6b00;
  border-bottom: 0;
}

/* line 42, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .hide:checked + label + div {
  display: block;
  margin-left: 48px;
  margin-top: 40px;
  font-size: 16px;
  color: #8f9fa0;
  line-height: 28px;
  animation: fade ease-in 0.5s;
}

@keyframes nfade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* line 83, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .hide + label:before {
  color: black;
  content: url(https://d2m9ttxm1oxvrm.cloudfront.net/assets/spree/frontend/faq/arrows-1c367f01736648067881db77be93feedc5fb07d34faaf869d4fb5b2df0e46233.png);
  display: block;
  float: left;
  font-size: 24px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  opacity: 0.3;
  margin: 3px 5px;
  text-align: center;
  width: 26px;
  margin-right: 18px;
  border-radius: 50%;
}

/* line 102, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .hide:checked + label:before {
  opacity: 1;
  margin-right: 18px;
  animation: transform_r ease-in 0.5s;
  transform: rotate(90deg);
  content: url(https://d2m9ttxm1oxvrm.cloudfront.net/assets/spree/frontend/faq/arrows-bottom-b7df67ac0b5455af5ef95d4537cdff509d0a088474cc29b583c0f09b89ba093b.png);
}

/* line 110, vendor/assets/stylesheets/spree/frontend/faq.scss */
.faq-page .phone.h1.mt-3 {
  color: black !important;
}

@keyframes transform_r {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}

@keyframes transform_l {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@media (max-width: 991px) {
  /* line 132, vendor/assets/stylesheets/spree/frontend/faq.scss */
  .faq-page .hide-text {
    width: auto;
    height: auto;
  }
}