/* Banner principal */
.main-banner {
  background: url(/assets/img/bg-banner-coaching.jpg) center/cover;
}

/* INTRO */
.intro-coaching {
  padding-block: 13vh;
}

.intro-coaching h4 {
  font-size: 30px;
  font-weight: 900;
}
.intro-coaching p {
  max-width: 76%;
  font-size: 28px;
}

@media (max-width: 756px) {
  .intro-coaching h4 {
    font-size: 22px;
  }
  .intro-coaching p {
    max-width: 100%;
    font-size: 16px;
  }
}
/* INTRO */

/* WHAT IS COACHING */
.what-is-coaching {
  padding-block: 12vh;
  background-color: #333333;
}
.what-is-coaching img {
  border-radius: 0;
}

/* WHERE WE APPLY */
.who-is-it-for {
  padding-block: 13vh;
}

.who-is-it-for .icons {
  width: 7%;
}

.who-is-it-for h2 {
  line-height: 60px;
}

.who-is-it-for ul li {
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}

.who-is-it-for p {
  width: 50%;
  line-height: 29px;
}

.who-is-it-for .btn-primary {
  width: max-content;
}

@media (max-width: 992px) {
  .who-is-it-for {
    padding-block: 10vh;
  }

  .who-is-it-for p {
    width: 100%;
  }
}
/* WHERE WE APPLY */

/* WHAT WE OFFER */
.benefits {
  background: #e32652;
  padding-block: 12vh;
}

.benefits .cards {
  width: 100%;
  margin-inline: auto;
}

.benefits .topic-box {
  border: 1px solid #000;
  background-color: #000;
  padding: 30% 15%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  color: #fff;
  text-align: left;
}

.benefits .topic-box h4 {
  font-size: 18px;
  font-weight: 700;
}
.benefits .topic-box p {
  font-size: clamp(16px, 1vw, 18px);
}

.benefits .topic-box:hover {
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.1);
  border-color: #e32652;
}

@media (max-width: 576px) {
  .benefits .topic-box {
    padding: 18px 20px;
    min-height: 120px;
  }
  .benefits .cards {
    width: 100%;
  }
}
/* WHAT WE OFFER */

/* JOURNEY */
.journey {
  height: 70vh;
  background: url(/assets/img/educate.jpg) center / cover;
}

@media (max-width: 992px) {
  .journey br {
    display: none;
  }

  .journey h2 {
    font-size: 30px;
  }
}
/* JOURNEY */

/* MEDIA QUERIES GERAIS */
@media (max-width: 992px) {
  .coaching-benefits {
    padding-block: 8vh;
  }

  .coaching-journey {
    padding-block: 10vh;
  }
}

@media (max-width: 576px) {
  .benefit-box {
    padding: 30px 15px;
  }
}