.elementor-4552 .elementor-element.elementor-element-2e243be{--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;--margin-top:-190px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:672px;--padding-left:0px;--padding-right:0px;}.elementor-4552 .elementor-element.elementor-element-2e243be:not(.elementor-motion-effects-element-type-background), .elementor-4552 .elementor-element.elementor-element-2e243be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ibenhassan.com/wp-content/uploads/2025/01/Brief.png");background-size:cover;}.elementor-4552 .elementor-element.elementor-element-ced422a{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4552 .elementor-element.elementor-element-cc66135{--display:flex;}.elementor-widget-fluent-form-widget .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-fluent-form-widget .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper{background-color:#FCFCFC;width:100%;margin:0px 0px 0px 0px;padding:94px 50px 94px 50px;border-radius:11px 11px 11px 11px;}.elementor-4552 .elementor-element.elementor-element-5535e93 > .elementor-widget-container{padding:50px 50px 80px 50px;}.elementor-4552 .elementor-element.elementor-element-5535e93.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-title{text-align:center;color:var( --e-global-color-primary );font-family:"Cairo", Sans-serif;font-size:35px;font-weight:900;margin:0px 0px 30px 0px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-description{text-align:center;color:var( --e-global-color-text );font-family:"Cairo", Sans-serif;font-weight:500;margin:0px 0px 100px 0px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group a{color:#002DFF;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-input--label label{color:var( --e-global-color-primary );font-size:15px;font-weight:600;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group select{text-align:left;color:var( --e-global-color-primary );text-indent:5px;padding:12px 12px 12px 12px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group select{height:62px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group textarea{height:325px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group{margin-bottom:20px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group textarea:focus{background-color:var( --e-global-color-a42d2be );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group input::-webkit-input-placeholder, .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group textarea::-webkit-input-placeholder{color:var( --e-global-color-text );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-custom-radio-checkbox input[type="checkbox"], .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-custom-radio-checkbox input[type="radio"]{width:16px;height:16px;margin-right:12px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-custom-radio-checkbox input[type="checkbox"]:checked:after, .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-custom-radio-checkbox input[type="radio"]:checked:after{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff_t_c{text-align:left;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff_t_c {color:var( --e-global-color-primary );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-section-break .ff-el-section-title{color:var( --e-global-color-7481827 );}.fluentform-widget-wrapper .ff-el-section-break .ff-el-section-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-section-break .ff-section_break_desk{color:var( --e-global-color-ea3224e );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-section-break div{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-table thead th{color:var( --e-global-color-92fef01 );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff_upload_btn.ff-btn{background-color:var( --e-global-color-primary );border-radius:7px 7px 7px 7px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:6px 6px 6px 6px;padding:20px 20px 20px 20px;margin-top:50px;font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover{background-color:var( --e-global-color-a42d2be );color:var( --e-global-color-primary );}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .error.text-danger{color:var( --e-global-color-ea3224e );}.elementor-4552 .elementor-element.elementor-element-ece646b{--display:flex;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-4552 .elementor-element.elementor-element-ced422a{--content-width:1600px;}.elementor-4552 .elementor-element.elementor-element-ece646b{--width:100%;}}@media(max-width:1366px){.elementor-4552 .elementor-element.elementor-element-ced422a{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-4552 .elementor-element.elementor-element-ced422a{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-4552 .elementor-element.elementor-element-ced422a{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-4552 .elementor-element.elementor-element-ced422a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4552 .elementor-element.elementor-element-2e243be:not(.elementor-motion-effects-element-type-background), .elementor-4552 .elementor-element.elementor-element-2e243be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;}.elementor-4552 .elementor-element.elementor-element-2e243be{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:132px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-4552 .elementor-element.elementor-element-2e243be.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-4552 .elementor-element.elementor-element-ced422a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4552 .elementor-element.elementor-element-5535e93 > .elementor-widget-container{margin:25px 0px 50px 0px;padding:0px 16px 16px 16px;}.elementor-4552 .elementor-element.elementor-element-5535e93.elementor-element{--align-self:center;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-title{font-size:16px;margin:0px 0px 0px 0px;padding:35px 0px 0px 0px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-description{font-size:13px;margin:24px 0px 24px 0px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper{width:100%;margin:0px 0px 0px 0px;padding:0px 12px 0px 12px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-input--label label{font-size:12px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group select{text-indent:4px;font-size:11px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group select{height:40px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group textarea{height:180px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff-el-group{margin-bottom:4px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-custom-radio-checkbox input[type="checkbox"], .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-custom-radio-checkbox input[type="radio"]{width:16px;height:16px;margin-right:8px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-custom-radio-checkbox input[type="checkbox"]:after, .elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-custom-radio-checkbox input[type="radio"]:after{border-width:1px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff_t_c{text-align:left;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff_t_c {font-size:12px;}.elementor-4552 .elementor-element.elementor-element-5535e93 .fluentform-widget-wrapper .ff_upload_btn.ff-btn{font-size:12px;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-5535e93 */@media (max-width: 768px) {
    .logo-icon {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /* تقسيم الكونتينر إلى 4 أعمدة */
        gap: 10px; /* إضافة مسافة بين العناصر */
        align-items: center; /* محاذاة العناصر عموديًا */
    }

    .logo-icon .ff-el-group {
        width: 100%; /* جعل العناصر تمتد بكامل عرض العمود */
        min-height: 100px; /* تحديد ارتفاع مناسب */
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f5f5f5; /* لون خلفية خفيف */
        padding: 10px;
        border-radius: 8px; /* زوايا دائرية */
    }

    /* تخصيص عرض حقل الـ Radio Field */
    .logo-icon .radio-field-container {
        grid-column: span 4; /* جعل حقل الـ Radio Field يمتد على العرض الكامل */
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        background: #e3e3e3; /* لون مختلف لحقل الراديو */
        border-radius: 8px;
        font-size: 12px; /* ضبط حجم النص */
        white-space: nowrap; /* منع النص من التوزيع على سطرين */
    }

    /* تخصيص النص داخل Radio Field ليظهر في سطر واحد */
    .logo-icon .radio-field-container label {
        white-space: nowrap; /* منع النص من التفاف */
        overflow: hidden;
        text-overflow: ellipsis; /* تقليص النص إذا كان طويلًا جدًا */
    }
}


@media (max-width: 768px) {
    .check-box {
        display: flex;
        flex-direction: column; /* جعل العناصر تحت بعضها */
        align-items: flex-start; /* محاذاة من اليمين أو اليسار */
    }

    /* تنسيق العنوان Label ليكون فوق */
    .check-box label {
        
        font-size: 12px;
        margin-bottom: 8px; /* مسافة بين العنوان والخيارات */
        display: block;
    }

    /* ضبط خيارات الـ Checkbox ليكونوا بجانب بعض */
    .check-box .ff-el-group {
        display: flex;
        flex-wrap: wrap; /* السماح بالانتقال لسطر جديد عند الحاجة */
        gap: 10px; /* مسافة بين العناصر */
        align-items: center;
        background: #f5f5f5;
        padding: 12px 15px;
        border-radius: 8px;
        min-width: 120px; /* حجم مناسب للخيار */
        justify-content: center;
        white-space: nowrap;
    }

    /* ضبط حجم مربعات الـ Checkbox */
    .check-box input[type="checkbox"] {
        width: 18px;
        height: 18px;
    }

    /* جعل جميع الخيارات في صف أفقي */
    .check-box div {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
}



@media (max-width: 768px) {
    .options-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* تقسيم العرض إلى عمودين */
        gap: 15px; /* مسافة بين العناصر */
        align-items: start; /* محاذاة العناصر في البداية عموديًا */
        width: 100%; /* ضمان أن العرض كامل داخل الكونتينر */
        box-sizing: border-box; /* لضمان عدم خروج العناصر */
    }

    .options-container .ff-el-group {
        display: flex;
        flex-direction: column; /* جعل النص يظهر فوق العناصر */
        align-items: flex-start; /* محاذاة النص من الجهة اليسرى */
        gap: 8px; /* مسافة بين النص والعناصر */
        background: #f5f5f5;
        padding: 8px 10px; /* تقليل المسافة حول العناصر */
        border-radius: 8px;
        justify-content: flex-start; /* محاذاة العناصر إلى الأعلى */
        width: 100%; /* التأكد من أن العرض كامل داخل الكونتينر */
    }

    /* ضبط حجم مربعات الـ Checkbox أو Radio */
    .options-container input[type="checkbox"],
    .options-container input[type="radio"] {
        width: 14px; /* تصغير الحجم */
        height: 14px; /* تصغير الحجم */
    }

    /* تصغير حجم النص */
    .options-container .ff-el-group label {
        font-size: 12px; /* تصغير حجم النص */
        text-align: left; /* محاذاة النص إلى اليسار */
    }
}



/* تنسيق نسخة الهواتف والأجهزة الصغيرة */
@media (max-width: 768px) {
    .options-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 أعمدة في النسخة الصغيرة */
        gap: 15px; /* مسافة بين العناصر */
        width: 100%; /* ضمان أن العرض كامل داخل الكونتينر */
        box-sizing: border-box; /* لضمان أن جميع العناصر داخل العرض المحدد */
    }

    .options-container .ff-el-group {
        display: flex;
        align-items: center;
        padding: 10px;
        background-color: #f5f5f5;
        border-radius: 8px;
    }

    .options-container input[type="checkbox"],
    .options-container input[type="radio"] {
        width: 20px;
        height: 20px;
    }

    .options-container label {
        font-size: 14px; /* حجم النص */
        font-weight: 500; /* سمك الخط */
    }
}

/* تنسيق نسخة الهواتف والأجهزة الصغيرة */
@media (max-width: 768px) {
    .options-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 أعمدة في النسخة الصغيرة */
        gap: 15px; /* مسافة بين العناصر */
        width: 100%;
        box-sizing: border-box; /* لضمان أن العرض كامل داخل الكونتينر */
    }

    .options-container .ff-el-group {
        display: flex;
        align-items: center;
        padding: 10px;
        background-color: #f5f5f5;
        border-radius: 8px;
    }

    .options-container input[type="checkbox"],
    .options-container input[type="radio"] {
        width: 20px;
        height: 20px;
    }

    .options-container label {
        font-size: 14px; /* حجم النص */
        font-weight: 500; /* سمك الخط */
    }
}

/* تنسيق نسخة سطح المكتب */
@media (min-width: 1024px) {
    .options-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 أعمدة في النسخة الكبيرة أيضًا */
        gap: 15px; /* مسافة بين العناصر */
        width: 100%; /* ضمان أن العرض كامل داخل الكونتينر */
        box-sizing: border-box; /* لضمان أن جميع العناصر داخل العرض المحدد */
    }

    .options-container .ff-el-group {
        display: flex;
        align-items: center;
        padding: 15px;
        background-color: #f5f5f5;
        border-radius: 8px;
    }

    .options-container input[type="checkbox"],
    .options-container input[type="radio"] {
        width: 20px;
        height: 20px;
    }

    .options-container label {
        font-size: 16px; /* حجم النص لنسخة سطح المكتب */
        font-weight: 500; /* سمك الخط */
    }
}


@media (max-width: 768px) {
    .image-upload-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* تقسيم العرض إلى عمودين */
        gap: 15px; /* مسافة بين الأعمدة */
        width: 100%; /* ضمان أن العرض كامل داخل الكونتينر */
        box-sizing: border-box; /* لضمان عدم خروج العناصر */
        justify-items: center; /* محاذاة العناصر في المنتصف أفقيًا */
    }

    .image-upload-container .image-upload-item {
        display: flex;
        justify-content: center; /* محاذاة الصور في المنتصف أفقيًا */
        align-items: center; /* محاذاة الصور عموديًا */
        background: #f5f5f5;
        padding: 15px;
        border-radius: 8px;
        width: 100%; /* ضمان أن الصور لا تتجاوز العرض */
        overflow: hidden; /* التأكد من أن الصور لا تخرج عن المساحة المحددة */
    }

    /* تخصيص الصور داخل حقل الرفع */
    .image-upload-container img {
        max-width: 100%; /* ضمان أن الصورة لا تتجاوز العرض */
        max-height: 150px; /* تحديد الحد الأقصى للارتفاع */
        object-fit: cover; /* لجعل الصورة تتناسب مع المساحة المخصصة لها */
        border-radius: 8px; /* إضافة زوايا دائرية */
    }

    /* تخصيص حقل رفع الصورة */
    .image-upload-container input[type="file"] {
        width: 100%; /* جعل حقل رفع الصورة يشغل كامل العرض */
        padding: 10px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #ddd;
    }
}/* End custom CSS */