.elementor-2584 .elementor-element.elementor-element-d46e091{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-88022c0 *//* -- Section Appel à l'Action Personnalisé (Version Corrigée) -- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');

/* Conteneur principal de la section */
.serviceagences_personal_cta {
    background-color: #045081; /* Fond bleu demandé */
    font-family: 'Roboto', sans-serif;
    padding: 60px 40px;
    margin: 40px 0;
    border-radius: 20px;
    position: relative; /* Indispensable pour positionner l'image */
    overflow: hidden; /* Empêche l'image de déborder */
    min-height: 450px; /* Hauteur minimale pour que le design fonctionne */
    display: flex; /* Utilisation de flexbox pour l'alignement vertical */
    align-items: center;
}

/* Conteneur du contenu textuel */
.personal_cta_container {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2; /* S'assure que le texte est au-dessus de l'image */
}

/* Bloc de contenu (texte, liste, bouton) */
.personal_cta_content {
    color: #ffffff; /* Texte blanc par défaut */
    max-width: 55%; /* Laisse de l'espace pour l'image sur desktop */
}

/* CORRECTION : Règle spécifique pour le H2 */
.personal_cta_title {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 20px;
    color: #ffffff !important; /* Assure que le titre est bien blanc */
}

.personal_cta_text {
    font-size: 1.1em;
    line-height: 1.7;
    margin-bottom: 25px;
    opacity: 0.95;
}

.personal_cta_benefits {
    list-style: none;
    padding: 0;
    margin: 0 0 35px 0;
}
.personal_cta_benefits li {
    margin-bottom: 10px;
    font-weight: 500;
}

.personal_cta_button {
    display: inline-block;
    background-color: #ffffff;
    color: #045081;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1em;
    transition: all 0.3s ease;
}
.personal_cta_button:hover {
    background-color: #f0f0f0;
    transform: translateY(-3px) scale(1.05);
}

/* --- CORRECTION : Positionnement de l'image --- */
.personal_cta_image_wrapper {
    position: absolute;
    bottom: 0; /* Colle l'image en bas */
    right: 0; /* Colle l'image à droite */
    width: 480px; /* Largeur fixe pour un meilleur contrôle */
    max-width: 45%; /* S'assure de ne pas être trop grand */
    height: auto;
    z-index: 1; /* Derrière le texte */
}
.personal_cta_image_wrapper img {
    display: block; /* Supprime les espaces sous l'image */
    width: 100%;
    height: auto;
}

/* --- Responsive pour Mobile --- */
@media (max-width: 991px) {
    .serviceagences_personal_cta {
        padding: 40px 20px;
        display: block; /* Change le mode d'affichage */
    }

    .personal_cta_content {
        max-width: 100%; /* Le texte prend toute la largeur */
        text-align: center; /* Centre le texte sur mobile */
    }

    .personal_cta_benefits {
        display: inline-block;
        text-align: left; /* Garde la liste lisible */
    }

    /* L'image n'est plus positionnée en absolu */
    .personal_cta_image_wrapper {
        position: static;
        width: 100%;
        max-width: 350px; /* Limite la taille de l'image sur mobile */
        margin: 40px auto 0 auto; /* La place sous le texte avec un espacement */
    }
}/* End custom CSS */