.goal_section, .tools_section, .last_section {
  flex-direction: column;
}

.highlighted {
  color: var(--main-yellow);
}
/* SECTION 'OBJECTIFS'  */
.goal_section ul {
  margin: auto;
  padding: 0;
}
.goal_section ul li {
  display: flex;
  align-items: center;
}

.goal_section ul i {
  color: var(--main-purple);
  font-size: 12pt;
  margin-right: 5px;
}

.goal_section p {
  font-family: Lato-Light;
  font-size: 10pt;
} 

/* SECTION 'OUTILS' */

.tools_section {
  background-color: var(--main-purple);
  width: 100%;
  margin-top: 4vh;
}

.content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin: auto;
}

.cta_contact {
  background-color: #fff;
  color: var(--main-yellow);
  font-family: Lato-Light;
  font-weight: bold;
  text-decoration: none;
  padding: 6px 12px;
  margin: auto;
  box-shadow: 0 0px 5.2px rgb(0 0 0 / 6%), 0 0px 13px rgb(0 0 0 / 9%), 0 0px 26.6px rgb(0 0 0 / 11%), 0 0px 54.8px rgb(0 0 0 / 14%), 0 0px 150px rgb(0 0 0 / 20%);
  transform: translateY(-50%);
  text-align: center;
}

.card {
  background-color: #fff;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 400px;
}

.card h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: var(--main-purple);
}

.card i {
  font-size: 2em;
  color: var(--main-purple);
  margin-bottom: 10px;
}

.card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  font-family: Lato-Light;

}

.card ul li{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0 15%;
}

.card ul li i {
  font-size: 0.7em;
  color: var(--main-purple);
  margin-right: 20px;
  transform: translateY(50%);
}

.card ul li i::before {
  transform: rotate(45deg);
  display: block;
}

.card p {
  font-size: 10pt;
}


/* LAST SECTION  */

.last_section p {
  position: relative;
  padding-left: 10px;
  font-size: 10pt;
  font-family: Lato-Light;
}

.last_section p::before {
  content: '';
  position: absolute;
  height: 75%;
  width: 5px;
  background-color: var(--main-purple);
  top: 0;
  left: 0;
}

.last_section div:nth-child(even) {
  text-align: end;
}
.last_section div:nth-child(even) h2::after {
  right: 0;
}
.last_section div:nth-child(even) p {
  padding-right: 10px;
}

.last_section div:nth-child(even) p::before {
  right: 0;
  left: inherit;
}

.cpf_logo {
  width: 150px;
  height: 150px;
}

.img_cert {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Statistics */
.stats {
background-color: var(--main-purple);
width: 100%;
}

.stats__title {
color: #fff;
}

.stats__title::after {
background-color: var(--main-yellow);
}

.stats__container {
width: 90%;
margin: 2% auto 10% auto;
}

.stats__list {
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
gap: 2vh;
}

.stats__item {
background-color: #fff;
width: 90%;
padding: 4%;
border-top: 10px solid var(--main-yellow);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

}

.stats__taux {
color: var(--main-yellow);
font-size: 54pt;
margin: auto;
font-weight: bold
}

.stats__description {
margin: 0;
color: var(--main-purple);
font-size: 10pt;
text-align: center;
}

@media only screen and (min-width: 1024px) {
  .top_section img {
      top: -15%;
  }
  
  .img_cert {
      flex-direction: row;
      justify-content: flex-end;
  }
  .content-wrapper {
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
  }

  .goal_section div {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-bottom: 10vh;
  }

  .goal_section p {
      font-size: 1.2vw;
  }
  
  .tools_section {
      position: relative;
      height: 70vh;
  }
  .cta_contact {
      position: absolute;
      left: 50%;
      top: 0;
      transform: translateX(-50%) translateY(-50%);
      padding: 2vw 4vw;
      font-size: 2vw;
      transition: .25s;
  }

  .cta_contact:hover {
      color: #fff;
      background-color: var(--main-yellow);
  }

  .card h4 {
      font-size: 1.5vw;
  }

  .card {
      transition: .25s;
      width: 32%;
  }
  .card p {
    font-size: 1.2vw;
  }

  .card:hover {
      transform: scale(1.05);
  }

  
  .last_section p {
      font-size: 1.5vw;

  }
  .last_section p::before {
      transition: .25s;
  }

  .last_section div:hover p::before {
      height: 20%;
  }

  /* Statistics */

  .stats__list {
    flex-direction: row;
    gap: 2vw;
  }

  .stats__container {
    width: 80%;
  }

  .stats__taux {
    font-size: 6vw;
  }
  
  .stats__description {
    font-size: 1vw;
  }
}