#web-section-01 {
  min-height: 520px !important;
  .web-text-01 {
    margin-bottom: 210px !important;
  }
  .web-btn-03 {
    width: 100% !important;
  }
  @media (min-width: 391px) {
    min-height: 686px !important;
    .web-text-01 {
      margin-bottom: 60px !important;
    }
    .web-btn-03 {
      width: auto !important;
    }
  }
  @media (min-width: 768px) {
    .web-text-01 {
      margin-bottom: 30px !important;
    }
  }
}

.web-section-11 {
  @media (min-width: 1200px) {
    padding: 60px 50px !important;
  }
  @media (min-width: 1400px) {
    padding: 60px 80px !important;
  }
  @media (min-width: 1600px) {
    padding: 60px 220px !important;
  }
  .w-carousel-wrapper-02 {
    @media (min-width: 1200px) {
      padding: 0 100px !important;
    }
    @media (min-width: 1600px) {
      padding: 0 140px !important;
    }
    .web-slide-item-02 {
      position: relative;
      left: 17px;
    }
  }
  .w-img-01 {
    width: 28px !important;
  }

  .w-img-03 {
    width: 55px !important;
  }
  .w-img-04 {
    width: 38px !important;
  }
}
/* carousel */
.w-carousel-wrapper-02 {
  margin: 0 auto;
  display: flex;
  text-align: center;
  > * {
    flex: 0 0 auto;
  }
  @media (min-width: 992px) {
    justify-content: center;
    overflow: hidden;
  }
  .w-carousel {
    display: flex;
    justify-content: center;
    padding: 0 1rem;
    gap: 3.7rem;
    will-change: transform;
    animation: scrolling 30s linear infinite;
    @media (min-width: 992px) {
      animation: none;
    }
    .pf-slide {
      @media (max-width: 1024.5px) {
        flex: auto;
        padding: 0 3rem !important;
      }
    }
    &.mobile {
      padding-left: 3rem;
      @media (min-width: 992px) {
        display: none;
      }
    }
    .w-item-slide {
      width: 100%;
      justify-content: center;
      align-items: center;
      display: flex;
      img {
        object-fit: cover;
        flex-shrink: 0;
        zoom: 0.7;
        @media (min-width: 992px) {
          zoom: 0.8;
        }
        @media (min-width: 1200px) {
          zoom: 1;
        }
      }
    }
  }
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}