.our-partners-container .our-partners-scroll {
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  padding: 5% 5%;
    padding-bottom: 5%;
  padding-bottom: 15px;
  margin-right: -15%;
  margin-left: -15%;
  justify-content: center;
}

/* Section intro */
.intro-section h1 {
  font-size: 45px;
  font-family: "Barlow", "Inter";
  font-weight: 700;
  margin-bottom: 15px;
}

/* Section programmes */

.section-programmes .title.with-line-before {
  align-items: center;
}

.section-programmes .title.with-line-before h2 {
  font-size: var(--font-size-32);
  color: var(--grey-700);
  font-weight: 500;
}

#main .section-programmes .program-container {
  grid-template-columns: repeat(1, 1fr);
}

.section-programmes .program-card {
  background-color: var(--grey-500);
  padding-bottom: 2em;
  min-width: 200px;
  max-width: 250px;
}

.section-programmes .program-card:hover {
    transform: scale(1.1);
    z-index: 10;
    position: relative;
    overflow: hidden;
}

.section-programmes .program-card .card-image {
  height: 150px;
  overflow: hidden;
}

.section-programmes .program-card .card-image > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-programmes .program-card img {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 100%;
}

.section-programmes .program-card .program-card-content {
  padding: 0 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
}

.section-programmes .program-card h3 {
  font-family: "Barlow", "Inter";
  font-size: var(--font-size-20);
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2;
  height: 2.5em;
  color: var(--black);  
}

.section-programmes .program-card .program-card-content p {
  font-family: "Barlow", "Inter";
  font-size: var(--font-size-16);
  font-weight: 300;
  text-align: center;
  line-height: 1.4;
  color: var(--grey-700);  
}

/* Section Objectifs / Chiffroscope */

#main .objectifs {
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 2em;
  margin-bottom: 2em;
}

#main .objectifs .title-with-hyphen {
  margin-top: 1em;
}

#main .objectifs h2 {
  font-size: var(--font-size-24);
  font-weight: 600;
  color: var(--grey-700);
  font-family: Barlow;
  height: fit-content;
}

#main .chiffroscope {
  width: 45%;
  min-width: 200px; 
  margin: 2em auto; 
}

#main .chiffroscope h2 {
  color: var(--green-text);
  font-size: var(--font-size-20);
  font-weight: normal;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 0;
}

#main .chiffroscope .chiffroscope-number {
  text-align: right;
  margin-top: 15px;
  width: 150px;
  font-family: "Vina Sans", "Inter", sans-serif;
  color: var(--green-text);
  font-weight: 700;
  font-size: var(--font-size-32);
}

#main .chiffroscope .chiffroscope-number p {
  font-size: var(--font-size-32);
}

.chiffroscope .chiffroscope-description {
  text-align: right;
  max-width: 110px;
}

.chiffroscope .chiffroscope-description p {
  color: var(--grey-700);
  line-height: 1.2;
  margin-bottom: 0;
}

/* Section Ils en parlent */

.talking-about {
  padding-top: 0;
  padding-bottom: 3em;
  background-color: var(--grey-100);
}

.talking-about .title.with-line-before {
  align-items: center;
}

.talking-about .title.with-line-before h2 {
  font-size: var(--font-size-24);
  color: var(--grey-700);
  font-weight: 500;
}

.talking-about .quote-container {
  width: 80%;
  max-width: 500px;
  align-self: center;
  margin-top: 3em;
  position: relative;
}

.quote-container .quote-icon {
  position: absolute;
  top: 0px;
  left: -30px;
  width: 18px;
}

.quote-container .quote-block p {
  margin-bottom: 0;
}

.quote-container .quote-block .quote-legend {
  color: #00b899; 
}


/* Ils parlent de nous */
#main .about-us-container h2 {
  font-size: var(--font-size-24);
  font-weight: 600;
  color: var(--grey-700);
  font-family: Barlow;
  height: fit-content;
}

.about-us-container .about-us-article {
  max-width: 250px;
  margin: 0 1em;
  background-color: var(--grey-500);
}

.about-us-container .about-us-article:hover {
  transform: scale(1.1);
  z-index: 10;
  position: relative;
  overflow: hidden;
}

.about-us-container .about-us-article .elementor-widget-image {
  height: 150px; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  overflow: hidden;
}

#main .about-us-container .about-us-article .elementor-widget-image img {
  height: 100%; 
  width: auto; 
  max-width: unset;
}

.about-us-container .about-us-article .about-us-article-text {
  padding: 20px;
}

.about-us-container .about-us-article h3 {
  font-size: var(--font-size-22);
  font-weight: 600;
  color: var(--grey-700);
  font-family: Barlow;
}

@media (min-width: 768px) {


  /* Section programmes */
  .section-programmes .title.with-line-before h2 {
    font-size: var(--font-size-32);
  }

  #main .section-programmes .program-container {
    grid-template-columns: repeat(2, 1fr);
  }  

  /* Section Ils en parlent */
  .talking-about .title.with-line-before h2 {
    font-size: var(--font-size-32);
  }  

  .quote-container .quote-icon {
    left: -40px;
    width: 25px;
  }  
  
}

@media (min-width: 1024px) {
    /* Section Objectifs / Chiffroscope */

    #main .objectifs {
      margin-top: 0;
      margin-bottom: 0;
    }

    #main .objectifs h2 {
      font-size: var(--font-size-32);
    }

    #main .chiffroscope {
      margin-left: 10px;
      margin-top: 2em;
    }
    #main .chiffroscope h2 {
      font-size: var(--font-size-24);
      margin-bottom: 0;
      text-align: left;
    }

    #main .chiffroscope .chiffroscope-number {
      width: 120px;
      text-align: left;
      flex-shrink: 0;
    }    

    #main .chiffroscope .chiffroscope-description p {
      text-align: left;
      font-size: 20px;
    }  

  /* Section Ils en parlent */
  .quote-container .quote-icon {
    left: -3.5em;
    width: 35px;
  }  


  /* Section Ils en parlent */
  #main .about-us-container h2 {
    font-size: var(--font-size-32);
  }

} 

@media (min-width: 1200px) {

  /* Section programmes */
  #main .section-programmes .program-container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
  }  

}