.elementor-8857 .elementor-element.elementor-element-8e0c54e > .elementor-background-overlay{background-color:var( --e-global-color-4d9c277 );opacity:0.86;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8857 .elementor-element.elementor-element-8e0c54e > .elementor-container{min-height:457px;}.elementor-8857 .elementor-element.elementor-element-8e0c54e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-8857 .elementor-element.elementor-element-8e0c54e > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-05fdd63 );}.elementor-8857 .elementor-element.elementor-element-8e0c54e > .elementor-shape-bottom svg{width:calc(100% + 1.3px);}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-8857 .elementor-element.elementor-element-b56787f{--divider-border-style:solid;--divider-color:#FC4C04;--divider-border-width:2px;}.elementor-8857 .elementor-element.elementor-element-b56787f .elementor-divider-separator{width:19%;margin:0 auto;margin-center:0;}.elementor-8857 .elementor-element.elementor-element-b56787f .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-8857 .elementor-element.elementor-element-b56787f .elementor-divider__text{color:var( --e-global-color-44e4e16 );font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8857 .elementor-element.elementor-element-84e91de > .elementor-widget-container{margin:-21px 0px 0px 0px;}.elementor-8857 .elementor-element.elementor-element-84e91de{text-align:center;}.elementor-8857 .elementor-element.elementor-element-84e91de .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:55px;font-weight:500;text-transform:capitalize;line-height:65px;color:var( --e-global-color-bfb0bde );}.elementor-8857 .elementor-element.elementor-element-f40b921:not(.elementor-motion-effects-element-type-background), .elementor-8857 .elementor-element.elementor-element-f40b921 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(130deg, var( --e-global-color-da637c7 ) 0%, var( --e-global-color-4d9c277 ) 54%);}.elementor-8857 .elementor-element.elementor-element-f40b921 > .elementor-container{min-height:167px;}.elementor-8857 .elementor-element.elementor-element-f40b921 > .elementor-background-overlay{opacity:0.05;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8857 .elementor-element.elementor-element-f40b921{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-8857 .elementor-element.elementor-element-764c533 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8857 .elementor-element.elementor-element-764c533{text-align:justify;}.elementor-8857 .elementor-element.elementor-element-764c533 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:65px;font-weight:500;text-transform:capitalize;line-height:65px;color:var( --e-global-color-bfb0bde );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8857 .elementor-element.elementor-element-96c0f0b > .elementor-widget-container{margin:-8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8857 .elementor-element.elementor-element-96c0f0b{text-align:justify;font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-44e4e16 );}.elementor-8857 .elementor-element.elementor-element-b147e82{width:var( --container-widget-width, 113.333% );max-width:113.333%;--container-widget-width:113.333%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-8857 .elementor-element.elementor-element-8e0c54e > .elementor-container{max-width:1600px;min-height:368px;}.elementor-8857 .elementor-element.elementor-element-8e0c54e{padding:30px 20px 0px 20px;}.elementor-8857 .elementor-element.elementor-element-b56787f .elementor-divider-separator{width:60%;}.elementor-8857 .elementor-element.elementor-element-84e91de .elementor-heading-title{font-size:30px;}.elementor-8857 .elementor-element.elementor-element-f40b921{padding:50px 020px 50px 20px;}.elementor-8857 .elementor-element.elementor-element-764c533 > .elementor-widget-container{margin:-19px 0px 0px 0px;}.elementor-8857 .elementor-element.elementor-element-764c533 .elementor-heading-title{font-size:50px;line-height:1.1em;}.elementor-8857 .elementor-element.elementor-element-96c0f0b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8857 .elementor-element.elementor-element-96c0f0b{text-align:start;font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-b147e82 */#password-generator {
    max-width: 400px;
    margin: auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-family: outfit;
    color: white;
    
}

#password-generator h2 {
    text-align: center;
    color: white;
    font-family: outfit;
}

#password-generator label {
    display: block;
    margin-top: 10px;
    color: white;
    font-family: outfit;
    
}


#password-output {
    width: 100%;
    padding: 8px;
    margin-top: 10px;
    font-size: 1.1em;
    color: white;
    background-color: #333; /* Optionnel : fond sombre pour contraste */
    border: 1px solid #ddd;
    font-family: outfit;
}

#password-generator button {
    background-color: #FC4C04;
    color: white; /* Couleur du texte pour contraste */
    border: none; /* Supprime la bordure par défaut */
    padding: 10px 20px;
    font-size: 1em;
    border-radius: 4px; /* Arrondir les coins pour un style plus moderne */
    cursor: pointer;
}

#password-generator button:hover {
    background-color: #e54303; /* Couleur légèrement plus foncée au survol */
}/* End custom CSS */