.elementor-5404 .elementor-element.elementor-element-a8041f1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-5404 .elementor-element.elementor-element-10c6c20{--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;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A98057;--border-color:#A98057;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:250px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.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-5404 .elementor-element.elementor-element-279c771{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-5404 .elementor-element.elementor-element-279c771 .elementor-heading-title{color:#A98057;}@media(max-width:1024px){.elementor-5404 .elementor-element.elementor-element-10c6c20{--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-5404 .elementor-element.elementor-element-a8041f1{--content-width:80%;}.elementor-5404 .elementor-element.elementor-element-10c6c20{--width:100%;}}@media(max-width:767px){.elementor-5404 .elementor-element.elementor-element-10c6c20{--width:90%;}}/* Start custom CSS for shortcode, class: .elementor-element-4fb9baf *//* ===== Contact Form 7 – Premium Arabic Form Style ===== */
.wpcf7 {
    direction: rtl;
    font-family: inherit;
}

.wpcf7 form {
    background: #ffffff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    max-width: 650px;
    margin: auto;
}

/* Title */
.elementor-heading-title {
    text-align: center;
    margin-bottom: 25px;
    color: #a98057;
    font-weight: 800;
    letter-spacing: 1px;
}

/* Labels */
.wpcf7 label {
    display: block;
    margin-bottom: 18px;
    font-weight: 600;
    color: #333;
    position: relative;
}

/* Inputs & Textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    padding: 14px 45px 14px 15px;
    border-radius: 10px;
    border: 1.5px solid #ddd;
    font-size: 15px;
    transition: all 0.3s ease;
    background: #fafafa;
}

/* Focus Effect */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border-color: #a98057;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(169,128,87,0.15);
}

/* Textarea */
.wpcf7 textarea {
    resize: none;
    min-height: 120px;
}

/* Submit Button */
.wpcf7-submit {
    width: 100%;
    background: linear-gradient(135deg, #a98057, #8c6a45);
    color: #fff;
    border: none;
    padding: 16px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.wpcf7-submit:hover {
    background: linear-gradient(135deg, #8c6a45, #a98057);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(169,128,87,0.35);
}

/* Spinner */
.wpcf7-spinner {
    display: block;
    margin: 10px auto 0;
}

/* Icons */
.wpcf7 label::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 42px;
    color: #a98057;
    font-size: 15px;
}

/* Individual Icons */
label:has(input[name="your-name"])::before { content: "\f007"; }      /* user */
label:has(input[name="your-number"])::before { content: "\f095"; }    /* phone */
label:has(input[name="your-email"])::before { content: "\f0e0"; }     /* email */
label:has(input[name="your-service"])::before { content: "\f0ad"; }   /* service */
label:has(input[name="your-address"])::before { content: "\f3c5"; }   /* address */
label:has(input[name="identity-number"])::before { content: "\f2c2"; }/* id */
label:has(textarea)::before { content: "\f044"; top: 38px; }           /* notes */

/* Validation */
.wpcf7-not-valid {
    border-color: #e74c3c !important;
}

.wpcf7-response-output {
    border-radius: 10px;
    margin-top: 20px;
    font-weight: 600;
    text-align: center;
}

/* Mobile */
@media (max-width: 600px) {
    .wpcf7 form {
        padding: 20px;
    }
}
/* أيقونات FontAwesome مع Gradient */
.wpcf7-form label::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 18px;
    
    /* Gradient على النص */
    background: linear-gradient(135deg, #a98057, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    pointer-events: none;
}

/* أيقونات لكل حقل */
.wpcf7-form label:nth-of-type(1)::after { content: "\f007"; } /* الاسم */
.wpcf7-form label:nth-of-type(2)::after { content: "\f095"; } /* الهاتف */
.wpcf7-form label:nth-of-type(3)::after { content: "\f0e0"; } /* البريد */
.wpcf7-form label:nth-of-type(4)::after { content: "\f0b1"; } /* الخدمة */
.wpcf7-form label:nth-of-type(5)::after { content: "\f3c5"; } /* العنوان */
.wpcf7-form label:nth-of-type(6)::after { content: "\f2c2"; } /* رقم الهوية */
/* أيقونة للـ textarea (الملاحظات) */
.wpcf7-form label:nth-of-type(7)::after {
    content: "\f040"; /* أيقونة قلم / ملاحظات */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 18px;

    /* Gradient بين لون الهوية والأسود */
    background: linear-gradient(135deg, #a98057, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    pointer-events: none;
}/* End custom CSS */