/* Conteneur de l'image */
.xd-image-round {
    width: 350px;          /* taille du rond, tu peux adapter */
    height: 350px;         /* même que width pour garder un carré */
    overflow: hidden;      /* couper les bords */
    border-radius: 50%;    /* le rond parfait */
    display: inline-block; /* pour que ça reste en ligne */
    margin: 6px;           /* petit espacement */
}

/* L'image à l'intérieur */
.xd-image-round img {
    width: 100%;
    height: 100%;
    object-fit: cover;     /* remplir le rond sans déformation */
    display: block;
}

.xd-portees {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* centre les ronds */
    gap: 12px;               /* espace entre les ronds */
}

/* Conteneur global du bloc portée */
.xd-portee-block {
    text-align: center;
    margin-bottom: 80px; /* espace entre chaque portée */
}

/* H2 - Titre */
.xd-portee-block h2.elementor-heading-title {
    font-size: 30px;
    margin-top: 28px;
    margin-bottom: 28px;
}

/* H3 - Sous-titre */
.xd-portee-block h3.elementor-heading-title {
    font-size: 20px;
    /* margin: 16px; */
    padding: 8px;
}

/* Images */
.xd-portee-block .xd-portees {
    display: flex;
    justify-content: center;
    gap: 20px; /* espace entre les images */
    margin-top: 20px;
    margin-bottom: 20px;
}