/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/postcss-loader/dist/cjs.js!./src/styles/section/faq.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/*images*/
.faq {
  padding: 7.625rem 0 13.625rem;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .faq {
      overflow: hidden;
      padding: 4.75rem 0 7.5rem; } }
  .faq__bg {
    position: absolute;
    bottom: 7.5rem;
    left: 0;
    width: 27.6875rem;
    z-index: 1;
    pointer-events: none; }
    @media only screen and (max-width: 767px) {
      .faq__bg {
        display: none; } }
  .faq .h2-title {
    line-height: 1.03;
    letter-spacing: -0.07rem; }
  .faq__head {
    margin-bottom: 3.125rem; }
    @media only screen and (max-width: 767px) {
      .faq__head {
        margin-bottom: 2rem; } }
    .faq__head .badge {
      margin-bottom: 2.8125rem; }
      @media only screen and (max-width: 767px) {
        .faq__head .badge {
          margin-bottom: 2.375rem; } }
    @media only screen and (max-width: 767px) {
      .faq__head .h2-title {
        letter-spacing: -0.05rem; } }
  @media only screen and (min-width: 768px) {
    .faq .container {
      width: 73.6%; } }
  @media only screen and (min-width: 992px) {
    .faq__footer {
      width: 43%;
      margin-top: 5.125rem; } }
  @media only screen and (max-width: 767px) {
    .faq__footer {
      margin-top: 4.25rem; } }
  .faq__footer .h5-title {
    font-family: 'Radikal';
    font-weight: 400; }
    @media only screen and (max-width: 767px) {
      .faq__footer .h5-title {
        font-size: 1.75rem; } }
  .faq__footer .badge {
    margin-bottom: 1.125rem; }
    @media only screen and (max-width: 767px) {
      .faq__footer .badge {
        margin-bottom: 1.5rem; } }
  .faq .write-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (min-width: 768px) {
      .faq .write-us {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    @media only screen and (max-width: 767px) {
      .faq .write-us {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0.75rem; } }
    .faq .write-us .btn {
      font-family: 'Radikal';
      padding: 1rem 2.25rem; }

.accordion__item.active {
  margin-bottom: 0.5625rem; }
  .accordion__item.active .accordion__body {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    padding-top: 0.1875rem;
    padding-bottom: 2.1875rem; }
  .accordion__item.active .accordion__header {
    color: var(--color-green); }
  .accordion__item.active .accordion__icon:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }

.accordion {
  position: relative; }
  .accordion__item {
    margin-bottom: 0.9375rem;
    border-bottom: 1px solid rgba(0, 48, 52, 0.1);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }
  .accordion__header {
    position: relative;
    cursor: pointer;
    color: #7E8492;
    padding: 0.9375rem 1.5rem 0.9375rem 0;
    -webkit-transition: .3s color;
    transition: .3s color; }
  .accordion__icon {
    position: absolute;
    width: 0.9375rem;
    height: 0.9375rem;
    top: 1.875rem;
    right: 0; }
    .accordion__icon:before {
      display: block;
      position: absolute;
      width: 100%;
      height: 2px;
      background: var(--color-green);
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      content: ''; }
    .accordion__icon:after {
      display: block;
      position: absolute;
      width: 2px;
      height: 100%;
      background: var(--color-green);
      left: calc(50% - 1px);
      top: calc(-50% + 1px);
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      content: ''; }
  .accordion__body {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin-right: -0.125rem; }
    .accordion__body .h5-title {
      font-family: 'Radikal';
      font-weight: 400;
      margin-bottom: 0.5rem; }
  .accordion__body-holder {
    overflow: hidden; }


/*# sourceMappingURL=section-faq.css.map*/