.elementor-3084 .elementor-element.elementor-element-1f4d1fb{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-3084 .elementor-element.elementor-element-befd83e{--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;--justify-content:center;}.elementor-3084 .elementor-element.elementor-element-2b82466{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-10abda9 );--border-color:var( --e-global-color-10abda9 );--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-3084 .elementor-element.elementor-element-2b82466:not(.elementor-motion-effects-element-type-background), .elementor-3084 .elementor-element.elementor-element-2b82466 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-3084 .elementor-element.elementor-element-b8698ca{width:var( --container-widget-width, 83% );max-width:83%;--container-widget-width:83%;--container-widget-flex-grow:0;text-align:center;}.elementor-3084 .elementor-element.elementor-element-b8698ca .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;color:#0365F2;}.elementor-3084 .elementor-element.elementor-element-ec9d3b2{width:100%;max-width:100%;}@media(min-width:768px){.elementor-3084 .elementor-element.elementor-element-befd83e{--content-width:90%;}}/* Start custom CSS for shortcode, class: .elementor-element-ec9d3b2 *//* had l code dyal l cta button */

.registration-btn {
    width: 100%;
    padding: 15px 0 !important;
    background-color: #0365F2;
    border: 2px solid #0365F2 !important;
    color: white;
    font-size: 17px;
    font-weight: 600; /* Semibold */
    text-align: center;
    border-radius: 50px !important;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-top: 30px !important;
}

.registration-btn:hover {
    background-color: transparent;
    color: #0365F2 !important;
    border: 2px solid #0365F2;
}


/* l code lilte7t dyal l fields */

.ur-frontend-field {
    height: 60px !important; /* Assurez-vous que la hauteur corresponde à celle du bouton */
    border: 1px solid #0365F2 !important;
    background-color: transparent;
    color: #000; /* Couleur du texte */
    font-size: 17px;
    font-weight: 400;
    border-radius: 30px !important;
    margin-bottom: -25px !important; /* Espacement entre les champs */
    padding-left: 23px !important; /* Espacement pour le texte à gauche */
    box-sizing: border-box; /* Pour inclure la bordure et le padding dans la taille */
    outline: none;
}

.ur-frontend-field::placeholder {
    color: #aaa; /* Couleur du placeholder */
}

.ur-frontend-field:focus {
    border-color: #0365F2;
    box-shadow: 0 0 5px rgba(3, 101, 242, 0.3) !important; /* Légère ombre lors du focus */
}


/* hada dyal l container dl form */

.registration-form {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border: none;
}


/* had l code li lte7t 3la wd mobile responsiveness */


@media (max-width: 767px) {
    .ur-frontend-form .ur-form-row {
        display: flex;
        flex-direction: column !important; /* Forces stacking vertically */
    }

    .ur-frontend-form .ur-form-row .ur-form-grid {
        width: 100% !important; /* Ensures full width */
        padding: 0 !important; /* Remove extra padding */
        margin-bottom: 15px; /* Space between stacked fields */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-befd83e */.exc-custom-register-form .um-field.um-field-text.um-field-user_login.um-field-type_text input {
    width: 250px;
    border: 1px solid #0365F2 !important ; 
    border-radius: 30px;
    background-color: transparent; /* No background color */
    height: 50px !important;
    margin-right: 20px;
}

.exc-custom-register-form .um-field.um-field-text.um-field-user_email.um-field-type_text input {
    width: 250px;
    border: 1px solid #0365F2 !important ; 
    border-radius: 30px;
    background-color: transparent; /* No background color */
    height: 50px !important;
    margin-right: 20px;
}

.exc-custom-register-form .um-field.um-field-text.um-field-first_name.um-field-type_text input {
    width: 250px;
    border: 1px solid #0365F2 !important ; 
    border-radius: 30px;
    background-color: transparent; /* No background color */
    height: 50px !important;
    margin-right: 20px;
}/* End custom CSS */