.elementor-399 .elementor-element.elementor-element-6c39d34{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:30px 30px 30px 30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-399 .elementor-element.elementor-element-6c39d34:not(.elementor-motion-effects-element-type-background), .elementor-399 .elementor-element.elementor-element-6c39d34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_white );}.elementor-399 .elementor-element.elementor-element-6c39d34.e-con{--align-self:center;}.elementor-399 .elementor-element.elementor-element-e5e71ee{width:100%;max-width:100%;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:33px;--e-form-steps-indicator-inactive-secondary-color:var( --e-global-color-uicore_white );--e-form-steps-indicator-active-primary-color:var( --e-global-color-uicore_white );--e-form-steps-indicator-active-secondary-color:var( --e-global-color-uicore_primary );--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:12px;}.elementor-399 .elementor-element.elementor-element-e5e71ee.elementor-element{--align-self:flex-start;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:39px;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-39px;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-group.recaptcha_v3-bottomleft, .elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-labels-inline .elementor-field-group > label{padding-left:40px;}body:not(.rtl) .elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-labels-inline .elementor-field-group > label{padding-right:40px;}body .elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-labels-above .elementor-field-group > label{padding-bottom:40px;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-group > label, .elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-subgroup label{color:var( --e-global-color-uicore_primary );}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-group > label{font-family:"Nunito", Sans-serif;font-size:25px;font-weight:800;line-height:1px;letter-spacing:0px;word-spacing:0px;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-uicore_white );}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-group .elementor-field{color:var( --e-global-color-uicore_primary );}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-group .elementor-field, .elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-subgroup label{font-family:"Nunito", Sans-serif;line-height:1px;letter-spacing:0px;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-uicore_white );border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-uicore_white );border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;padding:15px 50px 15px 50px;}.elementor-399 .elementor-element.elementor-element-e5e71ee .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-button[type="submit"]{color:#ffffff;}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-399 .elementor-element.elementor-element-e5e71ee .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-uicore_white );color:var( --e-global-color-uicore_primary );border-color:var( --e-global-color-uicore_primary );}.elementor-399 .elementor-element.elementor-element-e5e71ee .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-uicore_white );color:var( --e-global-color-uicore_primary );border-color:var( --e-global-color-uicore_primary );}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-uicore_white );color:var( --e-global-color-uicore_primary );border-color:var( --e-global-color-uicore_primary );}.elementor-399 .elementor-element.elementor-element-e5e71ee .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-uicore_primary );}.elementor-399 .elementor-element.elementor-element-e5e71ee .e-form__buttons__wrapper__button-previous:hover{background-color:var( --e-global-color-uicore_primary );color:var( --e-global-color-uicore_white );border-color:var( --e-global-color-uicore_primary );}#elementor-popup-modal-399 .dialog-widget-content{animation-duration:1.2s;border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}.elementor-widget .tippy-tooltip{width:50px;}#elementor-popup-modal-399 .dialog-message{width:650px;height:auto;}#elementor-popup-modal-399{justify-content:center;align-items:center;}#elementor-popup-modal-399 .dialog-close-button{display:flex;top:3%;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-399 .elementor-element.elementor-element-6c39d34{--border-radius:30px 30px 30px 30px;}#elementor-popup-modal-399 .dialog-message{width:365px;}#elementor-popup-modal-399{justify-content:center;align-items:center;}}/* Start custom CSS for form, class: .elementor-element-e5e71ee *//* === VEHICLE PICKER (Elementor Form checkbox group) === */
.elementor-form .elementor-field-group-field_be09b9e .elementor-field-subgroup{
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-bottom: 28px; /* espace bas */
}

.elementor-form .elementor-field-group-field_be09b9e .elementor-field-option{
  position: relative;
  display: block;
}

/* Cache la checkbox native */
.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Card */
.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option label{
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;

  height: 96px;
  padding: 0 56px 0 18px;

  border: 2px solid #e9ecef;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;

  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #1f2937;

  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

/* Bloc icône (fond gris) + icône SVG centrée */
.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option label::before{
  content: "";
  width: 64px;
  height: 64px;
  flex: 0 0 64px;

  border-radius: 10px;
  background-color: #f3f4f6;

  /* centrage parfait de l'icône */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72%;
}

/* Pastille à droite */
.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option label::after{
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);

  width: 14px;
  height: 14px;
  border-radius: 999px;

  background: transparent;
  box-shadow: 0 0 0 2px #d1d5db inset;
  transition: background .2s ease, box-shadow .2s ease;
}

/* Hover */
.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option label:hover{
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Sélection */
.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option input[type="checkbox"]:checked + label{
  border-color: #22c55e;
  background: #f0fdf4;
  box-shadow: 0 6px 18px rgba(34,197,94,.12);
}

.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option input[type="checkbox"]:checked + label::after{
  background: #22c55e;
  box-shadow: none;
}

/* === ICONES (SVG) par option === */
/* 1) Car ride */
.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option:nth-of-type(1) label::before{
  background-image: url("https://dino-app.net/wp-content/uploads/2025/12/Frame.svg");
}

/* 2) Moto ride */
.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option:nth-of-type(2) label::before{
  background-image: url("https://dino-app.net/wp-content/uploads/2025/12/Frame-1.svg");
}

/* 3) Taxi ride */
.elementor-form .elementor-field-group-field_be09b9e
.elementor-field-option:nth-of-type(3) label::before{
  background-image: url("https://dino-app.net/wp-content/uploads/2025/12/Frame-2.svg");
}
/* Conteneur global */
.elementor-field-type-upload {
    display: flex;
    justify-content: center;
}

/* Champ upload */
.elementor-upload-field {
    width: 180px;
    height: 180px;
    border: 3px solid #d1d1d1; /* bordure plus épaisse */
    border-radius: 14px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 0; /* supprime "Aucun fichier choisi" */
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* Masque le bouton natif */
.elementor-upload-field::-webkit-file-upload-button {
    visibility: hidden;
}

.elementor-upload-field::file-.elementor-399 .elementor-element.elementor-element-e5e71ee-button {
    visibility: hidden;
}

/* Icône + */
.elementor-upload-field::before {
    content: "+";
    font-size: 34px;
    font-weight: 300;
    color: #111;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Texte */
.elementor-upload-field::after {
    content: "Personal picture";
    font-size: 13px;
    color: #111;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

/* Hover */
.elementor-upload-field:hover {
    border-color: #000;
    background-color: #fafafa;
}
/* Conteneur (optionnel, pour centrage) */
#form-field-field_1784979 {
    width: 180px;
    height: 180px;
    border: 3px solid #d1d1d1;
    border-radius: 16px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 0; /* supprime "Aucun fichier choisi" */
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* Masque le bouton natif */
#form-field-field_1784979::-webkit-file-upload-button {
    visibility: hidden;
}

#form-field-field_1784979::file-.elementor-399 .elementor-element.elementor-element-e5e71ee-button {
    visibility: hidden;
}

/* Icône + */
#form-field-field_1784979::before {
    content: "+";
    font-size: 34px;
    font-weight: 300;
    color: #111;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Texte personnalisé */
#form-field-field_1784979::after {
    content: "Take your Driver’s License photo 📸";
    font-size: 13px;
    color: #111;
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    white-space: normal;
    width: 80%;
    line-height: 1.3;
}

/* Hover */
#form-field-field_1784979:hover {
    border-color: #000;
    background-color: #fafafa;
}
#form-field-field_844aa83 {
    width: 180px;
    height: 180px;
    border: 3px solid #d1d1d1;
    border-radius: 16px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 0; /* supprime "Aucun fichier choisi" */
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* Masque le bouton natif */
#form-field-field_844aa83::-webkit-file-upload-button {
    visibility: hidden;
}

#form-field-field_844aa83::file-.elementor-399 .elementor-element.elementor-element-e5e71ee-button {
    visibility: hidden;
}

/* Icône + */
#form-field-field_844aa83::before {
    content: "+";
    font-size: 34px;
    font-weight: 300;
    color: #111;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Texte */
#form-field-field_844aa83::after {
    content: "Vehicle picture";
    font-size: 13px;
    color: #111;
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    white-space: normal;
    width: 80%;
    line-height: 1.3;
}

/* Hover */
#form-field-field_844aa83:hover {
    border-color: #000;
    background-color: #fafafa;
}
#form-field-field_e79c88a {
    width: 180px;
    height: 180px;
    border: 3px solid #d1d1d1;
    border-radius: 16px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 0; /* supprime "Aucun fichier choisi" */
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* Masque le bouton natif */
#form-field-field_e79c88a::-webkit-file-upload-button {
    visibility: hidden;
}

#form-field-field_e79c88a::file-.elementor-399 .elementor-element.elementor-element-e5e71ee-button {
    visibility: hidden;
}

/* Icône + */
#form-field-field_e79c88a::before {
    content: "+";
    font-size: 34px;
    font-weight: 300;
    color: #111;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Texte */
#form-field-field_e79c88a::after {
    content: "Vehicle registration certificate";
    font-size: 13px;
    color: #111;
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    white-space: normal;
    width: 80%;
    line-height: 1.3;
}

/* Hover */
#form-field-field_e79c88a:hover {
    border-color: #000;
    background-color: #fafafa;
}
#form-field-field_79643a6 {
    width: 180px;
    height: 180px;
    border: 3px solid #d1d1d1;
    border-radius: 16px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 0; /* supprime "Aucun fichier choisi" */
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* Masque le bouton natif */
#form-field-field_79643a6::-webkit-file-upload-button {
    visibility: hidden;
}

#form-field-field_79643a6::file-.elementor-399 .elementor-element.elementor-element-e5e71ee-button {
    visibility: hidden;
}

/* Icône + */
#form-field-field_79643a6::before {
    content: "+";
    font-size: 34px;
    font-weight: 300;
    color: #111;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Texte */
#form-field-field_79643a6::after {
    content: "Back side of vehicle certificate";
    font-size: 13px;
    color: #111;
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    white-space: normal;
    width: 80%;
    line-height: 1.3;
}

/* Hover */
#form-field-field_79643a6:hover {
    border-color: #000;
    background-color: #fafafa;
}
@media (max-width: 768px) {

  /* Force chaque texte <font> à passer à la ligne */
  .elementor-field-type-checkbox font {
    display: block !important;
    white-space: normal !important;
    line-height: 1.3;
  }

}
@media (max-width: 768px) {

  /* Champ Date de naissance */
  #form-field-field_3f3757f {
    text-align: center !important;      /* centre la date */
    font-size: 16px !important;         /* lisible mobile (évite zoom iOS) */
    font-weight: 600;                   /* plus visible */
    color: #111 !important;             /* contraste */
    letter-spacing: 0.02em;
  }

  /* Placeholder (quand vide) */
  #form-field-field_3f3757f::placeholder {
    text-align: center;
    color: #9aa0a6;                     /* plus doux que la valeur */
    font-weight: 400;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02121a2 *//* Wrapper ancré */
.elementor-field-group,
.elementor-field-type-upload{
  position: relative;
}

/* Aperçu image plus petit, centré */
.upload-preview{
  position: absolute;
  inset: 16px;                /* marge intérieure = image plus petite */
  border-radius: 12px;
  background-size: contain;   /* IMPORTANT : ne remplit plus toute la card */
  background-repeat: no-repeat;
  background-position: center;
  z-index: 5;
  pointer-events: none;
}

/* Cache le + et le texte quand une image est uploadée */
.elementor-upload-field.has-preview::before,
.elementor-upload-field.has-preview::after{
  display: none !important;
}/* End custom CSS */
/* Start custom CSS *//* Force le conteneur popup à occuper tout l'écran et centrer */
.elementor-popup-modal {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Empêche le contenu de coller à gauche */
.elementor-popup-modal .dialog-widget-content {
  margin: 0 auto !important;
}
/* Empêche le scroll du site derrière le popup */
body.elementor-popup-modal {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
}

/* Le popup prend toute la hauteur de l'écran */
.elementor-popup-modal {
    height: 100vh !important;
}

/* Autorise le scroll À L’INTÉRIEUR du popup */
.elementor-popup-modal .dialog-widget-content {
    max-height: 100vh;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch; /* indispensable sur iOS */
    /* Si le body n'est plus en mode popup, l'overlay ne doit jamais bloquer *//* End custom CSS */