.hero-copy > .rich-text {
  margin-bottom: 44px;
}

.hero-copy > .rich-text p:last-child {
  margin-bottom: 0;
}

.rich-text a {
  color: var(--wine);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.rich-text u {
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.rich-text .rt-align-left {
  text-align: left;
}

.rich-text .rt-align-center {
  text-align: center;
}

.rich-text .rt-align-right {
  text-align: right;
}

.rich-text .rt-align-justify {
  text-align: justify;
}

.card > span {
  padding-right: 52px;
}

.webinar-description {
  max-width: 1200px;
}

.webinar-description > .rich-text {
  max-width: 1200px;
}

.section .steps > div,
.section .steps > div:first-child,
.section .steps > div:last-child {
  padding-right: 30px;
  padding-left: 30px;
  text-align: center;
}

.steps .step-top {
  justify-content: center;
}

body .benefits > .container .benefit,
body .benefits > .container .benefit:first-child,
body .benefits > .container .benefit:last-child {
  padding-right: 28px;
  padding-left: 28px;
}

@media (min-width: 1100px) {
  body .benefits > .container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 28px;
  }
}

@media (min-width: 801px) and (max-width: 1099px) {
  body .benefits > .container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 28px;
  }
}

.theme-wine .rich-text a,
.speaker-section .rich-text a,
footer .rich-text a {
  color: inherit;
}

.quote .quote-copy {
  position: relative;
  padding-bottom: 42px;
}

.quote .quote-copy::after {
  content: "”";
  position: absolute;
  right: 0;
  bottom: -24px;
  color: var(--gold);
  font-family: Prata, serif;
  font-size: 62px;
  line-height: 1;
}

@media (max-width: 520px) {
  .hero-copy > .rich-text {
    margin-bottom: 34px;
  }

  .section .steps > div,
  .section .steps > div:first-child,
  .section .steps > div:last-child {
    padding: 18px 0;
  }

  body .benefits > .container .benefit,
  body .benefits > .container .benefit:first-child,
  body .benefits > .container .benefit:last-child {
    padding: 18px 0;
  }
}

@media (min-width: 521px) and (max-width: 800px) {
  body .benefits > .container .benefit,
  body .benefits > .container .benefit:first-child,
  body .benefits > .container .benefit:last-child {
    padding: 10px 14px;
  }
}