.section-benefits {
  margin-top: 120px; }
  @media (max-width: 1140px) {
    .section-benefits {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .section-benefits .box-carousel-benefits {
    padding-bottom: 20px; }
  @media (min-width: 1140px) {
    .section-benefits.multiple-rows .box-carousel-benefits {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      overflow: visible; }
      .section-benefits.multiple-rows .box-carousel-benefits .benefits-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        .section-benefits.multiple-rows .box-carousel-benefits .benefits-list .swiper-slide {
          height: auto; } }
  .section-benefits.dark-mode {
    padding-bottom: 80px;
    padding-top: 120px; }
    @media (max-width: 1200px) {
      .section-benefits.dark-mode {
        padding-bottom: 0; } }
    .section-benefits.dark-mode .section-title {
      color: #ffffff; }
    .section-benefits.dark-mode .benefits-list .swiper-slide {
      width: 300px; }
    .section-benefits.dark-mode .benefits-list .box-inner {
      flex: 0 0 25%;
      align-items: baseline; }
      .section-benefits.dark-mode .benefits-list .box-inner .box-title {
        font-weight: 700;
        color: #ffffff;
        margin-top: 0;
        margin-bottom: 0;
        color: #fff; }
        .section-benefits.dark-mode .benefits-list .box-inner .box-title:after {
          display: none; }
      .section-benefits.dark-mode .benefits-list .box-inner .box-description {
        margin-top: 0;
        margin-bottom: 0;
        color: #ffffff; }
      .section-benefits.dark-mode .benefits-list .box-inner .box-link {
        margin-top: 25px; }
        .section-benefits.dark-mode .benefits-list .box-inner .box-link a {
          text-decoration: none;
          font-weight: 700;
          color: #ffffff; }
    .section-benefits.dark-mode .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .section-benefits.dark-mode .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      border-radius: unset;
      background: #ffffff; }
    .section-benefits.dark-mode .swiper-pagination-bullet-active {
      background: #1ADBE4;
      width: 26px !important; }
    .section-benefits.dark-mode .swiper-horizontal > .swiper-pagination-bullets, .section-benefits.dark-mode .swiper-pagination-bullets.swiper-pagination-horizontal {
      text-align: center; }
  .section-benefits .pagination-benefits {
    position: absolute;
    left: 0 !important;
    right: 0;
    margin: 0 auto;
    bottom: 80px !important;
    z-index: 9; }
  .section-benefits .benefits-list {
    margin-top: 30px; }
    @media (max-width: 1200px) {
      .section-benefits .benefits-list {
        padding-bottom: 120px; } }
    .section-benefits .benefits-list .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .section-benefits .benefits-list .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      border-radius: unset; }
    .section-benefits .benefits-list .swiper-pagination-bullet-active {
      background: #1ADBE4;
      width: 26px !important; }
    .section-benefits .benefits-list .swiper-horizontal > .swiper-pagination-bullets, .section-benefits .benefits-list .swiper-pagination-bullets.swiper-pagination-horizontal {
      text-align: center; }
    .section-benefits .benefits-list .swiper-slide {
      width: 33.3333%; }
      @media (max-width: 1140px) {
        .section-benefits .benefits-list .swiper-slide {
          width: 50% !important; } }
      @media (max-width: 640px) {
        .section-benefits .benefits-list .swiper-slide {
          width: 100% !important; } }
      .section-benefits .benefits-list .swiper-slide[data-name] {
        cursor: pointer; }
        .section-benefits .benefits-list .swiper-slide[data-name] .box-title:after {
          display: none; }
        .section-benefits .benefits-list .swiper-slide[data-name] .box-inner {
          position: relative;
          padding-bottom: 20px; }
          .section-benefits .benefits-list .swiper-slide[data-name] .box-inner:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 30px;
            height: 4px;
            background-color: #FFBE18;
            bottom: -10px; }
        .section-benefits .benefits-list .swiper-slide[data-name].active[data-name] .box-inner:after {
          width: 100%; }
        .section-benefits .benefits-list .swiper-slide[data-name].active[data-name] .box-inner:before {
          content: "";
          width: 30px;
          height: 30px;
          position: absolute;
          background: url("../png/arrow-2.png");
          background-repeat: no-repeat;
          background-position: center;
          left: 0;
          right: 0;
          bottom: -33px;
          margin: 0 auto; }
    .section-benefits .benefits-list .box-inner {
      flex: 0 0 33.3333%;
      margin-bottom: 20px; }
      .section-benefits .benefits-list .box-inner img {
        height: 135px; }
      @media (max-width: 1140px) {
        .section-benefits .benefits-list .box-inner {
          flex: 0 0 50% !important; } }
      @media (max-width: 640px) {
        .section-benefits .benefits-list .box-inner {
          flex: 0 0 100% !important; } }
      .section-benefits .benefits-list .box-inner .box-title,
      .section-benefits .benefits-list .box-inner .separator {
        font-size: 32px;
        line-height: 42px;
        color: #34435E;
        font-weight: 700;
        margin-top: 55px;
        margin-bottom: 25px;
        position: relative; }
        @media (max-width: 640px) {
          .section-benefits .benefits-list .box-inner .box-title,
          .section-benefits .benefits-list .box-inner .separator {
            margin-top: 20px;
            margin-bottom: 15px; } }
        .section-benefits .benefits-list .box-inner .box-title:after,
        .section-benefits .benefits-list .box-inner .separator:after {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          width: 30px;
          height: 4px;
          background-color: #FFBE18;
          bottom: -10px; }
      .section-benefits .benefits-list .box-inner .separator {
        margin: 0;
        margin-bottom: 25px;
        margin-top: 10px; }
      .section-benefits .benefits-list .box-inner .box-description {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        color: #34435E;
        min-height: 80px;
        max-width: 280px; }
        .section-benefits .benefits-list .box-inner .box-description p {
          margin: 0; }
      .section-benefits .benefits-list .box-inner:nth-child(2) video {
        position: relative;
        left: 20px; }
      .section-benefits .benefits-list .box-inner .image {
        object-fit: fill;
        width: 283px;
        height: 283px;
        display: flex;
        align-items: center;
        position: relative;
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner .image img {
          height: 100%;
          padding: 20px;
          width: auto;
          margin: 0 auto; }
        .section-benefits .benefits-list .box-inner .image.circle {
          border-radius: 50%; }
          .section-benefits .benefits-list .box-inner .image.circle img {
            border-radius: 50%; }
        .section-benefits .benefits-list .box-inner .image .background-circle {
          position: absolute;
          background-color: #e1e1e3;
          width: 243px;
          height: 243px;
          z-index: -1;
          border-radius: 50%;
          margin: 0 auto;
          left: 0;
          right: 0; }
        .section-benefits .benefits-list .box-inner .image:after {
          content: "";
          position: absolute;
          width: 263px;
          height: 263px;
          display: flex;
          border-right: 7px solid transparent;
          border-bottom: 7px solid #FFBE18;
          border-left: 7px solid transparent;
          border-top: 7px solid transparent;
          border-radius: 50%;
          right: 4px;
          transition: 0.4s; }
      .section-benefits .benefits-list .box-inner:nth-child(1) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:nth-child(1) .image:after {
          transform: rotate(72deg); }
      .section-benefits .benefits-list .box-inner:nth-child(2) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:nth-child(2) .image:after {
          transform: rotate(127deg); }
      .section-benefits .benefits-list .box-inner:nth-child(3) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:nth-child(3) .image:after {
          transform: rotate(194deg); }
      .section-benefits .benefits-list .box-inner:nth-child(4) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:nth-child(4) .image:after {
          transform: rotate(251deg); }
      .section-benefits .benefits-list .box-inner:nth-child(5) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:nth-child(5) .image:after {
          transform: rotate(303deg); }
      .section-benefits .benefits-list .box-inner:nth-child(6) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:nth-child(6) .image:after {
          transform: rotate(351deg); }
      .section-benefits .benefits-list .box-inner:hover:nth-child(1) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:hover:nth-child(1) .image:after {
          transform: rotate(127deg);
          transition: 0.3s; }
      .section-benefits .benefits-list .box-inner:hover:nth-child(2) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:hover:nth-child(2) .image:after {
          transform: rotate(194deg);
          transition: 0.3s; }
      .section-benefits .benefits-list .box-inner:hover:nth-child(3) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:hover:nth-child(3) .image:after {
          transform: rotate(251deg);
          transition: 0.3s; }
      .section-benefits .benefits-list .box-inner:hover:nth-child(4) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:hover:nth-child(4) .image:after {
          transform: rotate(303deg);
          transition: 0.3s; }
      .section-benefits .benefits-list .box-inner:hover:nth-child(5) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:hover:nth-child(5) .image:after {
          transform: rotate(351deg);
          transition: 0.3s; }
      .section-benefits .benefits-list .box-inner:hover:nth-child(6) .image {
        transition: 0.3s; }
        .section-benefits .benefits-list .box-inner:hover:nth-child(6) .image:after {
          transform: rotate(51deg);
          transition: 0.3s; }
  .section-benefits .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .section-benefits .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: unset; }
  .section-benefits .swiper-pagination-bullet-active {
    background: #1ADBE4;
    width: 26px !important; }
  .section-benefits .swiper-horizontal > .swiper-pagination-bullets, .section-benefits .swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: center; }

.benefits-accordions {
  background: #F7F7F7;
  box-shadow: 0px 0px 10px 0px #00000026 inset;
  margin-top: -30px;
  padding-bottom: 100px; }

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