/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[3]!./assets/scss/faq-page.scss ***!
  \***************************************************************************************************************************************************************************************************/
/* ~~~~~~~~~~ Variables ~~~~~~~~~~ */
/* ~~~~~~~~~~ Pages ~~~~~~~~~~ */
.section--faq {
  background: #F5F5F5;
  padding: 116px 0 203px; }
  .section--faq a {
    color: #007DFA; }
    .section--faq a:hover {
      color: #17BF36; }
  .section--faq .faq {
    padding: 0 44px; }
    .section--faq .faq__list {
      width: 100%;
      background: #ffffff;
      height: 74px;
      border: 1px solid #F5F5F5;
      margin: 0 auto 10px;
      cursor: pointer;
      padding: 26px 24px 15px 24px;
      font-weight: 700;
      font-size: 18px;
      position: relative; }
    .section--faq .faq__accrdn {
      margin: 29px 0 0;
      background: rgba(230, 230, 230, 0.3);
      border: 1px solid #E6E6E6;
      padding: 20px;
      font-size: 16px;
      line-height: 24px;
      display: none;
      margin: 0 0 30px; }
      .section--faq .faq__accrdn ul {
        padding-left: 20px;
        list-style: none; }
        .section--faq .faq__accrdn ul li {
          position: relative; }
          .section--faq .faq__accrdn ul li:before {
            content: '';
            position: absolute;
            width: 5px;
            height: 5px;
            top: 14px;
            left: -17px;
            background: #007DFA;
            border-radius: 50%; }
    .section--faq .faq__wrapper.close h4:before {
      content: '';
      position: absolute;
      border-left: 3px solid #17BF36;
      border-top: 3px solid #17BF36;
      width: 12px;
      height: 12px;
      transform: rotate(225deg);
      right: 23px;
      top: 30px; }
    .section--faq .faq__wrapper.open h4 {
      background: #17BF36;
      color: #ffffff; }
    .section--faq .faq__wrapper.open h4:before {
      content: '';
      position: absolute;
      border-left: 3px solid #ffffff;
      border-top: 3px solid #ffffff;
      width: 12px;
      height: 12px;
      transform: rotate(45deg);
      right: 23px;
      top: 33px; }

@media (max-width: 991px) {
  .section--faq {
    padding: 10% 0 15%; }
    .section--faq .faq__list {
      font-size: 16px;
      padding: 26px 40px 15px 24px; } }

@media (max-width: 600px) {
  .section--faq .faq__list {
    padding: 17px 40px 15px 24px;
    height: auto; }
  .section--faq .faq__wrapper.open h4:before {
    top: 44%; } }

@media (max-width: 420px) {
  .section--faq {
    padding: 10% 0 30%; } }


/*# sourceMappingURL=faq_page.css.map*/