:root {
  --bxw-block-faq-general-color-black: #2E2929;
  --bxw-block-faq-general-color-blue: #409EEF;
}

.bxw-blocks-wrapper > section.bxw-block-faq-general:first-of-type,
section + div[style*="display:none"] + section.bxw-block-faq-general {
  margin-top: 120px;
}

@media (max-width: 767.98px) {
  .bxw-blocks-wrapper > section.bxw-block-faq-general:first-of-type,
  section + div[style*="display:none"] + section.bxw-block-faq-general {
    margin-top: 50px;
  }
}

@media (max-width: 767.98px) {
  .bxw-block-faq-general .container,
  .bxw-block-faq-general .container .row .col-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .bxw-block-faq-general .container .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

.bxw-block-faq-general__title {
  text-align: center;
  color: var(--bxw-block-faq-general-color-black);
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
  margin-bottom: 40px;
}

@media (max-width: 767.98px) {
  .bxw-block-faq-general__title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}

.bxw-block-faq-general__list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.bxw-block-faq-general__list-item {
  display: inline-block;
  border-radius: 20px;
  border: 1px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(115deg, #2FC7F7 21.07%, #409EEF 76.67%) border-box;
  transition: background-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.bxw-block-faq-general__list-item.open {
  background-color: #F2F9FF;
  background: linear-gradient(#F2F9FF, #F2F9FF) padding-box, linear-gradient(#F2F9FF, #F2F9FF) border-box;
}

.bxw-block-faq-general__list-item.open .bxw-block-faq-general__list-item-svg-rect {
  fill: transparent;
  stroke: url(#faqIconGradient);
  stroke-width: 2;
}

.bxw-block-faq-general__list-item.open .bxw-block-faq-general__list-item-svg-arrow {
  transform: rotate(180deg);
}

.bxw-block-faq-general__list-item.open .bxw-block-faq-general__list-item-svg-arrow path {
  fill: url(#faqIconGradient);
}

.bxw-block-faq-general__list-item .bxw-block-faq-general__list-item-sublist {
  display: block;
  opacity: 1;
}

.bxw-block-faq-general__list-item-title-box {
  padding: 15px 30px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 34px;
  grid-template-rows: auto;
  grid-column-gap: 51px;
  grid-row-gap: 0px;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .bxw-block-faq-general__list-item-title-box {
    padding: 10px 15px;
    grid-template-columns: 1fr 20px;
    grid-column-gap: 10px;
  }
}

@media (max-width: 767.98px) {
  .bxw-block-faq-general__list-item-svg {
    width: 20px;
    height: 20px;
  }
}

.bxw-block-faq-general__list-item-svg-rect {
  transition: fill-opacity .2s ease, stroke .2s ease, stroke-width .2s ease;
}

.bxw-block-faq-general__list-item-svg-arrow {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform .2s ease, fill .2s ease;
}

.bxw-block-faq-general__list-item-svg-arrow path {
  fill: white;
}

.bxw-block-faq-general__list-item-title {
  color: var(--bxw-block-faq-general-color-black);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0px;
}

@media (max-width: 767.98px) {
  .bxw-block-faq-general__list-item-title {
    font-size: 18px;
    line-height: 22px;
  }
}

.bxw-block-faq-general__list-item-content {
  padding-left: 30px;
  padding-right: 115px;
  display: none;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 300ms ease, opacity 300ms ease;
}

@media (max-width: 767.98px) {
  .bxw-block-faq-general__list-item-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.bxw-block-faq-general__list-item-content > a,
.bxw-block-faq-general__list-item-content a {
  color: #0071bd;
  text-decoration: none;
  transition: color .2s ease-in-out;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

@media (max-width: 767.98px) {
  .bxw-block-faq-general__list-item-content > a,
  .bxw-block-faq-general__list-item-content a {
    font-size: 16px;
    line-height: 20px;
  }
}

.bxw-block-faq-general__list-item-content > a:hover, .bxw-block-faq-general__list-item-content > a:focus,
.bxw-block-faq-general__list-item-content a:hover,
.bxw-block-faq-general__list-item-content a:focus {
  color: var(--bxw-block-faq-general-color-blue);
  text-decoration: none;
}

.bxw-block-faq-general__list-item-content p, .bxw-block-faq-general__list-item-content li, .bxw-block-faq-general__list-item-content h6, .bxw-block-faq-general__list-item-content {
  color: var(--bxw-block-faq-general-color-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 767.98px) {
  .bxw-block-faq-general__list-item-content p, .bxw-block-faq-general__list-item-content li, .bxw-block-faq-general__list-item-content h6, .bxw-block-faq-general__list-item-content {
    font-size: 16px;
    line-height: 20px;
  }
}

.bxw-block-faq-general__list-item-content h6 {
  font-weight: 600;
}

.bxw-block-faq-general__list-item-content > *:last-child {
  margin-bottom: 0px !important;
}

.bxw-block-faq-general__list-item-content-bottom {
  border: none !important;
  margin: 0px !important;
  height: 20px !important;
  color: transparent;
  background: none !important;
}

@media (max-width: 767.98px) {
  .bxw-block-faq-general__list-item-content-bottom {
    height: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bxw-block-faq-general__list-item-btn,
  .bxw-block-faq-general__list-item-btn-rect,
  .bxw-block-faq-general__list-item-btn-arrow,
  .bxw-block-faq-general__list-item-content {
    transition: none;
  }
}
