.elementor-7195 .elementor-element.elementor-element-afcc01c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7195 .elementor-element.elementor-element-afcc01c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7195 .elementor-element.elementor-element-f1f4fb7{--display:flex;--justify-content:center;}.elementor-7195 .elementor-element.elementor-element-f1f4fb7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7195 .elementor-element.elementor-element-8a32118.elementor-element{--align-self:center;}.elementor-7195 .elementor-element.elementor-element-a0b0672{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-7195 .elementor-element.elementor-element-a0b0672:not(.elementor-motion-effects-element-type-background), .elementor-7195 .elementor-element.elementor-element-a0b0672 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-7195 .elementor-element.elementor-element-7d8838c > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7195 .elementor-element.elementor-element-4171ccb{--divider-border-style:solid;--divider-color:#D4D4D4;--divider-border-width:1px;}.elementor-7195 .elementor-element.elementor-element-4171ccb > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-7195 .elementor-element.elementor-element-4171ccb .elementor-divider-separator{width:100%;}.elementor-7195 .elementor-element.elementor-element-4171ccb .elementor-divider{padding-block-start:30px;padding-block-end:30px;}.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-7195 .elementor-element.elementor-element-452e351 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7195 .elementor-element.elementor-element-5ed6d3c > .elementor-widget-container{margin:25px 0px 25px 0px;}.elementor-7195 .elementor-element.elementor-element-5ed6d3c{text-align:center;font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;}@media(min-width:768px){.elementor-7195 .elementor-element.elementor-element-afcc01c{--width:90.206%;}.elementor-7195 .elementor-element.elementor-element-f1f4fb7{--width:58.873%;}}/* Start custom CSS for container, class: .elementor-element-f1f4fb7 */.my-order-box {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 22px;
    margin-bottom: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.my-order-box h3 {
    margin-bottom: 15px;
    font-weight: 800;
}

.my-order-box p {
    margin: 8px 0;
    font-size: 15px;
}

.my-order-box button {
    border: none;
    border-radius: 12px;
    padding: 12px 18px;
    margin: 8px 5px 0 0;
    cursor: pointer;
    font-weight: 700;
}

#show-order-btn {
    background: #000;
    color: #fff;
}

#delete-order-btn {
    background: #ef4444;
    color: #fff;
}/* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-452e351 */```css
/* ==========================================
   NETYONO PREMIUM FLUENT FORM
========================================== */

.fluentform,
.fluentform * {
    box-sizing: border-box;
}

.fluentform {
    direction: rtl;

    width: 100%;
    max-width: 1150px;

    margin: 0 auto;
    padding: 46px !important;

    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(212, 175, 99, 0.18),
            transparent 32%
        ),
        radial-gradient(
            circle at 95% 95%,
            rgba(24, 74, 174, 0.18),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #020b20 0%,
            #061844 48%,
            #0a3179 100%
        );

    border: 1px solid rgba(212, 175, 99, 0.24);
    border-radius: 30px;

    box-shadow:
        0 35px 85px rgba(7, 29, 80, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

/* زخارف الخلفية */
.fluentform::before {
    content: "";

    width: 360px;
    height: 360px;

    position: absolute;
    top: -210px;
    left: -140px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;

    pointer-events: none;
}

.fluentform::after {
    content: "";

    width: 280px;
    height: 280px;

    position: absolute;
    right: -160px;
    bottom: -170px;

    border: 1px solid rgba(212, 175, 99, 0.11);
    border-radius: 50%;

    pointer-events: none;
}

/* إبقاء النموذج فوق الزخارف */
.fluentform form,
.fluentform .frm-fluent-form {
    position: relative;
    z-index: 2;
}

/* ==========================================
   المسافات والمجموعات
========================================== */

.fluentform .ff-el-group {
    margin-bottom: 23px !important;
}

.fluentform .ff-t-container {
    gap: 18px !important;
}

.fluentform .ff-t-cell {
    min-width: 0;
}

/* ==========================================
   عناوين الحقول
========================================== */

.fluentform label,
.fluentform .ff-el-input--label label {
    display: block;

    margin-bottom: 10px !important;

    color: #ffffff !important;

    font-family: inherit;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.6;
}

/* النجمة الخاصة بالحقل المطلوب */
.fluentform .ff-el-input--label label .ff-el-required {
    color: #e4bc65 !important;
}

/* الوصف أو رسالة المساعدة */
.fluentform .ff-el-help-message {
    margin-top: 7px !important;

    color: #aebddb !important;

    font-size: 11px !important;
    font-weight: 600;
    line-height: 1.7;
}

/* ==========================================
   حقول الإدخال
========================================== */

.fluentform input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.fluentform textarea,
.fluentform select,
.fluentform .ff-el-form-control {
    width: 100% !important;

    min-height: 61px !important;

    padding: 0 19px !important;

    color: #ffffff !important;

    background:
        rgba(255, 255, 255, 0.075) !important;

    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 15px !important;

    outline: none !important;

    font-family: inherit;
    font-size: 15px !important;
    font-weight: 700 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

/* حقول النص الطويل */
.fluentform textarea,
.fluentform textarea.ff-el-form-control {
    min-height: 135px !important;

    padding: 17px 19px !important;

    resize: vertical;
    line-height: 1.8;
}

/* النص الإرشادي */
.fluentform input::placeholder,
.fluentform textarea::placeholder {
    color: rgba(218, 226, 243, 0.55) !important;
    opacity: 1;
}

/* حالة التركيز */
.fluentform input:not([type="checkbox"]):not([type="radio"]):focus,
.fluentform textarea:focus,
.fluentform select:focus,
.fluentform .ff-el-form-control:focus {
    color: #ffffff !important;

    background:
        rgba(255, 255, 255, 0.115) !important;

    border-color: #d4af63 !important;

    box-shadow:
        0 0 0 4px rgba(212, 175, 99, 0.15),
        0 12px 30px rgba(0, 0, 0, 0.13) !important;
}

/* القوائم المنسدلة */
.fluentform select {
    cursor: pointer;
}

.fluentform select option {
    color: #071d50 !important;
    background: #ffffff !important;
}

/* ==========================================
   بيانات الكارت المعبأة تلقائيًا
========================================== */

.fluentform input[readonly],
.fluentform input[name="card_name"],
.fluentform input[name="card_fee"],
.fluentform input[name="card_limit"] {
    color: #f0ce7d !important;

    background:
        linear-gradient(
            135deg,
            rgba(212, 175, 99, 0.15),
            rgba(212, 175, 99, 0.07)
        ) !important;

    border-color: rgba(212, 175, 99, 0.42) !important;

    cursor: not-allowed;

    font-weight: 900 !important;

    box-shadow:
        inset 0 0 0 1px rgba(212, 175, 99, 0.06) !important;
}

.fluentform input[readonly]:focus,
.fluentform input[name="card_name"]:focus,
.fluentform input[name="card_fee"]:focus,
.fluentform input[name="card_limit"]:focus {
    transform: none;

    border-color: rgba(212, 175, 99, 0.55) !important;

    box-shadow:
        0 0 0 4px rgba(212, 175, 99, 0.10) !important;
}

/* ==========================================
   الهاتف وحقل الدولة
========================================== */

.fluentform .iti {
    width: 100%;
}

.fluentform .iti__country-list {
    direction: ltr;

    color: #071d50;

    background: #ffffff;

    border: 1px solid #dce2eb;
    border-radius: 12px;

    box-shadow:
        0 20px 50px rgba(7, 29, 80, 0.18);
}

.fluentform .iti__country {
    color: #071d50;
}

.fluentform .iti__country:hover,
.fluentform .iti__highlight {
    background: #f2f5fa;
}

/* ==========================================
   Checkbox وRadio
========================================== */

.fluentform input[type="checkbox"],
.fluentform input[type="radio"] {
    width: 19px !important;
    height: 19px !important;

    margin-left: 8px !important;

    accent-color: #d4af63;

    cursor: pointer;
}

.fluentform .ff-el-form-check-label,
.fluentform .ff-el-form-check-label span {
    color: #dce4f4 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.8;
}

/* ==========================================
   رفع الملفات
========================================== */

.fluentform input[type="file"] {
    min-height: 61px !important;
    padding: 10px !important;

    color: #dce5f7 !important;
}

.fluentform input[type="file"]::file-.elementor-7195 .elementor-element.elementor-element-452e351-button {
    margin-left: 12px;
    padding: 10px 15px;

    color: #071d50;

    background:
        linear-gradient(
            135deg,
            #f1da9f,
            #ce9e42
        );

    border: 0;
    border-radius: 10px;

    font-family: inherit;
    font-weight: 900;

    cursor: pointer;
}

/* ==========================================
   رسائل الخطأ
========================================== */

.fluentform .ff-el-is-error .ff-el-form-control,
.fluentform .ff-el-is-error input,
.fluentform .ff-el-is-error textarea,
.fluentform .ff-el-is-error select {
    border-color: #ff7b7b !important;

    background:
        rgba(255, 82, 82, 0.09) !important;

    box-shadow:
        0 0 0 4px rgba(255, 82, 82, 0.10) !important;
}

.fluentform .ff-el-is-error .text-danger,
.fluentform .ff-el-is-error .error {
    margin-top: 7px !important;

    color: #ffaaaa !important;

    font-size: 11px !important;
    font-weight: 800 !important;
}

/* رسالة نجاح الإرسال */
.fluentform .ff-message-success {
    padding: 18px 20px !important;

    color: #d7f8e4 !important;

    background: rgba(40, 167, 99, 0.16) !important;

    border: 1px solid rgba(90, 218, 145, 0.32) !important;
    border-radius: 14px !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.8;
}

/* ==========================================
   زر إرسال الطلب
========================================== */

.fluentform button[type="submit"],
.fluentform .ff-btn-submit,
.fluentform input[type="submit"] {
    width: 100% !important;
    min-height: 65px !important;

    margin-top: 5px;
    padding: 16px 28px !important;

    color: #071d50 !important;

    background:
        linear-gradient(
            135deg,
            #f3dea5 0%,
            #d4af63 55%,
            #c49438 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: 15px !important;

    font-family: inherit;
    font-size: 18px !important;
    font-weight: 900 !important;

    cursor: pointer;

    box-shadow:
        0 18px 42px rgba(212, 175, 99, 0.28) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease !important;
}

.fluentform button[type="submit"]:hover,
.fluentform .ff-btn-submit:hover,
.fluentform input[type="submit"]:hover {
    color: #071d50 !important;

    transform: translateY(-4px);

    filter: brightness(1.05);

    box-shadow:
        0 25px 55px rgba(212, 175, 99, 0.40) !important;
}

.fluentform button[type="submit"]:active,
.fluentform .ff-btn-submit:active,
.fluentform input[type="submit"]:active {
    transform: translateY(-1px);
}

/* حالة التحميل أو التعطيل */
.fluentform button:disabled,
.fluentform .ff-btn-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;

    transform: none !important;
}

/* ==========================================
   التابلت
========================================== */

@media (max-width: 900px) {

    .fluentform {
        padding: 36px 26px !important;
        border-radius: 26px;
    }

    .fluentform .ff-t-container {
        gap: 15px !important;
    }

}

/* ==========================================
   الموبايل
========================================== */

@media (max-width: 767px) {

    .fluentform {
        padding: 27px 17px !important;
        border-radius: 22px;
    }

    .fluentform .ff-t-container {
        display: block !important;
    }

    .fluentform .ff-t-cell {
        width: 100% !important;
        max-width: 100% !important;
    }

    .fluentform input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
    .fluentform textarea,
    .fluentform select,
    .fluentform .ff-el-form-control {
        min-height: 56px !important;

        padding-right: 15px !important;
        padding-left: 15px !important;

        border-radius: 13px !important;

        font-size: 14px !important;
    }

    .fluentform textarea,
    .fluentform textarea.ff-el-form-control {
        min-height: 120px !important;
    }

    .fluentform label,
    .fluentform .ff-el-input--label label {
        font-size: 14px !important;
    }

    .fluentform button[type="submit"],
    .fluentform .ff-btn-submit,
    .fluentform input[type="submit"] {
        min-height: 59px !important;

        font-size: 16px !important;
        border-radius: 13px !important;
    }

}

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce) {

    .fluentform input,
    .fluentform textarea,
    .fluentform select,
    .fluentform button,
    .fluentform .ff-btn-submit {
        transition: none !important;
    }

}
```/* End custom CSS */