/* Public landing Tier-1 r4. Preview-only informational carousel refinement. */

.client-public-information-slide {
  position: relative;
  isolation: isolate;
}

.client-public-slide-kicker {
  display: block;
  color: #f3c65e;
  font: 800 .67rem/1.2 Manrope, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.client-public-information-title {
  max-width: 560px;
  margin: 14px 0 0;
  color: #f8fbfb;
  font-size: clamp(2.25rem, 3vw, 3.35rem);
  line-height: .99;
  letter-spacing: -.055em;
}

.client-public-information-slide > p {
  max-width: 540px;
  margin: 18px 0 0;
  color: rgba(232, 246, 244, .72);
  font-size: .88rem;
  line-height: 1.65;
}

@media (min-width: 1024px) {
  .client-public-home-hero .client-public-rate-grid .client-public-information-slide {
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
  }

  .client-public-home-hero .client-public-rate-grid .client-public-information-slide::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -44px;
    bottom: -72px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(112, 221, 202, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(112, 221, 202, .035), 0 0 0 72px rgba(112, 221, 202, .025);
  }

  .client-public-home-hero .client-public-rate-grid .client-public-information-slide.is-points {
    background:
      radial-gradient(circle at 92% 18%, rgba(243, 198, 94, .2), transparent 15rem),
      linear-gradient(145deg, rgba(245, 205, 119, .12), rgba(255, 255, 255, .035)) !important;
  }

  .client-public-home-hero .client-public-rate-grid .client-public-information-slide.is-security {
    background:
      radial-gradient(circle at 90% 18%, rgba(83, 221, 203, .17), transparent 15rem),
      linear-gradient(145deg, rgba(40, 166, 164, .12), rgba(255, 255, 255, .035)) !important;
  }

  .client-public-home-hero .client-public-rate-grid .client-public-information-slide.is-rate {
    align-items: center !important;
    text-align: center !important;
  }

  .client-public-home-hero .client-public-rate-grid .client-public-information-slide.is-rate .client-public-slide-kicker {
    position: absolute;
    top: 24px;
    left: 28px;
  }

  .client-public-home-hero .client-public-rate-grid .client-public-information-slide.is-rate .client-public-rate-route {
    margin-top: 18px !important;
  }
}

@media (max-width: 760px) {
  .client-public-information-title {
    font-size: clamp(1.8rem, 8.8vw, 2.45rem);
  }

  .client-public-information-slide > p {
    font-size: .82rem;
  }
}