.elementor-16747 .elementor-element.elementor-element-0fe6203{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-16747 .elementor-element.elementor-element-89cb926{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16747 .elementor-element.elementor-element-5537568 .elementor-icon-wrapper{text-align:center;}.elementor-16747 .elementor-element.elementor-element-5537568.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-16747 .elementor-element.elementor-element-5537568.elementor-view-framed .elementor-icon, .elementor-16747 .elementor-element.elementor-element-5537568.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-16747 .elementor-element.elementor-element-5537568.elementor-view-framed .elementor-icon, .elementor-16747 .elementor-element.elementor-element-5537568.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-16747 .elementor-element.elementor-element-5537568 .elementor-icon{font-size:20px;}.elementor-16747 .elementor-element.elementor-element-5537568 .elementor-icon svg{height:20px;}.elementor-16747 .elementor-element.elementor-element-ff3b035{width:100%;max-width:100%;}.elementor-16747 .elementor-element.elementor-element-ff3b035.elementor-element{--align-self:stretch;}#elementor-popup-modal-16747{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-16747 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-16747 .dialog-close-button{display:flex;}#elementor-popup-modal-16747 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS *//* ==========================================
   تنسيق النافذة المنبثقة المضيئة والأنيقة
   ========================================== */

/* 1. إزالة التعتيم المظلم الخارجي واكتفاء بلمسة زجاجية لطيفة */
.elementor-popup-modal {
    background-color: rgba(0, 0, 0, 0.45) !important; /* تخفيف السواد الخارجي */
    backdrop-filter: blur(5px) !important;
}

/* 2. جسم النافذة الزجاجي المضيء */
.elementor-popup-modal .dialog-widget-content {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.95)) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 183, 3, 0.15) !important;
    padding: 35px !important;
}

/* 3. نص النافذة أبيض ناصع وواضح جداً */
.elementor-popup-modal p,
.elementor-popup-modal span,
.elementor-popup-modal div {
    color: #ffffff !important;
    font-size: 1rem !important;
    line-height: 1.8 !important;
}

/* 4. إبراز العنوان بلون ذهبي ناصع */
.elementor-popup-modal h2,
.elementor-popup-modal h3,
.elementor-popup-modal .elementor-heading-title {
    color: #ffb703 !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid rgba(255, 183, 3, 0.3) !important;
    padding-bottom: 12px !important;
    text-shadow: 0 2px 10px rgba(255, 183, 3, 0.2) !important;
}

/* 5. تحويل شروط القبول إلى كروت فرعية مضيئة */
.elementor-popup-modal ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.elementor-popup-modal ul li,
.elementor-popup-modal ol li {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    color: #f8fafc !important;
    font-size: 0.98rem !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.3s ease !important;
}

.elementor-popup-modal ul li:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 183, 3, 0.4) !important;
    transform: translateX(-4px) !important;
}

/* 6. زر الإغلاق (X) أنيق ومضيء */
.elementor-popup-modal .dialog-close-button {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    transition: all 0.3s ease !important;
}

.elementor-popup-modal .dialog-close-button:hover {
    background: #ffb703 !important;
    color: #0f172a !important;
}
/* ==========================================
   تنسيق زر الإغلاق (X) - في الطبيعي وعند التأشير
   ========================================== */

/* 1. الحالة الطبيعية لزر الإغلاق */
.elementor-popup-modal .dialog-close-button,
.elementor-popup-modal .dialog-close-button i,
.elementor-popup-modal .dialog-close-button svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    top: 15px !important;
    left: 15px !important; /* للغات العربية RTL */
}

/* 2. عند التأشير عليه (Hover) */
.elementor-popup-modal .dialog-close-button:hover,
.elementor-popup-modal .dialog-close-button:hover i,
.elementor-popup-modal .dialog-close-button:hover svg {
    background-color: #ffb703 !important; /* لون ذهبي/أصفر ناصع */
    color: #0f172a !important; /* لون الأيقونة داكن لزيادة التباين */
    fill: #0f172a !important;
    border-color: #ffb703 !important;
    transform: rotate(90deg) scale(1.1) !important; /* تأثير دوران وتكبير خفيف أنيق */
    box-shadow: 0 0 15px rgba(255, 183, 3, 0.5) !important; /* وهج حول الزر */
}/* End custom CSS */