.custom-banner-float .flickity-slider .cell {
  padding: 0 !important;
}

.custom-banner-float .custom-btn {
  @media (max-width: 999px) {
    width: 100%;
  }
}

.custom-banner-float .custom-btn .link_wrap {
  @media (max-width: 690px) {
    width: 100%;
    justify-content: center;
  }
}

.custom-text-banner_title {
  font-size: 72px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;

  @media (max-width: 1503px) {
    font-size: var(--text-xxl) !important;
  }

  @media (max-width: 999px) {
    line-height: 1 !important;
  }
}

.custom-text-banner_title p {
  padding: 0 !important;
}

.custom-text-banner_desc {
  @media (max-width: 999px) {
    width: 50%;
  }

  @media (max-width: 690px) {
    width: 100%;
  }
}

.custom-text-banner_desc p,
.custom-text-banner_desc span {
  font-size: var(--text-lg);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-wrap-style: pretty;
  padding-right: 60px !important;
  padding-bottom: 0 !important;

  @media (max-width: 1503px) {
    font-size: var(--text-sm) !important;
  }

  @media (max-width: 1120px) {
    font-size: 18px !important;
  }

  @media (max-width: 999px) {
    font-size: 16px !important;
    padding-right: 0 !important;
  }
}

.custom-banner-float .flickity-slider > .cell {
  height: auto !important;
  aspect-ratio: 2560 / 835 !important;
  min-height: 0 !important;

  @media only screen and (max-width: 999px) and (min-width: 689px) {
    aspect-ratio: 2560 / 835 !important;
    width: 100%;
    min-height: 300px !important;
  }

  @media only screen and (max-width: 689px) {
    aspect-ratio: 645 / 458 !important;
    height: 458px !important;
  }
}

.custom-banner-float .flickity-slider > .cell .inner-wrap {
  background-position: right center !important;

  @media only screen and (max-width: 689px) {
    background-position: center 88% !important;
  }

  @media only screen and (max-width: 500px) {
    background-position: center bottom !important;
  }
}

.custom-banner-float .flickity-slider > .cell .wpb_row {
  height: 100% !important;
  min-height: 0 !important;

  @media only screen and (max-width: 999px) {
    width: 80% !important;
  }
}

.custom-banner-float-content .wpb_wrapper {
  @media (max-width: 1390px) {
    gap: 16px !important;
  }
}