/* Grid layout /container */
#Container2 {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Deux colonnes de largeur égale */
    gap: 20px; /* Espacement entre les colonnes (ajustable selon vos besoins) */
}

#content,
#Nosservices {
    width: 100%; /* Assure que les sections occupent toute la largeur de leur colonne */
}

#content {
    /* Optionnel: styles pour le contenu de la première colonne */
    padding: 20px;
    background-color: #f70303;
}

#Nosservices {
    /* Optionnel: styles pour le contenu de la deuxième colonne */
    padding: 20px;
    background-color: #961818;
}

.services-container {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Espacement entre les articles des services */
}

.services-container article {
    /* Optionnel: styles pour chaque article des services */
    padding: 50px;
    background-color: #fff;
    border: 1px solid #ccc;
  
}

.services-container article i {
    /* Optionnel: styles pour les icônes (Font Awesome ou autre) */
    font-size: 24px;
    margin-bottom: 10px;
   
}
#Container2 {
    grid-template-columns: 1fr 1fr; /* Garder les colonnes égales */
}

#content {
    order: 2; /* Mettre le contenu à droite */
}

#Nosservices {
    order: 1; /* Mettre Nos services à gauche */
}