.elementor-26333 .elementor-element.elementor-element-5de9c35{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26333 .elementor-element.elementor-element-c116e7f{--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;}.elementor-26333 .elementor-element.elementor-element-81276fc{--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;}@media(min-width:768px){.elementor-26333 .elementor-element.elementor-element-c116e7f{--width:50%;}.elementor-26333 .elementor-element.elementor-element-81276fc{--width:50%;}}@media(max-width:767px){.elementor-26333 .elementor-element.elementor-element-5de9c35{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-26333 .elementor-element.elementor-element-c116e7f{--width:500px;}}/* Start custom CSS for shortcode, class: .elementor-element-f04ea08 *//* 1. تلوين جسم الفورم (البوكس الداخلي) */
.elementor-26333 .elementor-element.elementor-element-f04ea08 .ur-frontend-form {
    background-color: #0f172a !important; /* اللون اللي طلبته بالظبط */
    padding: 40px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,0.1) !important; /* إطار خفيف جداً */
    margin-top: 80px !important; /* عشان تنزل الفورم لتحت شوية */
}

/* 2. تغيير لون الزرار (أبيض) */
.elementor-26333 .elementor-element.elementor-element-f04ea08 .ur-frontend-form button[type="submit"] {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: none !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

/* 3. تأثير الـ Hover (اللون الذهبي #D4AF37) */
.elementor-26333 .elementor-element.elementor-element-f04ea08 .ur-frontend-form button[type="submit"]:hover {
    background-color: #D4AF37 !important;
    color: #ffffff !important;
}

/* 4. تلوين النصوص والروابط عشان تظهر فوق الكحلي */
.elementor-26333 .elementor-element.elementor-element-f04ea08 .ur-frontend-form label {
    color: #ffffff !important; /* العناوين أبيض */
}

.elementor-26333 .elementor-element.elementor-element-f04ea08 .ur-frontend-form a {
    color: #cbd5e1 !important; /* الروابط لون فاتح */
}

/* 5. تلوين حقول الإدخال عشان تليق مع الغامق */
.elementor-26333 .elementor-element.elementor-element-f04ea08 .ur-frontend-form input[type="text"], 
.elementor-26333 .elementor-element.elementor-element-f04ea08 .ur-frontend-form input[type="email"], 
.elementor-26333 .elementor-element.elementor-element-f04ea08 .ur-frontend-form input[type="password"] {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}/* End custom CSS */