/* If the new page template wins A/B testing and is implemented, move these variables to global-refreshing.css */
:root {
  --color-cf-yellow: #FFF7DB;
  --color-cf-yellow-rgb: 255, 247, 219;
}

.bg-color-cf-yellow {
  background-color: var(--color-cf-yellow);
}
.color-cf-yellow {
  color: var(--color-cf-yellow);
}
.outline-color-cf-yellow {
  outline-color: var(--color-cf-yellow);
}
/* end of move to global-refreshing.css */

.cf-header {
  padding: 64px 0;
}
.cf-header__rating {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.cf-header__rating-stars {
  display: flex;
  gap: 5px;
}
.cf-header__rating-stars .tz-icon-star-full {
  fill: var(--color-secondary);
  width: 13px;
  height: 13px;
}
.cf-header .cf-header__rating h5 {
  font-size: 14px;
  line-height: 1;
}
.cf-header__text {
  margin-bottom: 32px;
}
.cf-header .cf-header__text h1 {
  margin-bottom: 16px;
}
.cf-header .cf-header__text p {
  font-size: 16px;
}
.cf-header__cta-info {
  font-size: 10px;
  margin: 9px 0 32px; 
}
.cf-header__logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.cf-header__logos [data-logo="kris-gethin"] {
  width: 86px;
}
.cf-header__logos [data-logo="josh-holyfield"] {
  width: 58px;
}
.cf-header__logos [data-logo="scott-laiderdel"] {
  width: 34px;
}
.cf-header__logos [data-logo="suws"] {
  width: 34px;
}
.cf-header__logos [data-logo="ainsley-rodriguez"] {
  width: 63px;
}

.cf-info-cards {
  padding: 16px 0;
}
.cf-info-cards__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.cf-info-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
  overflow: hidden;
  max-width: 326px;
}
.cf-info-card__text {
  padding: 16px 16px 10px;
}
.cf-info-card .cf-info-card__text h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
.cf-info-card .cf-info-card__text p {
  font-size: 12px;
  margin-bottom: 0;
}
.cf-info-card__video {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.cf-testimonials {
  padding: 80px 0 100px;
}
.cf-testimonials img {
  margin-bottom: 32px;
}
.cf-testimonials p.cf-testimonial__text {
  font-size: 20px;
  margin-bottom: 32px;
}
.cf-testimonials p.cf-testimonial__name,
.cf-testimonials p.cf-testimonial__title {
  font-size: 16px;
  margin-bottom: 0;
}

.cf-pricing {
  padding: 86px 0 80px;
}
.cf-pricing .cf-pricing__heading h2 {
  font-size: 28px;
  margin-bottom: 32px;
}
.cf-pricing .cf-pricing__heading p {
  font-size: 16px;
}
.cf-pricing .toggleSwitchSlider::before {
  background-color: var(--color-white);
}
.cf-pricing__info {
  margin: 10px 0 37px;
}

@media screen and (min-width: 768px) {
  .cf-header__rating {
    justify-content: flex-start;
  }
  .cf-header__text {
    margin-bottom: 24px;
  }
  .cf-header .cf-header__text h1,
  .cf-header .cf-header__text p {
    text-align: left;
  }
  .cf-header__cta-info {
    margin-bottom: 0;
  }
  .cf-header .cf-header__img {
    text-align: right;
  }
  .cf-header__logos {
    margin-top: 50px;
  }
  .cf-header__logos [data-logo="kris-gethin"] {
    width: 115px;
  }
  .cf-header__logos [data-logo="josh-holyfield"] {
    width: 78px;
  }
  .cf-header__logos [data-logo="scott-laiderdel"] {
    width: 46px;
  }
  .cf-header__logos [data-logo="suws"] {
    width: 49px;
  }
  .cf-header__logos [data-logo="ainsley-rodriguez"] {
    width: 85px;
  }

  .cf-pricing {
    padding: 80px 0 100px;
  }
  .cf-pricing__heading {
    max-width: 440px;
    margin: 0 auto;
  }
  .cf-pricing .cf-pricing__heading h2 {
    font-size: 32px;
    margin-bottom: 8px;
  }
  .cf-pricing__info {
    margin: 18px 0 44px;
  }
}

@media screen and (min-width: 992px) {
  .cf-header .cf-header__text p {
    font-size: 18px;
  }
  .cf-header__cta-info {
    font-size: 12px;
  }

  .cf-info-cards__wrapper {
    gap: 30px;
  }
  .cf-info-card {
    max-width: 370px;
  }
  .cf-info-card__text {
    padding: 24px 24px 12px;
  }

  .cf-testimonials p.cf-testimonial__text {
    font-size: 26px;
  }

  .cf-pricing__heading {
    max-width: 650px;
  }
  .cf-pricing .cf-pricing__heading h2 {
    font-size: 42px;
    margin-bottom: 18px;
  }
  .cf-pricing .cf-pricing__heading p {
    font-size: 24px;
  }
  .cf-pricing__info {
    margin: 12px 0 32px;
  }
}

@media screen and (min-width:1200px) {
  .cf-header {
    padding: 100px 0;
  }
  .cf-header .cf-header__text {
    margin-bottom: 42px;
  }
  .cf-header__cta-info {
    margin-top: 28px; 
  }
  .cf-header__logos {
    margin-top: 33px;
  }
  .cf-header__logos [data-logo="kris-gethin"] {
    width: 124px;
  }
  .cf-header__logos [data-logo="josh-holyfield"] {
    width: 85px;
  }
  .cf-header__logos [data-logo="scott-laiderdel"] {
    width: 50px;
  }
  .cf-header__logos [data-logo="suws"] {
    width: 53px;
  }
  .cf-header__logos [data-logo="ainsley-rodriguez"] {
    width: 92px;
  }

  .cf-info-cards__wrapper {
    gap: 15px;
  }
  
  .cf-pricing {
    padding: 120px 0;
  }
  .cf-pricing__heading {
    max-width: none;
  }
}