#flex .bottom-cta,
.post .bottom-cta {
  background-color: var(--primary-color);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin: 0 auto 12rem;
  padding: 80px 32px;
  z-index: auto;
}
#flex .bottom-cta sup,
.post .bottom-cta sup {
  color: #fff;
}
#flex .bottom-cta form.mktoForm .mktoFormRow,
.post .bottom-cta form.mktoForm .mktoFormRow {
  grid-template-columns: repeat(1, 1fr);
}
#flex .bottom-cta .class-modal,
.post .bottom-cta .class-modal {
  background: none;
  max-width: 100%;
  overflow: auto;
  text-align: left;
}
#flex .bottom-cta .class-modal .modal-container,
.post .bottom-cta .class-modal .modal-container {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
#flex .bottom-cta .class-modal .modal-container h4,
.post .bottom-cta .class-modal .modal-container h4 {
  font-size: 4.8rem;
  line-height: 5.6rem;
}
#flex .bottom-cta .class-modal .modal-container hr,
.post .bottom-cta .class-modal .modal-container hr {
  margin: 0 auto 1rem;
}
#flex .bottom-cta .cta-content,
.post .bottom-cta .cta-content {
  justify-content: center;
  text-align: center;
}
#flex .bottom-cta .cta-content .heading,
.post .bottom-cta .cta-content .heading {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 4rem;
  margin: 0;
  text-align: center;
}
#flex .bottom-cta .cta-content .heading:not(:last-child),
.post .bottom-cta .cta-content .heading:not(:last-child) {
  margin-bottom: 2rem;
}
#flex .bottom-cta .cta-content .heading h1,
#flex .bottom-cta .cta-content .heading h2,
#flex .bottom-cta .cta-content .heading h3,
#flex .bottom-cta .cta-content .heading h4,
#flex .bottom-cta .cta-content .heading h5,
#flex .bottom-cta .cta-content .heading h6,
#flex .bottom-cta .cta-content .heading p,
.post .bottom-cta .cta-content .heading h1,
.post .bottom-cta .cta-content .heading h2,
.post .bottom-cta .cta-content .heading h3,
.post .bottom-cta .cta-content .heading h4,
.post .bottom-cta .cta-content .heading h5,
.post .bottom-cta .cta-content .heading h6,
.post .bottom-cta .cta-content .heading p {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 4rem;
  margin: 0;
  text-align: center;
}
#flex .bottom-cta .cta-content .description,
.post .bottom-cta .cta-content .description {
  color: #fff;
  font-size: 2rem;
  line-height: 2.8rem;
  margin-bottom: 3.2rem;
}
#flex .bottom-cta .btn-container,
.post .bottom-cta .btn-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin-top: 3.2rem;
  text-align: center;
}
#flex .bottom-cta .btn-container .cta,
#flex .bottom-cta .btn-container .cta .demo,
.post .bottom-cta .btn-container .cta,
.post .bottom-cta .btn-container .cta .demo {
  width: 100%;
}
#flex .bottom-cta .btn-container .cta-video button:not(.mktoButton),
.post .bottom-cta .btn-container .cta-video button:not(.mktoButton) {
  background-color: #fff;
  border: 0;
}
#flex .bottom-cta .btn-container a,
.post .bottom-cta .btn-container a {
  line-height: 2rem;
}
#flex .bottom-cta .btn-container a.demo,
.post .bottom-cta .btn-container a.demo {
  background-color: #fff;
  color: var(--primary-color);
}
#flex .bottom-cta .btn-container a.blue,
.post .bottom-cta .btn-container a.blue {
  color: #2f7abc;
}
#flex .bottom-cta .btn-container a.invert,
.post .bottom-cta .btn-container a.invert {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  padding: 13px 30px;
}
@media screen and (min-width: 768px) {
  #flex .bottom-cta .cta-content h1,
  #flex .bottom-cta .cta-content h2,
  #flex .bottom-cta .cta-content h3,
  #flex .bottom-cta .cta-content h4,
  #flex .bottom-cta .cta-content h5,
  #flex .bottom-cta .cta-content h6,
  .post .bottom-cta .cta-content h1,
  .post .bottom-cta .cta-content h2,
  .post .bottom-cta .cta-content h3,
  .post .bottom-cta .cta-content h4,
  .post .bottom-cta .cta-content h5,
  .post .bottom-cta .cta-content h6 {
    font-size: 4rem;
    line-height: 4.4rem;
  }
  #flex .bottom-cta .cta-content .btn-container,
  .post .bottom-cta .cta-content .btn-container {
    flex-wrap: nowrap;
    gap: 4rem;
  }
  #flex .bottom-cta .cta-content .btn-container .cta,
  #flex .bottom-cta .cta-content .btn-container .cta .demo,
  .post .bottom-cta .cta-content .btn-container .cta,
  .post .bottom-cta .cta-content .btn-container .cta .demo {
    width: auto;
  }
  #flex .bottom-cta,
  .post .bottom-cta {
    margin: 0 auto 12rem;
    padding: 108px 80px;
  }
}
#flex .bottom-cta .cta-video .video,
.post .bottom-cta .cta-video .video {
  height: 5.2rem;
}
#flex .bottom-cta:last-child {
  margin-bottom: 1rem;
}