.wp-block-cover__background {
    background: #2291b5 !important;
    background-size: cover; 
    background-repeat: no-repeat;
    color: #ffffff; 
}

.wp-block-button__link.wp-element-button {
    background-color: #00a2ec; 
    color: #ffffff; 
    padding: 12px 24px; 
    font-size: 16px; 
    font-weight: bold; 
    border: none;
    border-radius: 8px;
    cursor: pointer; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    transition: all 0.3s ease-in-out; 
}
.wp-block-button__link.wp-element-button:hover {
    background-color: #ff6316; 
    color: #ffffff; 
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); 
    transform: translateY(-2px); 
}
.wp-block-button__link.wp-element-button:active {
    background-color: #cc5200; 
    color: #ffffff; 
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 
    transform: translateY(0); 
}
.wp-block-button__link.wp-element-button:disabled {
    background-color: #cccccc; 
    color: #666666; 
    cursor: not-allowed; 
    box-shadow: none; 
}
img.wp-image-295, img.wp-image-297, img.wp-image-298, img.wp-image-1351 {
    width: 300px; /* Uniform Width */
    height: 300px; /* Uniform Height */
    object-fit: cover; /* Keep aspect ratio while covering */
  /* Background color for consistency */
/* Rounded corners */
    display: block;
    margin: 10px auto; /* Center align images */
    padding: 10px; /* Space inside the container */
     /* Add subtle shadow */
}
.wp-block-file .wp-block-file__button.wp-element-button {
    background-color: #00a2ec !important; /* Couleur de fond */
    color: #ffffff !important; /* Couleur du texte */
    padding: 12px 24px !important; /* Espacement intérieur */
    font-size: 16px !important; /* Taille de police */
    font-weight: bold !important; /* Police en gras */
    border: none !important; /* Pas de bordure */
    border-radius: 8px !important; /* Coins arrondis */
    cursor: pointer !important; /* Pointeur en main */
    text-align: center !important; /* Centrer texte */
    text-decoration: none !important; /* Pas de soulignement */
    display: inline-block !important; /* Bloc aligné */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; /* Ombre */
    transition: all 0.3s ease-in-out !important; /* Transition douce */
}

.wp-block-file .wp-block-file__button.wp-element-button:hover {
    background-color: #ff6316 !important; /* Couleur au survol */
    color: #ffffff !important; /* Texte blanc */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15) !important; /* Ombre plus forte */
    transform: translateY(-2px) !important; /* Élève légèrement */
}

.wp-block-file .wp-block-file__button.wp-element-button:active {
    background-color: #cc5200 !important; /* Couleur au clic */
    color: #ffffff !important; /* Texte blanc */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2) !important; /* Ombre réduite */
    transform: translateY(0) !important; /* Retourne à la position */
}

.wp-block-file .wp-block-file__button.wp-element-button:disabled {
    background-color: #cccccc !important; /* Fond gris */
    color: #666666 !important; /* Texte gris */
    cursor: not-allowed !important; /* Curseur interdit */
    box-shadow: none !important; /* Pas d'ombre */
}
.contact-info-area {
    background-color: #f4f4f4;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.contact-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-info-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    width: 48%;
}

.contact-info-item svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    fill: #00a2ec; /* Couleur de l'icône */
}

.contact-info-item a {
    display: flex;
    align-items: center;
    color: #333;
    text-decoration: none;
    font-size: 16px;
}

.contact-info-item a:hover {
    color: #00a2ec;
}

.contact-info-label {
    font-weight: bold;
}

.contact-info-hours-text {
    font-size: 14px;
    color: #666;
}
.wp-block-button__link {
    background-color: #00a2ec !important; /* Couleur de fond */
    color: #ffffff !important; /* Couleur du texte */
    padding: 12px 24px !important; /* Espacement intérieur */
    font-size: 16px !important; /* Taille de police */
    font-weight: bold !important; /* Police en gras */
    border: none !important; /* Pas de bordure */
    border-radius: 8px !important; /* Coins arrondis */
    cursor: pointer !important; /* Pointeur en main */
    text-align: center !important; /* Centrer texte */
    text-decoration: none !important; /* Pas de soulignement */
    display: inline-block !important; /* Bloc aligné */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; /* Ombre */
    transition: all 0.3s ease-in-out !important; /* Transition douce */
}

.wp-block-button__link:hover {
    background-color: #ff6316 !important; /* Couleur au survol */
    color: #ffffff !important; /* Texte blanc */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15) !important; /* Ombre plus forte */
    transform: translateY(-2px) !important; /* Élève légèrement */
}

.wp-block-button__link:active {
    background-color: #cc5200 !important; /* Couleur au clic */
    color: #ffffff !important; /* Texte blanc */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2) !important; /* Ombre réduite */
    transform: translateY(0) !important; /* Retourne à la position */
}

.wp-block-button__link:disabled {
    background-color: #cccccc !important; /* Fond gris */
    color: #666666 !important; /* Texte gris */
    cursor: not-allowed !important; /* Curseur interdit */
    box-shadow: none !important; /* Pas d'ombre */
}
.testimonials-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.testimonial {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.testimonial:hover {
    transform: translateY(-5px);
}

.testimonial-text {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 10px;
    font-style: italic;
}

.testimonial-author {
    font-weight: bold;
    color: #00a2ec;
    font-size: 18px;
}

.testimonial-tags {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.testimonial-author, .testimonial-tags {
    margin-top: 10px;
    text-align: right;
}
.content-section {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px;
}

.text-section {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
}

.text-section h2 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
}

.text-section p {
    font-size: 16px;
    line-height: 1.6;
    color: #555555;
    margin-bottom: 20px;
}

.text-section ul, .text-section ol {
    padding-left: 20px;
    margin-bottom: 20px;
}

.text-section li {
    font-size: 16px;
    color: #333333;
    line-height: 1.6;
}

.separator-image {
    text-align: center;
    margin-bottom: 40px;
}

.separator-image img {
    width: 80%;
    max-width: 800px;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.text-section ol li {
    margin-bottom: 10px;
}

.text-section p strong {
    color: #00a2ec;
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .content-section {
        padding: 20px;
    }

    .text-section {
        padding: 20px;
    }

    .separator-image img {
        width: 100%;
    }
}
/* Styles généraux du texte */
.text-section {
    margin-bottom: 40px;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.text-section h2 {
    color: #00a2ec;
    font-size: 26px;
    margin-bottom: 20px;
}

.text-section h3 {
    color: #00a2ec;
    font-size: 22px;
    margin-bottom: 10px;
}

.text-section h4 {
    color: #333;
    font-size: 18px;
    margin-bottom: 5px;
}

.text-section p {
    font-size: 16px;
    margin-bottom: 15px;
    color: #333;
}

.text-section strong {
    font-weight: bold;
    color: #333;
}

.text-section ul {
    list-style-type: disc;
    margin-left: 20px;
}

.text-section li {
    font-size: 16px;
    margin-bottom: 10px;
}

/* Séparateur de sections */
hr {
    border: 1px solid #e0e0e0;
    margin: 30px 0;
}

/* Spécificités des éléments des nouvelles sections */
.text-section .text-bold {
    font-weight: bold;
}

.text-section .text-light {
    font-weight: lighter;
}

/* Titres des sous-sections (par exemple phase, modalités d'accès) */
.text-section h3 {
    font-size: 22px;
    margin-bottom: 15px;
}

.text-section h4 {
    font-size: 18px;
    margin-top: 10px;
}

/* Liste d'éléments importants (modalités d’accès) */
.text-section ul {
    list-style-type: disc;
    margin-left: 30px;
    margin-bottom: 20px;
}

.text-section ul li {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

/* Section de synthèse des bilans de compétences */
.text-section .final-summary {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #333;
}

/* Styles pour la mise en page des informations spécifiques (nombre de bénéficiaires, taux) */
.text-section .statistics {
    font-size: 16px;
    margin-bottom: 30px;
    color: #333;
}
/* Style général pour le menu déroulant */
/* Couleur de fond des éléments du menu déroulant */
    color: #ffffff; /* Couleur du texte */
    padding: 10px 15px; /* Espacement interne des liens */
    display: block; /* Chaque lien prend toute la largeur */
    text-decoration: none; /* Pas de soulignement */
    font-size: 16px; /* Taille de police */
    border-radius: 4px; /* Coins légèrement arrondis */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Animation douce */
}

/* Survol des liens dans le menu déroulant */
.menu-link:hover {
    background-color: #ff6316; /* Couleur de fond au survol */
    color: #ffffff; /* Couleur du texte au survol */
    transform: translateX(5px); /* Décalage visuel au survol */
}

/* Supprime les puces si elles sont présentes */
.menu-link li {
    list-style: none; /* Pas de puce */
    margin: 0; /* Supprime les marges */
    padding: 0; /* Supprime les paddings */
}

/* Conteneur des menus déroulants (affichage) */
.menu-item-has-children .sub-menu {
    background-color: #00a2ec; /* Couleur de fond pour le menu déroulant */
    border-radius: 4px; /* Coins arrondis */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre pour un effet flottant */
    position: absolute; /* Position absolue */
    top: 100%; /* Place le sous-menu juste en dessous de l'élément parent */
    left: 0; /* Aligne le sous-menu avec le parent */
    z-index: 999; /* S'assure qu'il s'affiche au-dessus des autres éléments */
    display: none; /* Caché par défaut */
}

/* Affichage du menu déroulant au survol */
.menu-item-has-children:hover .sub-menu {
    display: block; /* Affiche le sous-menu au survol de l'élément parent */
}

/* Espacement et alignement des sous-menus */
.menu-item-has-children .sub-menu .menu-link {
    padding: 10px 15px; /* Espacement des liens dans le sous-menu */
    font-size: 14px; /* Taille légèrement réduite */
}
/* Fond blanc pour la classe wp-block-cover__background */
.wp-block-cover__background.has-background-dim-100.has-background-dim.has-background-gradient {
    background-color: #2291b5 !important; /* ou #ffffff selon ton choix */
    background-image: none !important;
}

    background-image: none !important; /* Supprime tout gradient ou image de fond */
}

/* Texte noir pour la classe menu-link */
.menu-link {
    color: #000000 !important; /* Noir */
}
/* Texte noir par défaut pour la classe menu-link */
.menu-link {
    color: #000000 !important; /* Noir */
    background-color: transparent; /* Pas de fond par défaut */
    padding: 5px 10px; /* Ajoute un peu de padding pour le pavé */
    border-radius: 4px; /* Coins arrondis */
    transition: all 0.3s ease-in-out; /* Animation douce pour les changements */
}

/* Texte blanc avec pavé orange au survol */
.menu-link:hover {
    color: #ffffff !important; /* Texte blanc */
    background-color: #099ee8!important; /* Fond orange */
}
.wp-block-columns.is-layout-flex {
    display: flex !important;       gap: 0 !important; /* Supprime l'espacement entre les colonnes */
    margin-bottom: 0 !important;  /* Supprime la marge sous les colonnes */
}

.wp-block-columns.is-layout-flex .wp-block-column {
    margin: 0 !important;  /* Supprime les marges de chaque colonne */
    padding: 0 !important; /* Supprime les paddings */
}

.wp-block-columns.is-layout-flex .wp-block-column p {
    margin-bottom: 0 !important; /* Supprime la marge sous chaque paragraphe */
}
.contact-info-container {
  position: relative;
  width: 100%;
  max-width: 400px; /* Limite la largeur totale de la zone */
  margin: 0 auto;
  border: 2px solid #ccc;
  border-radius: 10px;
  background-color: #f4f4f4;
  display: grid;
  grid-template-areas: 
    "top-left top-right"
    "bottom-left bottom-right";
  gap: 10px; /* Espace entre les blocs */
  padding: 10px; /* Espace intérieur autour des blocs */
}

.contact-info-area {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.top-left {
  grid-area: top-left;
}

.top-right {
  grid-area: top-right;
}

.bottom-left {
  grid-area: bottom-left;
}

.bottom-right {
  grid-area: bottom-right;
}

.contact-info-label {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
  color: #555;
}

.contact-info-hours-text {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

.contact-info-hours-text p {
  margin: 0;
}
.swiper-container {
    width: 80%; /* Réduit la largeur globale */
    max-width: 1000px; /* Limite la largeur maximale */
    height: 525px; /* Diminue la hauteur */
    margin: 0 auto; /* Centre horizontalement */
}
.swiper-slide {
    width: 100%; /* Chaque slide occupe 100% de la largeur */
    height: 100%; /* Adapte à la hauteur du conteneur */
    display: flex;
    justify-content: center; /* Centre le contenu horizontalement */
    align-items: center; /* Centre le contenu verticalement */
}
.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
    margin: 20px auto; /* Centre horizontalement avec un espace vertical */
    max-width: 800px; /* Limite la largeur pour éviter un étirement excessif */
    padding: 10px; /* Ajoute de l'espace interne */
    gap: 20px; /* Espace entre les blocs enfants si Flexbox est actif */
}
.custom-columns {
    display: flex;
    justify-content: space-around; /* Distribution équilibrée des blocs */
    align-items: center; /* Aligne les contenus verticalement */
    gap: 40px; /* Espacement entre les colonnes */
    padding: 20px; /* Espace interne global */
}

.custom-columns .wp-block-column {
    text-align: center; /* Centre le texte et les icônes */
    background-color: #ffffff; /* Ajoute un fond blanc pour plus de contraste */
    border-radius: 10px; /* Coins arrondis pour un design moderne */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Légère ombre pour un effet flottant */
    padding: 20px; /* Espace interne autour du contenu */
    max-width: 300px; /* Largeur maximale pour des blocs uniformes */
    flex: 1; /* Assure une répartition uniforme */
}

.custom-columns .wp-block-column img,
.custom-columns .wp-block-column svg {
    margin-bottom: 15px; /* Espacement entre l'icône et le titre */
    width: 50px; /* Taille uniforme des icônes */
    height: 50px;
}

.custom-columns .wp-block-column h3 {
    font-size: 1.5rem; /* Taille du titre */
    color: #333; /* Couleur des titres */
    margin-bottom: 10px; /* Espacement entre le titre et le texte */
}

.custom-columns .wp-block-column p {
    font-size: 1rem; /* Taille du texte */
    color: #666; /* Couleur du texte */
    line-height: 1.6; /* Lisibilité améliorée */
}


/* Style du texte */
#hoverText {
    display: inline-block;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

/* Image */
.image-container {
    margin-top: 50px;
    text-align: center;
}


/* Positionner l'image de manière visuelle */
.wp-image-1112 {
    width: 300px; /* Agrandir l'image pour une meilleure visibilité */
    height: auto;
    margin-top: 50px;  /* Un petit espace au-dessus de l'image */
}

/* Style du texte pour le second texte */
#hoverText2 {
    display: inline-block;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

/* Image pour le deuxième texte */
.image-container2 {
    margin-top: 50px;
    text-align: center;
}

/* Flèche pour le texte 2 (flèche vers le bas) */
#hoverText2:active::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 30px solid black;  /* Flèche vers le bas */
    top: 00%;  /* Positionne la flèche sous le texte */
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease;
}

/* Positionner l'image de manière visuelle pour le deuxième cas */
.wp-image-1113 {
    width: 300px;
    height: auto;
    margin-top: 50px;
}
/* 🌍 Version PC : 4 colonnes */
@media (min-width: 769px) {
  .wp-block-group.is-layout-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 colonnes */
    gap: 20px; /* Espacement */
    justify-content: center;
  }

  /* Assurer que chaque image et son texte restent ensemble */
  .service-item {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centrer contenu */
    text-align: center;
  }

  .service-item img {
    width: 100%; /* Ajustement largeur */
    height: auto;
  }

  .service-item h3 {
    margin-top: 10px;
  }
}

/* 📱 Version Mobile : tout en colonne */
@media (max-width: 768px) {
  .wp-block-group.is-layout-grid {
    display: flex;
    flex-direction: column; /* Empilement */
    gap: 20px;
  }
}
img.wp-image-295, 
img.wp-image-297, 
img.wp-image-298, 
img.wp-image-1351 {
    width: 300px; /* Ajuste selon tes besoins */
    height: 300px; /* Garde la même hauteur pour éviter les déformations */
    object-fit: cover; /* Coupe l'image pour bien remplir le cadre */
    display: block;
}
.button-container {
            display: flex;
            justify-content: center; /* Centre les boutons */
            gap: 15px; /* Espacement entre les boutons */
            margin-top: 20px;
        }
        .btn {
            padding: 10px 20px;
            font-size: 16px;
            color: white;
            background-color: #007bff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
        }
        .btn:hover {
            background-color: #FF7F00; /* Fond orange */
            color: black; /* Texte noir */
        }
.cpf-container {
            display: flex;
            align-items: center;
            justify-content: center; /* Centre l'ensemble */
            gap: 15px;
            margin-top: 30px;
            flex-wrap: wrap; /* Permet l'adaptation sur mobile */
        }

.wp-image-1112,
.wp-image-1113 {
    width: 100%; /* Ajuste la largeur pour s'adapter au conteneur */
    height: auto; /* Maintient le ratio d'aspect */
    object-fit: cover; /* Assure un bon cadrage */
    transition: transform 0.3s ease-in-out; /* Animation fluide */
}

.wp-image-1112:hover,
.wp-image-1113:hover {
    transform: scale(1.5); /* Agrandit légèrement au survol */
}

summary {
  background: #f8f8f8;
  padding: 10px;
  cursor: pointer;
  font-weight: bold;
  border: 1px solid #ddd;
}

details p {
  padding: 10px;
  background: #fff;
  margin: 0;
  border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  /* Centrer l’image sans décalage */
  .wp-block-cover img {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Réduire et recentrer le texte du haut */
  .wp-block-cover__inner-container div[style*="top: 30px"] {
    font-size: 20px !important;
    top: 10px !important;
    padding: 10px !important;
    line-height: 1.4em;
    width: 90%;
  }

  /* Réduire et repositionner le bloc du bas */
  .wp-block-cover__inner-container div[style*="top: 60%"] {
    top: 75% !important;
    padding: 10px !important;
    width: 90% !important;
  }

  .wp-block-cover__inner-container h2 {
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }

  .wp-block-cover__inner-container button {
    font-size: 16px !important;
    padding: 8px 20px !important;
  }
}
@media screen and (max-width: 768px) {
  /* Descend le texte du haut pour éviter le chevauchement avec l’en-tête */
  .wp-block-cover__inner-container div[style*="top: 30px"] {
    top: 60px !important;
  }
}
@media screen and (max-width: 768px) {
  /* Inverse l'image et le texte en responsive */
  .wp-block-cover__inner-container > div {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  /* Ajuste l'image pour qu'elle reste lisible */
  .wp-block-cover__inner-container img {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0;
  }

  /* Le bloc de texte + bouton */
  .wp-block-cover__inner-container div[style*="position: absolute"] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 15px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  /* Conteneur en flex + centré */
  .wp-block-cover__inner-container > div {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center; /* centre le texte à l'intérieur */
  }

  /* Image responsive */
  .wp-block-cover__inner-container img {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /* Bloc de texte + bouton centré */
  .wp-block-cover__inner-container div[style*="position: absolute"] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 15px auto;
    width: 100%;
    max-width: 300px;
    text-align: center;
  }
}
.wpforms-field.readonly-field input {
  background-color: #f5f5f5 !important;
  pointer-events: none !important;
  user-select: none !important;
  color: #555 !important;
  border: none !important;
}
.wpforms-field.readonly-field input {
  font-weight: bold !important;
}
/* Amélioration de l'espacement et de la disposition des colonnes */
.wp-block-columns.custom-columns {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}

.wp-block-column {
  flex: 1;
  margin: 0;
  padding: 1rem;
  box-sizing: border-box;
}

/* Responsivité : empilement des colonnes sur les petits écrans */
@media (max-width: 768px) {
  .wp-block-columns.custom-columns {
    flex-direction: column;
    align-items: center;
  }

  .wp-block-column {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.wp-block-jetpack-slideshow.alignfull {
  max-width: 500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
	margin-top: 20px !important;
	margin-bottom: -170px !important;
}

@media screen and (max-width: 768px) {
  /* Ajuste la marge du paragraphe sous les slides pour le remonter sur mobile */
  .wp-block-jetpack-slideshow + p {
    margin-top: -20px !important;  /* Essaie avec -20px et ajuste selon ton besoin */
  }
}
@media screen and (max-width: 768px) {
  /* Déplacer le carrousel vers le bas sans affecter le texte */
  .wp-block-jetpack-slideshow.alignfull {
    position: relative;
    top: 60px !important; /* Ajuste cette valeur selon le besoin */
  }
}