.elementor-13885 .elementor-element.elementor-element-3f443bfc{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13885 .elementor-element.elementor-element-303a0020{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:0px 0px 28px 28px;}.elementor-13885 .elementor-element.elementor-element-2b6090eb{--display:flex;--flex-direction:row-reverse;--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-reverse;--justify-content:center;--align-items:center;--border-radius:18px 18px 18px 18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13885 .elementor-element.elementor-element-2b6090eb:not(.elementor-motion-effects-element-type-background), .elementor-13885 .elementor-element.elementor-element-2b6090eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #123F69 0%, #061D37 100%);}.elementor-13885 .elementor-element.elementor-element-366dfefc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-13885 .elementor-element.elementor-element-13fde1e0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--padding-top:18px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;}.elementor-13885 .elementor-element.elementor-element-2b20e0ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:11px 11px;--row-gap:11px;--column-gap:11px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:rgba(255,255,255,0.25);--border-color:rgba(255,255,255,0.25);--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-13885 .elementor-element.elementor-element-24a147da{--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;--align-items:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;}.elementor-13885 .elementor-element.elementor-element-588feddd .elementor-icon-wrapper{text-align:center;}.elementor-13885 .elementor-element.elementor-element-588feddd.elementor-view-stacked .elementor-icon{background-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-588feddd.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-588feddd.elementor-view-default .elementor-icon{color:#FF7918;border-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-588feddd.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-588feddd.elementor-view-default .elementor-icon svg{fill:#FF7918;}.elementor-13885 .elementor-element.elementor-element-588feddd .elementor-icon{font-size:14px;}.elementor-13885 .elementor-element.elementor-element-588feddd .elementor-icon svg{height:14px;}.elementor-13885 .elementor-element.elementor-element-2e95af22{--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;--align-items:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;}.elementor-13885 .elementor-element.elementor-element-22e89d0 .elementor-icon-wrapper{text-align:center;}.elementor-13885 .elementor-element.elementor-element-22e89d0.elementor-view-stacked .elementor-icon{background-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-22e89d0.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-22e89d0.elementor-view-default .elementor-icon{color:#FF7918;border-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-22e89d0.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-22e89d0.elementor-view-default .elementor-icon svg{fill:#FF7918;}.elementor-13885 .elementor-element.elementor-element-22e89d0 .elementor-icon{font-size:14px;}.elementor-13885 .elementor-element.elementor-element-22e89d0 .elementor-icon svg{height:14px;}.elementor-13885 .elementor-element.elementor-element-5ee1f5e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:3px 3px;--row-gap:3px;--column-gap:3px;--padding-top:8px;--padding-bottom:18px;--padding-left:0px;--padding-right:0px;}.elementor-13885 .elementor-element.elementor-element-636b54b6{--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;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13885 .elementor-element.elementor-element-2b8d6e64{text-align:start;}.elementor-13885 .elementor-element.elementor-element-2b8d6e64 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:28px;font-weight:800;line-height:1.4em;color:#082747;}.elementor-13885 .elementor-element.elementor-element-47c3e7c6{text-align:start;font-family:"Cairo", Sans-serif;font-size:14px;line-height:1.8em;color:#6C7F92;}.elementor-13885 .elementor-element.elementor-element-345adc80{--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:stretch;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:28px;--padding-left:0px;--padding-right:0px;}.elementor-13885 .elementor-element.elementor-element-70f718ad{--grid-columns:3;}.elementor-13885 .elementor-element.elementor-element-7b798d0d{--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:stretch;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8EF;--border-color:#E2E8EF;--border-radius:16px 16px 16px 16px;--margin-top:8px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:10px;--padding-right:10px;}.elementor-13885 .elementor-element.elementor-element-7b798d0d:not(.elementor-motion-effects-element-type-background), .elementor-13885 .elementor-element.elementor-element-7b798d0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13885 .elementor-element.elementor-element-4c982a19{--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:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:15px;--padding-bottom:15px;--padding-left:12px;--padding-right:12px;}.elementor-13885 .elementor-element.elementor-element-21c692a0 .elementor-icon-wrapper{text-align:center;}.elementor-13885 .elementor-element.elementor-element-21c692a0.elementor-view-stacked .elementor-icon{background-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-21c692a0.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-21c692a0.elementor-view-default .elementor-icon{color:#FF7918;border-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-21c692a0.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-21c692a0.elementor-view-default .elementor-icon svg{fill:#FF7918;}.elementor-13885 .elementor-element.elementor-element-21c692a0 .elementor-icon{font-size:28px;}.elementor-13885 .elementor-element.elementor-element-21c692a0 .elementor-icon svg{height:28px;}.elementor-13885 .elementor-element.elementor-element-708014d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-13885 .elementor-element.elementor-element-4cbb712b{text-align:start;}.elementor-13885 .elementor-element.elementor-element-4cbb712b .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:14px;font-weight:800;line-height:1.4em;color:#082747;}.elementor-13885 .elementor-element.elementor-element-37ffa091{text-align:start;}.elementor-13885 .elementor-element.elementor-element-37ffa091 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;line-height:1.4em;color:#718296;}.elementor-13885 .elementor-element.elementor-element-1b68b753{--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:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:15px;--padding-bottom:15px;--padding-left:12px;--padding-right:12px;}.elementor-13885 .elementor-element.elementor-element-77198196 .elementor-icon-wrapper{text-align:center;}.elementor-13885 .elementor-element.elementor-element-77198196.elementor-view-stacked .elementor-icon{background-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-77198196.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-77198196.elementor-view-default .elementor-icon{color:#FF7918;border-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-77198196.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-77198196.elementor-view-default .elementor-icon svg{fill:#FF7918;}.elementor-13885 .elementor-element.elementor-element-77198196 .elementor-icon{font-size:28px;}.elementor-13885 .elementor-element.elementor-element-77198196 .elementor-icon svg{height:28px;}.elementor-13885 .elementor-element.elementor-element-535c3af0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-13885 .elementor-element.elementor-element-380a610a{text-align:start;}.elementor-13885 .elementor-element.elementor-element-380a610a .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:14px;font-weight:800;line-height:1.4em;color:#082747;}.elementor-13885 .elementor-element.elementor-element-6eb0a0e9{text-align:start;}.elementor-13885 .elementor-element.elementor-element-6eb0a0e9 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;line-height:1.4em;color:#718296;}.elementor-13885 .elementor-element.elementor-element-55e46782{--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:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:15px;--padding-bottom:15px;--padding-left:12px;--padding-right:12px;}.elementor-13885 .elementor-element.elementor-element-4ed57373 .elementor-icon-wrapper{text-align:center;}.elementor-13885 .elementor-element.elementor-element-4ed57373.elementor-view-stacked .elementor-icon{background-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-4ed57373.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-4ed57373.elementor-view-default .elementor-icon{color:#FF7918;border-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-4ed57373.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-4ed57373.elementor-view-default .elementor-icon svg{fill:#FF7918;}.elementor-13885 .elementor-element.elementor-element-4ed57373 .elementor-icon{font-size:28px;}.elementor-13885 .elementor-element.elementor-element-4ed57373 .elementor-icon svg{height:28px;}.elementor-13885 .elementor-element.elementor-element-19402a34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-13885 .elementor-element.elementor-element-2a7651f1{text-align:start;}.elementor-13885 .elementor-element.elementor-element-2a7651f1 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:14px;font-weight:800;line-height:1.4em;color:#082747;}.elementor-13885 .elementor-element.elementor-element-430d1799{text-align:start;}.elementor-13885 .elementor-element.elementor-element-430d1799 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;line-height:1.4em;color:#718296;}.elementor-13885 .elementor-element.elementor-element-10169caa{--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:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:15px;--padding-bottom:15px;--padding-left:12px;--padding-right:12px;}.elementor-13885 .elementor-element.elementor-element-66bbf8ed .elementor-icon-wrapper{text-align:center;}.elementor-13885 .elementor-element.elementor-element-66bbf8ed.elementor-view-stacked .elementor-icon{background-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-66bbf8ed.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-66bbf8ed.elementor-view-default .elementor-icon{color:#FF7918;border-color:#FF7918;}.elementor-13885 .elementor-element.elementor-element-66bbf8ed.elementor-view-framed .elementor-icon, .elementor-13885 .elementor-element.elementor-element-66bbf8ed.elementor-view-default .elementor-icon svg{fill:#FF7918;}.elementor-13885 .elementor-element.elementor-element-66bbf8ed .elementor-icon{font-size:28px;}.elementor-13885 .elementor-element.elementor-element-66bbf8ed .elementor-icon svg{height:28px;}.elementor-13885 .elementor-element.elementor-element-1a0bf471{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-13885 .elementor-element.elementor-element-6e20ef35{text-align:start;}.elementor-13885 .elementor-element.elementor-element-6e20ef35 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:14px;font-weight:800;line-height:1.4em;color:#082747;}.elementor-13885 .elementor-element.elementor-element-164ace29{text-align:start;}.elementor-13885 .elementor-element.elementor-element-164ace29 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;line-height:1.4em;color:#718296;}@media(min-width:768px){.elementor-13885 .elementor-element.elementor-element-3f443bfc{--width:100%;}.elementor-13885 .elementor-element.elementor-element-366dfefc{--width:28%;}.elementor-13885 .elementor-element.elementor-element-13fde1e0{--width:44%;}.elementor-13885 .elementor-element.elementor-element-2b20e0ba{--width:28%;}.elementor-13885 .elementor-element.elementor-element-5ee1f5e2{--content-width:1240px;}.elementor-13885 .elementor-element.elementor-element-7b798d0d{--content-width:1240px;}.elementor-13885 .elementor-element.elementor-element-4c982a19{--width:24%;}.elementor-13885 .elementor-element.elementor-element-1b68b753{--width:24%;}.elementor-13885 .elementor-element.elementor-element-55e46782{--width:24%;}.elementor-13885 .elementor-element.elementor-element-10169caa{--width:24%;}}@media(max-width:1024px) and (min-width:768px){.elementor-13885 .elementor-element.elementor-element-4c982a19{--width:48%;}.elementor-13885 .elementor-element.elementor-element-1b68b753{--width:48%;}.elementor-13885 .elementor-element.elementor-element-55e46782{--width:48%;}.elementor-13885 .elementor-element.elementor-element-10169caa{--width:48%;}}@media(max-width:1024px){.elementor-13885 .elementor-element.elementor-element-345adc80{--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;--flex-wrap:wrap;}.elementor-13885 .elementor-element.elementor-element-70f718ad{--grid-columns:2;}}@media(max-width:767px){.elementor-13885 .elementor-element.elementor-element-303a0020{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13885 .elementor-element.elementor-element-2b6090eb{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13885 .elementor-element.elementor-element-366dfefc{--width:100%;}.elementor-13885 .elementor-element.elementor-element-13fde1e0{--width:100%;}.elementor-13885 .elementor-element.elementor-element-2b20e0ba{--width:100%;}.elementor-13885 .elementor-element.elementor-element-345adc80{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-13885 .elementor-element.elementor-element-70f718ad{--grid-columns:1;}.elementor-13885 .elementor-element.elementor-element-7b798d0d{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13885 .elementor-element.elementor-element-4c982a19{--width:100%;}.elementor-13885 .elementor-element.elementor-element-1b68b753{--width:100%;}.elementor-13885 .elementor-element.elementor-element-55e46782{--width:100%;}.elementor-13885 .elementor-element.elementor-element-10169caa{--width:100%;}}/* Start custom CSS *//* ========================================================== ADMINISTRATIVE STAFF PAGE جامعة الرشيد الذكية FINAL CLEAN VERSION ========================================================== */ /* ========================================================== 01 - MAIN PAGE ========================================================== */ .admin-staff-page { position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 55px !important; direction: rtl !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; /* * الخلفية: * طبقة بيضاء شفافة في الأعلى * ثم صورة التموج في أسفل الصفحة */ background-image: linear-gradient( to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(255,255,255,0.98) 56%, rgba(255,255,255,0.92) 62%, rgba(255,255,255,0.72) 68%, rgba(255,255,255,0.42) 74%, rgba(255,255,255,0.12) 80%, rgba(255,255,255,0) 86% ), url('https://ar-rasheed.edu.ye/wp-content/uploads/2026/10/background-1.png') !important; background-repeat: no-repeat, no-repeat !important; background-position: center bottom, center bottom !important; /* * لا نمدد الصورة على طول الصفحة. * فقط المنطقة السفلية. */ background-size: 100% 100%, 100% auto !important; background-color: #ffffff !important; overflow: hidden !important; } /* Inner Container الرئيسي */ .admin-staff-page > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* منع أي تموجات CSS قديمة */ .admin-staff-page::before, .admin-staff-page::after { content: none !important; display: none !important; } /* ========================================================== 02 - ADMINISTRATIVE STAFF BANNER ========================================================== */ .admin-staff-banner { position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 2 !important; } .admin-staff-banner > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .admin-staff-banner .elementor-widget-shortcode { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .admin-staff-banner .elementor-widget-container, .admin-staff-banner .elementor-shortcode { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .administrative-staff-banner-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; overflow: hidden !important; } .administrative-staff-banner-image { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; } /* إزالة الفراغ أسفل البانر */ .admin-staff-banner, .admin-staff-banner .elementor-widget-shortcode, .admin-staff-banner .elementor-widget-container, .admin-staff-banner .elementor-shortcode, .administrative-staff-banner-wrapper, .administrative-staff-banner-image { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ========================================================== 03 - FINANCIAL / ADMINISTRATIVE OFFICER CARD ========================================================== */ .admin-director-section { position: relative !important; width: calc(100% - 60px) !important; max-width: 860px !important; min-height: 145px !important; margin: 15px auto 32px !important; padding: 16px 20px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; background: linear-gradient( 135deg, #174f80 0%, #0e3e6b 45%, #082747 100% ) !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(8,39,71,0.14) !important; box-sizing: border-box !important; z-index: 3 !important; } /* * زخرفة خفيفة داخل بطاقة المسؤول */ .admin-director-section::before { content: "" !important; position: absolute !important; width: 370px !important; height: 170px !important; top: -120px !important; left: 22% !important; border-radius: 50% !important; border: 2px solid rgba(255,138,31,0.20) !important; pointer-events: none !important; } .admin-director-section::after { content: "" !important; position: absolute !important; width: 520px !important; height: 100px !important; left: 14% !important; bottom: -74px !important; border-radius: 50% !important; border: 3px solid rgba(255,255,255,0.08) !important; pointer-events: none !important; } /* ========================================================== 04 - DIRECTOR PHOTO ========================================================== */ .director-photo { position: relative !important; flex: 0 0 145px !important; width: 145px !important; max-width: 145px !important; margin: 0 !important; padding: 0 !important; z-index: 2 !important; } .director-photo .elementor-widget-shortcode, .director-photo .elementor-widget-container, .director-photo .elementor-shortcode { width: 100% !important; margin: 0 !important; padding: 0 !important; } .director-photo img, .director-photo .elementor-image img, .financial-admin-photo-image { display: block !important; width: 145px !important; height: 125px !important; object-fit: cover !important; border-radius: 14px !important; margin: 0 auto !important; border: 2px solid rgba(255,255,255,0.28) !important; box-shadow: 0 7px 18px rgba(0,0,0,0.18) !important; } /* ========================================================== 05 - DIRECTOR DETAILS ========================================================== */ .director-details { position: relative !important; flex: 1 1 auto !important; width: auto !important; max-width: 420px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; gap: 5px !important; margin: 0 !important; padding: 0 10px !important; z-index: 2 !important; } /* ========================================================== 06 - BADGE ========================================================== */ .director-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 135px !important; padding: 6px 20px !important; margin: 0 auto 6px !important; background: linear-gradient( 90deg, #ff941f, #ffb347 ) !important; color: #082747 !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: 0 4px 12px rgba(255,121,24,0.18) !important; } .director-badge *, .director-badge .elementor-heading-title { color: #082747 !important; } /* ========================================================== 07 - DIRECTOR NAME ========================================================== */ .director-name, .director-name *, .director-name .elementor-heading-title, .director-name .elementor-shortcode { color: #ffffff !important; font-size: 25px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* ========================================================== 08 - DIRECTOR POSITION ========================================================== */ .director-position, .director-position *, .director-position .elementor-heading-title, .director-position .elementor-shortcode { color: #ff8a1f !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.35 !important; margin: 3px 0 0 !important; padding: 0 !important; text-align: center !important; } /* ========================================================== 09 - CONTACT AREA ========================================================== */ .director-contact { position: relative !important; flex: 0 0 210px !important; width: 210px !important; max-width: 210px !important; min-height: 100px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 12px !important; margin: 0 !important; padding: 5px 18px 5px 5px !important; border-right: 1px solid rgba(255,255,255,0.22) !important; z-index: 2 !important; } .director-contact, .director-contact *, .financial-admin-email-link, .financial-admin-phone-link { color: #ffffff !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; } .financial-admin-email-link:hover, .financial-admin-phone-link:hover { color: #ff9a35 !important; } .director-contact .elementor-icon, .director-contact i, .director-contact svg { color: #ff7918 !important; fill: #ff7918 !important; } /* ========================================================== 10 - REMOVE EMPTY ELEMENTOR SPACING ========================================================== */ .admin-director-section .elementor-widget, .admin-director-section .elementor-widget-container, .admin-director-section .elementor-shortcode { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================== 11 - STAFF SECTION HEADER ========================================================== */ .staff-section-header { position: relative !important; width: calc(100% - 60px) !important; max-width: 1100px !important; margin: 0 auto 22px !important; padding: 0 !important; background: transparent !important; z-index: 3 !important; } .staff-section-header .elementor-heading-title { color: #082747 !important; font-size: 31px !important; font-weight: 800 !important; line-height: 1.3 !important; } .staff-section-header p { color: #75879a !important; font-size: 14px !important; margin-top: 5px !important; } /* ========================================================== 12 - ADMIN STAFF GRID ========================================================== */ .admin-staff-grid { position: relative !important; width: calc(100% - 60px) !important; max-width: 1100px !important; margin: 0 auto !important; /* * هذه المساحة تجعل آخر صف ينتهي قبل * الموجة البرتقالية والكحلية */ padding: 0 0 45px !important; background: transparent !important; overflow: visible !important; box-sizing: border-box !important; z-index: 3 !important; } .admin-staff-grid .e-con { box-sizing: border-box !important; } /* مهم جداً: لا نضيف تموجات على الـ Grid نفسه */ .admin-staff-grid::before, .admin-staff-grid::after { display: none !important; content: none !important; } /* ========================================================== 13 - ADMIN STAFF CARDS ========================================================== */ .admin-staff-card { position: relative !important; background: rgba(255,255,255,0.98) !important; border: 1px solid #e1e8ef !important; border-radius: 15px !important; box-shadow: 0 7px 22px rgba(8,39,71,0.06) !important; overflow: hidden !important; transition: transform .25s ease, box-shadow .25s ease !important; box-sizing: border-box !important; z-index: 4 !important; } .admin-staff-card:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 30px rgba(8,39,71,0.11) !important; } /* ========================================================== 14 - FEATURES BAR ========================================================== */ .features-bar { position: relative !important; width: calc(100% - 60px) !important; max-width: 1100px !important; margin: 20px auto 8px !important; padding: 20px 24px !important; background: rgba(255,255,255,0.96) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; border: 1px solid rgba(8,39,71,0.10) !important; border-radius: 17px !important; box-shadow: 0 10px 30px rgba(8,39,71,0.09) !important; box-sizing: border-box !important; z-index: 5 !important; } .features-bar::before, .features-bar::after { display: none !important; content: none !important; } /* ========================================================== 15 - ELEMENTOR CLEANUP ========================================================== */ .admin-staff-page .elementor-widget { box-sizing: border-box !important; } /* * مهم: * لا يوجد order هنا إطلاقاً. * ترتيب الحاويات يبقى كما رتبناه في Navigator. */ /* ========================================================== 16 - TABLET ========================================================== */ @media (max-width: 1024px) { .admin-staff-page { padding-bottom: 45px !important; background-size: 100% 100%, auto 520px !important; background-position: center bottom, center bottom !important; } .admin-director-section { width: calc(100% - 30px) !important; max-width: 820px !important; padding: 15px !important; gap: 14px !important; } .director-photo { flex-basis: 130px !important; width: 130px !important; max-width: 130px !important; } .director-photo img, .director-photo .elementor-image img, .financial-admin-photo-image { width: 130px !important; height: 120px !important; } .director-details { max-width: 360px !important; } .director-name, .director-name *, .director-name .elementor-heading-title, .director-name .elementor-shortcode { font-size: 22px !important; } .director-position, .director-position *, .director-position .elementor-heading-title, .director-position .elementor-shortcode { font-size: 15px !important; } .director-contact { flex-basis: 185px !important; width: 185px !important; max-width: 185px !important; padding-right: 14px !important; } .staff-section-header, .admin-staff-grid, .features-bar { width: calc(100% - 30px) !important; } } /* ========================================================== 17 - MOBILE ========================================================== */ @media (max-width: 767px) { .admin-staff-page { padding-bottom: 25px !important; /* * في الجوال نحافظ على نسب الصورة * ولا نضغطها عرضياً */ background-size: 100% 100%, auto 370px !important; background-position: center bottom, center bottom !important; } .admin-director-section { width: calc(100% - 24px) !important; max-width: 520px !important; min-height: auto !important; margin: 12px auto 26px !important; padding: 18px 15px !important; flex-direction: column !important; gap: 13px !important; text-align: center !important; } .admin-director-section::before { width: 240px !important; height: 120px !important; top: -90px !important; left: 50% !important; transform: translateX(-50%) !important; } .admin-director-section::after { width: 320px !important; left: 50% !important; transform: translateX(-50%) !important; } .director-photo { flex: none !important; width: 130px !important; max-width: 130px !important; } .director-photo img, .director-photo .elementor-image img, .financial-admin-photo-image { width: 130px !important; height: 118px !important; } .director-details { width: 100% !important; max-width: 100% !important; padding: 0 !important; align-items: center !important; } .director-name, .director-name *, .director-name .elementor-heading-title, .director-name .elementor-shortcode { font-size: 21px !important; } .director-position, .director-position *, .director-position .elementor-heading-title, .director-position .elementor-shortcode { font-size: 15px !important; } .director-contact { flex: none !important; width: 100% !important; max-width: 100% !important; min-height: auto !important; padding: 12px 0 0 !important; border-right: 0 !important; border-top: 1px solid rgba(255,255,255,0.20) !important; align-items: center !important; } .staff-section-header, .admin-staff-grid, .features-bar { width: calc(100% - 24px) !important; } .staff-section-header { margin-bottom: 18px !important; } .staff-section-header .elementor-heading-title { font-size: 25px !important; } .admin-staff-grid { padding-bottom: 28px !important; } .features-bar { margin: 16px auto 6px !important; padding: 16px 12px !important; } } /**********الكادر بقيته******/ /* ========================================================== ADMINISTRATIVE STAFF CARDS جامعة الرشيد الذكية FINAL CLEAN VERSION Desktop: 3 Cards Tablet: 2 Cards Mobile: 1 Card ========================================================== */ /* ========================================================== 01 - STAFF GRID ========================================================== */ .admin-staff-grid { position: relative !important; width: calc(100% - 40px) !important; max-width: 1320px !important; margin: 0 auto !important; padding: 0 0 45px !important; background: transparent !important; overflow: visible !important; box-sizing: border-box !important; z-index: 3 !important; } /* ========================================================== 02 - LOOP GRID - THREE COLUMNS ========================================================== */ .admin-staff-grid .elementor-loop-container { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; width: 100% !important; } /* ========================================================== 03 - STAFF CARD ========================================================== */ .admin-staff-grid .staff-card { position: relative !important; display: flex !important; flex-direction: row !important; direction: ltr !important; align-items: flex-start !important; flex-wrap: nowrap !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 100% !important; margin: 0 !important; padding: 12px !important; background: #ffffff !important; border: 1px solid #e1e8ef !important; border-radius: 15px !important; box-shadow: 0 5px 18px rgba(8,39,71,0.06) !important; box-sizing: border-box !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; } /* تأثير المرور على البطاقة */ .admin-staff-grid .staff-card:hover { transform: translateY(-4px) !important; border-color: #ff8a1f !important; box-shadow: 0 10px 25px rgba(8,39,71,0.12) !important; } /* ========================================================== 04 - PHOTO COLUMN ========================================================== */ .admin-staff-grid .staff-photo-col { display: flex !important; flex-direction: column !important; flex: 0 0 30% !important; width: 30% !important; min-width: 0 !important; max-width: 30% !important; align-items: center !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 05 - EMPLOYEE IMAGE ========================================================== */ .admin-staff-grid .staff-image { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .admin-staff-grid .staff-image .elementor-widget-container { width: 100% !important; } .admin-staff-grid .staff-image img { display: block !important; width: 100% !important; max-width: 100% !important; height: 105px !important; object-fit: cover !important; object-position: center 25% !important; border-radius: 10px !important; margin: 0 auto !important; } /* ========================================================== 06 - EMPLOYEE POSITION ========================================================== */ .admin-staff-grid .staff-position, .admin-staff-grid .staff-position *, .admin-staff-grid .staff-position .elementor-heading-title { color: #ff8125 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.5 !important; direction: rtl !important; text-align: center !important; white-space: normal !important; word-break: normal !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 07 - INFORMATION COLUMN ========================================================== */ .admin-staff-grid .staff-info { display: flex !important; flex-direction: column !important; flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; gap: 10px !important; direction: rtl !important; text-align: right !important; margin: 0 !important; padding: 0 !important; } /* جميع عناصر عمود المعلومات */ .admin-staff-grid .staff-info > .elementor-element { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; } /* ========================================================== 08 - EMPLOYEE NAME ========================================================== */ .admin-staff-grid .staff-name, .admin-staff-grid .staff-name .elementor-heading-title { color: #082747 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.5 !important; direction: rtl !important; text-align: right !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 09 - DEPARTMENT (OPTIONAL) ========================================================== */ .admin-staff-grid .staff-department, .admin-staff-grid .staff-department .elementor-heading-title { color: #53657e !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.5 !important; direction: rtl !important; text-align: right !important; margin: 0 !important; } /* ========================================================== 10 - EMPLOYEE EMAIL ========================================================== */ .admin-staff-grid .staff-email, .admin-staff-grid .staff-email *, .admin-staff-grid .staff-email .elementor-heading-title { color: #53657e !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.6 !important; direction: ltr !important; text-align: right !important; white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; text-transform: none !important; margin: 0 !important; padding: 0 !important; } /* روابط البريد */ .admin-staff-grid .staff-email a { color: #53657e !important; text-decoration: none !important; } .admin-staff-grid .staff-email a:hover { color: #ff8125 !important; } /* ========================================================== 11 - EMPLOYEE PHONE ========================================================== */ .admin-staff-grid .staff-phone, .admin-staff-grid .staff-phone *, .admin-staff-grid .staff-phone .elementor-heading-title { color: #53657e !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.7 !important; direction: ltr !important; text-align: right !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; } /* روابط الهاتف */ .admin-staff-grid .staff-phone a { color: #53657e !important; text-decoration: none !important; } .admin-staff-grid .staff-phone a:hover { color: #ff8125 !important; } /* ========================================================== 12 - CONTACT BUTTON (OPTIONAL) ========================================================== */ .admin-staff-grid .staff-contact .elementor-button { background: transparent !important; color: #ff8125 !important; border: 1px solid #ff8125 !important; border-radius: 8px !important; padding: 9px 14px !important; font-size: 12px !important; font-weight: 700 !important; transition: all .25s ease !important; } .admin-staff-grid .staff-contact .elementor-button:hover { background: #ff8125 !important; color: #ffffff !important; } /* ========================================================== 13 - TABLET ========================================================== */ @media (max-width: 1024px) { .admin-staff-grid { width: calc(100% - 30px) !important; } .admin-staff-grid .elementor-loop-container { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .admin-staff-grid .staff-card { padding: 12px !important; gap: 10px !important; } .admin-staff-grid .staff-name, .admin-staff-grid .staff-name .elementor-heading-title { font-size: 15px !important; } .admin-staff-grid .staff-image img { height: 105px !important; } .admin-staff-grid .staff-email, .admin-staff-grid .staff-email * { font-size: 11px !important; white-space: normal !important; overflow-wrap: anywhere !important; } } /* ========================================================== 14 - MOBILE ========================================================== */ @media (max-width: 767px) { .admin-staff-grid { width: calc(100% - 24px) !important; padding-bottom: 28px !important; } .admin-staff-grid .elementor-loop-container { grid-template-columns: 1fr !important; gap: 14px !important; } .admin-staff-grid .staff-card { padding: 12px !important; gap: 12px !important; } .admin-staff-grid .staff-photo-col { flex: 0 0 32% !important; width: 32% !important; max-width: 32% !important; } .admin-staff-grid .staff-image img { height: 105px !important; } .admin-staff-grid .staff-name, .admin-staff-grid .staff-name .elementor-heading-title { font-size: 15px !important; } .admin-staff-grid .staff-position, .admin-staff-grid .staff-position * { font-size: 11px !important; } .admin-staff-grid .staff-email, .admin-staff-grid .staff-email * { font-size: 11px !important; white-space: normal !important; overflow-wrap: anywhere !important; } .admin-staff-grid .staff-phone, .admin-staff-grid .staff-phone * { font-size: 11px !important; } }/* End custom CSS */