.elementor-16561 .elementor-element.elementor-element-f032a00{--display:flex;--min-height:600px;--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;--overlay-opacity:0.5;}.elementor-16561 .elementor-element.elementor-element-f032a00::before, .elementor-16561 .elementor-element.elementor-element-f032a00 > .elementor-background-video-container::before, .elementor-16561 .elementor-element.elementor-element-f032a00 > .e-con-inner > .elementor-background-video-container::before, .elementor-16561 .elementor-element.elementor-element-f032a00 > .elementor-background-slideshow::before, .elementor-16561 .elementor-element.elementor-element-f032a00 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16561 .elementor-element.elementor-element-f032a00 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-16561 .elementor-element.elementor-element-b1cfc95{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.2);}.elementor-16561 .elementor-element.elementor-element-b1cfc95:not(.elementor-motion-effects-element-type-background), .elementor-16561 .elementor-element.elementor-element-b1cfc95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00214780;}.elementor-16561 .elementor-element.elementor-element-a53cade > .elementor-widget-container{margin:100px 1px 1px 1px;}.elementor-16561 .elementor-element.elementor-element-a53cade{text-align:center;}.elementor-16561 .elementor-element.elementor-element-a53cade .elementor-heading-title{line-height:100px;color:var( --e-global-color-astglobalcolor5 );}.elementor-16561 .elementor-element.elementor-element-3ceef2a{--display:flex;}.elementor-16561 .elementor-element.elementor-element-4b6a8a7{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-16561 .elementor-element.elementor-element-854356f{--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-16561 .elementor-element.elementor-element-2db1192{--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-16561 .elementor-element.elementor-element-da1875a .elementor-icon-wrapper{text-align:center;}.elementor-16561 .elementor-element.elementor-element-da1875a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-da1875a.elementor-view-framed .elementor-icon, .elementor-16561 .elementor-element.elementor-element-da1875a.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-da1875a.elementor-view-framed .elementor-icon, .elementor-16561 .elementor-element.elementor-element-da1875a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-da1875a .elementor-icon{font-size:20px;}.elementor-16561 .elementor-element.elementor-element-da1875a .elementor-icon svg{height:20px;}.elementor-16561 .elementor-element.elementor-element-851f948{width:100%;max-width:100%;}.elementor-16561 .elementor-element.elementor-element-851f948.elementor-element{--align-self:stretch;}.elementor-16561 .elementor-element.elementor-element-2237490{--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-16561 .elementor-element.elementor-element-9442ef5{--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-16561 .elementor-element.elementor-element-c5d68b7 .elementor-icon-wrapper{text-align:center;}.elementor-16561 .elementor-element.elementor-element-c5d68b7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-c5d68b7.elementor-view-framed .elementor-icon, .elementor-16561 .elementor-element.elementor-element-c5d68b7.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-c5d68b7.elementor-view-framed .elementor-icon, .elementor-16561 .elementor-element.elementor-element-c5d68b7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-c5d68b7 .elementor-icon{font-size:20px;}.elementor-16561 .elementor-element.elementor-element-c5d68b7 .elementor-icon svg{height:20px;}.elementor-16561 .elementor-element.elementor-element-a8b6977{width:100%;max-width:100%;}.elementor-16561 .elementor-element.elementor-element-a8b6977.elementor-element{--align-self:stretch;}.elementor-16561 .elementor-element.elementor-element-d13c35e{--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-16561 .elementor-element.elementor-element-c8c902c{--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-16561 .elementor-element.elementor-element-c8c902c.e-con{--align-self:center;}.elementor-16561 .elementor-element.elementor-element-17dcebb .elementor-icon-wrapper{text-align:center;}.elementor-16561 .elementor-element.elementor-element-17dcebb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-17dcebb.elementor-view-framed .elementor-icon, .elementor-16561 .elementor-element.elementor-element-17dcebb.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-17dcebb.elementor-view-framed .elementor-icon, .elementor-16561 .elementor-element.elementor-element-17dcebb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-17dcebb .elementor-icon{font-size:20px;}.elementor-16561 .elementor-element.elementor-element-17dcebb .elementor-icon svg{height:20px;}.elementor-16561 .elementor-element.elementor-element-ecc722e{width:100%;max-width:100%;}.elementor-16561 .elementor-element.elementor-element-ecc722e.elementor-element{--align-self:stretch;}.elementor-16561 .elementor-element.elementor-element-76eb846{--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-16561 .elementor-element.elementor-element-9fef4d2{--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-16561 .elementor-element.elementor-element-e76f8aa .elementor-icon-wrapper{text-align:center;}.elementor-16561 .elementor-element.elementor-element-e76f8aa.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-e76f8aa.elementor-view-framed .elementor-icon, .elementor-16561 .elementor-element.elementor-element-e76f8aa.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-e76f8aa.elementor-view-framed .elementor-icon, .elementor-16561 .elementor-element.elementor-element-e76f8aa.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-e76f8aa .elementor-icon{font-size:20px;}.elementor-16561 .elementor-element.elementor-element-e76f8aa .elementor-icon svg{height:20px;}.elementor-16561 .elementor-element.elementor-element-712c545{width:100%;max-width:100%;}.elementor-16561 .elementor-element.elementor-element-712c545.elementor-element{--align-self:stretch;}.elementor-16561 .elementor-element.elementor-element-938d63e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16561 .elementor-element.elementor-element-985a983{--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-16561 .elementor-element.elementor-element-a2e947c{--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-16561 .elementor-element.elementor-element-a2e947c:not(.elementor-motion-effects-element-type-background), .elementor-16561 .elementor-element.elementor-element-a2e947c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0021640D;}.elementor-16561 .elementor-element.elementor-element-9dc2b6a{--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-16561 .elementor-element.elementor-element-5e11593{--display:flex;}.elementor-16561 .elementor-element.elementor-element-c521870{--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-16561 .elementor-element.elementor-element-499723a .elementor-heading-title{font-size:18px;font-weight:bold;color:var( --e-global-color-astglobalcolor4 );}.elementor-16561 .elementor-element.elementor-element-40ead66 .elementor-heading-title{font-size:16px;color:var( --e-global-color-astglobalcolor0 );}.elementor-16561 .elementor-element.elementor-element-c8e1384 .elementor-heading-title{font-size:14px;color:var( --e-global-color-text );}.elementor-16561 .elementor-element.elementor-element-21e60c1{--display:flex;}.elementor-16561 .elementor-element.elementor-element-3babe57{--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;--justify-content:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-16561 .elementor-element.elementor-element-404d380{text-align:center;}.elementor-16561 .elementor-element.elementor-element-c8b436f{text-align:center;}.elementor-16561 .elementor-element.elementor-element-82e9051{--display:flex;}.elementor-16561 .elementor-element.elementor-element-3c62a45{--grid-columns:3;}.elementor-16561 .elementor-element.elementor-element-d893635{--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-16561 .elementor-element.elementor-element-265f3c6{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}@media(min-width:768px){.elementor-16561 .elementor-element.elementor-element-c8c902c{--content-width:100%;}.elementor-16561 .elementor-element.elementor-element-5e11593{--width:35%;}}@media(max-width:1024px){.elementor-16561 .elementor-element.elementor-element-4b6a8a7{--grid-auto-flow:row;}.elementor-16561 .elementor-element.elementor-element-3c62a45{--grid-columns:2;}.elementor-16561 .elementor-element.elementor-element-265f3c6{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-16561 .elementor-element.elementor-element-4b6a8a7{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-16561 .elementor-element.elementor-element-3c62a45{--grid-columns:1;}.elementor-16561 .elementor-element.elementor-element-265f3c6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-b1cfc95 */.elementor-16561 .elementor-element.elementor-element-b1cfc95 {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dc2b6a *//* 1. ضبط عرض الصندوق وتوسيط البطاقة */
#dean-section {
    max-width: 80% !important; /* حجم متناسق للبطاقة */
    margin: 30px auto !important; /* توسيط البطاقة */
    border: 2px solid #f37021 !important; /* حواف برتقالية ثابتة */
    border-radius: 16px !important;
    padding: 30px !important;
    background-color: #ffffff !important; /* خلفية بيضاء صافية */
    box-shadow: 0 4px 20px rgba(11, 37, 69, 0.08) !important;
}

/* 2. جعل صورة العميد دائرية متناسقة */
#dean-section img {
    border-radius: 50% !important;
    width: 170px !important;
    height: 170px !important;
    object-fit: cover !important;
    border: 3px solid #f37021 !important;
    outline: 3px solid #0b2545 !important;
    outline-offset: 2px !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
}

/* 3. تكبير وتوضيح خط كلمة العميد (الجانب الأيمن) */
#dean-section .elementor-widget-text-editor {
    color: #0b2545 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 500;
}

/* 4. محاذاة العمود الأيسر (الصورة والمعلومات) في المنتصف */
#dean-section > .elementor-container > .elementor-column:last-child,
#dean-section .e-con:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82e9051 *//* ==========================================================
   التصميم المطور النهائي - جامعة الرشيد الذكية
   ========================================================== */

/* 1. إعدادات البطاقة الداكنة (#0A192F) */
#academic-programs-grid .e-loop-item:nth-child(even) {
    background-color: #0a192f !important;
    border: 1px solid #1e293b !important;
    box-shadow: 0 12px 30px rgba(10, 25, 47, 0.2) !important;
    border-top: 4px solid #f36f21 !important; /* شريط برتقالي علوي للفت الانتباه */
}

/* توضيح وتفتيح نصوص البطاقة الداكنة */
#academic-programs-grid .e-loop-item:nth-child(even) h3,
#academic-programs-grid .e-loop-item:nth-child(even) .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 800 !important;
}

#academic-programs-grid .e-loop-item:nth-child(even) .elementor-icon-list-items {
    background: rgba(255, 255, 255, 0.04) !important; /* خلفية ناعمة جداً ومريحة */
    border-radius: 12px !important;
    padding: 10px 14px !important;
    margin: 12px 0 !important;
}

#academic-programs-grid .e-loop-item:nth-child(even) .elementor-icon-list-item {
    color: #f8fafc !important; /* نص أبيض ناصع جداً للوضوح التام */
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

#academic-programs-grid .e-loop-item:nth-child(even) .elementor-icon-list-icon i,
#academic-programs-grid .e-loop-item:nth-child(even) .elementor-icon-list-icon svg {
    color: #f36f21 !important; /* لون الأيقونة البرتقالي البارز */
}

/* 2. إعدادات البطاقة البيضاء */
#academic-programs-grid .e-loop-item:nth-child(odd) {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04) !important;
    border-top: 4px solid #0a192f !important; /* شريط كحلي علوي للتناسق */
}

#academic-programs-grid .e-loop-item:nth-child(odd) h3,
#academic-programs-grid .e-loop-item:nth-child(odd) .elementor-heading-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}

#academic-programs-grid .e-loop-item:nth-child(odd) .elementor-icon-list-items {
    background: #f8fafc !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    margin: 12px 0 !important;
}

#academic-programs-grid .e-loop-item:nth-child(odd) .elementor-icon-list-item {
    color: #334155 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

#academic-programs-grid .e-loop-item:nth-child(odd) .elementor-icon-list-icon i,
#academic-programs-grid .e-loop-item:nth-child(odd) .elementor-icon-list-icon svg {
    color: #f36f21 !important;
}

/* 3. الإعدادات العامة والتأثيرات الحركية (Hover) */
#academic-programs-grid .e-loop-item {
    border-radius: 18px !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#academic-programs-grid .e-loop-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 35px rgba(10, 25, 47, 0.22) !important;
}

/* أزرار تفاصيل البرنامج */
#academic-programs-grid .e-loop-item .elementor-button {
    background-color: #f36f21 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 12px 20px !important;
    box-shadow: 0 4px 14px rgba(243, 111, 33, 0.35) !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

#academic-programs-grid .e-loop-item .elementor-button:hover {
    background-color: #d95b11 !important;
    box-shadow: 0 8px 22px rgba(243, 111, 33, 0.55) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-265f3c6 *//* إزالة الإطار الأبيض والخلفية عن الحاويات الداخلية */
.elementor-16561 .elementor-element.elementor-element-265f3c6 .elementor-widget-image,
.elementor-16561 .elementor-element.elementor-element-265f3c6 .elementor-widget-container,
.elementor-16561 .elementor-element.elementor-element-265f3c6 .elementor-image {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* إزالة الإطار الأبيض والحدود حول الصور نفسها */
.elementor-16561 .elementor-element.elementor-element-265f3c6 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    
    /* إضافة انتقالية ناعمة لتأثير التأشير */
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.3s ease !important;
    cursor: pointer !important;
}

/* تأثير احترافي عند التأشير بالماوس (Hover) */
.elementor-16561 .elementor-element.elementor-element-265f3c6 .elementor-widget-image img:hover {
    transform: translateY(-8px) scale(1.04) !important; /* ارتفاع وتكبير خفيف */
    filter: drop-shadow(0 10px 15px rgba(0, 168, 255, 0.4)) !important; /* إضاءة زرقاء خفيفة خلف الأيقونة */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d893635 *//* تنسيق الحاوية الرئيسية بالخلفية الكحلية الشفافة */
/* خلفية كحلية داكنة وفخمة لكسر لون الصفحة وفصل القسم كاملاً */
/* خلفية كحلية داكنة مفصولة تماماً عن الفوتر وعن القسم العلوي */
#custom-cards-container {
    background: linear-gradient(135deg, #0c1b33 0%, #112240 100%) !important;
    border-top: 3px solid #ff7a00 !important; /* خط برتقالي فاصل من الأعلى */
    border-bottom: 3px solid #ff7a00 !important; /* خط برتقالي فاصل من الأسفل لعزله عن الفوتر */
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    padding: 35px 25px !important;
    margin-top: 30px !important; /* مسافة فارغة من الأعلى */
    margin-bottom: 50px !important; /* مسافة فارغة جيدة تظهر خلفية الموقع الرمادية قبل الفوتر الأسود */
    width: 100% !important;
}

/* إجبار الشبكة الداخلية على التمدد والتنسيق بشكل كامل */
#custom-cards-container .e-grid,
#custom-cards-container > .elementor-widget-container {
    width: 100% !important;
}

/* إجبار شبكة الـ Grid داخل الحاوية على التمدد بعرض كامل */
#custom-cards-container .e-grid,
#custom-cards-container > .elementor-widget-container {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   1. الحاوية الرئيسية
========================================================= */

.main-glass-wrapper {
    background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%) !important;
    border-radius: 16px !important;
    padding: 20px !important;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;

    margin-bottom: 20px !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* =========================================================
   2. الكروت الزجاجية الأساسية
========================================================= */

.main-glass-wrapper .glass-card {
    background: rgba(255, 255, 255, 0.03) !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;

    padding: 15px 18px !important;

    box-sizing: border-box !important;

    transition: all 0.3s ease !important;

    width: 100% !important;
}


/* =========================================================
   3. الحدود الملونة
========================================================= */

/* الرؤية */
.main-glass-wrapper .glass-card.border-orange {
    border-right: 3px solid #ff7a00 !important;
}

/* الرسالة */
.main-glass-wrapper .glass-card.border-blue {
    border-right: 3px solid #2b7fff !important;
}

/* الأهداف */
.main-glass-wrapper .glass-card.border-cyan {
    border-right: 3px solid #00d2ff !important;
}

/* الفرص الوظيفية */
.main-glass-wrapper .glass-card.border-amber {
    border-right: 3px solid #ffb703 !important;
}


/* =========================================================
   4. توحيد عرض:
   الأهداف + الفرص الوظيفية + القبول والتسجيل

   مهم:
   يتم ضبط --width لأن Elementor يستخدمه في Containers
========================================================= */

.main-glass-wrapper .glass-card.border-cyan,
.main-glass-wrapper .glass-card.border-amber,
.main-glass-wrapper .glass-cta-card {

    --width: 76% !important;

    width: 76% !important;
    max-width: 76% !important;

    flex: 0 0 76% !important;
    flex-basis: 76% !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    align-self: center !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* مسافات الأهداف والفرص */
.main-glass-wrapper .glass-card.border-cyan,
.main-glass-wrapper .glass-card.border-amber {
    margin-top: 18px !important;
    margin-bottom: 18px !important;

    padding: 18px 16px !important;
}


/* =========================================================
   5. العناوين
========================================================= */

.main-glass-wrapper .elementor-heading-title {
    color: #ffffff !important;

    font-size: 1.05rem !important;

    font-weight: 700 !important;

    margin-bottom: 10px !important;
}


/* =========================================================
   6. النصوص
========================================================= */

.main-glass-wrapper p,
.main-glass-wrapper li,
.main-glass-wrapper div,
.main-glass-wrapper .elementor-icon-list-text {
    color: #e2e8f0 !important;

    font-size: 0.88rem !important;

    line-height: 1.6 !important;
}


/* =========================================================
   7. قوائم الأهداف والفرص
========================================================= */

.main-glass-wrapper .glass-card .elementor-text-editor ul,
.main-glass-wrapper .glass-card .elementor-widget-text-editor ul {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 10px 14px !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    list-style: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   8. العناصر الصغيرة داخل الأهداف والفرص
========================================================= */

.main-glass-wrapper .glass-card .elementor-text-editor ul li,
.main-glass-wrapper .glass-card .elementor-widget-text-editor ul li {

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

    border: 1px solid rgba(255, 255, 255, 0.07) !important;

    border-radius: 7px !important;

    padding: 7px 12px !important;

    color: #e2e8f0 !important;

    font-size: 0.84rem !important;

    display: flex !important;
    align-items: center !important;

    position: relative !important;

    min-height: 42px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   9. إصلاح أي إزاحة داخل Text Editor
========================================================= */

.main-glass-wrapper .glass-card .elementor-widget-text-editor,
.main-glass-wrapper .glass-card .elementor-widget-text-editor .elementor-widget-container,
.main-glass-wrapper .glass-card .elementor-text-editor {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   10. النقاط الملونة
========================================================= */

.main-glass-wrapper .glass-card .elementor-text-editor ul li::before,
.main-glass-wrapper .glass-card .elementor-widget-text-editor ul li::before {

    content: "•" !important;

    color: #00d2ff !important;

    font-size: 1.2rem !important;

    margin-left: 8px !important;

    line-height: 1 !important;

    flex-shrink: 0 !important;
}


/* الفرص الوظيفية */
.main-glass-wrapper .glass-card.border-amber
.elementor-text-editor ul li::before,
.main-glass-wrapper .glass-card.border-amber
.elementor-widget-text-editor ul li::before {

    color: #ffb703 !important;
}


/* =========================================================
   11. القبول والتسجيل
========================================================= */

.main-glass-wrapper .glass-cta-card {

    background: rgba(255, 122, 0, 0.06) !important;

    border: 1.5px dashed #ff7a00 !important;

    border-radius: 12px !important;

    padding: 18px 20px !important;

    text-align: center !important;

    /*
     * هذه القيم مكررة هنا عمداً لضمان تغلبها
     * على إعدادات Elementor الخاصة بالـ Container.
     */

    --width: 76% !important;

    width: 76% !important;
    max-width: 76% !important;

    flex: 0 0 76% !important;
    flex-basis: 76% !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    align-self: center !important;

    margin-left: auto !important;
    margin-right: auto !important;

    margin-top: 18px !important;
    margin-bottom: 18px !important;

    box-sizing: border-box !important;
}


/* إذا كانت glass-cta-card نفسها Elementor Container */
.main-glass-wrapper .e-con.glass-cta-card {

    --width: 76% !important;

    width: 76% !important;
    max-width: 76% !important;

    flex: 0 0 76% !important;
    flex-basis: 76% !important;

    align-self: center !important;

    margin-inline: auto !important;
}


/* =========================================================
   12. زر القبول والتسجيل
========================================================= */

.main-glass-wrapper .glass-cta-card .elementor-button {

    background: linear-gradient(
        90deg,
        #ff7a00 0%,
        #e06c00 100%
    ) !important;

    color: #ffffff !important;

    border-radius: 20px !important;

    padding: 8px 25px !important;

    font-size: 0.88rem !important;

    font-weight: bold !important;

    box-shadow: 0 4px 12px rgba(255, 122, 0, 0.3) !important;

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


.main-glass-wrapper .glass-cta-card .elementor-button:hover {

    transform: translateY(-2px) !important;

    box-shadow: 0 5px 15px rgba(255, 122, 0, 0.5) !important;
}


/* =========================================================
   13. التابلت
========================================================= */

@media (max-width: 1024px) {

    .main-glass-wrapper .glass-card.border-cyan,
    .main-glass-wrapper .glass-card.border-amber,
    .main-glass-wrapper .glass-cta-card,
    .main-glass-wrapper .e-con.glass-cta-card {

        --width: 90% !important;

        width: 90% !important;
        max-width: 90% !important;

        flex: 0 0 90% !important;
        flex-basis: 90% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   14. الهاتف
========================================================= */

@media (max-width: 768px) {

    .main-glass-wrapper {
        padding: 12px !important;
    }


    .main-glass-wrapper .glass-card.border-cyan,
    .main-glass-wrapper .glass-card.border-amber,
    .main-glass-wrapper .glass-cta-card,
    .main-glass-wrapper .e-con.glass-cta-card {

        --width: 100% !important;

        width: 100% !important;
        max-width: 100% !important;

        flex: 0 0 100% !important;
        flex-basis: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .main-glass-wrapper .glass-card .elementor-text-editor ul,
    .main-glass-wrapper .glass-card .elementor-widget-text-editor ul {

        grid-template-columns: 1fr !important;

        gap: 8px !important;
    }


    .main-glass-wrapper .glass-card {
        padding: 14px !important;
    }


    .main-glass-wrapper .glass-card .elementor-text-editor ul li,
    .main-glass-wrapper .glass-card .elementor-widget-text-editor ul li {

        min-height: auto !important;

        padding: 8px 10px !important;
    }
}/* End custom CSS */