@keyframes scroll {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-50%); } }

@keyframes scroll-reverse {
  0% {
    transform: translateY(-50%); }
  100% {
    transform: translateY(0); } }

.section-hrv-logo-include {
  background: #F9FAFB;
  padding: 0; }
  .section-hrv-logo-include:before {
    background: #E1F3FE; }
  .section-hrv-logo-include .hrv-counter {
    padding: 50px 0; }
    .section-hrv-logo-include .hrv-counter .counter-title {
      font-size: 32px;
      font-family: var(--ldp-font-3);
      margin-bottom: 56px; }
    .section-hrv-logo-include .hrv-counter .list-counter {
      gap: 24px 40px; }
      .section-hrv-logo-include .hrv-counter .list-counter .counter-item {
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px); }
        .section-hrv-logo-include .hrv-counter .list-counter .counter-item .num {
          font-size: 48px;
          font-family: var(--ldp-font-3);
          color: #1D4FD7; }
        .section-hrv-logo-include .hrv-counter .list-counter .counter-item .desc {
          font-size: 18px;
          color: #4B5563; }
  .section-hrv-logo-include .slide-logo {
    display: flex;
    gap: 24px;
    padding: 0 30px; }
    .section-hrv-logo-include .slide-logo .column {
      width: calc(50% - 12px);
      height: 100%;
      max-height: 800px;
      position: relative;
      overflow: hidden; }
      .section-hrv-logo-include .slide-logo .column .logo-list {
        display: flex;
        flex-direction: column;
        will-change: transform;
        backface-visibility: hidden; }
        .section-hrv-logo-include .slide-logo .column .logo-list.scroll {
          animation: scroll 48s linear infinite; }
        .section-hrv-logo-include .slide-logo .column .logo-list.reverse.scroll {
          animation: scroll-reverse 48s linear infinite; }
        .section-hrv-logo-include .slide-logo .column .logo-list .logo-item {
          width: 100%;
          height: 184px;
          background: #fff;
          border-radius: 16px;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 40px;
          margin-bottom: 24px; }
          .section-hrv-logo-include .slide-logo .column .logo-list .logo-item img {
            max-width: 140px;
            max-height: 70px; }
          .section-hrv-logo-include .slide-logo .column .logo-list .logo-item.item-size1 img {
            max-width: 190px; }
          .section-hrv-logo-include .slide-logo .column .logo-list .logo-item.item-size2 img {
            max-height: 100px; }
          .section-hrv-logo-include .slide-logo .column .logo-list .logo-item.item-size3 img {
            max-width: 195px; }
  @media (min-width: 992px) {
    .section-hrv-logo-include .row {
      margin: 0; }
      .section-hrv-logo-include .row > div {
        padding: 0; }
      .section-hrv-logo-include .row.row-col > div:first-child {
        padding-right: 10px; }
      .section-hrv-logo-include .row.row-col > div:last-child {
        padding-left: 45px; } }
  @media (max-width: 991px) {
    .section-hrv-logo-include {
      overflow-x: hidden; }
      .section-hrv-logo-include .hrv-counter {
        padding: 24px 0;
        /*position: relative;
			z-index: 1;
			background: #F9FAFB;*/ }
        .section-hrv-logo-include .hrv-counter .counter-title {
          font-size: 24px; }
        .section-hrv-logo-include .hrv-counter .list-counter {
          margin: 0; }
          .section-hrv-logo-include .hrv-counter .list-counter .counter-item .num {
            font-size: 32px; }
          .section-hrv-logo-include .hrv-counter .list-counter .counter-item .desc {
            font-size: 14px; }
      .section-hrv-logo-include .slide-logo {
        gap: 14px;
        padding: 0; }
        .section-hrv-logo-include .slide-logo .column {
          width: calc(50% - 7px);
          /*height: 100%;max-height: 500px;*/
          height: 500px; }
          .section-hrv-logo-include .slide-logo .column .logo-list.scroll {
            animation: scroll 45s linear infinite; }
          .section-hrv-logo-include .slide-logo .column .logo-list.reverse.scroll {
            animation: scroll-reverse 45s linear infinite; }
          .section-hrv-logo-include .slide-logo .column .logo-list .logo-item {
            height: 112px;
            margin-bottom: 14px; }
            .section-hrv-logo-include .slide-logo .column .logo-list .logo-item img {
              max-width: 80px;
              max-height: 40px; }
            .section-hrv-logo-include .slide-logo .column .logo-list .logo-item.item-size1 img {
              max-width: 110px; }
            .section-hrv-logo-include .slide-logo .column .logo-list .logo-item.item-size2 img {
              max-height: 70px; }
            .section-hrv-logo-include .slide-logo .column .logo-list .logo-item.item-size3 img {
              max-width: 120px; } }