body {
  counter-reset: info-list; }

.section-info-list {
  counter-increment: info-list; }
  @media (max-width: 1140px) {
    .section-info-list {
      margin-top: 60px; } }
  @media (max-width: 991px) {
    .section-info-list {
      margin-top: 50px !important; } }
  .section-info-list .section-row {
    align-items: center; }
  .section-info-list .section-content {
    flex: 0 0 39%;
    height: -webkit-fill-available;
    border: 12px solid #1ADBE4;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 70px;
    padding-right: 70px;
    position: relative;
    max-height: 360px; }
    @media (max-width: 991px) {
      .section-info-list .section-content {
        flex: 0 0 100% !important;
        order: 2; } }
    @media (max-width: 640px) {
      .section-info-list .section-content {
        max-height: unset;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 50px;
        padding-bottom: 50px; } }
    .section-info-list .section-content.order-2 {
      flex: 0 0 39%; }
      @media (max-width: 991px) {
        .section-info-list .section-content.order-2 {
          flex: 0 0 100% !important; } }
    .section-info-list .section-content.center {
      text-align: center; }
      .section-info-list .section-content.center .info-title,
      .section-info-list .section-content.center .info-content {
        max-width: 100%;
        justify-content: center; }
    .section-info-list .section-content.right {
      text-align: right; }
    .section-info-list .section-content.left {
      text-align: left; }
    .section-info-list .section-content .info-title {
      color: #34435E;
      font-weight: 700;
      font-size: 36px;
      line-height: 48px;
      max-width: 560px;
      margin-top: 0;
      margin-bottom: 20px; }
      @media (max-width: 991px) {
        .section-info-list .section-content .info-title {
          max-width: 100%;
          display: inline-flex !important; } }
    .section-info-list .section-content .info-content {
      font-size: 20px;
      line-height: 24px;
      font-weight: 400;
      color: #34435E;
      max-width: 560px; }
      .section-info-list .section-content .info-content p {
        margin: 0; }
      @media (max-width: 1140px) {
        .section-info-list .section-content .info-content {
          max-width: 100%; } }
      @media (max-width: 991px) {
        .section-info-list .section-content .info-content p br {
          display: none; } }
    .section-info-list .section-content .content-image {
      position: absolute;
      right: 0;
      bottom: -34%;
      right: -22%; }
    .section-info-list .section-content .info-tag {
      color: #FFBE18;
      font-size: 24px;
      line-height: 24px;
      letter-spacing: 3px;
      font-weight: 400; }
    .section-info-list .section-content .box-number {
      display: flex;
      position: absolute;
      left: -25px;
      top: -90px; }
      .section-info-list .section-content .box-number .number {
        font-size: 158px;
        font-weight: 700;
        line-height: 158px;
        color: #FFBE18; }
        .section-info-list .section-content .box-number .number:before {
          content: counter(info-list); }
  .section-info-list .featured .section-content {
    flex: 0 0 60%; }
    @media (max-width: 1140px) {
      .section-info-list .featured .section-content {
        flex: 0 0 100%;
        justify-content: center;
        display: flex;
        flex-wrap: wrap; } }
  .section-info-list .featured .info-image {
    flex: 0 0 40%;
    margin: 0 auto; }
    @media (max-width: 1140px) {
      .section-info-list .featured .info-image {
        flex: 0 0 100%;
        justify-content: center;
        display: flex;
        flex-wrap: wrap; } }
    .section-info-list .featured .info-image img {
      width: 100%;
      max-width: 50%; }
      @media (max-width: 640px) {
        .section-info-list .featured .info-image img {
          max-width: 75%; } }
  .section-info-list .featured .section-tag {
    padding-left: 30px;
    padding-top: 86px; }
  .section-info-list .featured .info-title {
    font-size: 64px;
    line-height: 100%;
    font-weight: 800;
    max-width: 100%;
    padding-left: 30px;
    margin-bottom: 56px; }
    @media (max-width: 640px) {
      .section-info-list .featured .info-title {
        font-size: 40px;
        line-height: 62px; } }
  .section-info-list .featured .square {
    width: 197px;
    height: 197px;
    border: 21px solid #1ADBE4;
    z-index: -1; }
  .section-info-list .featured .link-area {
    margin-top: 50px; }
    @media (max-width: 1140px) {
      .section-info-list .featured .link-area {
        margin-bottom: 40px; } }
  .section-info-list .info-image {
    flex: 0 0 55%; }
    .section-info-list .info-image img {
      width: 100%; }
      @media (max-width: 991px) {
        .section-info-list .info-image img {
          max-width: 50%; } }
      @media (max-width: 640px) {
        .section-info-list .info-image img {
          max-width: 75%; } }
    @media (max-width: 991px) {
      .section-info-list .info-image {
        flex: 0 0 100% !important;
        justify-content: center;
        display: flex;
        align-self: center;
        margin-top: 0;
        margin-bottom: 40px;
        order: 1; } }
    .section-info-list .info-image.order-1 {
      flex: 0 0 55%; }
      @media (max-width: 991px) {
        .section-info-list .info-image.order-1 {
          flex: 0 0 100% !important; } }
    .section-info-list .info-image.f-100 {
      text-align: center;
      margin: 0 auto; }
  .section-info-list.inner-padding .info-content {
    padding-left: 130px; }
    @media (max-width: 991px) {
      .section-info-list.inner-padding .info-content {
        padding-left: 50px;
        margin-bottom: 50px; }
        .section-info-list.inner-padding .info-content p br {
          display: none; } }

.info-text-carousel .swiper-slide {
  max-height: 409px;
  overflow: hidden; }
.info-text-carousel .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .info-text-carousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: unset; }
.info-text-carousel .swiper-pagination-bullet-active {
  background: #1ADBE4;
  width: 26px !important; }
.info-text-carousel .swiper-horizontal > .swiper-pagination-bullets, .info-text-carousel .swiper-pagination-bullets.swiper-pagination-horizontal {
  text-align: center; }
.info-text-carousel .info-text-pagination {
  margin-top: 40px; }

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