.elementor-157 .elementor-element.elementor-element-052a735{--display:flex;--min-height:37vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.7;}.elementor-157 .elementor-element.elementor-element-052a735:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-052a735 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tamweelplus.ecbs.sa/wp-content/uploads/2025/10/bg2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-157 .elementor-element.elementor-element-052a735::before, .elementor-157 .elementor-element.elementor-element-052a735 > .elementor-background-video-container::before, .elementor-157 .elementor-element.elementor-element-052a735 > .e-con-inner > .elementor-background-video-container::before, .elementor-157 .elementor-element.elementor-element-052a735 > .elementor-background-slideshow::before, .elementor-157 .elementor-element.elementor-element-052a735 > .e-con-inner > .elementor-background-slideshow::before, .elementor-157 .elementor-element.elementor-element-052a735 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(200deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-35da8ed ) 71%);}.elementor-157 .elementor-element.elementor-element-895e5a1 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-157 .elementor-element.elementor-element-9f6ca96{--display:flex;--margin-top:4%;--margin-bottom:4%;--margin-left:0%;--margin-right:0%;}.elementor-157 .elementor-element.elementor-element-7cd59ab{background-color:var( --e-global-color-be807f6 );border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#2E2E2E;--e-form-steps-indicator-inactive-secondary-color:var( --e-global-color-414a1e0 );--e-form-steps-indicator-active-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-primary-color:var( --e-global-color-secondary );--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:0px;}.elementor-157 .elementor-element.elementor-element-7cd59ab:hover{box-shadow:0px 0px 10px 2px rgba(0,0,0,0.5);}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-group.recaptcha_v3-bottomleft, .elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}body.rtl .elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-labels-inline .elementor-field-group > abbr{padding-left:0px;}body:not(.rtl) .elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-labels-inline .elementor-field-group > abbr{padding-right:0px;}body .elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-labels-above .elementor-field-group > abbr{padding-bottom:0px;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-group > label{font-family:"Tajawal", Sans-serif;font-weight:400;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-type-html{padding-bottom:0px;font-family:"Tajawal", Sans-serif;font-weight:400;}.elementor-157 .elementor-element.elementor-element-7cd59ab .dce-signature-wrapper{text-align:right;--canvas-width:400px;}.elementor-157 .elementor-element.elementor-element-7cd59ab .dce-signature-canvas{border-radius:3px 3px 3px 3px;border-width:1px 1px 1px 1px;background-color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .dce-signature-button-clear{color:#e62626;}.elementor-157 .elementor-element.elementor-element-7cd59ab .dce-signature-button-clear i{color:#e62626;font-size:16px;}.elementor-157 .elementor-element.elementor-element-7cd59ab .dce-signature-button-clear svg{fill:#e62626;width:16px;height:16px;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-group .elementor-field, .elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-subgroup label{font-family:"Tajawal", Sans-serif;font-weight:400;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-group .elementor-select-wrapper .select2{background-color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-group .elementor-select-wrapper .select2 .elementor-field-textual{background-color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .mce-panel{background-color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-button{font-family:"Tajawal", Sans-serif;font-weight:500;}.elementor-157 .elementor-element.elementor-element-7cd59ab .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-button[type="submit"]{color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-label-description .elementor-field-label{display:inline-block;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-label-description:after{content:'?';display:inline-block;border-radius:50%;padding:2px 0;height:1.2em;line-height:1;font-size:80%;width:1.2em;text-align:center;margin-left:0.2em;color:#ffffff;background-color:#777777;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-message{font-family:"Tajawal", Sans-serif;font-weight:400;}.elementor-157 .elementor-element.elementor-element-7cd59ab .e-form__indicators__indicator, .elementor-157 .elementor-element.elementor-element-7cd59ab .e-form__indicators__indicator__label{font-family:"Tajawal", Sans-serif;font-weight:500;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-type-amount.elementor-field-group .dce-amount-visible{opacity:1;}.elementor-157 .elementor-element.elementor-element-7cd59ab .elementor-field-type-dce_range input{opacity:1;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-157 .elementor-element.elementor-element-052a735{--content-width:1200px;}.elementor-157 .elementor-element.elementor-element-9f6ca96{--content-width:1200px;}}/* Start custom CSS for form, class: .elementor-element-7cd59ab *//*
 * Custom CSS for a Modern Multi-Step Elementor Form (.signform)
 * Version 2.4: Removed all phone number prefix styling.
 * Designed with a user-friendly approach and optimized for RTL (Arabic) layouts.
*/

/* Import modern Arabic fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Tajawal:wght@400;700&display=swap');

:root {
    --form-primary-color: #3b82f6;
    --form-primary-darker: #2563eb;
    --form-text-color: #1f2937;
    --form-label-color: #374151;
    --form-border-color: #d1d5db;
    --form-background-color: #f9fafb;
    --form-field-background: #ffffff;
    --form-success-bg: #d1fae5;
    --form-success-text: #065f46;
    --form-error-bg: #fee2e2;
    --form-error-text: #991b1b;
}

/* --- 1. Main Form Container & General Styles --- */
.signform {
    direction: rtl; /* Ensures everything flows right-to-left */
    font-family: 'Cairo', 'Tajawal', sans-serif; /* Modern Arabic fonts */
    background-color: var(--form-background-color);
    padding: 35px 40px;
    border-radius: 20px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.04), 0 2px 4px -2px rgba(0,0,0,0.05), 0 10px 30px -5px rgba(0,0,0,0.07);
    overflow: hidden; /* Helps contain child elements */
    border: 1px solid #f3f4f6;
}

/* --- 2. Field Groups & Labels --- */
.signform .elementor-field-group {
    margin-bottom: 24px;
}

.signform .elementor-field-label {
    font-size: 16px;
    font-weight: 600;
    color: var(--form-label-color);
    margin-bottom: 10px;
    display: block; /* Ensures it sits on its own line */
    text-align: right;
}

/* Add a red asterisk for required fields */
.signform .elementor-field-required .elementor-field-label::after {
    content: ' *';
    color: #ef4444;
    font-weight: normal;
}


/* --- 3. Input Fields (Text, Email, URL, Date, etc.) --- */
.signform .elementor-field {
    width: 100%;
    padding: 14px 18px;
    font-size: 16px;
    color: var(--form-text-color);
    background-color: var(--form-field-background);
    border: 1px solid var(--form-border-color);
    border-radius: 12px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    text-align: right;
}

.signform .elementor-field:hover {
    border-color: #a5b4fc;
}

/* Style for when a user clicks into a field */
.signform .elementor-field:focus {
    outline: none;
    border-color: var(--form-primary-color);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}

/* Placeholder text styling */
.signform .elementor-field::placeholder {
    color: #9ca3af;
    opacity: 1;
}

/* --- 4. File Upload Field --- */
/* Hides the default ugly file input */
.signform .elementor-field-type-upload input[type="file"] {
    display: none;
}

/* Creates a custom, clickable label for the file upload */
.signform .elementor-field-type-upload .elementor-field-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    background-color: #f3f4f6;
    color: var(--form-label-color);
    border: 2px dashed var(--form-border-color);
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    width: 100%;
}

.signform .elementor-field-type-upload .elementor-field-label:hover {
    background-color: #e5e7eb;
    border-color: var(--form-primary-color);
}

/* SVG upload icon for a cleaner look */
.signform .elementor-field-type-upload .elementor-field-label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #6b7280;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-upload-cloud'%3E%3Cpolyline points='16 16 12 12 8 16'%3E%3C/polyline%3E%3Cline x1='12' y1='12' x2='12' y2='21'%3E%3C/line%3E%3Cpath d='M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3'%3E%3C/path%3E%3Cpolyline points='16 16 12 12 8 16'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-upload-cloud'%3E%3Cpolyline points='16 16 12 12 8 16'%3E%3C/polyline%3E%3Cline x1='12' y1='12' x2='12' y2='21'%3E%3C/line%3E%3Cpath d='M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3'%3E%3C/path%3E%3Cpolyline points='16 16 12 12 8 16'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
}


/* --- 5. Step Navigation & Submit Buttons --- */
.signform .elementor-form-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    gap: 15px;
}

.signform .elementor-button {
    font-size: 16px;
    font-weight: 700;
    padding: 15px 32px;
    border-radius: 12px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.signform .elementor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* 'Next' and 'Submit' button styling */
.signform .elementor-button-next,
.signform .elementor-button-submit {
    background-image: linear-gradient(to right, #4f46e5, #3b82f6);
    color: #ffffff;
}

.signform .elementor-button-next:hover,
.signform .elementor-button-submit:hover {
    background-image: linear-gradient(to right, #4338ca, #2563eb);
}

/* 'Previous' button styling */
.signform .elementor-button-previous {
    background-color: #e5e7eb;
    color: #4b5563;
    border-color: #d1d5db;
}

.signform .elementor-button-previous:hover {
    background-color: #d1d5db;
    border-color: #9ca3af;
}


/* --- 6. Animated Progress Bar --- */
@keyframes progress-animation {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}

.signform .elementor-progress-wrapper {
    background-color: #e5e7eb;
    border-radius: 50px;
    margin-bottom: 35px;
    overflow: hidden;
}

.signform .elementor-progress-bar {
    height: 14px;
    border-radius: 50px;
    transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    text-indent: -9999px; /* Hide the percentage text */
    background-color: var(--form-primary-color);
    background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    animation: progress-animation 2s linear infinite;
}

/* --- 7. Success / Error Messages --- */
.signform .elementor-message {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 25px;
    font-size: 16px;
    text-align: right;
    border-width: 1px;
    border-style: solid;
}

.signform .elementor-message::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.signform .elementor-message.elementor-message-success {
    background-color: var(--form-success-bg);
    color: var(--form-success-text);
    border-color: #6ee7b7;
}
.signform .elementor-message.elementor-message-success::before {
    background-color: var(--form-success-text);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
}

.signform .elementor-message.elementor-message-danger {
    background-color: var(--form-error-bg);
    color: var(--form-error-text);
    border-color: #fca5a5;
}
.signform .elementor-message.elementor-message-danger::before {
    background-color: var(--form-error-text);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E") no-repeat center;
}


/* --- 8. Responsive Design --- */
@media (max-width: 767px) {
    .signform {
        padding: 20px;
    }

    .signform .elementor-form-navigation {
        flex-direction: column-reverse; /* Stack buttons on mobile */
        gap: 15px;
    }

    .signform .elementor-button {
        width: 100%;
    }
}

/* --- 9. Step Transitions --- */
@keyframes field-fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.elementor-form .elementor-field-group {
    animation: field-fade-in 0.5s ease-out forwards;
}

/* --- 10. File Upload Feedback --- */
/* This class is added via JavaScript when a file is selected */
.signform .elementor-field-type-upload .elementor-field-label.file-uploaded {
    background-color: var(--form-success-bg);
    border-color: #6ee7b7;
    border-style: solid;
    color: var(--form-success-text);
}

/* Hides the default icon when a file is uploaded */
.signform .elementor-field-type-upload .elementor-field-label.file-uploaded::before {
    display: none;
}

/* Styles for the new SVG checkmark icon added by JS */
.signform .elementor-field-type-upload .elementor-field-label.file-uploaded svg {
    width: 24px;
    height: 24px;
    stroke: var(--form-success-text);
    flex-shrink: 0;
}

/* Styles for the filename span added by JS */
.signform .file-name-display {
    font-size: 15px;
    font-weight: 600;
    margin-right: 8px; 
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr; /* Ensures filename itself is displayed LTR */
    text-align: right;
}/* End custom CSS */