.select2-container--default .select2-selection--single .select2-selection__clear {
        width: 30px;
        height: 30px;
        font-size: 20px;
        margin-top:-2px;
    }

    /* Si l'icône est une image ou un SVG, ajustez également les propriétés de l'image */
    .select2-container--default .select2-selection--single .select2-selection__clear::before {
        font-size: 16px; /* Par exemple, pour les icônes basées sur des polices */
        line-height: 20px; /* Assure un bon alignement vertical */
    }

    .dropdown-toggle::after {
        display: none;
    }

    .fix-chevron {
        margin-top:3px; margin-left:3px;
    }

    .custom-cluster {
        display:           flex;
        align-items:       center;
        justify-content:   center;
        opacity: 0.9;
    }

    .carousel-control-prev,
    .carousel-control-next {
        opacity: 1 !important;
    }
    /* On utilise une variable CSS pour la couleur des flèches */
    :root {
        --arrow-color: #1A4B9E;
    }
    .carousel-control-prev rect,
    .carousel-control-next rect {
        stroke: var(--arrow-color);
    }
    .carousel-control-prev path,
    .carousel-control-next path {
        fill: var(--arrow-color);
    }

    .carousel-itemcontrol {
        display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--primary-lightest);
    }

    .carousel-itemcontrol:hover {
        background-color: var(--primary-lightest-50);
    }