.hero-section {
    position: relative;
    height: 478px; /* Ajuste selon les besoins */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero-content {
    color: #fff;
    /* background: rgba(0, 0, 0, 0.5); */
    padding: 20px;
    border-radius: 8px;
}
.hero-content h1 {
    font-size: 86px;
    line-height: 58px;
}
.hero-content h1 span {
    display: block;
  }
  
  
  .carousel {
    width: 100% !important;
    position: relative  !important;
}
  .carousel-items {
    position: relative;
    height: 500px; /* Ajuste la hauteur selon tes besoins */
    background-size: cover;
    background-position-y: center;
    background-repeat: no-repeat;
    display: flex;
}

.carousel-text {
    position: absolute;
    left: 14%;
    top: 20%;
    color: white;
    font-size: 24px;
    max-width: 90%; /* Optionnel pour éviter que le texte dépasse */
}
.carousel-text h1 {
  
  font-size: 86px !important;
  line-height: 68px  !important;
}
.carousel-text h2 {
    margin: 0;
    font-size: 36px; /* Ajuste la taille du titre */
}
.carousel-text p {
  width: 300px;
}
.slick-prev {
  left: 10px !important;
  z-index: 9 !important;
}
.slick-next {
  right: 10px !important;
  z-index: 9 !important;
}
.slick-next:before, .slick-prev:before {
  font-size: 25px !important;
}
.carousel-info .slick-next:before,.carousel-info .slick-prev:before {
  font-size: 28px !important;
  color: #412F2C;
}
.slick-dots li button:before {
  font-size: 12px !important;
}
.categorie-bg{
  position: relative;
    height: 500px;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    display: flex;
}
.categorie-text{
  display: block;
  text-align: center;
  position: absolute;
  top: 65%;
}
.categorie-text p {

  font-size: 43px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
}
.carousel-info {
  width: 100%;
}

.carousel-item-info {
  display: flex;
  height: 455px;
}

.carousel-text-info {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.slick-slide {
  display: flex !important; /* Assurez-vous que les slides conservent flex */
  align-items: center; /* Alignez les éléments verticalement */
}
.carousel-descri-bg-info {
  height: 455px;
  flex: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
}

.carousel-descri-bg{
  height: 455px;
  background-size: cover;
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  display: flex;
}

.carousel-descri-text{
  background-color: #F5F5F5;
  padding: 0 90px 0 90px;
}
.carousel-descri-title{
  font-size: 38px;
}
.carousel-descri-subtitle{
  font-size: 21px;

}
.mission-bg{
  background-color: #C9B9A6;
  height: 500px;
}
.mission-title{
  
  font-size: 38px;
}

.mission-subtitle {
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  margin: 0;
  width: 55vw; /* Largeur du texte */
  margin-left: auto;
  margin-right: auto;
}

.text-content {
  display: inline-block;
  width: 100%;
}

.quote-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 3rem; /* Taille des icônes de guillemets */
}

.left-quote {
  left: -120px;
  opacity: 0.33;
}

.right-quote {
  right: -120px;
  opacity: 0.33;
}
.notre-concept-img{
  background-size: cover;
  background-repeat: no-repeat;
}
.notre-concept{

  height: 500px;
}
.notre-concept-title{
  font-size: 35px;
  line-height: 37px;
}
.notre-concept-subtitle{
  
  font-size: 18px;
}