.faq-area {
  padding: 150px 0;
  position: relative;
  background-color: #F7FAFD;
  z-index: 1; }

 .faq-area .area__title {
  margin-bottom: 3.125rem; }
  .faq-area .area__title h2 {
  margin-bottom: 1.25rem;
  color: #1C191A;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 108.286%;
  letter-spacing: 0;
}
 .faq-area .area__title h2 span {
  color: #231F20;
  font-size: 2rem;
  font-weight: 400;
  line-height: 90%;
  margin-bottom: 0.9375rem;
  padding-top: 0.9375rem;
  display: block;
}
.faq-area .area__title h2 strong{
  color: #0351A3;
  font-weight: 700;
}
  @media (min-width: 75rem) and (max-width: 81.1875rem) {
    .faq-area {
      padding: 120px 0; } }
  @media (min-width: 62rem) and (max-width: 74.9375rem) {
    .faq-area {
      padding: 100px 0; } }
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .faq-area {
      padding: 80px 0; } }
  @media only screen and (max-width: 47.9375rem) {
    .faq-area {
      padding: 70px 0; } }
  .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    z-index: 1; }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail {
        display: none; } }
    @media only screen and (max-width: 47.9375rem) {
      .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail {
        display: none; } }
    .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail img {
      max-width: 650px; }
    .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail::after {
      position: absolute;
      right: 35px;
      width: 560px;
      height: 580px;
      background-color: #E3F0F7;
      z-index: -1;
      content: '';
      bottom: 0; }
      @media (min-width: 1600px) and (max-width: 1699px) {
        .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail::after {
          width: 500px; } }
      @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
        .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail::after {
          width: 500px;
          height: 530px; } }
      @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
        .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail::after {
          width: 470px;
          height: 530px; } }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail::after {
          width: 450px;
          height: 500px; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail::after {
          width: 420px;
          height: 480px; } }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .faq-area.faq-variation-2 .faq__left--wrap .faq__thumbnail::after {
          width: 350px;
          height: 400px; } }
  .faq-area.faq-variation-2 .faq--wrapper {
    padding-left: 25px; }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .faq-area.faq-variation-2 .faq--wrapper {
        padding-left: 0; } }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .faq-area.faq-variation-2 .faq--wrapper {
        padding-left: 0; } }
    @media only screen and (max-width: 47.9375rem) {
      .faq-area.faq-variation-2 .faq--wrapper {
        padding-left: 0; } }
    .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item {
      border-radius: 16px; }
      .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__button {
        font-size: 28px;
        font-weight: 700;
        line-height: 114.286%;
        padding: 40px 50px;
        padding-right: 65px; }
        @media (min-width: 75rem) and (max-width: 81.1875rem) {
          .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__button {
            font-size: 24px;
            padding: 25px 30px; } }
        @media (min-width: 62rem) and (max-width: 74.9375rem) {
          .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__button {
            font-size: 24px;
            padding: 22px 30px; } }
        @media (min-width: 48rem) and (max-width: 61.9375rem) {
          .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__button {
            font-size: 24px;
            padding: 25px 30px; } }
        @media only screen and (max-width: 47.9375rem) {
          .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__button {
            font-size: 20px;
            padding: 22px 25px;
            padding-right: 50px; } }
        .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__button::after {
          content: "+";
          display: inline-block;
          position: absolute;
          right: 30px;
          top: 50%;
          width: auto;
          height: auto;
          border-left: none;
          border-bottom: none;
          transform: rotate(0) translateY(-50%);
          margin-top: -6px;
          transition: transform 250ms linear;
          font-size: 32px;
          font-weight: 500; }
          @media (min-width: 75rem) and (max-width: 81.1875rem) {
            .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__button::after {
              font-size: 28px;
              margin-top: -0px; } }
          @media (min-width: 75rem) and (max-width: 81.1875rem) {
            .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__button::after {
              font-size: 24px;
              margin-top: -0px; } }
        .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__button[aria-expanded='true']::after {
          margin-top: 0;
          content: "--";
          border: none;
          transform: rotate(0) translateY(-50%);
          color: #936EFE;
          letter-spacing: 0px; }
      .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__content {
        padding: 30px 50px;
        padding-top: 0; }
        @media (min-width: 75rem) and (max-width: 81.1875rem) {
          .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__content {
            padding: 20px 30px;
            padding-top: 0; } }
        @media (min-width: 62rem) and (max-width: 74.9375rem) {
          .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__content {
            padding: 20px 30px;
            padding-top: 0; } }
        .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__content .accordion__text p {
          font-size: 22px;
          line-height: 140%;
          /* 30.8px */ }
          @media (min-width: 75rem) and (max-width: 81.1875rem) {
            .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__content .accordion__text p {
              font-size: 20px; } }
          @media (min-width: 62rem) and (max-width: 74.9375rem) {
            .faq-area.faq-variation-2 .faq--wrapper .accordion .accordion__item .accordion__content .accordion__text p {
              font-size: 18px; } }

              
              .accordion {
                  max-width: 100%;
                  margin: auto; }
                  .accordion .accordion__item {
                    background: #fff;
                    border-radius: 24px;
                    margin-bottom: 25px;
                    transition: .3s; }
                    @media only screen and (max-width: 47.9375rem) {
                      .accordion .accordion__item {
                        margin-bottom: 15px; } }
                    .accordion .accordion__item .accordion__button {
                      text-align: left;
                      font-weight: 500;
                      background-color: #fff;
                      color: #231F20;
                      border: none;
                      display: block;
                      width: 100%;
                      z-index: 1;
                      position: relative;
                      transition: all 150ms linear;
                      font-family: 'Gantari';
                      font-style: normal;
                      font-weight: 600;
                      font-size: 1.3rem;
                      line-height: 140%;
                      padding: 22px 30px;
                      padding-right: 65px;
                      border-radius: 24px; }
                      @media only screen and (max-width: 47.9375rem) {
                        .accordion .accordion__item .accordion__button {
                          padding: 15px 20px;
                          padding-right: 45px;
                          border-radius: 14px; } }
                      .accordion .accordion__item .accordion__button::after {
                        content: "";
                        display: inline-block;
                        position: absolute;
                        right: 30px;
                        top: 50%;
                        width: 13px;
                        height: 13px;
                        border-left: 2px solid #231F20;
                        border-bottom: 2px solid #231F20;
                        transform: rotate(-45deg) translateY(-50%);
                        margin-top: -6px;
                        transition: transform 250ms linear; }
                        @media only screen and (max-width: 47.9375rem) {
                          .accordion .accordion__item .accordion__button::after {
                            right: 20px;
                            width: 10px;
                            height: 10px; } }
                      .accordion .accordion__item .accordion__button[aria-expanded='true'] {
                        background-color: #fff; }
                      .accordion .accordion__item .accordion__button[aria-expanded='true']::after {
                        border-left: 2px solid transparent;
                        border-bottom: 2px solid transparent;
                        border-right: 2px solid #231F20;
                        border-top: 2px solid #231F20;
                        margin-top: 0; }
                    .accordion .accordion__item .accordion__content {
                      padding: 22px 30px;
                      padding-top: 0px;
                      margin-left: 0;
                      transition: all 200ms linear; }
                      @media only screen and (max-width: 47.9375rem) {
                        .accordion .accordion__item .accordion__content {
                          padding: 15px 20px;
                          padding-top: 0px; } }
                      .accordion .accordion__item .accordion__content[aria-hidden='false'] {
                        display: block; }
                      .accordion .accordion__item .accordion__content[aria-hidden='true'] {
                        display: none; }
                      .accordion .accordion__item .accordion__content .accordion__text p {
                        font-style: normal;
                        font-weight: 400;
                        font-size: 1.125rem;
                        line-height: 140%;
                        color: #231F20; }

                          .accordion .accordion__item .accordion__content .accordion__text img {
                           width:100%;
                          height:auto;}

                           .accordion .accordion__item .accordion__content .accordion__text ul{
                            list-style: disc;
                            padding-left:24px;
                          }
                           .accordion .accordion__item .accordion__content .accordion__text ul li {
                              color: #1C191A;
                            font-size: 1rem;
                            font-weight: 400;
                            line-height: 150%;
                            margin-bottom:8px;}

                        .accordion .accordion__item .accordion__content .accordion__text p:last-child {
                          margin: 0; }

                          .shp-group {
                              display: flex;
                              justify-content: space-between;
                              padding: 0 8%;
                              position: absolute;
                              align-items: flex-start;
                              left: 0;
                              width: 100%;
                              z-index: -1;
                              top: 95px; }
                              @media (min-width: 1600px) and (max-width: 1699px) {
                                .shp-group {
                                  padding: 0 7%; } }
                              @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
                                .shp-group {
                                  padding: 0 6%; } }
                              @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
                                .shp-group {
                                  padding: 0 4%; } }
                              @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
                                .shp-group {
                                  padding: 0 3%; } }
                              @media (min-width: 75rem) and (max-width: 81.1875rem) {
                                .shp-group {
                                  padding: 0 3%;
                                  top: 75px; } }
                              @media (min-width: 62rem) and (max-width: 74.9375rem) {
                                .shp-group {
                                  padding: 0 2%;
                                  top: 65px; } }
                              @media (min-width: 48rem) and (max-width: 61.9375rem) {
                                .shp-group {
                                  padding: 0 2%;
                                  top: 55px; } }
                              @media only screen and (max-width: 47.9375rem) {
                                .shp-group {
                                  padding: 0 15px;
                                  top: 35px; } }
                              .shp-group .shp_left {
                                width: 60px; }
                                @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
                                  .shp-group .shp_left {
                                    width: 50px; } }
                                @media (min-width: 75rem) and (max-width: 81.1875rem) {
                                  .shp-group .shp_left {
                                    width: 50px; } }
                                @media (min-width: 62rem) and (max-width: 74.9375rem) {
                                  .shp-group .shp_left {
                                    width: 40px; } }
                                @media (min-width: 48rem) and (max-width: 61.9375rem) {
                                  .shp-group .shp_left {
                                    width: 36px; } }
                                @media only screen and (max-width: 47.9375rem) {
                                  .shp-group .shp_left {
                                    width: 20px; } }
                              .shp-group .shp_right {
                                width: 60px; }
                                @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
                                  .shp-group .shp_right {
                                    width: 50px; } }
                                @media (min-width: 75rem) and (max-width: 81.1875rem) {
                                  .shp-group .shp_right {
                                    width: 50px; } }
                                @media (min-width: 62rem) and (max-width: 74.9375rem) {
                                  .shp-group .shp_right {
                                    width: 40px; } }
                                @media (min-width: 48rem) and (max-width: 61.9375rem) {
                                  .shp-group .shp_right {
                                    width: 36px; } }
                                @media only screen and (max-width: 47.9375rem) {
                                  .shp-group .shp_right {
                                    width: 20px; } }