body {
    overflow-x: hidden;
}

/* Donne un style arrondi et du padding aux boutons "S'abonner" */
.btn-subscribe {
    border-radius: 10px;
    padding: 10px !important;
    color:#ffffff !important;
    background-color: #4471c4;
    position: relative;
    top: 10px;
    border-color: #ffffff;
}

/* Définit une largeur maximale pour le conteneur principal pour éviter l'étirement sur les écrans larges */
.container-xxl {
    max-width: 1140px;
}
.text-bleu {
    font-weight: bold;
    font-size: 22px;
}
.rounded-image {
    width: 150px; 
    height: 150px; 
    border-radius: 50%; 
    object-fit: cover; 
    margin: 10px 0; 
    
}
.round-image {
    width: 300px; 
    height: 300px; 
    border-radius: 20%; 
    object-fit: cover; 
    margin: 10px 0; 
}


.text-primary {
    color: #4471c4 !important;
}
.text-description {
    font-size: 1.1rem; /* Taille du texte légèrement augmentée */
    color: #333; /* Couleur du texte pour un contraste agréable */
    margin: 1rem 0; /* Marge au-dessus et en dessous du paragraphe */
    padding: 0 1rem; /* Padding à gauche et à droite */
    text-align: justify; /* Justifier le texte pour une présentation uniforme */
}

.large-logo {
    height: 60px !important;
  }
 .company-logo{
    height: 50px !important;

 }

 .network-logos {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  .network-logo {
    width: 60px;
    cursor: pointer;
    transition: transform 0.2s ease;
  }
  
  .network-logo:hover {
    transform: scale(1.1);
  }
  
  .network-logo-after {
    width: 80px;
    cursor: pointer;
    transition: transform 0.2s ease;
  }
  
  .network-logo-after:hover {
    transform: scale(1.1);
  }
  .network-logo.disabled {
    opacity: 0.5; /* Effet visuel pour les rendre grisés */
    cursor: not-allowed; /* Indique que l'élément n'est pas cliquable */
}
.modal-header.bg-danger {
    background-color: rgb(244, 80, 80) !important;
}

.titl{
    color: white !important;
}

.modal-footer .btn-secondary {
    color: white;
}

.menu-list {
    list-style-type: none;  /* Supprime les puces par défaut */
    padding: 0;
    margin: 0;
    text-align: left
}

.menu-list li {
    display: flex;  /* Utilise flexbox pour aligner les éléments horizontalement */
    align-items: center;  /* Aligne verticalement les éléments */
    margin-bottom: 10px;  /* Espace entre les éléments */
}

.menu-list li i {
    margin-right: 10px;  /* Espace entre l'icône et le texte */
}