.elementor-5708 .elementor-element.elementor-element-d0fc1be{--display:flex;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5708 .elementor-element.elementor-element-d781971 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5708 .elementor-element.elementor-element-d781971 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5708 .elementor-element.elementor-element-d781971 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field-type-html{padding-bottom:0px;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-button[type="submit"]{color:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5708 .elementor-element.elementor-element-d781971{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-5708 .elementor-element.elementor-element-358fb14{--display:flex;}/* Start custom CSS for form, class: .elementor-element-d781971 *//* --------------------------------- */
/* 1. Base Container Styling (Optional - Apply to Section/Column) */
/* This makes the whole form pop off the page */
/* If you want a soft shadow (Neumorphism look), apply this to the Elementor Section/Container Custom CSS */
/* Replace '.elementor-5708 .elementor-element.elementor-element-d781971' with the actual section/container .elementor-5708 .elementor-element.elementor-element-d781971 if applying to the wrapper element. */
.elementor-container-holding-form {
    background-color: #F8F8F8; /* Light background for contrast */
    padding: 30px;
    border-radius: 15px;
    box-shadow: 
        10px 10px 20px rgba(0, 0, 0, 0.05), /* Soft outer shadow */
        -5px -5px 10px rgba(255, 255, 255, 0.8); /* Light inner shadow (Neumorphic effect) */
}


/* --------------------------------- */
/* 2. Advanced Input Field Styling */
/* Uses full border and bright focus for clarity */
/* --------------------------------- */

/* Base Field Style (The Box) */
.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field:not(.elementor-select-wrapper):not(.elementor-field-file) {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0; /* Light, thin border */
    border-radius: 8px; /* Consistent rounding */
    padding: 14px 15px; /* Generous vertical padding for easy tapping */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* Advanced smooth transition */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); /* Very subtle shadow for depth */
}

/* Field Focus State (Crucial for User Feedback) */
.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field:focus {
    border-color: #00AEEF; /* Bright Primary Blue/Cyan for focus */
    box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.2); /* Soft outer glow */
    background-color: #FCFDFF; /* Slightly lighter background on focus */
    outline: none; 
}

/* --------------------------------- */
/* 3. Label Styling */
/* --------------------------------- */
.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field-label {
    font-weight: 600; /* Semi-bold */
    color: #333333; 
    margin-bottom: 5px;
    font-size: 15px; /* Slightly smaller for cleaner look */
    text-transform: uppercase; /* Use caps for label clarity */
    letter-spacing: 0.5px;
}

/* --------------------------------- */
/* 4. File Upload Field Styling (Picture) */
/* --------------------------------- */
.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field-file {
    padding: 15px;
    border: 2px dashed #00AEEF; /* Bright dashed border attracts attention */
    border-radius: 8px;
    background-color: #F0F9FF; /* Very light blue background to highlight the file upload section */
    font-weight: 500;
}

/* --------------------------------- */
/* 5. Submit Button Styling (High Impact CTA) */
/* --------------------------------- */
.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-button {
    /* Appearance */
    background-color: #FF5722; /* High-impact, attractive Orange/Red */
    color: #FFFFFF;
    font-size: 19px; 
    font-weight: 700; /* Boldest font weight */
    border-radius: 10px; /* Stronger rounding */
    
    /* Mobile Usability - Large touch target */
    padding: 18px 30px; 
    width: 100%; 
    text-transform: uppercase;
    letter-spacing: 1px;
    
    /* Advanced Shadow and Transition */
    box-shadow: 0 6px 15px rgba(255, 87, 34, 0.4); /* Strong shadow for 3D effect */
    transition: all 0.2s ease-in-out; 
    border: none;
}

/* Button Hover State (Active Click Feedback) */
.elementor-5708 .elementor-element.elementor-element-d781971 .elementor-button:hover {
    background-color: #E64A19; /* Darker shade on hover */
    transform: translateY(-3px); /* Lifts the button slightly */
    box-shadow: 0 10px 20px rgba(255, 87, 34, 0.5); /* Stronger shadow when active */
}

/* --------------------------------- */
/* 6. Mobile Optimization (Ensuring full width) */
/* --------------------------------- */
@media (max-width: 767px) {
    /* Ensures fields and button always use full mobile width */
    .elementor-5708 .elementor-element.elementor-element-d781971 .elementor-field-group {
        width: 100% !important;
    }
}/* End custom CSS */