.compagny {

  display: flex;

  flex-direction: column;

  width: 100%;

}



.compagny__title {

  margin-bottom: 1rem;

  font-size: 4rem;

  margin-bottom: 3rem;

  color: var(--sunset-pink);

}



/* Hero */



.compagny-hero {

  display: flex;

  align-items: center;

  width: 100%;

  height: 100vh;

  padding: 50px 0;

  background-image: url("http://souvenirsdelete.fr/wp-content/uploads/2025/07/compagny-hero-scaled.jpg");

  background-size: cover;

}



.compagny-hero__title {

  text-align: center;

  font-size: 5rem;

}



.compagny-hero__title div:first-child {

  color: #fff;

  -webkit-text-stroke-width: 0.2px;

  -webkit-text-stroke-color: #000;

}



.compagny-hero__title div:last-child {

  color: var(--sunset-orange);

}



/* About */



.compagny-about {

  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);

  padding: 50px 0;

}



.compagny-about__content {

  display: flex;

  margin-bottom: 4rem;

}



.compagny-about__content__img {

  display: flex;

  justify-content: center;

  width: 40%;

}



.compagny-about__content img {

  width: 400px;

  height: 100%;

  object-fit: cover;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);

}



.compagny-about__content__text {

  display: flex;

  flex-direction: column;

  justify-content: center;

  width: 60%;

}



.compagny-about__content__text p {

  text-align: justify;

}



.compagny-about__links {

  display: flex;

  gap: 10px;

  margin-top: 2rem;

  margin-bottom: 1rem;

}



.compagny-about__links__social-network {

  height: 35px;

  width: 35px;

  cursor: pointer;

}



/* Partners */



.compagny-partners {

  padding: 60px 0;

  background-color: #262626;

}



.compagny-partners p {

  color: #fff;

  text-align: justify;

}



/* Transition */



.compagny-transition {

  padding: 60px 0;

  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);

}



.compagny-transition p {

  text-align: justify;

}



.compagny-transition__title-container {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 3rem;

}



.compagny-transition__title-container img {

  height: 45px;

  filter: brightness(0) saturate(100%) invert(62%) sepia(88%) saturate(2624%)

    hue-rotate(304deg) brightness(105%) contrast(101%);

}



.compagny-transition__title-container h2 {

  margin-bottom: 0;

}



@media screen and (max-width: 768px) {

  .compagny-hero__title {

    font-size: 3rem;

  }



  .compagny__title {

    font-size: 2.5rem;

  }

}



@media screen and (max-width: 1200px) {

  .compagny__title {

    text-align: center;

  }



  .compagny-transition__title-container {

    justify-content: center;

  }



  .compagny-about__content {

    margin-bottom: 2rem;

  }



  .compagny-about .container div:nth-of-type(1) {

    flex-direction: column-reverse;

  }



  .compagny-about .container div:nth-of-type(2) {

    flex-direction: column;

  }



  .compagny-about__content__text,

  .compagny-about__content__img {

    width: 100%;

  }



  .compagny-about__content__img {

    align-items: center;

    margin-bottom: 2rem;

  }



  .compagny-about__content__text p {

    margin-bottom: 1em;

  }

}