@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.animate-left {
    animation: slideInFromLeft 3s ease-out forwards;
    opacity: 0; /* Initially hidden */
}

.circle-list {
    list-style-type: circle; /* Ajoute des cercles avant chaque élément */
    padding-left: 20px;
    color: #7A7F93; /* Ajoute un peu d'espace avant la liste */
}

.circle-list li {
    margin-bottom: 10px;
    color: #7A7F93; /* Espacement entre les éléments de la liste */
}

.li{
    color: #7A7F93;

}

.title5{
    margin-top: 27px;
  margin-bottom: -22px;
  font-size: 16pt;
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.animate-right {
    animation: slideInFromRight 3s ease-out forwards;
    opacity: 0; /* Caché initialement */
}



/* Animation de glissement vers la gauche */
/* @keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
} */

/* Animation de fondu */


/* Appliquer quelques marges et ajuster le padding */
.banner-area {
 padding: 41px 0;
    /* padding-bottom: 41px; */
  padding-bottom: unset;
}
.toutesTitre{
    font-size: 25pt;
    color: #7A45E6;
}

.banner-bg {
  padding: 60px;
  border-radius: 10px;
  background: linear-gradient(135deg, #B071F6, #7A45E6);
}

/* Style du texte */
.hero-title {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: bold;
}

.right-content p {
  font-size: 1.2rem;
  line-height: 1.6;
}

.button {
  padding: 10px 20px;
  width: 225%;
  font-size: 1rem;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(135deg, #7A45E6, #d6bbf6);
  border-radius: 25px;
  text-transform: uppercase;

  


}


  .why-choose-three__single {
        padding: 30px 20px 33px;
    }

    .why-choose-three__content h3 {
        font-size: 20px;
        line-height: 30px;
    }