.elementor-17584 .elementor-element.elementor-element-f2bf56{--display:flex;--min-height:220px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:45px;--padding-right:45px;}.elementor-17584 .elementor-element.elementor-element-f2bf56:not(.elementor-motion-effects-element-type-background), .elementor-17584 .elementor-element.elementor-element-f2bf56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1C35;}.elementor-17584 .elementor-element.elementor-element-7e42c7d9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17584 .elementor-element.elementor-element-7304851{--display:flex;--flex-wrap:wrap;--align-content:center;}.elementor-17584 .elementor-element.elementor-element-7304851:not(.elementor-motion-effects-element-type-background), .elementor-17584 .elementor-element.elementor-element-7304851 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1C35;}.elementor-17584 .elementor-element.elementor-element-322792fd{--display:flex;}.elementor-17584 .elementor-element.elementor-element-74db0e1e{--grid-columns:4;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-17584 .elementor-element.elementor-element-49c64fd5{--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:45px;--padding-left:20px;--padding-right:20px;}.elementor-17584 .elementor-element.elementor-element-49c64fd5:not(.elementor-motion-effects-element-type-background), .elementor-17584 .elementor-element.elementor-element-49c64fd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1C35;}.elementor-17584 .elementor-element.elementor-element-6489692c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:35px;--padding-right:35px;}.elementor-17584 .elementor-element.elementor-element-6489692c:not(.elementor-motion-effects-element-type-background), .elementor-17584 .elementor-element.elementor-element-6489692c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1C35;}.elementor-17584 .elementor-element.elementor-element-3ed71efa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;}.elementor-17584 .elementor-element.elementor-element-5773b85{--display:flex;}.elementor-17584 .elementor-element.elementor-element-1aa1b7ef > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17584 .elementor-element.elementor-element-4dbd00db{--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-17584 .elementor-element.elementor-element-2b5fff65 .elementor-icon-wrapper{text-align:center;}.elementor-17584 .elementor-element.elementor-element-73173a64{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17584 .elementor-element.elementor-element-73173a64:not(.elementor-motion-effects-element-type-background), .elementor-17584 .elementor-element.elementor-element-73173a64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1C35;}.elementor-17584 .elementor-element.elementor-element-76fe784a{--grid-columns:3;--load-more-button-align:center;}@media(min-width:768px){.elementor-17584 .elementor-element.elementor-element-f2bf56{--content-width:100%;}.elementor-17584 .elementor-element.elementor-element-7e42c7d9{--width:100%;}.elementor-17584 .elementor-element.elementor-element-6489692c{--width:1200px;}}@media(max-width:1024px){.elementor-17584 .elementor-element.elementor-element-74db0e1e{--grid-columns:2;}.elementor-17584 .elementor-element.elementor-element-76fe784a{--grid-columns:2;}}@media(max-width:767px){.elementor-17584 .elementor-element.elementor-element-74db0e1e{--grid-columns:1;}.elementor-17584 .elementor-element.elementor-element-76fe784a{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-322792fd *//* ==========================================================
   التصميم المطور النهائي - جامعة الرشيد الذكية
   ========================================================== */

/* 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-7304851 *//* ==========================================================
   التصميم المطور النهائي - جامعة الرشيد الذكية
   ========================================================== */

/* 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 *//* ==========================================================
   ACADEMI/* ==========================================================
   ACADEMIC STAFF PAGE
   Programs + Dean + Faculty
========================================================== */


/* ==========================================================
   1. PROGRAMS SECTION
========================================================== */

.programs-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* ==========================================================
   PROGRAM CARD
========================================================== */

.academic-program-card {
    position: relative !important;

    width: fit-content !important;
    min-width: 220px !important;
    max-width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    padding: 10px 16px !important;
    margin: 0 auto !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    background:
        linear-gradient(
            135deg,
            #173a69 0%,
            #0e2b50 100%
        ) !important;

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

    border-radius: 12px !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.16) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}


/* الخط البرتقالي الجانبي */

.academic-program-card::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 3px;
    height: 100%;

    background: #f58220;

    z-index: 2;
}


/* Hover */

.academic-program-card:hover {
    transform: translateY(-2px);

    border-color:
        rgba(245,130,32,.45) !important;

    box-shadow:
        0 8px 18px rgba(0,0,0,.22) !important;
}


/* ==========================================================
   PROGRAM ICON
========================================================== */

.academic-program-icon {
    width: 32px !important;
    height: 32px !important;

    min-width: 32px !important;
    max-width: 32px !important;

    flex: 0 0 32px !important;

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

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 8px !important;

    background:
        rgba(245,130,32,.12) !important;

    border:
        1px solid rgba(245,130,32,.30) !important;

    transition:
        background .25s ease,
        transform .25s ease !important;
}


.academic-program-icon i,
.academic-program-icon svg {
    color: #f58220 !important;
    fill: #f58220 !important;

    font-size: 15px !important;

    width: 15px !important;
    height: 15px !important;

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

    position: relative !important;
    top: 0 !important;
}


.academic-program-card:hover .academic-program-icon {
    background:
        #f58220 !important;

    transform:
        scale(1.04);
}


.academic-program-card:hover .academic-program-icon i,
.academic-program-card:hover .academic-program-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* ==========================================================
   PROGRAM TITLE
========================================================== */

.academic-program-title {
    width: auto !important;

    flex: 0 1 auto !important;

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

    text-align: center !important;
}


.academic-program-title,
.academic-program-title a,
.academic-program-title .elementor-heading-title {
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

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

    text-align: center !important;

    text-decoration: none !important;

    white-space: normal !important;

    transition:
        color .25s ease !important;
}


.academic-program-card:hover .academic-program-title,
.academic-program-card:hover .academic-program-title a,
.academic-program-card:hover .academic-program-title .elementor-heading-title {
    color: #ffad62 !important;
}


/* Elementor fixes */

.academic-program-card .elementor-widget,
.academic-program-card .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}



/* ==========================================================
   PROGRAMS - MOBILE
   برنامجان في كل سطر
========================================================== */

@media (max-width: 767px) {

    .programs-section .elementor-loop-container,
    .programs-section .elementor-grid,
    .programs-section .e-loop__container {

        display: grid !important;

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

        gap: 9px !important;

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

        box-sizing: border-box !important;
    }


    .programs-section .e-loop-item,
    .programs-section .elementor-grid-item {

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

        min-width: 0 !important;

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


    .academic-program-card {

        width: 100% !important;

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

        height: 52px !important;
        min-height: 52px !important;

        margin: 0 !important;

        padding:
            7px 7px !important;

        gap: 5px !important;

        display: flex !important;

        flex-direction: row !important;

        align-items: center !important;

        justify-content: center !important;

        box-sizing: border-box !important;
    }


    /* رفع الأيقونة قليلًا */

    .academic-program-icon {

        width: 27px !important;
        height: 27px !important;

        min-width: 27px !important;
        max-width: 27px !important;

        flex:
            0 0 27px !important;

        position: relative !important;

        top: -2px !important;
    }


    .academic-program-icon i,
    .academic-program-icon svg {

        width: 12px !important;
        height: 12px !important;

        font-size: 12px !important;

        top: 0 !important;
    }


    /* رفع النص قليلًا */

    .academic-program-title {

        flex: 1 1 auto !important;

        min-width: 0 !important;

        position: relative !important;

        top: -2px !important;

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


    .academic-program-title,
    .academic-program-title a,
    .academic-program-title .elementor-heading-title {

        font-size: 11px !important;

        font-weight: 600 !important;

        line-height: 1.25 !important;

        white-space: normal !important;

        text-align: center !important;

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



/* أصغر الشاشات */

@media (max-width: 390px) {

    .programs-section .elementor-loop-container,
    .programs-section .elementor-grid,
    .programs-section .e-loop__container {

        gap: 7px !important;
    }


    .academic-program-card {

        height: 49px !important;
        min-height: 49px !important;

        padding:
            6px 5px !important;

        gap: 4px !important;
    }


    .academic-program-icon {

        width: 25px !important;
        height: 25px !important;

        min-width: 25px !important;
        max-width: 25px !important;

        flex:
            0 0 25px !important;
    }


    .academic-program-title,
    .academic-program-title a,
    .academic-program-title .elementor-heading-title {

        font-size: 10px !important;

        line-height: 1.2 !important;
    }
}



/* ==========================================================
   2. DEAN SECTION
========================================================== */

.dean-section {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding:
        32px 20px 38px !important;

    background:
        #071d39 !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    box-sizing: border-box !important;

    direction: rtl !important;
}



/* ==========================================================
   DEAN CARD
========================================================== */

.dean-card {

    position: relative !important;

    width: 100% !important;

    max-width: 900px !important;

    min-height: 245px !important;

    margin: 0 auto !important;

    /*
       زدت الـ padding العلوي
       حتى لا يلتصق المحتوى بأعلى البطاقة
    */

    padding:
        30px 28px 26px !important;

    display: grid !important;

    grid-template-columns:
        175px 430px !important;

    grid-template-areas:
        "photo content" !important;

    justify-content: center !important;

    align-items: center !important;

    column-gap:
        18px !important;

    direction: rtl !important;

    overflow: hidden !important;

    border-radius:
        18px !important;

    border:
        1px solid rgba(70,119,255,.78) !important;

    background:

        radial-gradient(
            circle at 12% 45%,
            rgba(34,92,225,.30) 0%,
            rgba(34,92,225,.12) 25%,
            transparent 48%
        ),

        radial-gradient(
            circle at 91% 46%,
            rgba(245,130,32,.20) 0%,
            rgba(245,130,32,.07) 28%,
            transparent 52%
        ),

        linear-gradient(
            135deg,
            #102a55 0%,
            #0b2245 50%,
            #25283c 100%
        ) !important;

    box-shadow:

        0 12px 28px rgba(0,0,0,.20),

        0 0 20px rgba(40,100,230,.15) !important;

    box-sizing: border-box !important;
}



/* ==========================================================
   DEAN WAVES
========================================================== */

.dean-card::before {

    content: "";

    position: absolute;

    left: -120px;

    bottom: -145px;

    width: 680px;

    height: 250px;

    border:
        3px solid rgba(45,105,255,.25);

    border-radius: 50%;

    transform:
        rotate(8deg);

    box-shadow:

        0 0 0 12px rgba(45,105,255,.07),

        0 0 0 25px rgba(45,105,255,.035);

    pointer-events: none;

    z-index: 0;
}


.dean-card::after {

    content: "";

    position: absolute;

    right: -120px;

    bottom: -145px;

    width: 620px;

    height: 245px;

    border:
        3px solid rgba(245,130,32,.20);

    border-radius: 50%;

    transform:
        rotate(-7deg);

    box-shadow:

        0 0 0 12px rgba(245,130,32,.055),

        0 0 0 24px rgba(245,130,32,.028);

    pointer-events: none;

    z-index: 0;
}


.dean-card > * {

    position: relative !important;

    z-index: 2 !important;
}



/* ==========================================================
   DEAN PHOTO WRAPPER
========================================================== */

.dean-card-inner {

    grid-area: photo !important;

    width: 175px !important;

    min-width: 175px !important;

    max-width: 175px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}



/* ==========================================================
   DEAN PHOTO
========================================================== */

.dean-photo {

    width: 170px !important;

    height: 170px !important;

    margin: 0 !important;

    padding: 0 !important;
}


.dean-photo .elementor-widget-container {

    width: 170px !important;

    height: 170px !important;

    margin: 0 !important;

    padding: 0 !important;
}


.dean-photo img {

    width: 170px !important;

    height: 170px !important;

    display: block !important;

    object-fit: cover !important;

    object-position:
        center top !important;

    border-radius:
        50% !important;

    border:
        3px solid #2472ff !important;

    box-shadow:

        0 0 0 3px rgba(245,130,32,.40),

        0 0 26px rgba(36,114,255,.42) !important;
}



/* ==========================================================
   DEAN CONTENT
========================================================== */

.dean-content {

    grid-area:
        content !important;

    width: 430px !important;

    max-width: 430px !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    text-align:
        center !important;

    direction:
        rtl !important;

    gap:
        2px !important;
}



/* ==========================================================
   DEAN BADGE
========================================================== */

.dean-badge {

    width: auto !important;

    min-width: 140px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        5px 18px !important;

    margin:
        0 0 9px !important;

    border:
        1px solid rgba(245,130,32,.75) !important;

    border-radius:
        20px !important;

    background:
        rgba(245,130,32,.06) !important;
}


.dean-badge,
.dean-badge *,
.dean-badge .elementor-heading-title {

    color:
        #f58220 !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.25 !important;

    margin:
        0 !important;
}



/* ==========================================================
   DEAN NAME
========================================================== */

.dean-name {

    width:
        100% !important;

    padding:
        4px 0 !important;

    margin:
        0 0 5px !important;
}


.dean-name,
.dean-name *,
.dean-name h1,
.dean-name h2,
.dean-name h3,
.dean-name .elementor-heading-title {

    color:
        #ffffff !important;

    font-size:
        29px !important;

    font-weight:
        800 !important;

    line-height:
        1.3 !important;

    margin:
        0 !important;
}



/* ==========================================================
   DEAN ROLE
========================================================== */

.dean-role {

    width:
        100% !important;

    display:
        block !important;

    padding:
        5px 0 !important;

    margin:
        0 0 3px !important;

    text-align:
        center !important;
}


.dean-role,
.dean-role *,
.dean-role .elementor-heading-title {

    color:
        #f58220 !important;

    font-size:
        16.5px !important;

    font-weight:
        700 !important;

    line-height:
        1.45 !important;
}



/* ==========================================================
   DEAN SPECIALTY
========================================================== */

.dean-specialty {

    width:
        100% !important;

    display:
        block !important;

    padding:
        5px 0 !important;

    margin:
        0 0 3px !important;

    text-align:
        center !important;
}


.dean-specialty,
.dean-specialty *,
.dean-specialty .elementor-heading-title {

    color:
        rgba(255,255,255,.92) !important;

    /* تم تكبير الخط */

    font-size:
        15px !important;

    font-weight:
        500 !important;

    line-height:
        1.5 !important;
}



/* ==========================================================
   DEAN EMAIL
========================================================== */

.dean-meta {

    width:
        auto !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        8px !important;

    padding:
        5px 0 !important;

    margin:
        1px auto 8px !important;
}


.dean-email,
.dean-email *,
.dean-email a {

    color:
        rgba(255,255,255,.88) !important;

    /* أكبر قليلًا */

    font-size:
        14px !important;

    line-height:
        1.45 !important;

    text-decoration:
        none !important;
}


.dean-meta i,
.dean-meta svg,
.dean-email-icon i,
.dean-email-icon svg {

    color:
        #f58220 !important;

    fill:
        #f58220 !important;

    width:
        15px !important;

    height:
        15px !important;
}



/* ==========================================================
   DEAN CV BUTTON
========================================================== */

.dean-cv-btn {

    width:
        220px !important;

    max-width:
        220px !important;

    margin:
        6px auto 0 !important;

    padding-top:
        4px !important;
}


.dean-cv-btn .elementor-button {

    width:
        100% !important;

    min-height:
        35px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        6px 16px !important;

    background:
        transparent !important;

    border:
        1px solid #f58220 !important;

    border-radius:
        7px !important;

    color:
        #f58220 !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    transition:
        all .25s ease !important;
}


.dean-cv-btn .elementor-button:hover {

    background:
        #f58220 !important;

    color:
        #ffffff !important;

    transform:
        translateY(-2px);
}



/* ==========================================================
   3. FACULTY SECTION
========================================================== */

.faculty-section {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        34px 25px 46px !important;

    background:
        #071d39 !important;

    box-sizing:
        border-box !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    direction:
        rtl !important;
}



/* ==========================================================
   FACULTY LOOP GRID
========================================================== */

.faculty-section .elementor-widget-loop-grid,
.faculty-section .elementor-widget-loop-grid.elementor-widget {

    width:
        100% !important;

    max-width:
        1100px !important;

    margin:
        0 auto !important;
}


.faculty-section
.elementor-widget-loop-grid
> .elementor-widget-container {

    width:
        100% !important;

    max-width:
        1100px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


.faculty-section .elementor-loop-container {

    width:
        100% !important;

    max-width:
        1100px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(3,minmax(280px,1fr)) !important;

    gap:
        22px !important;

    align-items:
        stretch !important;
}



/* ==========================================================
   FACULTY CARD
========================================================== */

.faculty-card {

    position:
        relative !important;

    width:
        100% !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    min-height:
        405px !important;

    margin:
        0 !important;

    /*
       زدنا الـ Top padding
       حتى لا تلتصق الصورة بأعلى البطاقة
    */

    padding:
        27px 20px 17px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        6px !important;

    text-align:
        center !important;

    direction:
        rtl !important;

    overflow:
        hidden !important;

    border-radius:
        14px !important;

    border:
        1px solid rgba(72,118,255,.75) !important;

    background:

        radial-gradient(
            circle at 12% 25%,
            rgba(38,96,225,.27) 0%,
            rgba(38,96,225,.10) 28%,
            transparent 52%
        ),

        radial-gradient(
            circle at 92% 75%,
            rgba(245,130,32,.14) 0%,
            rgba(245,130,32,.05) 28%,
            transparent 52%
        ),

        linear-gradient(
            145deg,
            #102a52 0%,
            #0b2344 52%,
            #10233e 100%
        ) !important;

    box-shadow:
        0 7px 20px rgba(0,0,0,.20) !important;

    box-sizing:
        border-box !important;
}



/* ==========================================================
   FACULTY PHOTO
========================================================== */

.faculty-photo,
.faculty-photo .elementor-widget-container,
.faculty-photo img {

    width:
        145px !important;

    height:
        145px !important;
}


.faculty-photo {

    margin:
        0 auto 11px !important;
}


.faculty-photo .elementor-widget-container {

    overflow:
        hidden !important;

    border-radius:
        50% !important;
}


.faculty-photo img {

    display:
        block !important;

    object-fit:
        cover !important;

    object-position:
        center top !important;

    border-radius:
        50% !important;

    border:
        3px solid #2472ff !important;

    box-shadow:

        0 0 0 3px rgba(245,130,32,.48),

        0 0 22px rgba(36,114,255,.38) !important;
}



/* ==========================================================
   FACULTY CONTENT
========================================================== */

.faculty-content {

    width:
        100% !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    text-align:
        center !important;

    gap:
        5px !important;
}



/* ==========================================================
   FACULTY NAME
========================================================== */

.faculty-name,
.faculty-name *,
.faculty-name a {

    color:
        #ffffff !important;

    font-size:
        19px !important;

    font-weight:
        800 !important;

    line-height:
        1.35 !important;

    margin:
        0 !important;

    padding:
        4px 0 !important;

    text-decoration:
        none !important;
}



/* ==========================================================
   FACULTY POSITION
========================================================== */

.faculty-position,
.faculty-position * {

    color:
        #f58220 !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.4 !important;

    margin:
        0 !important;

    padding:
        4px 0 !important;
}



/* ==========================================================
   FACULTY DEGREE
========================================================== */

.faculty-degree,
.faculty-degree * {

    color:
        rgba(255,255,255,.94) !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        1.45 !important;

    margin:
        0 !important;

    padding:
        3px 0 !important;
}



/* ==========================================================
   FACULTY SPECIALTY
========================================================== */

.faculty-specialty,
.faculty-specialty * {

    color:
        rgba(255,255,255,.86) !important;

    /* زاد قليلًا */

    font-size:
        14px !important;

    line-height:
        1.45 !important;

    margin:
        0 !important;

    padding:
        4px 0 !important;
}



/* ==========================================================
   FACULTY EMAIL
========================================================== */

.faculty-meta {

    width:
        100% !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        7px !important;

    margin:
        8px 0 10px !important;
}


.faculty-email,
.faculty-email *,
.faculty-email a {

    color:
        rgba(255,255,255,.88) !important;

    /* تم تكبيره */

    font-size:
        13.5px !important;

    line-height:
        1.4 !important;

    text-decoration:
        none !important;

    overflow-wrap:
        anywhere !important;

    word-break:
        break-word !important;
}


.faculty-meta i,
.faculty-meta svg {

    width:
        14px !important;

    height:
        14px !important;

    color:
        #f58220 !important;

    fill:
        #f58220 !important;
}



/* ==========================================================
   FACULTY CV
========================================================== */

.faculty-cv {

    width:
        calc(100% - 12px) !important;

    margin-top:
        auto !important;

    padding-top:
        9px !important;
}


.faculty-cv .elementor-button {

    width:
        100% !important;

    min-height:
        35px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        7px 14px !important;

    /* الوضع الطبيعي */

    background:
        #f58220 !important;

    color:
        #ffffff !important;

    border:
        1px solid #f58220 !important;

    border-radius:
        5px !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    transition:
        all .25s ease !important;
}


.faculty-cv .elementor-button *,
.faculty-cv .elementor-button svg {

    color:
        #ffffff !important;

    fill:
        #ffffff !important;
}



/* Hover */

.faculty-cv .elementor-button:hover {

    background:
        transparent !important;

    color:
        #f58220 !important;

    border-color:
        #f58220 !important;

    transform:
        translateY(-2px) !important;
}


.faculty-cv .elementor-button:hover *,
.faculty-cv .elementor-button:hover svg {

    color:
        #f58220 !important;

    fill:
        #f58220 !important;
}



/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

    .faculty-section .elementor-loop-container {

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


    .dean-card {

        width:
            calc(100% - 25px) !important;

        grid-template-columns:
            160px minmax(0,430px) !important;

        column-gap:
            16px !important;
    }


    .dean-card-inner {

        width:
            160px !important;

        min-width:
            160px !important;
    }


    .dean-photo,
    .dean-photo .elementor-widget-container,
    .dean-photo img {

        width:
            155px !important;

        height:
            155px !important;
    }
}



/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {


    /* ======================================================
       DEAN MOBILE
    ====================================================== */

    .dean-section {

        padding:
            25px 12px 30px !important;
    }


    .dean-card {

        width:
            100% !important;

        max-width:
            100% !important;

        min-height:
            0 !important;

        height:
            auto !important;

        padding:
            28px 14px 25px !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            flex-start !important;

        gap:
            15px !important;

        overflow:
            hidden !important;
    }



    /* صورة العميد */

    .dean-card-inner {

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        display:
            flex !important;

        justify-content:
            center !important;

        align-items:
            center !important;

        order:
            1 !important;

        margin:
            0 !important;
    }


    .dean-photo,
    .dean-photo .elementor-widget-container,
    .dean-photo img {

        width:
            140px !important;

        height:
            140px !important;
    }


    .dean-photo {

        margin:
            0 auto !important;
    }



    /* معلومات العميد */

    .dean-content {

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        order:
            2 !important;

        text-align:
            center !important;

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            3px !important;
    }


    .dean-badge {

        margin:
            0 0 10px !important;
    }


    .dean-name {

        width:
            100% !important;

        margin:
            0 0 8px !important;
    }


    .dean-name,
    .dean-name *,
    .dean-name .elementor-heading-title {

        font-size:
            22px !important;

        white-space:
            normal !important;
    }


    .dean-role {

        width:
            100% !important;

        margin:
            0 0 7px !important;

        padding:
            4px 0 !important;
    }


    .dean-role,
    .dean-role *,
    .dean-role .elementor-heading-title {

        font-size:
            15px !important;

        white-space:
            normal !important;
    }


    .dean-specialty {

        width:
            100% !important;

        margin:
            0 0 7px !important;

        padding:
            4px 0 !important;
    }


    .dean-specialty,
    .dean-specialty *,
    .dean-specialty .elementor-heading-title {

        font-size:
            14px !important;

        white-space:
            normal !important;
    }


    .dean-meta {

        width:
            100% !important;

        display:
            flex !important;

        justify-content:
            center !important;

        flex-wrap:
            wrap !important;

        margin:
            3px 0 11px !important;
    }


    .dean-email,
    .dean-email *,
    .dean-email a {

        font-size:
            13px !important;

        overflow-wrap:
            anywhere !important;
    }


    .dean-cv-btn {

        width:
            185px !important;

        max-width:
            185px !important;

        margin:
            5px auto 0 !important;
    }



    /* ======================================================
       FACULTY MOBILE
       بطاقتان في السطر
    ====================================================== */

    .faculty-section {

        padding:
            28px 12px 36px !important;
    }


    .faculty-section .elementor-loop-container {

        width:
            100% !important;

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

        gap:
            12px !important;
    }


    .faculty-card {

        width:
            100% !important;

        min-height:
            365px !important;

        /*
           إنزال محتوى البطاقة قليلًا
        */

        padding:
            20px 8px 13px !important;

        gap:
            5px !important;
    }


    .faculty-photo,
    .faculty-photo .elementor-widget-container,
    .faculty-photo img {

        width:
            110px !important;

        height:
            110px !important;
    }


    .faculty-photo {

        margin-bottom:
            8px !important;
    }


    .faculty-name,
    .faculty-name * {

        font-size:
            15px !important;
    }


    .faculty-position,
    .faculty-position * {

        font-size:
            13px !important;
    }


    .faculty-degree,
    .faculty-degree * {

        font-size:
            12px !important;
    }


    /* أكبر من السابق */

    .faculty-specialty,
    .faculty-specialty * {

        font-size:
            12.5px !important;

        line-height:
            1.4 !important;
    }


    /* البريد أكبر قليلًا */

    .faculty-email,
    .faculty-email *,
    .faculty-email a {

        font-size:
            11.5px !important;

        line-height:
            1.35 !important;
    }


    .faculty-cv .elementor-button {

        font-size:
            11px !important;

        padding:
            6px 7px !important;
    }
}



/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 480px) {


    /* العميد */

    .dean-card {

        padding:
            26px 10px 23px !important;
    }


    .dean-photo,
    .dean-photo .elementor-widget-container,
    .dean-photo img {

        width:
            130px !important;

        height:
            130px !important;
    }


    .dean-name,
    .dean-name *,
    .dean-name .elementor-heading-title {

        font-size:
            20px !important;
    }



    /* أعضاء هيئة التدريس */

    .faculty-section .elementor-loop-container {

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

        gap:
            8px !important;
    }


    .faculty-card {

        min-height:
            350px !important;

        padding:
            18px 5px 11px !important;
    }


    .faculty-photo,
    .faculty-photo .elementor-widget-container,
    .faculty-photo img {

        width:
            95px !important;

        height:
            95px !important;
    }


    .faculty-name,
    .faculty-name * {

        font-size:
            13.5px !important;
    }


    .faculty-position,
    .faculty-position * {

        font-size:
            12px !important;
    }


    .faculty-degree,
    .faculty-degree * {

        font-size:
            11px !important;
    }


    .faculty-specialty,
    .faculty-specialty * {

        font-size:
            11px !important;
    }


    .faculty-email,
    .faculty-email *,
    .faculty-email a {

        font-size:
            10px !important;

        line-height:
            1.3 !important;
    }


    .faculty-cv .elementor-button {

        font-size:
            10.5px !important;
    }
}
/* ==========================================================
   FIXES - PROGRAM ICON + DEAN SPACING + FACULTY PHOTO SPACING
   أضيفيه في آخر الكود الحالي
========================================================== */


/* ==========================================================
   1) إصلاح أيقونة البرامج
   منع الأيقونة من النزول/الارتفاع داخل الكرت
========================================================== */

.academic-program-icon,
.academic-program-icon .elementor-widget-container,
.academic-program-icon .elementor-icon-wrapper,
.academic-program-icon .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    line-height: 1 !important;

    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;
}


.academic-program-icon i,
.academic-program-icon svg,
.academic-program-icon .elementor-icon i,
.academic-program-icon .elementor-icon svg,
.academic-program-icon .elementor-icon-wrapper i,
.academic-program-icon .elementor-icon-wrapper svg {
    display: block !important;

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

    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}


/* لو Elementor يعطي ارتفاع غريب للأيقونة */
.academic-program-icon .elementor-icon {
    width: 100% !important;
    height: 100% !important;
}


/* ==========================================================
   2) إنزال بطاقة العميد قليلاً للأسفل
========================================================== */

.dean-section {
    padding-top: 38px !important;
}


.dean-card {
    margin-top: 16px !important;
    padding-top: 30px !important;
}


.dean-card-inner {
    margin-top: 8px !important;
}


.dean-content {
    padding-top: 8px !important;
}


/* ==========================================================
   3) إنزال صورة عضو هيئة التدريس قليلاً للأسفل
========================================================== */

.faculty-card {
    padding-top: 26px !important;
}


.faculty-photo {
    margin: 8px auto 12px !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

    .dean-section {
        padding-top: 34px !important;
    }

    .dean-card {
        margin-top: 14px !important;
        padding-top: 28px !important;
    }

    .faculty-card {
        padding-top: 24px !important;
    }

    .faculty-photo {
        margin: 8px auto 12px !important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    /* تثبيت الأيقونة داخل البرامج في الجوال */
    .academic-program-icon,
    .academic-program-icon .elementor-widget-container,
    .academic-program-icon .elementor-icon-wrapper,
    .academic-program-icon .elementor-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: static !important;
        transform: none !important;
        line-height: 1 !important;
    }

    .academic-program-icon i,
    .academic-program-icon svg,
    .academic-program-icon .elementor-icon i,
    .academic-program-icon .elementor-icon svg {
        position: static !important;
        transform: none !important;
        top: auto !important;
        margin: 0 auto !important;
        vertical-align: middle !important;
    }

    /* بطاقة العميد */
    .dean-section {
        padding-top: 28px !important;
    }

    .dean-card {
        margin-top: 12px !important;
        padding-top: 24px !important;
    }

    .dean-card-inner {
        margin-top: 6px !important;
    }

    .dean-content {
        padding-top: 6px !important;
    }

    /* بطاقات أعضاء التدريس */
    .faculty-card {
        padding-top: 20px !important;
    }

    .faculty-photo {
        margin: 6px auto 12px !important;
    }
}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .dean-card {
        margin-top: 10px !important;
        padding-top: 22px !important;
    }

    .faculty-card {
        padding-top: 18px !important;
    }

    .faculty-photo {
        margin: 5px auto 10px !important;
    }
}
/* ==========================================================
   FINAL VERTICAL SPACING FIX
   إنزال محتوى العميد وصور أعضاء هيئة التدريس قليلاً
========================================================== */


/* ==========================================================
   1. DEAN - إنزال محتوى بطاقة العميد قليلاً
========================================================== */

/* إنزال الصورة */
.dean-card-inner {
    position: relative !important;
    top: 8px !important;
}

/* إنزال حاوية المعلومات بنفس المقدار تقريباً */
.dean-content {
    position: relative !important;
    top: 8px !important;
}


/* ==========================================================
   2. FACULTY - إنزال صورة عضو هيئة التدريس
========================================================== */

/*
   faculty-photo يجب أن يكون على حاوية الصورة
   كما هو عندك الآن في Elementor
*/

.faculty-photo {
    position: relative !important;

    top: 12px !important;

    margin:
        0 auto 22px !important;
}


/* نتأكد أن Widget الصورة نفسه لا يلغي الإزاحة */
.faculty-photo > .elementor-element,
.faculty-photo .elementor-widget-image,
.faculty-photo .elementor-widget-theme-post-featured-image {
    margin: 0 !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

    .dean-card-inner,
    .dean-content {
        top: 7px !important;
    }

    .faculty-photo {
        top: 12px !important;

        margin:
            0 auto 20px !important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    /*
       العميد في الموبايل:
       بما أن الصورة فوق والمعلومات تحت
       نخلي النزول أخف
    */

    .dean-card-inner {
        top: 6px !important;
    }

    .dean-content {
        top: 6px !important;
    }


    /*
       صورة عضو هيئة التدريس
    */

    .faculty-photo {
        top: 9px !important;

        margin:
            0 auto 18px !important;
    }
}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .dean-card-inner,
    .dean-content {
        top: 5px !important;
    }

    .faculty-photo {
        top: 8px !important;

        margin:
            0 auto 16px !important;
    }
}C STAFF PAGE
   Programs + Dean + Faculty
========================================================== */


/* ==========================================================
   1. PROGRAMS SECTION
========================================================== */

.programs-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* ==========================================================
   PROGRAM CARD
========================================================== */

.academic-program-card {
    position: relative !important;

    width: fit-content !important;
    min-width: 220px !important;
    max-width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    padding: 10px 16px !important;
    margin: 0 auto !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    background:
        linear-gradient(
            135deg,
            #173a69 0%,
            #0e2b50 100%
        ) !important;

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

    border-radius: 12px !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.16) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}


/* الخط البرتقالي الجانبي */

.academic-program-card::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 3px;
    height: 100%;

    background: #f58220;

    z-index: 2;
}


/* Hover */

.academic-program-card:hover {
    transform: translateY(-2px);

    border-color:
        rgba(245,130,32,.45) !important;

    box-shadow:
        0 8px 18px rgba(0,0,0,.22) !important;
}


/* ==========================================================
   PROGRAM ICON
========================================================== */

.academic-program-icon {
    width: 32px !important;
    height: 32px !important;

    min-width: 32px !important;
    max-width: 32px !important;

    flex: 0 0 32px !important;

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

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 8px !important;

    background:
        rgba(245,130,32,.12) !important;

    border:
        1px solid rgba(245,130,32,.30) !important;

    transition:
        background .25s ease,
        transform .25s ease !important;
}


.academic-program-icon i,
.academic-program-icon svg {
    color: #f58220 !important;
    fill: #f58220 !important;

    font-size: 15px !important;

    width: 15px !important;
    height: 15px !important;

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

    position: relative !important;
    top: 0 !important;
}


.academic-program-card:hover .academic-program-icon {
    background:
        #f58220 !important;

    transform:
        scale(1.04);
}


.academic-program-card:hover .academic-program-icon i,
.academic-program-card:hover .academic-program-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* ==========================================================
   PROGRAM TITLE
========================================================== */

.academic-program-title {
    width: auto !important;

    flex: 0 1 auto !important;

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

    text-align: center !important;
}


.academic-program-title,
.academic-program-title a,
.academic-program-title .elementor-heading-title {
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

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

    text-align: center !important;

    text-decoration: none !important;

    white-space: normal !important;

    transition:
        color .25s ease !important;
}


.academic-program-card:hover .academic-program-title,
.academic-program-card:hover .academic-program-title a,
.academic-program-card:hover .academic-program-title .elementor-heading-title {
    color: #ffad62 !important;
}


/* Elementor fixes */

.academic-program-card .elementor-widget,
.academic-program-card .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}



/* ==========================================================
   PROGRAMS - MOBILE
   برنامجان في كل سطر
========================================================== */

@media (max-width: 767px) {

    .programs-section .elementor-loop-container,
    .programs-section .elementor-grid,
    .programs-section .e-loop__container {

        display: grid !important;

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

        gap: 9px !important;

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

        box-sizing: border-box !important;
    }


    .programs-section .e-loop-item,
    .programs-section .elementor-grid-item {

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

        min-width: 0 !important;

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


    .academic-program-card {

        width: 100% !important;

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

        height: 52px !important;
        min-height: 52px !important;

        margin: 0 !important;

        padding:
            7px 7px !important;

        gap: 5px !important;

        display: flex !important;

        flex-direction: row !important;

        align-items: center !important;

        justify-content: center !important;

        box-sizing: border-box !important;
    }


    /* رفع الأيقونة قليلًا */

    .academic-program-icon {

        width: 27px !important;
        height: 27px !important;

        min-width: 27px !important;
        max-width: 27px !important;

        flex:
            0 0 27px !important;

        position: relative !important;

        top: -2px !important;
    }


    .academic-program-icon i,
    .academic-program-icon svg {

        width: 12px !important;
        height: 12px !important;

        font-size: 12px !important;

        top: 0 !important;
    }


    /* رفع النص قليلًا */

    .academic-program-title {

        flex: 1 1 auto !important;

        min-width: 0 !important;

        position: relative !important;

        top: -2px !important;

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


    .academic-program-title,
    .academic-program-title a,
    .academic-program-title .elementor-heading-title {

        font-size: 11px !important;

        font-weight: 600 !important;

        line-height: 1.25 !important;

        white-space: normal !important;

        text-align: center !important;

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



/* أصغر الشاشات */

@media (max-width: 390px) {

    .programs-section .elementor-loop-container,
    .programs-section .elementor-grid,
    .programs-section .e-loop__container {

        gap: 7px !important;
    }


    .academic-program-card {

        height: 49px !important;
        min-height: 49px !important;

        padding:
            6px 5px !important;

        gap: 4px !important;
    }


    .academic-program-icon {

        width: 25px !important;
        height: 25px !important;

        min-width: 25px !important;
        max-width: 25px !important;

        flex:
            0 0 25px !important;
    }


    .academic-program-title,
    .academic-program-title a,
    .academic-program-title .elementor-heading-title {

        font-size: 10px !important;

        line-height: 1.2 !important;
    }
}



/* ==========================================================
   2. DEAN SECTION
========================================================== */

.dean-section {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding:
        32px 20px 38px !important;

    background:
        #071d39 !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    box-sizing: border-box !important;

    direction: rtl !important;
}



/* ==========================================================
   DEAN CARD
========================================================== */

.dean-card {

    position: relative !important;

    width: 100% !important;

    max-width: 900px !important;

    min-height: 245px !important;

    margin: 0 auto !important;

    /*
       زدت الـ padding العلوي
       حتى لا يلتصق المحتوى بأعلى البطاقة
    */

    padding:
        30px 28px 26px !important;

    display: grid !important;

    grid-template-columns:
        175px 430px !important;

    grid-template-areas:
        "photo content" !important;

    justify-content: center !important;

    align-items: center !important;

    column-gap:
        18px !important;

    direction: rtl !important;

    overflow: hidden !important;

    border-radius:
        18px !important;

    border:
        1px solid rgba(70,119,255,.78) !important;

    background:

        radial-gradient(
            circle at 12% 45%,
            rgba(34,92,225,.30) 0%,
            rgba(34,92,225,.12) 25%,
            transparent 48%
        ),

        radial-gradient(
            circle at 91% 46%,
            rgba(245,130,32,.20) 0%,
            rgba(245,130,32,.07) 28%,
            transparent 52%
        ),

        linear-gradient(
            135deg,
            #102a55 0%,
            #0b2245 50%,
            #25283c 100%
        ) !important;

    box-shadow:

        0 12px 28px rgba(0,0,0,.20),

        0 0 20px rgba(40,100,230,.15) !important;

    box-sizing: border-box !important;
}



/* ==========================================================
   DEAN WAVES
========================================================== */

.dean-card::before {

    content: "";

    position: absolute;

    left: -120px;

    bottom: -145px;

    width: 680px;

    height: 250px;

    border:
        3px solid rgba(45,105,255,.25);

    border-radius: 50%;

    transform:
        rotate(8deg);

    box-shadow:

        0 0 0 12px rgba(45,105,255,.07),

        0 0 0 25px rgba(45,105,255,.035);

    pointer-events: none;

    z-index: 0;
}


.dean-card::after {

    content: "";

    position: absolute;

    right: -120px;

    bottom: -145px;

    width: 620px;

    height: 245px;

    border:
        3px solid rgba(245,130,32,.20);

    border-radius: 50%;

    transform:
        rotate(-7deg);

    box-shadow:

        0 0 0 12px rgba(245,130,32,.055),

        0 0 0 24px rgba(245,130,32,.028);

    pointer-events: none;

    z-index: 0;
}


.dean-card > * {

    position: relative !important;

    z-index: 2 !important;
}



/* ==========================================================
   DEAN PHOTO WRAPPER
========================================================== */

.dean-card-inner {

    grid-area: photo !important;

    width: 175px !important;

    min-width: 175px !important;

    max-width: 175px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}



/* ==========================================================
   DEAN PHOTO
========================================================== */

.dean-photo {

    width: 170px !important;

    height: 170px !important;

    margin: 0 !important;

    padding: 0 !important;
}


.dean-photo .elementor-widget-container {

    width: 170px !important;

    height: 170px !important;

    margin: 0 !important;

    padding: 0 !important;
}


.dean-photo img {

    width: 170px !important;

    height: 170px !important;

    display: block !important;

    object-fit: cover !important;

    object-position:
        center top !important;

    border-radius:
        50% !important;

    border:
        3px solid #2472ff !important;

    box-shadow:

        0 0 0 3px rgba(245,130,32,.40),

        0 0 26px rgba(36,114,255,.42) !important;
}



/* ==========================================================
   DEAN CONTENT
========================================================== */

.dean-content {

    grid-area:
        content !important;

    width: 430px !important;

    max-width: 430px !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    text-align:
        center !important;

    direction:
        rtl !important;

    gap:
        2px !important;
}



/* ==========================================================
   DEAN BADGE
========================================================== */

.dean-badge {

    width: auto !important;

    min-width: 140px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        5px 18px !important;

    margin:
        0 0 9px !important;

    border:
        1px solid rgba(245,130,32,.75) !important;

    border-radius:
        20px !important;

    background:
        rgba(245,130,32,.06) !important;
}


.dean-badge,
.dean-badge *,
.dean-badge .elementor-heading-title {

    color:
        #f58220 !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.25 !important;

    margin:
        0 !important;
}



/* ==========================================================
   DEAN NAME
========================================================== */

.dean-name {

    width:
        100% !important;

    padding:
        4px 0 !important;

    margin:
        0 0 5px !important;
}


.dean-name,
.dean-name *,
.dean-name h1,
.dean-name h2,
.dean-name h3,
.dean-name .elementor-heading-title {

    color:
        #ffffff !important;

    font-size:
        29px !important;

    font-weight:
        800 !important;

    line-height:
        1.3 !important;

    margin:
        0 !important;
}



/* ==========================================================
   DEAN ROLE
========================================================== */

.dean-role {

    width:
        100% !important;

    display:
        block !important;

    padding:
        5px 0 !important;

    margin:
        0 0 3px !important;

    text-align:
        center !important;
}


.dean-role,
.dean-role *,
.dean-role .elementor-heading-title {

    color:
        #f58220 !important;

    font-size:
        16.5px !important;

    font-weight:
        700 !important;

    line-height:
        1.45 !important;
}



/* ==========================================================
   DEAN SPECIALTY
========================================================== */

.dean-specialty {

    width:
        100% !important;

    display:
        block !important;

    padding:
        5px 0 !important;

    margin:
        0 0 3px !important;

    text-align:
        center !important;
}


.dean-specialty,
.dean-specialty *,
.dean-specialty .elementor-heading-title {

    color:
        rgba(255,255,255,.92) !important;

    /* تم تكبير الخط */

    font-size:
        15px !important;

    font-weight:
        500 !important;

    line-height:
        1.5 !important;
}



/* ==========================================================
   DEAN EMAIL
========================================================== */

.dean-meta {

    width:
        auto !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        8px !important;

    padding:
        5px 0 !important;

    margin:
        1px auto 8px !important;
}


.dean-email,
.dean-email *,
.dean-email a {

    color:
        rgba(255,255,255,.88) !important;

    /* أكبر قليلًا */

    font-size:
        14px !important;

    line-height:
        1.45 !important;

    text-decoration:
        none !important;
}


.dean-meta i,
.dean-meta svg,
.dean-email-icon i,
.dean-email-icon svg {

    color:
        #f58220 !important;

    fill:
        #f58220 !important;

    width:
        15px !important;

    height:
        15px !important;
}



/* ==========================================================
   DEAN CV BUTTON
========================================================== */

.dean-cv-btn {

    width:
        220px !important;

    max-width:
        220px !important;

    margin:
        6px auto 0 !important;

    padding-top:
        4px !important;
}


.dean-cv-btn .elementor-button {

    width:
        100% !important;

    min-height:
        35px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        6px 16px !important;

    background:
        transparent !important;

    border:
        1px solid #f58220 !important;

    border-radius:
        7px !important;

    color:
        #f58220 !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    transition:
        all .25s ease !important;
}


.dean-cv-btn .elementor-button:hover {

    background:
        #f58220 !important;

    color:
        #ffffff !important;

    transform:
        translateY(-2px);
}



/* ==========================================================
   3. FACULTY SECTION
========================================================== */

.faculty-section {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        34px 25px 46px !important;

    background:
        #071d39 !important;

    box-sizing:
        border-box !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    direction:
        rtl !important;
}



/* ==========================================================
   FACULTY LOOP GRID
========================================================== */

.faculty-section .elementor-widget-loop-grid,
.faculty-section .elementor-widget-loop-grid.elementor-widget {

    width:
        100% !important;

    max-width:
        1100px !important;

    margin:
        0 auto !important;
}


.faculty-section
.elementor-widget-loop-grid
> .elementor-widget-container {

    width:
        100% !important;

    max-width:
        1100px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


.faculty-section .elementor-loop-container {

    width:
        100% !important;

    max-width:
        1100px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(3,minmax(280px,1fr)) !important;

    gap:
        22px !important;

    align-items:
        stretch !important;
}



/* ==========================================================
   FACULTY CARD
========================================================== */

.faculty-card {

    position:
        relative !important;

    width:
        100% !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    min-height:
        405px !important;

    margin:
        0 !important;

    /*
       زدنا الـ Top padding
       حتى لا تلتصق الصورة بأعلى البطاقة
    */

    padding:
        27px 20px 17px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        6px !important;

    text-align:
        center !important;

    direction:
        rtl !important;

    overflow:
        hidden !important;

    border-radius:
        14px !important;

    border:
        1px solid rgba(72,118,255,.75) !important;

    background:

        radial-gradient(
            circle at 12% 25%,
            rgba(38,96,225,.27) 0%,
            rgba(38,96,225,.10) 28%,
            transparent 52%
        ),

        radial-gradient(
            circle at 92% 75%,
            rgba(245,130,32,.14) 0%,
            rgba(245,130,32,.05) 28%,
            transparent 52%
        ),

        linear-gradient(
            145deg,
            #102a52 0%,
            #0b2344 52%,
            #10233e 100%
        ) !important;

    box-shadow:
        0 7px 20px rgba(0,0,0,.20) !important;

    box-sizing:
        border-box !important;
}



/* ==========================================================
   FACULTY PHOTO
========================================================== */

.faculty-photo,
.faculty-photo .elementor-widget-container,
.faculty-photo img {

    width:
        145px !important;

    height:
        145px !important;
}


.faculty-photo {

    margin:
        0 auto 11px !important;
}


.faculty-photo .elementor-widget-container {

    overflow:
        hidden !important;

    border-radius:
        50% !important;
}


.faculty-photo img {

    display:
        block !important;

    object-fit:
        cover !important;

    object-position:
        center top !important;

    border-radius:
        50% !important;

    border:
        3px solid #2472ff !important;

    box-shadow:

        0 0 0 3px rgba(245,130,32,.48),

        0 0 22px rgba(36,114,255,.38) !important;
}



/* ==========================================================
   FACULTY CONTENT
========================================================== */

.faculty-content {

    width:
        100% !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    text-align:
        center !important;

    gap:
        5px !important;
}



/* ==========================================================
   FACULTY NAME
========================================================== */

.faculty-name,
.faculty-name *,
.faculty-name a {

    color:
        #ffffff !important;

    font-size:
        19px !important;

    font-weight:
        800 !important;

    line-height:
        1.35 !important;

    margin:
        0 !important;

    padding:
        4px 0 !important;

    text-decoration:
        none !important;
}



/* ==========================================================
   FACULTY POSITION
========================================================== */

.faculty-position,
.faculty-position * {

    color:
        #f58220 !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.4 !important;

    margin:
        0 !important;

    padding:
        4px 0 !important;
}



/* ==========================================================
   FACULTY DEGREE
========================================================== */

.faculty-degree,
.faculty-degree * {

    color:
        rgba(255,255,255,.94) !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        1.45 !important;

    margin:
        0 !important;

    padding:
        3px 0 !important;
}



/* ==========================================================
   FACULTY SPECIALTY
========================================================== */

.faculty-specialty,
.faculty-specialty * {

    color:
        rgba(255,255,255,.86) !important;

    /* زاد قليلًا */

    font-size:
        14px !important;

    line-height:
        1.45 !important;

    margin:
        0 !important;

    padding:
        4px 0 !important;
}



/* ==========================================================
   FACULTY EMAIL
========================================================== */

.faculty-meta {

    width:
        100% !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        7px !important;

    margin:
        8px 0 10px !important;
}


.faculty-email,
.faculty-email *,
.faculty-email a {

    color:
        rgba(255,255,255,.88) !important;

    /* تم تكبيره */

    font-size:
        13.5px !important;

    line-height:
        1.4 !important;

    text-decoration:
        none !important;

    overflow-wrap:
        anywhere !important;

    word-break:
        break-word !important;
}


.faculty-meta i,
.faculty-meta svg {

    width:
        14px !important;

    height:
        14px !important;

    color:
        #f58220 !important;

    fill:
        #f58220 !important;
}



/* ==========================================================
   FACULTY CV
========================================================== */

.faculty-cv {

    width:
        calc(100% - 12px) !important;

    margin-top:
        auto !important;

    padding-top:
        9px !important;
}


.faculty-cv .elementor-button {

    width:
        100% !important;

    min-height:
        35px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        7px 14px !important;

    /* الوضع الطبيعي */

    background:
        #f58220 !important;

    color:
        #ffffff !important;

    border:
        1px solid #f58220 !important;

    border-radius:
        5px !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    transition:
        all .25s ease !important;
}


.faculty-cv .elementor-button *,
.faculty-cv .elementor-button svg {

    color:
        #ffffff !important;

    fill:
        #ffffff !important;
}



/* Hover */

.faculty-cv .elementor-button:hover {

    background:
        transparent !important;

    color:
        #f58220 !important;

    border-color:
        #f58220 !important;

    transform:
        translateY(-2px) !important;
}


.faculty-cv .elementor-button:hover *,
.faculty-cv .elementor-button:hover svg {

    color:
        #f58220 !important;

    fill:
        #f58220 !important;
}



/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

    .faculty-section .elementor-loop-container {

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


    .dean-card {

        width:
            calc(100% - 25px) !important;

        grid-template-columns:
            160px minmax(0,430px) !important;

        column-gap:
            16px !important;
    }


    .dean-card-inner {

        width:
            160px !important;

        min-width:
            160px !important;
    }


    .dean-photo,
    .dean-photo .elementor-widget-container,
    .dean-photo img {

        width:
            155px !important;

        height:
            155px !important;
    }
}



/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {


    /* ======================================================
       DEAN MOBILE
    ====================================================== */

    .dean-section {

        padding:
            25px 12px 30px !important;
    }


    .dean-card {

        width:
            100% !important;

        max-width:
            100% !important;

        min-height:
            0 !important;

        height:
            auto !important;

        padding:
            28px 14px 25px !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            flex-start !important;

        gap:
            15px !important;

        overflow:
            hidden !important;
    }



    /* صورة العميد */

    .dean-card-inner {

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        display:
            flex !important;

        justify-content:
            center !important;

        align-items:
            center !important;

        order:
            1 !important;

        margin:
            0 !important;
    }


    .dean-photo,
    .dean-photo .elementor-widget-container,
    .dean-photo img {

        width:
            140px !important;

        height:
            140px !important;
    }


    .dean-photo {

        margin:
            0 auto !important;
    }



    /* معلومات العميد */

    .dean-content {

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        order:
            2 !important;

        text-align:
            center !important;

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            3px !important;
    }


    .dean-badge {

        margin:
            0 0 10px !important;
    }


    .dean-name {

        width:
            100% !important;

        margin:
            0 0 8px !important;
    }


    .dean-name,
    .dean-name *,
    .dean-name .elementor-heading-title {

        font-size:
            22px !important;

        white-space:
            normal !important;
    }


    .dean-role {

        width:
            100% !important;

        margin:
            0 0 7px !important;

        padding:
            4px 0 !important;
    }


    .dean-role,
    .dean-role *,
    .dean-role .elementor-heading-title {

        font-size:
            15px !important;

        white-space:
            normal !important;
    }


    .dean-specialty {

        width:
            100% !important;

        margin:
            0 0 7px !important;

        padding:
            4px 0 !important;
    }


    .dean-specialty,
    .dean-specialty *,
    .dean-specialty .elementor-heading-title {

        font-size:
            14px !important;

        white-space:
            normal !important;
    }


    .dean-meta {

        width:
            100% !important;

        display:
            flex !important;

        justify-content:
            center !important;

        flex-wrap:
            wrap !important;

        margin:
            3px 0 11px !important;
    }


    .dean-email,
    .dean-email *,
    .dean-email a {

        font-size:
            13px !important;

        overflow-wrap:
            anywhere !important;
    }


    .dean-cv-btn {

        width:
            185px !important;

        max-width:
            185px !important;

        margin:
            5px auto 0 !important;
    }



    /* ======================================================
       FACULTY MOBILE
       بطاقتان في السطر
    ====================================================== */

    .faculty-section {

        padding:
            28px 12px 36px !important;
    }


    .faculty-section .elementor-loop-container {

        width:
            100% !important;

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

        gap:
            12px !important;
    }


    .faculty-card {

        width:
            100% !important;

        min-height:
            365px !important;

        /*
           إنزال محتوى البطاقة قليلًا
        */

        padding:
            20px 8px 13px !important;

        gap:
            5px !important;
    }


    .faculty-photo,
    .faculty-photo .elementor-widget-container,
    .faculty-photo img {

        width:
            110px !important;

        height:
            110px !important;
    }


    .faculty-photo {

        margin-bottom:
            8px !important;
    }


    .faculty-name,
    .faculty-name * {

        font-size:
            15px !important;
    }


    .faculty-position,
    .faculty-position * {

        font-size:
            13px !important;
    }


    .faculty-degree,
    .faculty-degree * {

        font-size:
            12px !important;
    }


    /* أكبر من السابق */

    .faculty-specialty,
    .faculty-specialty * {

        font-size:
            12.5px !important;

        line-height:
            1.4 !important;
    }


    /* البريد أكبر قليلًا */

    .faculty-email,
    .faculty-email *,
    .faculty-email a {

        font-size:
            11.5px !important;

        line-height:
            1.35 !important;
    }


    .faculty-cv .elementor-button {

        font-size:
            11px !important;

        padding:
            6px 7px !important;
    }
}



/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 480px) {


    /* العميد */

    .dean-card {

        padding:
            26px 10px 23px !important;
    }


    .dean-photo,
    .dean-photo .elementor-widget-container,
    .dean-photo img {

        width:
            130px !important;

        height:
            130px !important;
    }


    .dean-name,
    .dean-name *,
    .dean-name .elementor-heading-title {

        font-size:
            20px !important;
    }



    /* أعضاء هيئة التدريس */

    .faculty-section .elementor-loop-container {

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

        gap:
            8px !important;
    }


    .faculty-card {

        min-height:
            350px !important;

        padding:
            18px 5px 11px !important;
    }


    .faculty-photo,
    .faculty-photo .elementor-widget-container,
    .faculty-photo img {

        width:
            95px !important;

        height:
            95px !important;
    }


    .faculty-name,
    .faculty-name * {

        font-size:
            13.5px !important;
    }


    .faculty-position,
    .faculty-position * {

        font-size:
            12px !important;
    }


    .faculty-degree,
    .faculty-degree * {

        font-size:
            11px !important;
    }


    .faculty-specialty,
    .faculty-specialty * {

        font-size:
            11px !important;
    }


    .faculty-email,
    .faculty-email *,
    .faculty-email a {

        font-size:
            10px !important;

        line-height:
            1.3 !important;
    }


    .faculty-cv .elementor-button {

        font-size:
            10.5px !important;
    }
}
/* ==========================================================
   FIXES - PROGRAM ICON + DEAN SPACING + FACULTY PHOTO SPACING
   أضيفيه في آخر الكود الحالي
========================================================== */


/* ==========================================================
   1) إصلاح أيقونة البرامج
   منع الأيقونة من النزول/الارتفاع داخل الكرت
========================================================== */

.academic-program-icon,
.academic-program-icon .elementor-widget-container,
.academic-program-icon .elementor-icon-wrapper,
.academic-program-icon .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    line-height: 1 !important;

    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;
}


.academic-program-icon i,
.academic-program-icon svg,
.academic-program-icon .elementor-icon i,
.academic-program-icon .elementor-icon svg,
.academic-program-icon .elementor-icon-wrapper i,
.academic-program-icon .elementor-icon-wrapper svg {
    display: block !important;

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

    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}


/* لو Elementor يعطي ارتفاع غريب للأيقونة */
.academic-program-icon .elementor-icon {
    width: 100% !important;
    height: 100% !important;
}


/* ==========================================================
   2) إنزال بطاقة العميد قليلاً للأسفل
========================================================== */

.dean-section {
    padding-top: 38px !important;
}


.dean-card {
    margin-top: 16px !important;
    padding-top: 30px !important;
}


.dean-card-inner {
    margin-top: 8px !important;
}


.dean-content {
    padding-top: 8px !important;
}


/* ==========================================================
   3) إنزال صورة عضو هيئة التدريس قليلاً للأسفل
========================================================== */

.faculty-card {
    padding-top: 26px !important;
}


.faculty-photo {
    margin: 8px auto 12px !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

    .dean-section {
        padding-top: 34px !important;
    }

    .dean-card {
        margin-top: 14px !important;
        padding-top: 28px !important;
    }

    .faculty-card {
        padding-top: 24px !important;
    }

    .faculty-photo {
        margin: 8px auto 12px !important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    /* تثبيت الأيقونة داخل البرامج في الجوال */
    .academic-program-icon,
    .academic-program-icon .elementor-widget-container,
    .academic-program-icon .elementor-icon-wrapper,
    .academic-program-icon .elementor-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: static !important;
        transform: none !important;
        line-height: 1 !important;
    }

    .academic-program-icon i,
    .academic-program-icon svg,
    .academic-program-icon .elementor-icon i,
    .academic-program-icon .elementor-icon svg {
        position: static !important;
        transform: none !important;
        top: auto !important;
        margin: 0 auto !important;
        vertical-align: middle !important;
    }

    /* بطاقة العميد */
    .dean-section {
        padding-top: 28px !important;
    }

    .dean-card {
        margin-top: 12px !important;
        padding-top: 24px !important;
    }

    .dean-card-inner {
        margin-top: 6px !important;
    }

    .dean-content {
        padding-top: 6px !important;
    }

    /* بطاقات أعضاء التدريس */
    .faculty-card {
        padding-top: 20px !important;
    }

    .faculty-photo {
        margin: 6px auto 12px !important;
    }
}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .dean-card {
        margin-top: 10px !important;
        padding-top: 22px !important;
    }

    .faculty-card {
        padding-top: 18px !important;
    }

    .faculty-photo {
        margin: 5px auto 10px !important;
    }
}
/* ==========================================================
   FINAL VERTICAL SPACING FIX
   إنزال محتوى العميد وصور أعضاء هيئة التدريس قليلاً
========================================================== */


/* ==========================================================
   1. DEAN - إنزال محتوى بطاقة العميد قليلاً
========================================================== */

/* إنزال الصورة */
.dean-card-inner {
    position: relative !important;
    top: 8px !important;
}

/* إنزال حاوية المعلومات بنفس المقدار تقريباً */
.dean-content {
    position: relative !important;
    top: 8px !important;
}


/* ==========================================================
   2. FACULTY - إنزال صورة عضو هيئة التدريس
========================================================== */

/*
   faculty-photo يجب أن يكون على حاوية الصورة
   كما هو عندك الآن في Elementor
*/

.faculty-photo {
    position: relative !important;

    top: 12px !important;

    margin:
        0 auto 22px !important;
}


/* نتأكد أن Widget الصورة نفسه لا يلغي الإزاحة */
.faculty-photo > .elementor-element,
.faculty-photo .elementor-widget-image,
.faculty-photo .elementor-widget-theme-post-featured-image {
    margin: 0 !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

    .dean-card-inner,
    .dean-content {
        top: 7px !important;
    }

    .faculty-photo {
        top: 12px !important;

        margin:
            0 auto 20px !important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    /*
       العميد في الموبايل:
       بما أن الصورة فوق والمعلومات تحت
       نخلي النزول أخف
    */

    .dean-card-inner {
        top: 6px !important;
    }

    .dean-content {
        top: 6px !important;
    }


    /*
       صورة عضو هيئة التدريس
    */

    .faculty-photo {
        top: 9px !important;

        margin:
            0 auto 18px !important;
    }
}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .dean-card-inner,
    .dean-content {
        top: 5px !important;
    }

    .faculty-photo {
        top: 8px !important;

        margin:
            0 auto 16px !important;
    }
}/* End custom CSS */