.elementor-10388 .elementor-element.elementor-element-9e46b94{margin-top:-30px;margin-bottom:50px;}.elementor-10388 .elementor-element.elementor-element-c0d783d{text-align:center;}.elementor-10388 .elementor-element.elementor-element-c0d783d .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:1.8em;font-weight:600;line-height:50px;color:#26D39E;}.elementor-10388 .elementor-element.elementor-element-c2bd7be{margin-top:-43px;margin-bottom:0px;}.elementor-10388 .elementor-element.elementor-element-dc4e32f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-10388 .elementor-element.elementor-element-dc4e32f:not(.elementor-motion-effects-element-type-background), .elementor-10388 .elementor-element.elementor-element-dc4e32f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top right, #26D39E 21%, #026BD8 100%);}.elementor-10388 .elementor-element.elementor-element-dc4e32f > .elementor-container{min-height:500px;}.elementor-10388 .elementor-element.elementor-element-dc4e32f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:40px 20px 40px 20px;}.elementor-10388 .elementor-element.elementor-element-dc4e32f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-10388 .elementor-element.elementor-element-9e46b94{margin-top:-30px;margin-bottom:50px;}.elementor-10388 .elementor-element.elementor-element-c0d783d .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-10388 .elementor-element.elementor-element-dc4e32f > .elementor-container{min-height:400px;}}@media(max-width:767px){.elementor-10388 .elementor-element.elementor-element-9e46b94{margin-top:-20px;margin-bottom:080px;}.elementor-10388 .elementor-element.elementor-element-c0d783d .elementor-heading-title{font-size:25px;line-height:30px;}.elementor-10388 .elementor-element.elementor-element-dc4e32f > .elementor-container{min-height:300px;}}/* Start custom CSS *//** GLOBAL **/
.comparateur-form {
    font-family: "Assistant", "Open Sans", sans-serif;
    font-size: 16px;
}
.comparateur-form .nf-form-content {
    max-width: none;
}

/** PROGRESS BAR **/
.comparateur-form .nf-mp-header .nf-progress-container {
    position: absolute;
    top: -120px;
    left: calc(50% - 475px);
    width: 100%;
    max-width: 950px;
    height: 30px;
    background-color: #F5EEF5;
    border-radius: 10px;
}
.first-screen .comparateur-form .nf-mp-header .nf-progress-container {
        left: auto;
}
.comparateur-form .nf-mp-header .nf-progress-container .nf-progress {
    transition: all .3s;
    border-radius: 10px;
    /*min-width: 125px;*/
    height: 30px;
    position: relative;
    background: rgb(38,211,158);
    background: linear-gradient(90deg, rgba(38,211,158,1) 0%, rgba(2,107,216,1) 100%);
}
.comparateur-form .nf-mp-header .nf-progress-container .nf-progress:after {
    /*content: "progression";
    position: absolute;
    right: 20px;
    top: 0;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    font-family: "Assistant", "Open Sans", sans-serif;*/
}
/** QUESTION **/
@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  100% {
      opacity: 1;
    transform: translateX(0);
  }
}

.comparateur-form .nf-field-container {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 0.333s ease-out 0s 1 slideInFromLeft;
}
.comparateur-form .nf-form-content .label-above .nf-field-label {
    width: 100%;
    text-align: center;
    margin-bottom: 4px;
}
.comparateur-form .nf-form-content .field-wrap > .nf-field-label > label {
    font-size: 1.8rem;
    color: #ffffff;
}
.comparateur-form .nf-form-content .field-wrap.checkbox-wrap > .nf-field-label > label {
    font-size: 16px;
    font-weight: 500;
    padding-left: 54px;
}
.comparateur-form .nf-field-description {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
}
.comparateur-form  .ninja-forms-req-symbol {
    color: rgba(255,255,255,0.5)
}

/** FIELDS **/
.comparateur-form .label-above .nf-field-element,
.comparateur-form .label-right.checkbox-container label {
    margin-top: 20px;
    max-width: 462px;
    margin-left: auto;
    margin-right: auto;
}
.comparateur-form .label-above.column-2 .nf-field-element, 
.comparateur-form .label-right.checkbox-container.column-2 label {
    column-count: 2;
    max-width: 964px;
    column-fill: balance;
    column-gap: 40px;
}
.comparateur-form .nf-form-content .listcheckbox-wrap li, 
.comparateur-form .nf-form-content .listradio-wrap li {
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column; 
}
.comparateur-form .checkbox-wrap .nf-field-element label:after,
.comparateur-form .checkbox-wrap .nf-field-label label:after, 
.comparateur-form .listcheckbox-wrap .nf-field-element label:after, 
.comparateur-form .listcheckbox-wrap .nf-field-label label:after,
.comparateur-form .radio-wrap .nf-field-element label:after,
.comparateur-form .radio-wrap .nf-field-label label:after, 
.comparateur-form .listradio-wrap .nf-field-element label:after, 
.comparateur-form .listradio-wrap .nf-field-label label:after
 {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    top: 4px;
    left: 11px;
    border-color: #DAD0DA;
    background-color: #ffffff;
    border-width: 1px;
 }
.comparateur-form .checkbox-wrap .nf-field-element label.nf-checked-label:after,
.comparateur-form .checkbox-wrap .nf-field-label label.nf-checked-label:after,
.comparateur-form .listcheckbox-wrap .nf-field-element label.nf-checked-label:after,
.comparateur-form .listcheckbox-wrap .nf-field-label label.nf-checked-label:after,
.comparateur-form .radio-wrap .nf-field-element label.nf-checked-label:after,
.comparateur-form .radio-wrap .nf-field-label label.nf-checked-label:after,
.comparateur-form .listradio-wrap .nf-field-element label.nf-checked-label:after,
.comparateur-form .listradio-wrap .nf-field-label label.nf-checked-label:after {
    border-color: #026BD8;
    background-color: #026BD8;
 }
.comparateur-form .listcheckbox-container .nf-field-element label:before,
.comparateur-form .listradio-container .nf-field-element label:before,
.comparateur-form .checkbox-wrap .nf-field-element label:before {
    left: 14px;
    top: 4px;
    font-size: 16px;
}
.comparateur-form .checkbox-wrap .nf-field-element label.nf-checked-label:before,
.comparateur-form .checkbox-wrap .nf-field-label label.nf-checked-label:before,
.comparateur-form .listcheckbox-wrap .nf-field-element label.nf-checked-label:before,
.comparateur-form .listcheckbox-wrap .nf-field-label label.nf-checked-label:before {
    color: #ffffff;
}

.comparateur-form .radio-wrap .nf-field-element label.nf-checked-label:before,
.comparateur-form .radio-wrap .nf-field-label label.nf-checked-label:before,
.comparateur-form .listradio-wrap .nf-field-element label.nf-checked-label:before,
.comparateur-form .listradio-wrap .nf-field-label label.nf-checked-label:before,
.comparateur-form .checkbox-wrap .nf-field-label label.nf-checked-label:before,
.comparateur-form .checkbox-container.label-right label:before {
    content: "f00c";
    font-family: FontAwesome;
    position: absolute;
    bottom: 0;
    z-index: 2;
    background: transparent;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    left: 14px;
    top: 4px;
    font-size: 16px;
}

.comparateur-form .listcheckbox-container .nf-field-element label,
.comparateur-form .listradio-container .nf-field-element label,
.comparateur-form .checkbox-wrap .nf-field-element label {
    margin-left: 0 !important;
    padding: 4px 10px 4px 40px;
    background: #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 10px;
    min-height: 28px;
    line-height: 20px;
    cursor: pointer;
 }
.comparateur-form .listcheckbox-container .nf-field-element label.nf-checked-label,
.comparateur-form .listradio-container .nf-field-element label.nf-checked-label {
     background-color: #26D39E;
     border-bottom: 2px solid #26D39E;
     color: #ffffff;
 }
 
.comparateur-form .nf-form-content input:not([type=button]) {
    background-color: #FFFFFF;
    border-radius: 10px;
    border: none;
    font-family: 'Assistant';
    font-size: 20px;
    color: #1D1A1D;
    border-bottom: 2px solid #FFFFFF;
}
.comparateur-form .nf-form-content input[type="text"]:focus,
input:not([type=button]):focus + label {
    border-bottom: 2px solid #26D39E !important;
}

/** HTML **/
.comparateur-form .html-wrap .nf-field-element {
    max-width: none;
}
.comparateur-form .html-wrap {
    color: #FFFFFF;
    line-height: initial;
    text-align: center;
}

/** CHECKBOX **/
.comparateur-form .nf-form-content .field-wrap.checkbox-wrap > .nf-field-label > label a {
    color: #26d39e;
}

/** ERREURS **/
.comparateur-form .nf-after-field,
.comparateur-form .nf-after-form-content {
    max-width: 462px;
    line-height: normal;
    margin: 0 auto;
}
.comparateur-form .nf-error .nf-error-msg {
    color: #ffcfcf;
}
.comparateur-form .nf-error.field-wrap .nf-field-element:after,
.comparateur-form .nf-pass.field-wrap .nf-field-element:after {
    display:none;
}

/** MESSAGE SUCCES **/
.comparateur-form .nf-response-msg {
    font-size: 30px;
    color: #FFFFFF;
}
 
/** FOOTER **/
.comparateur-form .nf-mp-footer {
    max-width: 462px;
    margin: 60px auto 0;
}
.comparateur-form .nf-next-previous {
    text-align: center;
}
.comparateur-form .nf-next-previous li.nf-next-item,
.comparateur-form .nf-next-previous li.nf-previous-item {
    float: none;
    display: inline-block;
}
.comparateur-form .nf-next-previous li.nf-previous-item {
    margin-right: 36px !important;
}
.comparateur-form .nf-form-content input[type=button] {
    border-radius: 20px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #FFFFFF;
    font-weight: 700;
    background-color: #FFFFFF;
    color: #26D39E;
    font-size: 20px;
    line-height: 20px;
    box-shadow: 0 20px 30px -15px #26d39e;
}
.comparateur-form .nf-form-content input[type=button].nf-previous {
    background: transparent;
    color: #fff;
    box-shadow: none;
}
.comparateur-form .nf-form-content input[type=button]:hover {
    border-color: #26D39E;
    background-color: #26D39E;
    color: #FFFFFF;
}
.comparateur-form .nf-form-content input[type=button]:focus {
    outline: dotted;
}

/**** RESPONSIVE ****/
/* Tablette */
@media screen and (max-width: 1024px) {
    .comparateur-form .nf-mp-header .nf-progress-container {
        top: -120px;
        left: auto;
    }
    .comparateur-form {
        font-size: 16px;
    }
    .comparateur-form .nf-form-content .field-wrap > .nf-field-label > label {
        font-size: 25px;
        margin-left: auto;
    }
    .comparateur-form .nf-field-description {
        font-size: 16px;
        line-height: 18px;
    }
}

@media screen and (max-width: 800px) {
    .comparateur-form .nf-field-container .checkbox-wrap .nf-field-label label:before {
        left: 14px;
        bottom: 0;
    }
    .comparateur-form .nf-field-container .checkbox-wrap .nf-field-label label:after {
        left: 11px;
        bottom: 0;
    }
}

/* smartphone */
@media screen and (max-width: 767px) {
    .comparateur-form .nf-mp-header .nf-progress-container {
        top: -143px;
    }
    .comparateur-form {
        font-size: 14px;
    }
    .comparateur-form .nf-form-content .field-wrap > .nf-field-label > label {
        font-size: 16px;
    }
    .comparateur-form .nf-field-description {
        font-size: 14px;
        line-height: 16px;
    }
    .comparateur-form .label-above.column-2 .nf-field-element, 
    .comparateur-form .label-right.checkbox-container.column-2 label {
        column-count: 1;
        max-width: inherit;
        column-fill: balance;
        column-gap: 20px;
    }
    .comparateur-form .listcheckbox-container .nf-field-element label, .comparateur-form .listradio-container .nf-field-element label, .comparateur-form .checkbox-wrap .nf-field-element label {
        font-size: 14px;
        line-height: 16px;
        padding-top: 7px;
    }
    .comparateur-form .listcheckbox-container .nf-field-element label:before, .comparateur-form .listradio-container .nf-field-element label:before, .comparateur-form .checkbox-wrap .nf-field-element label:before {
        top: 6px;
    }
    .comparateur-form .radio-wrap .nf-field-element label.nf-checked-label:before, .comparateur-form .radio-wrap .nf-field-label label.nf-checked-label:before, .comparateur-form .listradio-wrap .nf-field-element label.nf-checked-label:before, .comparateur-form .listradio-wrap .nf-field-label label.nf-checked-label:before, .comparateur-form .checkbox-wrap .nf-field-label label.nf-checked-label:before, .comparateur-form .checkbox-container.label-right label:before {
        top: 6px;
    }
    
    .comparateur-form .nf-form-content input[type=button] {
        font-size: 14px;
        padding: 8px 20px;
    }
    .comparateur-form .nf-next-previous li.nf-previous-item {
        margin-right: 15px !important;
    }
    
    .nf-field-container .checkbox-wrap .nf-field-label label:after {
        left: 11px;
    }
    
    .comparateur-form .nf-response-msg {
        font-size: 24px;
        line-height: normal;
    }
}

/*@media screen and (max-width: 500px) {
    .comparateur-form .nf-next-previous {
        display: flex;
        flex-direction: column;
    }
    .comparateur-form .nf-next-previous li.nf-previous-item {
        margin:0 !important;
    }
}*//* End custom CSS */