.elementor-3757 .elementor-element.elementor-element-72432a7{--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-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-3757 .elementor-element.elementor-element-ab4d387{text-align:center;}.elementor-3757 .elementor-element.elementor-element-ab4d387 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-3757 .elementor-element.elementor-element-fc6ad5a{--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;}/* Start custom CSS for html, class: .elementor-element-9445636 *//* -------------------------------------- */
/* 1. Reset & Global Styles */
/* -------------------------------------- */
body {
    background-color: #f4f4f9; /* خلفية خفيفة جداً */
    font-family: 'Arial', sans-serif;
}

/* -------------------------------------- */
/* 2. Form Container Style */
/* -------------------------------------- */
form {
    max-width: 600px;
    margin: 40px auto;
    padding: 30px;
    background-color: #ffffff; /* خلفية النموذج بيضاء */
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* ظل خفيف لإبراز النموذج */
}

h2 {
    text-align: center;
    color: #7F43B2; /* عنوان بلون بنفسجي أغمق */
    margin-bottom: 30px;
    font-size: 24px;
    border-bottom: 2px solid #625DF8; /* خط تحت العنوان */
    padding-bottom: 10px;
}

/* -------------------------------------- */
/* 3. Input & Field Styles (Labels, Inputs, Textarea, Select) */
/* -------------------------------------- */
label {
    display: block;
    margin-bottom: 8px;
    margin-top: 15px;
    font-weight: bold;
    color: #333;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
    font-size: 16px;
    outline: none;
}

/* تأثير عند الضغط على الحقل */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
    border-color: #625DF8; /* إطار بلون أزرق بنفسجي عند التركيز */
    box-shadow: 0 0 0 3px rgba(98, 93, 248, 0.2);
}

/* -------------------------------------- */
/* 4. Submit Button Style (The Star) */
/* -------------------------------------- */
button[type="submit"] {
    display: block;
    width: 100%;
    padding: 15px;
    margin-top: 30px;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    color: white; /* لون النص أبيض */
    
    /* استخدام الألوان الثلاثة في تدرج جميل */
    background: linear-gradient(90deg, #625DF8, #7F43B2, #7F43B2);
    
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 15px rgba(166, 84, 153, 0.4); /* ظل للزر */
}

/* تأثير عند مرور الماوس على الزر */
button[type="submit"]:hover {
    transform: translateY(-2px); /* الزر يصعد قليلاً */
    box-shadow: 0 6px 20px rgba(166, 84, 153, 0.6);
}/* End custom CSS */