.universal-appeals-text-slider-shell {
  background: #ffffff;
  border-top: 1px solid #dfdfdf;
  /* padding-block: clamp(2.75rem, 6vw, 4.25rem); */
  padding: 55px 0;
  margin: 0 auto;
}

.universal-appeals-text-slider,
.universal-appeals-text-slider__layout,
.universal-appeals-text-slider__nav,
.universal-appeals-text-slider__item,
.universal-appeals-text-slider__panels,
.universal-appeals-text-slider__panel {
  margin-block-start: 0 !important;
}

.universal-appeals-text-slider {
   margin-inline: clamp(24px, 9.7vw, 140px); 
}

.universal-appeals-text-slider__eyebrow {
  color: #666666;
  font-family: "Helvetica Neue LT Std", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  margin: 0 0 2.6rem;
  text-transform: uppercase;
}

.universal-appeals-text-slider__layout {
  align-items: start;
  /* column-gap: clamp(4.5rem, 6vw, 5.75rem); */
  column-gap: 10rem;
  display: grid;
  grid-template-columns: minmax(23rem, 30rem) minmax(22rem, 25rem);
  justify-content: start;
}

.universal-appeals-text-slider__nav {
  display: grid;
  gap: clamp(1.75rem, 3vw, 2.85rem);
  padding-top: 0.25rem;
}

.universal-appeals-text-slider__item {
  --appeals-progress-angle: 0deg;
  --appeals-ring-size: 2.75rem;
  --appeals-ring-stroke: 0.325rem;
  --appeals-ring-top: 0.375rem;
  cursor: pointer;
  padding-left: 0;
  position: relative;
}

.universal-appeals-text-slider__item::before,
.universal-appeals-text-slider__item::after {
  box-sizing: border-box;
  border-radius: 999px;
  content: "";
  height: var(--appeals-ring-size);
  left: 0;
  opacity: 0;
  position: absolute;
  top: var(--appeals-ring-top);
  transition:
    opacity 0.2s ease,
    border-color 0.2s ease;
  width: var(--appeals-ring-size);
}

.universal-appeals-text-slider__item::before {
  border: var(--appeals-ring-stroke) solid #ece8e3;
}

.universal-appeals-text-slider__item::after {
  background: conic-gradient(
    from -90deg,
    #fe0000 0deg var(--appeals-progress-angle),
    transparent var(--appeals-progress-angle) 360deg
  );
  -webkit-mask: radial-gradient(
    farthest-side,
    transparent calc(100% - var(--appeals-ring-stroke)),
    #000 calc(100% - var(--appeals-ring-stroke))
  );
  mask: radial-gradient(
    farthest-side,
    transparent calc(100% - var(--appeals-ring-stroke)),
    #000 calc(100% - var(--appeals-ring-stroke))
  );
}

.universal-appeals-text-slider__item.is-active::before,
.universal-appeals-text-slider__item.is-active::after {
  opacity: 1;
}

.universal-appeals-text-slider__item.is-active {
  padding-left: calc(var(--appeals-ring-size) + 1.25rem);
}

.universal-appeals-text-slider__summary {
  color: #9b9b9b;
  font-family: "Helvetica Neue LT Std", sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 2.68rem;
  font-style: normal;
  margin: 0;
  transition: color 0.2s ease;
  text-wrap: normal;
}

.universal-appeals-text-slider__item.is-active
  .universal-appeals-text-slider__summary {
  color: #000000;
}

.universal-appeals-text-slider__panels {
  min-width: 0;
  position: relative;
}

.universal-appeals-text-slider__panel {
  display: none;
  max-width: 25rem;
}

.universal-appeals-text-slider__panel.is-active {
  display: block;
}

.universal-appeals-text-slider__panel-title {
  font-size: 1.5rem;
  color: #000000;
  font-family: "Helvetica Neue LT Std", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.045em;
  line-height: 2.12rem;
  margin: 0 0 1.5rem;
  max-width: 24rem;
  text-wrap: normal;
}

.universal-appeals-text-slider__panel-text {
  color: #000000;
  font-family: "Helvetica Neue LT Std", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.65;
  margin: 0;
  max-width: 27rem;
}

.universal-appeals-text-slider__learn {
  margin: 2.15rem 0 0 !important;
}

.universal-appeals-text-slider__learn-link {
  align-items: center;
  color: #111111;
  display: inline-flex;
  font-family: "Helvetica Neue LT Std", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  gap: 0.875rem;
  font-style: normal;
  line-height: 1.5;
  text-decoration: none;
}

.universal-appeals-text-slider__learn-icon {
  align-items: center;
  background: #f1f1f1;
  border-radius: 999px;
  color: #111111;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.25rem;
  justify-content: center;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
  width: 2.25rem;
}

.universal-appeals-text-slider__learn-icon .universal-forward-icon {
  display: block;
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-style: italic;
  font-family: "Helvetica Neue LT Std", sans-serif;
  font-weight: 400;
}

.universal-appeals-text-slider__learn-link:hover
  .universal-appeals-text-slider__learn-icon,
.universal-appeals-text-slider__learn-link:focus-visible
  .universal-appeals-text-slider__learn-icon {
  background: #fe0000;
  color: #ffffff;
  transform: translateX(0.125rem);
}

.universal-appeals-text-slider__actions.wp-block-buttons {
  gap: 0;
  margin-top: 3.35rem !important;
}

.universal-appeals-text-slider__button,
.universal-appeals-text-slider__button.wp-block-button {
  margin: 0;
}

.universal-appeals-text-slider__button .wp-block-button__link {
  align-items: center;
  background: #fe0000 !important;
  border: 1px solid #fe0000;
  border-radius: 0.25rem;
  box-shadow: none;
  color: #ffffff !important;
  display: inline-flex;
  font-family: "Helvetica Neue LT Std", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  font-style: normal;
  justify-content: center;
  line-height: 1.625rem;
  min-height: 3.25rem;
  padding: 0.9rem 1.75rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.universal-appeals-text-slider__button .wp-block-button__link:hover,
.universal-appeals-text-slider__button .wp-block-button__link:focus-visible {
  background: #ffffff !important;
  color: #fe0000 !important;
  transform: translateY(-0.0625rem);
}

.editor-styles-wrapper .universal-appeals-text-slider {
  margin-inline: 24px;
}

.editor-styles-wrapper .universal-appeals-text-slider__item {
  cursor: default;
}

.editor-styles-wrapper .universal-appeals-text-slider__panel {
  display: block !important;
  margin-top: 1.5rem !important;
  max-width: none;
}

@media only screen and (min-width: 1280px) {
  .universal-appeals-text-slider-shell {
    max-width: 78vw;
  }
}
@media only screen and (min-width: 1500px) {
  .universal-appeals-text-slider-shell {
    max-width: 81.3vw;
  }
}
@media (max-width: 1280px) {
  .universal-appeals-text-slider {
    margin-inline: 6%;
  }

  .universal-appeals-text-slider__layout {
    column-gap: 4.5rem;
    grid-template-columns: minmax(22rem, 27rem) minmax(21rem, 23.5rem);
  }

  .universal-appeals-text-slider__summary {
    max-width: 16.5rem;
  }

  .universal-appeals-text-slider__panel-title {
    max-width: 22.5rem;
  }
}

@media (max-width: 980px) {
  .universal-appeals-text-slider__layout {
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .universal-appeals-text-slider__nav {
    gap: 1rem;
    padding-top: 0;
  }

  .universal-appeals-text-slider__item {
    --appeals-ring-top: 0.25rem;
    padding-left: 0;
  }

  .universal-appeals-text-slider__item.is-active {
    padding-left: 2.9rem;
  }

  .universal-appeals-text-slider__summary {
    font-size: clamp(1.7rem, 5vw, 2.5rem);
    max-width: none;
  }

  .universal-appeals-text-slider__panel-title {
    font-size: clamp(1.65rem, 5vw, 2.35rem);
    max-width: none;
  }
}

@media (max-width: 640px) {
  .universal-appeals-text-slider {
    margin-inline: 24px;
  }

  .universal-appeals-text-slider__eyebrow {
    margin-bottom: 1.8rem;
  }

  .universal-appeals-text-slider__item {
    --appeals-ring-size: 2rem;
    padding-left: 0;
  }

  .universal-appeals-text-slider__item.is-active {
    padding-left: 2.65rem;
  }

  .universal-appeals-text-slider__summary {
    font-size: clamp(1.45rem, 7vw, 2.1rem);
  }

  .universal-appeals-text-slider__panel-text,
  .universal-appeals-text-slider__learn-link,
  .universal-appeals-text-slider__button .wp-block-button__link {
    font-size: 0.95rem;
  }

  .universal-appeals-text-slider__actions.wp-block-buttons,
  .universal-appeals-text-slider__button,
  .universal-appeals-text-slider__button.wp-block-button {
    width: 100%;
  }

  .universal-appeals-text-slider__button .wp-block-button__link {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .universal-appeals-text-slider__item::before,
  .universal-appeals-text-slider__item::after,
  .universal-appeals-text-slider__summary,
  .universal-appeals-text-slider__learn-icon,
  .universal-appeals-text-slider__button .wp-block-button__link {
    transition: none;
  }
}