HEX
Server: Apache/2.4.68 (Debian)
System: Linux as-cs-widget-demo-us-central1 6.1.0-44-cloud-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.164-1 (2026-03-09) x86_64
User: root (0)
PHP: 8.2.32
Disabled: NONE
Upload Files
File: /var/www/kevin-demo/wp-content/themes/fitmencook/assets/css/coach.css
html {
  font-size: 62.5%;
}

body {
  background-color: rgba(249, 250, 251, 1);
}

@media only screen and (min-width: 101px) {
  .page-id-20703 #mega-menu-wrap-primary {
    background-color: rgba(249, 250, 251, 1);
  }
}

.coach__main-container {
  max-width: 144rem;
  display: flex;
  padding: 4rem;
  background-color: rgba(249, 250, 251, 1);
  gap: 20rem;
}

.overview__container {
  flex-basis: 33%;
  padding: 4rem;
  border-radius: 2.4rem;
  border: 1px solid rgba(234, 236, 240, 1);
  align-self: flex-start;
  background-color: #fff;
}

.coach__form-container {
  flex-basis: 66%;
}

.overview__ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 6rem;
}

.coach__slide-img {
  border-radius: 8px;
}

.coach__form-container .nutrition-form-wrapper {
  margin: 0;
}

.overview__p-heading {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.1rem;
  color: rgba(52, 64, 84, 1);
  margin-bottom: 0;
}

.overview__number {
  color: rgba(152, 162, 179, 1);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.1rem;
}

.overview__p-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.9rem;
  margin-top: 0;

  color: rgba(152, 162, 179, 1);
}

.overview__li {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}

.coach__slider {
  display: flex;
}

.coach__slide {
  width: 0;
  opacity: 0;
  transition: all 1s;
}

.active {
  width: 100%;
  opacity: 1;
}

.coach__slide-quote {
  font-weight: 700;
  font-size: 1.5rem;
  color: rgba(52, 64, 84, 1);
  line-height: 2rem;
  margin-top: 2rem !important;
}

.coach__slide-text {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: rgba(52, 64, 84, 1);
  margin-top: 1rem;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
  height: 60px !important;
}

@media (max-width: 75em) {
  html {
    font-size: 56.25%;
  }
}

@media (max-width: 56.25em) {
  html {
    font-size: 50%;
  }

  .coach__main-container {
    flex-direction: column;
  }

  .overview__container {
    display: none;
  }

  .coach__form-container {
    flex-basis: 100%;
  }
}