﻿
.changeColorOfLinks {
    padding-top: 60px
}

    .changeColorOfLinks .TrDeBox a {
        display: inline-block;
    }

.newLayoutContent .TrDeBox a {
}

.manasib.eventSec .art-box::before {
    height: 95%;
    top: 12px;
}

.manasib.eventSec .art-box .main-art-card:nth-of-type(even) {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
}

    .manasib.eventSec .art-box .main-art-card:nth-of-type(even) > div {
        transform: translateY(20px);
    }

.heading + .heading svg .readMore3:visited {
    color: #7F1F3F;
}

.whoAreWeClass {
    padding-top: 0 !important;
}

    .whoAreWeClass .boxP2Borer:first-of-type {
        margin-left: 30px;
    }

.acchivmentClass .boxV2Training {
    padding: 0;
}

.heading + .heading svg .readMore3 {
    font-size: 1.4rem;
}

.topMenuMob .dropdown .dropdown-menu .forFont {
    display: none;
}

.traficCenter {
    padding-bottom: 0;
}

.supporting-university-progress .col-lg-6 .content-box p {
    font-family: "GretaTextArabicARLT-Regular";
}

.researchPerSec.priorityPrt {
    height: auto;
}

.changeStyleMenu {
    transition: top 0.3s;
}

.supporting-university-progress.mt-70 {
    margin: 0 !important;
}

.Forensiclaboratory .container > .p18:first-of-type {
    margin: 0;
}

.subsBox .inputSub > div {
    display: flex;
}

.Forensiclaboratory .TrDeBoxFullWidth .col-md-4 {
    margin-bottom: 30px;
}

.Forensiclaboratory .decimalUL .row {
    justify-content: center;
}

.formBg .formGroup:not(.radioBtn) span {
    font-size: 18px;
    font-family: "GretaTextArabicARLT-light";
}

.detailsOfEvent .markGreen .eventContact a span {
    color: #7F1F3F;
}

.partsSec.partsSec8b .row,
.labBox2.partsSec .row {
    justify-content: center;
}

.partsSec.partsSec8b .boxP2Borer {
    width: 100%;
    max-width: unset;
}

.partsSec.partsSec8b .col-md-4 {
    margin-bottom: 30px;
}

.CPBox {
    display: block;
}

/*
.swiper2Style .swiper-slide-thumb-active .boxThumb{
  background: linear-gradient(180deg, rgba(127, 31, 63, 0) 0%, rgba(127, 31, 63, 0.176908) 35%, #7f1f3f 100%);
}
*/
.under-const {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 85px;
    margin-bottom: 50px;
}

    .under-const .img-box {
        margin-bottom: 60px;
    }

    .under-const .content-box {
        text-align: center;
    }

        .under-const .content-box h4 {
            font-size: 2.5rem;
            font-family: "Nauss-Bold";
            font-weight: 400;
            margin-bottom: 15px;
        }

            .under-const .content-box h4.en {
                margin-bottom: 0;
            }

        .under-const .content-box a.back-home {
            background-color: #7f1f3f;
            border-radius: 8px;
            font-size: 1.8rem;
            padding: 16px 16px 15px;
            display: inline-block;
            color: #fff;
            margin-top: 40px;
            line-height: 21px;
            font-family: 'GretaTextArabicARLT-Regular';
        }

            .under-const .content-box a.back-home img {
                margin-right: 20px;
            }

.universityPresidents .UPbox .fromTo > div {
    display: flex;
    align-items: center;
}

.universityPresidents .UPbox .fromTo .dividing {
    margin-right: 0;
}

.manasib .art-box .text {
    padding: 0 20px;
}

.mapAlu .pinsAlum {
    display: none !important;
}

.changeStyleMenu .searchSubMenu .openSeachMenu img {
    filter: unset !important;
}

.changeStyleMenu.customMenu .searchSubMenu .flexMenu .SearchButton2 i {
    color: #2E6066;
    font-size: 20px;
}

.aboutPageLine + .AssemblyTasks {
    background-color: #F2F2F2;
}

.scrollStickyDonts {
    display: none !important;
}

.strategySearch .row {
    justify-content: center;
}

.strategy2 .strPattrt2 {
    display: inline-block;
}

.newLayoutContent .decimalUL li .decimalUL {
    margin-bottom: 20px;
}

    .newLayoutContent .decimalUL li .decimalUL li {
        margin-bottom: 5px;
    }


/* 28-8- */

.subLinksMenu .dropdown-menuV2 .uiNewSub li:first-of-type {
    height: 50px
}

.whiteBoxOffer .font40 {
    margin: 40px 0 3px;
    font-size: 25px;
}

.bgProgAcd {
    padding: 30px 0;
    background: #F4F4F4;
    margin-bottom: 30px;
}

    .bgProgAcd .p20 {
        color: #2E6066;
    }

.videoSec .textCenter .listItem1 li {
    margin-bottom: 15px;
}

    .videoSec .textCenter .listItem1 li.p18::after {
        top: 10px;
    }

    .videoSec .textCenter .listItem1 li.p18 p {
        margin-bottom: 0;
    }

.contentSlider .imgADS {
    margin-top: 50px;
}

.flexTextCenterHeight a {
    color: #c08e4e;
}

.servicesDetails .EVCard.description .font40 {
    margin-bottom: 20px;
}



.bannerHome.bannerTrainingParent .cyberSecurityBanner .bannerSeurtiySC.bannerTraining {
    padding-top: 200px;
    height: 100%;
}

.bannerHome.bannerTrainingParent > .cyberSecurityBanner .wrapperSlideHm {
    height: calc(100vh - 65px) !important;
}


/* emd 28-8- */



.changeStyleMenu.customMenu .dropdown-menuV2.disFlexEl .col {
    margin-bottom: 20px;
    flex: unset;
    width: 25%;
}

.studiesSec.studiesSecRev.BGWhite {
    background-color: #F6F6F6;
}

.registerProgV2 .greenBtnBorderV2:visited {
    color: #7f1f3f;
}

.newsV2SParent .studiesSec.studiesSecRev.BGWhite {
    background-color: #fff;
}

.servicesDetails .description .twoBoxFlex .EVCardInner .h3Gold {
    color: #2E6066;
}

.strategytraning {
    height: auto;
}

.swiperWamda .textInv .font30 {
    margin-bottom: 10px;
}

.swiperWamda .textInv .p20 {
    color: #444444;
    font-family: "GretaTextArabicARLT-light";
    padding: 0 50px;
}

.swiperWamda .swiperMainControl .swiper-button-prev::after,
.swiperWamda .swiperMainControl .swiper-button-next::after {
    background-color: #e8eff626 !important;
    background-size: 23px;
    background-position: center;
}

.inventionBG .textInv .nameWithImg .p18 {
    color: #2E6066
}

.boxIlab .font30 a {
    font-size: 25px;
    color: #2E6066;
}

.inventionBG .textInv .nameWithImg .p18 {
    color: #2E6066;
}

.quickLinksRev .swiper-wrapper {
    margin-bottom: 90px;
}

.CPBox .flag img {
    max-width: 140px;
}

.bgGray2.TrDeBoxFullWidth.colorBoxSecd.paddingSection .col-md-4 {
    margin-bottom: 34px;
    margin-top: 20px;
}

.subLinksMenu .dropdown-menuV2 .uiNewSub li:first-of-type a {
    font-size: 16px;
    border-bottom: 2px solid #C6AA76;
    padding-bottom: 14px;
    margin-bottom: -5px;
    padding-right: 0;
    margin-right: 10px;
    width: 80%;
    font-family: "GretaTextArabicARLT-Bold";
    line-height: normal;
}






.subLinksMenu .dropdown-menuV2 .uiNewSub li:first-of-type a::before {
    display: none;
}

.subLinksMenu .dropdown-menuV2 li:not(:first-of-type) {
    padding-right: 0;
}

    .subLinksMenu .dropdown-menuV2 li:not(:first-of-type) a {
        padding: 0;
        margin-bottom: 20px;
    }

.navbar-brand::before {
    position: absolute;
    content: "";
    width: 438px;
    height: calc(100%);
    background: linear-gradient(to right, rgba(0, 95, 97, 0) 0%, #2E6066 100%);
    opacity: 0.7;
    z-index: 1;
    right: -7px;
    top: -15px;
}

.changeStyleMenu .navbar-brand img {
    position: relative;
    z-index: 2;
}

.quickLinksRev .swiper-slide .slid5Warp .iconWap {
    background-color: rgba(0, 95, 97, 0.75);
}

.quickLinksRev .swiper-slide .slid5Warp:hover .iconWap {
    background-color: #2E6066;
}

.quickLinksRev .swiper-slide .slid5Warp:hover .font24::after {
    background: #3C9294;
}

.quickLinksRev .swiper-slide:nth-of-type(6n) .slid5Warp .iconWap {
    background-color: rgba(0, 95, 97, 0.75);
}

.quickLinksRev .swiper-slide:nth-of-type(6n) .slid5Warp:hover .iconWap {
    background-color: #2E6066;
}

.quickLinksRev .swiper-slide:nth-of-type(6n) .slid5Warp:hover .font24::after {
    background: #3C9294;
}

.quickLinksRev .swiper-slide:nth-of-type(7n) .slid5Warp .iconWap {
    background-color: rgba(216, 197, 163, 0.75);
}

.quickLinksRev .swiper-slide:nth-of-type(7n) .slid5Warp:hover .iconWap {
    background-color: #D8C5A3;
}

.quickLinksRev .swiper-slide:nth-of-type(7n) .slid5Warp:hover .font24::after {
    background: #D8C5A3;
}

.quickLinksRev .swiper-slide:nth-of-type(8n) .slid5Warp .iconWap {
    background-color: rgba(0, 56, 101, 0.75);
}

.quickLinksRev .swiper-slide:nth-of-type(8n) .slid5Warp:hover .iconWap {
    background-color: #003865;
}

.quickLinksRev .swiper-slide:nth-of-type(8n) .slid5Warp:hover .font24::after {
    background: #2E6066;
}

.quickLinksRev .swiper-slide:nth-of-type(9n) .slid5Warp .iconWap {
    background-color: rgba(127, 31, 63, 0.75);
}

.quickLinksRev .swiper-slide:nth-of-type(9n) .slid5Warp:hover .iconWap {
    background-color: #7F1F3F;
}

.quickLinksRev .swiper-slide:nth-of-type(9n) .slid5Warp:hover .font24::after {
    background: #B77F88;
}

.quickLinksRev .swiper-slide:nth-of-type(10n) .slid5Warp .iconWap {
    background-color: rgba(135, 120, 108, 0.75);
}

.quickLinksRev .swiper-slide:nth-of-type(10n) .slid5Warp:hover .iconWap {
    background-color: #87786C;
}

.quickLinksRev .swiper-slide:nth-of-type(10n) .slid5Warp:hover .font24::after {
    background: #B4A79C;
}


/* end 16-8 */
.subLinksMenu {
    position: relative;
    z-index: 9;
    width: 80%;
    max-width: 1340px;
    min-width: 1050px;
}

.suiteBarDeltaHeight {
    position: relative;
}

.bannerHome .wrapperSlideHm .aboImg {
    border-radius: 0;
}

.contactUsPage.contryPage .CUform .location {
    width: 100%;
    min-height: 600px;
}


/* start move to en */

.wapperVideoSec {
    padding: 30px 0;
}

    .wapperVideoSec video {
        width: 100%;
    }

.bgBreadcrumb {
    background-image: unset !important;
    position: relative;
    width: 100%;
    z-index: 7;
}

    .bgBreadcrumb .breadcrumbCum a {
        color: #8A8A8A;
        z-index: 9;
    }

    .bgBreadcrumb .breadcrumbCum li:last-of-type a {
        color: #000;
        pointer-events: none;
        z-index: 1;
    }

.bannerHome .cyberSecurityBanner,
.innerBanner {
    margin-top: -135px;
}

.fullHeightVH .wrapperSlideHm {
    height: calc(70vh - 100px) !important;
}

    .fullHeightVH .wrapperSlideHm .slideActions,
    .fullHeightVH .wrapperSlideHm .txtSldes {
        display: none;
    }

.fancyboxCont {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    top: 0;
    position: absolute;
    padding-bottom: 80px;
}

body .cyberSecurityBanner.overlayBlackGrdn .wrapperSlideHm::after,
body .cyberSecurityBanner .wrapperSlideHm::after,
body .bannerHome .wrapperSlideHm::after {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9304096638655462) 8%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9304096638655462) 8%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9304096638655462) 8%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

body .cyberSecurityBanner .wrapperSlideHm,
body .innerBanner .wrapperSlideHm {
    display: flex !important;
    align-items: end !important;
    padding-bottom: 50px !important;
}

.relativeClass {
    position: relative;
}

body .fullHeightVH .posAbo {
    position: absolute;
    width: 100%;
    height: calc(100vh - 140px);
    top: calc(-85vh + 140px);
}


/*
.changeStyleMenu.customMenu .langMenu > .nav-link {
  background-color: #7f1f3f;
}
.changeStyleMenu.customMenu .langMenu > .nav-link::after {
  border-right: 97px solid #7e1f3f !important;
}


*/
.changeStyleMenu.customMenu .forDirection {
    overflow: hidden;
}

.changeStyleMenu.customMenu .langMenu > .nav-link {
    background-color: #c6aa76;
}

    .changeStyleMenu.customMenu .langMenu > .nav-link::after {
        border-right: 97px solid #c6aa76 !important;
    }

.changeStyleMenu.customMenu .forDirection .topMenu::after {
    border-right: 63px solid #c6aa76;
}

.changeStyleMenu.customMenu .forDirection .topMenu {
    border-bottom: 2px solid #c6aa76;
    min-height: 63px;
    background: #2E6066;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.strategy1.artworkRight.straNewclass p {
    height: unset;
}

.Appended2 {
    width: 50px;
    height: 50px;
    /* background: red; */
    position: absolute;
    left: 0;
    content: "";
    z-index: 99;
}

    .Appended2::after {
        content: "";
        z-index: 99;
    }

.textOfBanner {
    padding-top: 40px;
}

    .textOfBanner .contentRow {
        margin-bottom: 10px;
    }

    .textOfBanner .font40 {
        margin-bottom: 10px;
    }

/* end  move to en */

.suiteBarDeltaHeight + .forMenu {
    display: none;
}

    .suiteBarDeltaHeight + .forMenu + .bgBreadcrumb {
        margin-top: -95px;
    }

.dataFullWidth .col-md-4 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.changeStyleMenu.customMenu .forDirection {
    filter: drop-shadow(1px 2px 5px #0000003d);
}

.mapSection .map-here .map-cards-list .map-card .img-box {
    margin-top: 10px;
}

.programDetails .wrapperSlideHm .progBannerFlex {
    align-items: end;
}

.progBannerFlex .actionPrgDetails a {
    margin-bottom: 0 !important;
}

.ourPartners .partBox .p16 {
    visibility: visible;
}

.resultEducation .heading .font40 {
    margin-bottom: 40px;
}

.ExDBContainer .DBBox .person {
    display: none;
}

.scrollStickyDonts a span {
    font-size: 12px;
    position: absolute;
    right: -300px;
    top: -10px;
    font-family: "GretaTextArabicARLT-Regular";
    background: #013C3D;
    padding: 7px 10px 5px 10px;
    color: #C6AA76;
    border-radius: 7px;
    width: max-content;
    transition: right .25s, visibility 0.25s ease 0.18s;
    visibility: hidden;
}

.scrollStickyDonts a:hover span {
    visibility: visible;
    right: -8px;
    z-index: -555555555;
    padding-right: 27px;
}



.boxIlab {
    min-height: 220px;
    border: 1px solid #E3E7EC;
    margin-bottom: 20px;
    display: inline-block;
    height: 100%;
}

    .boxIlab img {
        padding-top: 8px;
        padding-bottom: 15px;
    }

    .boxIlab:hover img {
        -webkit-transform: unset;
        transform: unset;
    }

.SDTwoTabsLab .clearRowMar {
    justify-content: center;
}

.eventsSecLab.eventsSec .heading .font40 {
    color: #2E6066;
}

.eventsSecLab.eventsSec .heading .font20 {
    color: #002D2E;
}

.contactUsV2 .container {
    background: #E8EBEB;
    box-shadow: unset;
    border-radius: 8px;
}

.SDTwoTabs.SDTwoTabsLab {
    padding-bottom: 100px;
    background: #F9F9F9;
}

.SDTwoTabsLab .clearRowMar .col-lg-4 .boxP2Borer {
    width: 100%;
    max-width: unset;
}

.trainSec2 .warp4Text:hover .font25,
.trainSec .warp4Text:hover .font25 {
    color: #2E6066;
}

.trainSec2 .warp4Text:hover,
.trainSec .warp4Text:hover {
    background: #F8FAFC;
}

.swiperWamda.swiper {
    padding-top: 83px;
}

.strategytraning.bgGray,
.impAchievement.bgGray {
    background: #F9F9F9;
}

.NewFullBanner.NewFullBannerV2 .arrowCircular .swiper-button-next {
    right: 30px;
}

.NewFullBanner.NewFullBannerV2 .arrowCircular .swiper-button-prev {
    left: 30px;
}

.generalConditions .IBAN {
    min-height: unset;
    height: 160px;
    width: 80%;
    margin: 0 auto;
}

.AssemblyTasks {
    padding-right: 15%;
    margin-left: 15%;
}


/* start number section with 6 item */
/* start mapbox popup */
.mapboxgl-popup {
    max-width: 300px !important;
    font-size: 15px;
    font-family: "GretaTextArabicARLT-Regular";
    min-width: 60px;
    text-align: center;
    margin-top: -23px;
}

.headWithIcon .font40 {
    margin-right: 0;
}

.mapSection .map-filter + h2 {
    color: #000000;
    font-size: 14px;
    font-family: "GretaTextArabicARLT-Regular";
    padding-bottom: 10px;
    margin-top: -30px;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #013C3D !important;
    display: none;
}

.mapboxgl-popup .mapboxgl-popup-content {
    background: #000000;
    color: #fff;
    font-size: 16px;
    padding: 10px;
}

/* end mapbox popup */
.impAchievement.graduatesNum .impAchiWrap .ImpAchiBox .font40 {
    font-size: 5.3rem;
}






/* end number section with 6 item */


/* start beta version */
.customMenu .navbar-brand {
    position: relative;
}

    .customMenu .navbar-brand::after {
        /*position: absolute;
  content: "";
  background: #013C3D;
  border-radius: 0 0 6px 6px;
  font-size: 12px;
  font-family: "GretaTextArabicARLT-Regular";
  padding: 5px 8px;
  color: #C6AA76;
  left: 0px;
  top: -14px;
  display: inline-flex;
  z-index: 2;*/
    }


/* end beta version */
.publicationsCenter .col-md-12.text-center {
    padding-top: 50px;
}

.studiesSec .studyBox1,
.studiesSec .studyBox2 .imgSt img,
.studiesSec .studyBox2 {
    transition: .25s linear;
}

    .studiesSec .studyBox1,
    .studiesSec .studyBox2 .imgSt {
        overflow: hidden;
    }

        .studiesSec .studyBox1:hover,
        .studiesSec .studyBox2:hover {
            box-shadow: 0 8px 35px #51576159;
        }

            .studiesSec .studyBox1:hover > img,
            .studiesSec .studyBox2:hover .imgSt img {
                transform: scale(1.04);
            }


/* start new  */
.forLoopCenterServices .aimUl li {
    margin-bottom: 0;
}

.forLoopCenterServices .font40 + p.p20 {
    font-size: 1.8rem;
}

.forLoopCenterServices .aimUl li p {
    line-height: normal;
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.forLoopCenterServices .textCenter {
    width: 100%;
}

.inputSearch {
    position: relative;
}

    .inputSearch .clearTxt {
        position: absolute;
        z-index: 1;
        left: 10px;
        top: 50%;
        transform: translatey(-50%);
        background: #ffffff;
        padding: 2px;
    }

    .inputSearch.iconInput .clearTxt img {
        width: 13px;
    }

.servicesDetails .downloadFileWapper .flex {
    flex-wrap: wrap;
}

    .servicesDetails .downloadFileWapper .flex .downloadFile {
        margin-bottom: 20px;
    }

.SDTwoTabs .font18 {
    color: #002d2e;
    line-height: 1.2;
}

.SDTwoTabs p a {
    color: #C6AA76;
}

.SDTwoTabs .markGold {
    padding: 0 30px;
}

    .SDTwoTabs .markGold li::marker {
        font-size: 22px;
    }

.centersListSec .centerBox .CListTxt .btnMainGold2:visited {
    color: #fff;
}

.SDTwoTabs .personDetails .moreInf li::marker {
    color: #00192E;
}

.SDTwoTabs .DBBox {
    margin-bottom: 20px;
}

    .SDTwoTabs .DBBox .personDetails {
        border: 1px solid #e3e7ec;
        border-radius: 0;
        padding: 15px 20px 5px;
    }

        .SDTwoTabs .DBBox .personDetails:hover {
            box-shadow: 0 8px 35px rgba(81, 87, 97, 0.15)
        }

        .SDTwoTabs .DBBox .personDetails .moreInf {
            margin-bottom: 10px;
        }

            .SDTwoTabs .DBBox .personDetails .moreInf .gold img {
                width: 30px;
                margin-left: 5px;
                object-fit: scale-down;
            }

            .SDTwoTabs .DBBox .personDetails .moreInf .gold {
                flex-shrink: 0;
            }

.progTxtBg .videoProg {
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
}

    .progTxtBg .videoProg .listItem1 {
        text-align: right;
        padding-left: 20px;
        padding-top: 100px;
    }

        .progTxtBg .videoProg .listItem1 .font25 {
            margin-bottom: 20px;
        }

        .progTxtBg .videoProg .listItem1 li.p18 {
            margin-bottom: 10px;
        }

.downloadFile {
    width: 46%;
}

/* new */
.SDTwoTabs .tabsStyleMain.nav li button {
    /* request from MS */
    font-family: "NAUSS-Bold";
    font-size: 26px;
}

.SDTwoTabs .accordionCustom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .SDTwoTabs .accordionCustom .accordion-item {
        width: calc(50% - 20px);
    }

.SDTwoTabs .mergTFlex {
    display: flex;
}

    .SDTwoTabs .mergTFlex .moreInf:first-of-type {
        margin-left: 30px;
    }

.SDTwoTabs .gold + .markGold .font18,
.SDTwoTabs .gold + .markGold p {
    font-size: 16px;
    line-height: 1.8;
    color: #00192E;
}

.SDTwoTabs .DBBox {
    margin-bottom: 40px;
    height: calc(100% - 25px);
}


/* end new */


.boxServDir .font35 {
    height: calc(30px * 3);
    overflow: hidden;
    line-height: 1;
    font-size: 20px;
    color: #2E6066;
}

.boxServDir:hover .font35 {
    line-height: 1;
    height: unset;
    -webkit-line-clamp: 3;
}

.Subscription .alert {
    text-align: center;
    font-size: 22px;
    padding: 20px 30px;
    margin: 0 auto 30px auto !important;
    width: 80%;
    margin-bottom: 20px;
}

body .tabsStyleMain.nav li input.active {
    background-color: #2E6066 !important;
    color: #fff !important;
    border-radius: 0;
}

/*  --------- START two page and number on home page -------------- */
.centerPadding {
    padding-top: 80px;
}

/* start center sec */
.centersListSec {
    padding: 65px 0 63px;
}

    .centersListSec .grayBox {
        display: flex;
        align-items: center;
    }

        .centersListSec .grayBox .font35 {
            margin-bottom: 30px;
        }

        .centersListSec .grayBox .p16 {
            -webkit-line-clamp: 7;
            margin-bottom: 30px;
        }

    .centersListSec .centerBox {
        position: relative;
        width: 100%;
        height: 506px;
        overflow: hidden;
        border-radius: 6px;
        margin-bottom: 35px;
    }

        .centersListSec .centerBox::after,
        .centersListSec .centerBox .CLImg {
            position: absolute;
            z-index: -1;
            content: "";
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .centersListSec .centerBox::after {
            height: 120px;
            inset: unset;
            bottom: 0;
            background: rgb(0, 18, 19);
            background: -moz-linear-gradient(0deg, rgba(0, 18, 19, 1) 0%, rgba(0, 18, 19, 0) 100%);
            background: -webkit-linear-gradient(0deg, rgba(0, 18, 19, 1) 0%, rgba(0, 18, 19, 0) 100%);
            background: linear-gradient(0deg, rgba(0, 18, 19, 1) 0%, rgba(0, 18, 19, 0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001213", endColorstr="#001213", GradientType=1);
            transition: .35s;
        }

        .centersListSec .centerBox .CListTxt {
            height: 120px;
            position: absolute;
            bottom: 0;
            padding: 25px 40px;
            transition: .35s;
        }

            .centersListSec .centerBox .CListTxt .font25 {
                position: relative;
                padding-right: 20px;
                height: calc(30px * 2);
                margin-bottom: 40px;
                margin-right: -20px;
            }

            .centersListSec .centerBox .CListTxt .p16,
            .centersListSec .centerBox .CListTxt .font25 {
                color: #fff;
            }

            .centersListSec .centerBox .CListTxt .p16 {
                -webkit-line-clamp: 4;
                line-height: 30px;
                height: calc(30px * 4);
                margin-bottom: 20px;
            }

            .centersListSec .centerBox .CListTxt .font25::after {
                position: absolute;
                content: "";
                right: 0;
                top: 8px;
                width: 8px;
                height: 10px;
                background: transparent url(../images/shared/affowFooter.svg) no-repeat;
            }

        .centersListSec .centerBox:hover .CListTxt .font25 {
            height: unset;
            display: block;
            min-height: calc(30px * 2);
            margin-bottom: 20px;
        }

        .centersListSec .centerBox:hover::after {
            height: 100%;
        }

        .centersListSec .centerBox:hover .CListTxt {
            height: 75%;
        }

/* end center sec */

/* start university Presidents 2 */
.universityPresidentsV2 .container {
    padding: 0 10%;
}

.universityPresidentsV2 .UPbox .font35 {
    min-width: unset;
    width: 100%;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.universityPresidentsV2 .UPbox:hover img {
    transform: scale(1.08);
}

.universityPresidentsV2 .UPbox::after {
    display: none;
}








.whoAreWeClass + .researchPerSec.priorityPrt,
.supporting-university-progress + .researchPerSec.priorityPrt {
    margin-bottom: 30px;
}


/* end university Presidents 2 */
/* new style for num sect */
.ourNum .galleryWrap {
    padding: 50px 55px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.ourNum .SwiperGallery .swiper-slide {
    position: relative;
    border-radius: 12px;
}

    .ourNum .SwiperGallery .swiper-slide::after,
    .ourNum .galleryWrap .numAbso {
        position: absolute;
        content: '';
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        border-radius: 12px;
    }

.ourNum .galleryWrap .boxImg {
    display: none;
}

.ourNum .galleryWrap .numAbso {
    object-fit: cover;
    z-index: -1;
}



.ourNum .SwiperGallery .font30 {
    color: #fff;
}

.ourNum .SwiperGallery .swiper-button-next,
.ourNum .SwiperGallery .swiper-button-prev {
    filter: brightness(0) invert(1);
}

/*  --------- END two page and number on home page -------------- */


.slider5Item .slid5Warp {
    margin: 0 2rem;
}

    .slider5Item .slid5Warp .font24 {
        -webkit-line-clamp: 3;
    }

.aimSection02 .trainSec2 .col-md-3 {
    margin-bottom: 30px;
}

.aimSection02 .trainSec2 .warp4Text {
    height: 100%;
    margin-bottom: 0;
    display: block;
}

.videoSec .textCenter p a {
    color: #C6AA76;
}

.eventsSecPatter2:hover .fromTo > img {
    transform: scale(1.1);
}

.actionCaption {
    flex-wrap: wrap;
}

.publicationsCenter .PCbox {
    width: 100%;
}

.MembBox:hover img {
    padding: 6px 0;
}

.publicationsCenter .PCbox .PCImg img {
    height: 100%;
    mix-blend-mode: unset;
}

.AssemblyTasks .markGreen li {
    text-align: justify;
}

.AssemblyTasks .headWithIcon img {
    display: none;
}

.publicationsCenter .PCbox .PCImg {
    background: #ffffff;
}

.dataFullWidth .col-md-4 .readMore2 {
    padding: 25px 25px 17px 40px;
    padding-left: 60px;
}

    .dataFullWidth .col-md-4 .readMore2::after {
        left: 23px;
    }

.detailsOfEvent .col-md-4 .EVCard {
    height: 80%;
}

.privacyPolicy {
    padding: 40px 0 20px;
}

    .privacyPolicy .container > div {
        padding-bottom: 15px;
    }

    .privacyPolicy .font40 {
        margin-bottom: 20px;
    }

    .privacyPolicy .font26 {
        margin-bottom: 10px;
    }

.bgBreadcrumb .font40 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    width: 90%;
}

.organizationalStructure .OSRow1 h2 {
    font-size: 23px
}


.EventDetailsThumb .swiper-slide img,
.contentSlider .sliderWithFansyBox .fancyboxImg > img {
    object-fit: cover;
    object-position: center;
}

section.bannerTraining:not(.bannerSeurtiySC) .sliderBoxText span.p20 {
    display: none;
}

section.bannerTraining:not(.bannerSeurtiySC) span.p20.relative {
    position: relative;
    z-index: 2;
    font-size: 20px;
    color: #7F1F3F;
    margin-bottom: -20px;
}

.PLbox > img {
    object-fit: cover;
    object-position: center;
}

.contentSlider > .container > .row > .col-md-12,
.contentSlider > .container {
    /*padding: 0;*/
}

.progTxtBg .progTxt .videoProg > img.bannerVideo {
    width: 506px;
    height: 347px;
    object-fit: cover;
    object-position: center;
}

.boxPatter .boxImgMn img {
    object-fit: cover;
    object-position: center;
}

.aimProg .row > .col-md-6 {
    width: 100%;
}

.advantSec .aimUl,
.aimProg .aimUl {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

    .advantSec .aimUl li,
    .aimProg .aimUl li {
        width: 38%;
    }

.mapSection .map-here .map-cards-list .map-card .img-box img {
    object-fit: contain;
}

.alumniAssociation .slideActions .btnMain:hover span {
    color: #fff;
}

.NewFullBanner2 .newsSlideWarp > img,
.NewFullBanner .newsSlideWarp > img {
    object-fit: cover;
    object-position: center;
}

.alumniAssociation .slideActions .btnMain:hover span {
    color: #fff;
}

/* .NewFullBanner2 .newsSlideWarp>img,
.NewFullBanner .newsSlideWarp>img {
  object-fit: cover;
  object-position: center;
} */

.aimProg .aimUl li p.p18 {
    line-height: 2;
}

.advantSec .forTwoFlex {
    margin-top: 20px;
    max-width: unset;
    min-width: 70%;
    justify-content: center;
}

.forTwoFlex .aimUl {
    width: 80%;
}

.resultEducation .resEdWrapper div {
    line-height: 40px;
    height: calc(40px * 4);
    margin-bottom: 30px;
}

.progList .font24 {
    margin: 0;
}

.bgTwoCol .collegeImg {
    max-height: unset;
    height: 100%;
    display: flex;
    align-items: center;
}

    .bgTwoCol .collegeImg img {
        max-height: 485px;
    }

.progTxtBg .progTxt .p20 {
    width: 82%;
}

.progTxtBg .progTxt .videoProg .videoPl {
    width: 506px;
    height: 347px;
}



.mapSection .map-here .MapXD {
    position: relative;
}

.map-filter select {
    margin: 0 5px;
}

#map {
    inset: 0;
    margin-top: 0 !important;
    width: 100% !important;
    margin: 0;
}


/* start found page */

.partsSec {
    padding: 70px 0;
}

    .partsSec .boxP2Borer {
        min-height: 215px;
        padding-bottom: 10px;
        height: 100%;
    }

    .partsSec .col-md-3 {
        margin-bottom: 20px;
    }

    .partsSec .boxP2Borer .font16 {
        line-height: 1.6;
    }

    .partsSec .boxP2Borer:hover .font25 {
        text-decoration: unset;
    }




.cardUsa .warpperCarUsa img {
    max-height: 1200px;
}

.ListOfFunded {
    padding-top: 48px;
}

.accordionFound {
    padding-top: 48px;
}

    .accordionFound .accordion-item {
        background-color: #fff;
        border: unset;
    }

    .accordionFound .accordion-item {
        margin-bottom: 30px;
    }

    .accordionFound .accordion-button {
        border: 1px solid #cde2e2;
        border-radius: 8px !important;
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 15px 30px;
        position: relative;
    }

        .accordionFound .accordion-button .font40 {
            text-align: right;
            width: 99%;
        }

        .accordionFound .accordion-button .flexAcc {
            display: flex;
            align-items: center;
            margin-top: 10px;
        }

            .accordionFound .accordion-button .flexAcc .date {
                align-items: center;
            }

                .accordionFound .accordion-button .flexAcc .date span {
                    margin-right: 15px;
                    line-height: normal;
                }

            .accordionFound .accordion-button .flexAcc .p18 {
                margin: 0;
                padding: 0 15px;
            }

        .accordionFound .accordion-button::after {
            width: 18px;
            height: 18px;
            margin-left: auto;
            background-image: url(../images/shared/plusAcc.svg);
            position: absolute;
            content: "";
            left: 26px;
            top: 35px;
            background-size: 17px;
        }

        .accordionFound .accordion-button:not(.collapsed)::after {
            background-image: url(../images/shared/plusAcc.svg);
        }

        .accordionFound .accordion-button:focus {
            box-shadow: unset;
            border-color: #C6AA76;
        }

        .accordionFound .accordion-button:hover .font40 {
            text-decoration: underline;
        }

        .accordionFound .accordion-button:hover {
            border: 1px solid #C6AA76;
            box-shadow: 0px 10px 25px #2E60661f;
            background: transparent;
        }

        .accordionFound .accordion-button::after {
            transition: .25s;
        }

        .accordionFound .accordion-button:not(.collapsed) {
            color: unset;
            background-color: transparent;
            border-color: #c6aa76;
            border-radius: 8px 8px 0 0 !important;
            border-bottom: unset;
            box-shadow: unset;
        }

    .accordionFound .accordion-collapse {
        border: 1px solid #C6AA76;
        border-top: unset;
        border-radius: 0 0 8px 8px;
        transition: height .35s !important;
    }

    .accordionFound .accordion-body {
        padding: 0px 30px 45px 30px;
    }

        .accordionFound .accordion-body > p.p18 {
            line-height: 30px;
            margin-bottom: 27px;
        }

        .accordionFound .accordion-body .listIteAcc .h5Gold {
            font-family: "GretaTextArabicARLT-Bold";
            margin-bottom: 20px;
        }

        .accordionFound .accordion-body .listIteAcc .markGreen > div,
        .accordionFound .accordion-body .listIteAcc .markGreen {
            padding: 0 15px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .accordionFound .accordion-body .listIteAcc .markGreen > div {
                padding: 0;
            }

        .accordionFound .accordion-body .listIteAcc li {
            width: 49%;
            margin-bottom: 0;
            font-size: unset;
        }

            .accordionFound .accordion-body .listIteAcc li p {
                line-height: 26px;
            }

            .accordionFound .accordion-body .listIteAcc li p,
            .accordionFound .accordion-body .listIteAcc .h5Gold {
                direction: ltr;
            }

        .accordionFound .accordion-body .actionsAcc {
            padding-top: 16px;
        }

            .accordionFound .accordion-body .actionsAcc a {
                padding: 10px 15px 5px 15px;
                padding-left: 40px;
                margin-left: 22px;
            }

                .accordionFound .accordion-body .actionsAcc a:visited {
                    color: #fff;
                }

            .accordionFound .accordion-body .actionsAcc .readMore2:hover {
                background: #fff;
                color: #2E6066;
            }

                .accordionFound .accordion-body .actionsAcc .readMore2:hover::after {
                    filter: unset;
                }

/* end found page */

/*------------------------*/
.parentAdvancedSearch {
    padding: 30px 70px;
    background: #f3f3f3;
}

.ms-advsearch-header,
h3.ms-advsearch-header {
    color: #2E6066;
    font-size: 35px;
}

div.ms-advsearch-header {
    margin-top: 10px;
    margin-bottom: 25px;
}

.srch-advancedtable {
    border: unset;
    background: transparent;
    width: 65%;
}

td.ms-advsrchText-v2 input,
td.ms-advsrchText-v2 select {
    margin-bottom: 10px;
}

.srch-advancedtable > table {
    display: block;
}

.srch-advancedtable tr {
    /*display: flex;*/
    flex-direction: column;
    width: 100%;
    background: transparent;
    margin-bottom: 10px;
}

td.ms-advsrchText-v1 span {
}

td.ms-advsrchText-v1 label,
td.ms-advsrchText-v1 {
    padding: 0;
    font-size: 18px;
    font-family: "GretaTextArabicARLT-Regular";
    color: #231F20;
    text-align: right;
    margin-bottom: 6px;
}

td.ms-advsrchText-v2 select {
    width: 100%;
}

td.ms-advsrchText-v2 input {
    color: #231F20;
}

.srch-advancedtable tbody tr:nth-child(odd) {
    background: transparent;
}

.ms-advsrchbutton input[type="submit"] {
    background-color: #2E6066;
    border-color: #2E6066;
    padding: 15px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 8px;
    font-size: 1.8rem;
    font-family: "GretaTextArabicARLT-Regular";
}

.ms-advsrchtips a,
.ms-advsrchtips span {
    color: #2E6066;
    font-size: 2rem;
    font-family: "GretaTextArabicARLT-Regular";
}

.ms-advsrchtips a {
    color: #C6AA76;
}


/* end inner search */
.planEdu table thead th:nth-of-type(2) {
    width: 50%;
}

.planEdu table thead th:nth-of-type(3) {
    width: 25%;
}


.histogram_bar_active {
    background-color: #bda7753b;
    border-right: 1px solid #c6aa76;
    border-left: 1px solid #c6aa76;
    border-top: 2px solid #c6aa76;
}

.slider_tick_active {
    background-color: #c6aa76;
    border: 1px solid #c6aa76;
}

.ajax__multi_slider_default .handle_horizontal_left,
.ajax__multi_slider_default .handle_horizontal_right,
.ajax__multi_slider_default .handle_forcepressed,
.ajax__multi_slider_default .handle_noforcepressed {
    background-color: #c6aa76;
    border: 1px solid #c6aa76;
}

.ajax__multi_slider_default .inner_rail_horizontal {
    background-color: #c6aa76;
    border-top: 1px solid #c6aa76;
    border-bottom: 1px solid #c6aa76;
}

#SearchBox.ms-floatLeft {
    background: #E8F1F2;
    width: 80%;
    /*margin: 0 auto;*/
    float: unset;
    border-radius: 8px;
    padding: 25px 50px;
    margin-bottom: 91px;
}

    #SearchBox.ms-floatLeft .ms-srch-sbLarge {
        display: flex;
        padding: 0;
        border: unset;
    }

.highlight {
    background: #ffffff;
    -webkit-box-shadow: 0 8px 35px #51576126;
    box-shadow: 0 8px 35px #51576126;
    border: 1px solid #9d4862;
}

.newLayoutContent .TrDeBox a,
.supporting-university-progress .content-box a {
    text-decoration: underline;
    font-weight: bold;
}

#SearchBox.ms-floatLeft .ms-srch-sbLarge input {
    border: unset;
    color: #444444;
    font-family: "GretaTextArabicARLT-light";
    font-size: 16px;
    height: 50px;
    line-height: 100%;
    margin: 0;
    padding: 0 18px;
}

#SearchBox .ms-srch-sb-borderFocused input[type="search" i]::-webkit-search-cancel-button {
    filter: invert(60%) sepia(22%) saturate(567%) hue-rotate(301deg) brightness(89%) contrast(82%);
}

#SearchBox .ms-srch-sbLarge > .ms-srch-sb-searchLink {
    height: 50px;
    width: 69px;
    flex-shrink: 0;
    background: #B77F88 url(../images/iconSearchWhite.png) no-repeat;
    background-position: center;
}

    #SearchBox .ms-srch-sbLarge > .ms-srch-sb-searchLink img {
        display: none;
    }

.marginAuto {
    margin: 0 auto;
}

.col-md-3.col-sm-12 .ms-ref-ctrl {
    padding-top: 80px;
}

.ms-ref-refinername:link,
.ms-ref-refinername:visited {
}

div#Container > a.ms-ref-refinername > div.ms-displayInlineBlock {
    width: calc(100% - 16px);
    color: #2E6066;
    font-size: 20px;
    font-family: "GretaTextArabicARLT-Regular";
}

.ms-ref-refiner #Value a,
.ms-ref-unsel-toggle {
    font-size: 14px;
    color: #002D2E;
    font-family: "GretaTextArabicARLT-Regular";
}

    .ms-ref-refiner #Value > a:hover,
    .ms-ref-unsel-toggle:hover {
        color: #C6AA76;
    }

.slider_extent_label_right,
.slider_extent_label_left {
    font-size: 12px;
    color: #555555;
    font-family: "GretaTextArabicARLT-Regular";
}

#NoResult > ul li,
#NoResult > div,
.ms-srch-result-noResultsTitle {
    font-family: "GretaTextArabicARLT-Regular";
    color: #002D2E;
    font-size: 20px;
}

#NoResult > div {
    font-size: 16px;
}

#NoResult > ul {
    padding: 10px 14px 10px 14px;
}

    #NoResult > ul li {
        font-size: 14px;
        list-style: circle;
    }

        #NoResult > ul li::marker {
            color: #C6AA76;
        }

#NoResult a {
    color: #C6AA76;
}

.handle_label,
.ms-ref-ctrl .ms-ref-selSec .ms-ref-filterSel,
.ms-ref-ctrl .ms-ref-allSec .ms-ref-filterSel {
    font-size: 16px;
    color: #555555;
    font-family: "GretaTextArabicARLT-Regular";
    font-weight: unset;
}

.bgBreadcrumb + .row.container {
    margin: 0 auto;
}


/* end advanced search    filter: brightness(0) invert(1);*/


.forDirectionTopMen {
    display: flex;
    justify-content: left;
}

.topMenuMob {
    width: 70%;
    background: #7F1F3F;
    padding: 12px 0px;
    display: block !important;
    position: relative;
    z-index: 9;
    padding: 8px 0;
    /* clip-path: polygon(0 0, 102% -39%, 88% 99%,0 100%); */
}


.topMenuMob .forFlex .dropdown .btn img,
.topMenu a span img,
.topMenu a img {
    /* filter: brightness(0) invert(1);*/
    height: 100%;
}

.topMenuMob::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    right: -38px;
    clip-path: polygon(0 0, 101% -6%, 6% 99%, 0 100%);
    background: #7f1f3f;
    top: 0;
    width: 40px;
    /* background: #7F1F3F; */
}

.topMenuMob .forFlex {
    display: flex;
    justify-content: left;
    align-items: center;
}

    .topMenuMob .forFlex .mailQes {
        display: flex;
    }

.topMenuMob .mailQes a {
    margin: 0 !important;
    display: inline-block;
    font-size: unset;
}

    .topMenuMob .mailQes a:first-of-type {
        margin-left: 12px !important;
    }

.topMenuMob .font20 {
    margin-left: 4px;
    margin-right: 20px;
}

.topMenuMob .dropdown {
    display: flex;
    align-items: center;
}

    .topMenuMob .dropdown .btn {
        box-shadow: unset !important;
        background: unset !important;
        border: unset !important;
        width: auto;
        height: auto;
        padding: 0;
        min-width: unset;
    }

    .topMenuMob .dropdown .dropdown-menu {
        padding: 8px 16px;
        box-shadow: 0 5px 15px #00000026;
        border-color: transparent;
        text-align: right;
        background: #7f1f3f;
    }

        .topMenuMob .dropdown .dropdown-menu .forFont {
            border-top: 1px solid #E3E9E9;
            padding-top: 5px;
            text-align: center;
        }

            .topMenuMob .dropdown .dropdown-menu .forFont a {
                margin: 0 !important;
            }

        .topMenuMob .dropdown .dropdown-menu > li > a {
            padding-bottom: 10px;
            display: inline-block;
        }

            .topMenuMob .dropdown .dropdown-menu > li > a span {
                font-size: 14px !important;
            }

        .topMenuMob .dropdown .dropdown-menu .forFont a:first-of-type {
            margin-left: 20px !important;
        }

.resume-slider .actions {
    display: flex;
    justify-content: end;
}

    .resume-slider .actions .owl-dots {
        width: 900px;
        overflow: hidden;
        /* overflow-x: scroll; */
        justify-content: unset;
    }

        .resume-slider .actions .owl-dots li {
            min-width: 90px;
        }

            .resume-slider .actions .owl-dots li.active {
                order: -1;
            }

                .resume-slider .actions .owl-dots li.active ~ li {
                    order: -1;
                }

.detailsOfEvent .detailsOfEvent .container,
.detailsOfEvent .detailsOfEvent .col-md-12,
.detailsOfEvent .detailsOfEvent {
    padding: 0;
}




/* end test training */


.ms-rtestate-field {
    /* font-size: 0; */
}

body,
#s4-workspace {
    height: 100% !important;
}

.plusMin::after {
    display: none
}

.compSection .col-md-4.col-lg-3:nth-of-type(1).toHover .capmWapper img,
.compSection .col-md-4.col-lg-3:nth-of-type(3).toHover .capmWapper img,
.compSection .col-md-4.col-lg-3:nth-of-type(5):hover + .col-md-4.col-lg-3 .capmWapper img,
.compSection .col-md-4.col-lg-3:nth-of-type(7):hover + .col-md-4.col-lg-3 .capmWapper img {
    transform: scale(1.1);
}

.ConbHead .flex > div:last-of-type .p20:nth-of-type(3),
.ConbHead .flex > div:last-of-type .p20:nth-of-type(2) {
    padding-left: 5px;
    font-size: 16px;
    line-height: normal;
}

.accordionCustom .accordion-button::after {
    width: 20px;
    height: 20px;
    background-size: cover;
}

.accordionCustom .accordion-button:not(.collapsed)::after {
    height: 3px;
}

.mainBtnGreen:visited,
.PLbox .hiddenTxt a:visited {
    color: #ffffff;
}

.row.justify-content-center > .col-12 p.p22 {
    font-weight: normal;
}

.list-council-cards .searchGroup {
    margin-bottom: 20px;
}

.plusMin.minHid::after {
    display: block;
    transform: rotate(90deg);
}

.alert.alert-warning {
    text-align: center;
    display: block;
    font-size: 20px;
    background-color: #a71a231a;
    font-family: "GretaTextArabicARLT-Regular";
    padding: 20px 50px;
    color: #002d2e;
    width: 90%;
    margin: 30px auto;
}

.boxServDir .SDHidden a:visited {
    color: #ffffff;
    text-decoration: none;
}

.boxServDir:hover {
    padding-top: 35px;
}

    .boxServDir:hover .font35 {
        line-height: 24px;
        height: calc(25px * 2);
        margin-bottom: 15px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-word;
    }

.boxServDir .SDHidden .p18 {
    height: calc(24px * 3);
}

.subsBox .inputSub input {
    margin-bottom: 8px;
}

.Subscription .inputSub span {
    color: Red;
    display: block;
    font-size: 16px;
    font-family: "GretaTextArabicARLT-Regular";
    margin-top: 10px;
}

.font20BG {
    padding: 6px 8px
}

/*.font20BG a{
    height:51px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
*/
.NewStyleAccordion li:empty {
    display: none;
}


/* site map  */
.NewStyleAccordion {
    margin-top: 50px;
}

    .NewStyleAccordion .card {
        background-color: #fff;
        border: 0;
        margin-bottom: 5px;
    }

    .NewStyleAccordion .card-header {
        padding: 0;
    }

        .NewStyleAccordion .card-header .btn-link {
            display: block;
            width: 100%;
            cursor: pointer;
            background: #2E6066;
            padding: 19px 24px;
            border-radius: 6px !important;
            border: unset !important;
            color: #fff;
            padding-left: 60px;
            text-align: right;
            font-size: 2.4rem;
            text-decoration: unset;
            position: relative;
        }

    .NewStyleAccordion .btn-link::after {
        background-image: url(../images/shared/plusavc.svg);
        background-position: center center;
        left: 24px;
        margin-left: 0;
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

.mapAlumni {
    margin-bottom: 50px;
}

.videoSec .textCenter .font40 {
    color: #2E6066;
}

.fancybox-nav span {
    visibility: visible;
}

.fancybox-nav span {
    visibility: visible;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    background: #e8eff694 url(../images/shared/arrow-square-left-mainColor.svg);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;
}

.fancybox-nav.fancybox-prev span {
    transform: rotate(180deg);
}

.accordionCustom,
.NewStyleAccordion {
    padding: 0 13%;
}

    .accordionCustom .accordion-button:not(.collapsed),
    .NewStyleAccordion .btn-link:not(.collapsed) {
        color: #fff !important;
        background-color: #2E6066 !important;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        border-radius: 2px !important;
    }

        .NewStyleAccordion .btn-link:not(.collapsed)::after,
        .accordionCustom .accordion-button:not(.collapsed)::after {
            background-image: url(../images/shared/plusavc.svg);
            filter: brightness(0) invert(1);
            transform: rotate(45deg);
            height: 20px;
        }

        .NewStyleAccordion .btn-link:not(.collapsed)::after {
            /* background-image: url(../images/shared/plusaccordion.svg); */
            width: 20px;
            margin-top: -8px;
        }

    .NewStyleAccordion .card-body li::marker {
        color: #B77F88;
    }

    .NewStyleAccordion .card-body li {
        margin-bottom: 5px;
    }

        .NewStyleAccordion .card-body li a {
            font-size: 1.6rem;
            color: #444444;
            font-family: "GretaTextArabicARLT-light";
        }

.FAQParent .tabsBtnsFAQ .filterClass {
    padding: 18px 35px 13px;
}

.FAQParent .tabsBtnsFAQ .filterClass {
    padding: 18px 35px 13px;
    border-radius: 2px;
    background: #fff;
    color: #2E6066;
    border-color: #fff;
    box-shadow: 0 0 15px #00000017;
}

    .FAQParent .tabsBtnsFAQ .filterClass.selected {
        background: #B77F88;
        border-color: #B77F88;
        box-shadow: unset;
    }

.actionCaption input.mainBtnGreen,
.searchingDB input.restMain,
.searchingDB input.sendMain {
    min-width: 127px;
    padding: 12px;
    border: unset;
    border-radius: 0;
    font-size: 18px;
    border: 1px solid transparent;
    font-family: 'GretaTextArabicARLT-Regular';
    background: #7F1F3F;
    color: #fff;
}

.searchingDB input.restMain {
    border: 1px solid #C6AA76;
    color: #2E6066;
    background: transparent;
}

.CUform .flexRadio tbody {
    display: flex;
}

.CUform .flexRadio tr {
    background: transparent !important;
    padding-left: 20px;
}

    .CUform .flexRadio tr label {
        padding-right: 5px;
    }

.CUform textarea {
    min-height: 115px;
}

textarea:not([type="submit"]),
select:not([type="submit"]),
input:not([type="submit"]) {
    font-size: 16px;
}

.ms-cui-ribbon a img,
.ms-cui-menu a img,
.ms-cui-QAT a img,
.ms-cui-toolbar-toolbar a img {
    max-width: unset;
}



ul.breadcrumbCum a.breadCrumbRoot {
    display: none;
}

.mapSection {
    padding-bottom: 160px;
}

.swiper-wrapper {
    height: auto;
}

.bgBreadcrumb .breadcrumbCum a:hover {
    color: #3C9294;
}

.bgBreadcrumb .breadcrumbCum a.active {
    color: #8A8A8A;
    pointer-events: none;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
    padding: 0;
}

.boxPatter.boxPatter2:hover .btnAnimated a {
    color: #fff !important
}

.fancybox-lock .fancybox-overlay {
    background: #121e2a94;
}

.fancybox-title-float-wrap .child {
    color: #fff;
    text-shadow: unset;
    font-size: 16px;
    background-color: #2E6066;
    border-radius: 5px;
}

.fancybox-type-iframe .fancybox-inner {
    /* height: 500px !important; */
}

#ctl00_ctl60_g_d914deb1_7199_4b6d_8ec8_ca957a3af85f .ajax-progress.alumniAssociationNew1 {
    padding-top: 0;
}

.bgBreadcrumb .breadcrumbCum a.active::after {
    display: none;
}

.publicationsCenter .PCbox {
    position: relative
}

body .boxServDir .SDHidden a.btnMain:hover {
    color: #C6AA76;
}

.whiteBoxOfferBorder .p16 a {
    color: #C6AA76 !important;
    font-size: 16px;
}

.contrast > *:not(.scrollStickyDonts) {
    -webkit-filter: contrast(1.5) grayscale(1);
    filter: contrast(1.5) grayscale(1);
}



.Speaker {
    display: none
}

.videoPl2 strong {
    width: 50px;
    height: 50px;
}

    .videoPl2 strong img {
        width: 15px;
        margin-top: 3px;
        margin-left: 4px;
    }

    .videoPl2 strong::after {
        border-width: 2px
    }

.customMenu .langMenu > a {
    border-width: 1.5px;
    height: 32px;
}

.customMenu .navbar-nav .dropdown-menu.megamenu {
    padding-top: 48px;
    min-height: 100px;
    /* background-image: url(../images/home/ArtworkMenu2.svg) */
}

.dropdown-menu.megamenu .col-sm-6.col-lg-3 {
    height: 300px;
    margin-bottom: 0 !important;
}

.customMenu .megamenu-li .dropdown-item {
    font-family: "GretaTextArabicARLT-Regular" !important;
}






.studiesSec .studyBox2 .imgSt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.studiesSec .studyBox2 {
    margin-bottom: 30px;
}

.NewFullBanner .swiper-wrapper {
    height: auto !important;
}

.eventsSec .eventWapper .fromTo strong {
    font-size: 3.5rem;
}

.eventsSec .eventWapper .font20Bold {
    line-height: 24px;
    height: 48px
}

.organizationalStructure .OSBox h2 {
    margin-top: 0 !important;
}

.aboutPageLine .titleAPL span {
    float: right;
    direction: rtl;
    margin-left: 15px;
}

.langMenu ul div .dropdown-item {
    font-family: "nauss-medium" !important;
    font-size: 20px !important;
}

    .langMenu ul div .dropdown-item:visited {
        color: #212529 !important;
    }

.customMenu.fixedTop .navbar {
    box-shadow: 1px 3px 4px 0 #adadad33;
}

.memberDetails .nameOfMem .p18 {
    margin-bottom: 0;
    line-height: 28px;
}

    .memberDetails .nameOfMem .p18:first-of-type {
        margin-top: 10px;
    }

.PublicationInvitations .PIimg img {
    height: 372px;
    object-fit: cover;
}

.dropdown.ev-drop {
    padding: 4px 13px 1px 13px;
    font-size: 1.8rem;
    font-family: "GretaTextArabicARLT-Regular";
    border-radius: 8px;
    border: 2px solid #C6AA76;
    margin-left: 16px;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    min-width: 100px;
}

    .dropdown.ev-drop a {
        color: #2E6066;
    }

    .dropdown.ev-drop .dropdown-menu {
        font-size: 1.8rem;
        color: #2E6066;
        right: 0px !important;
        left: auto !important;
        border: 2px solid #C6AA76;
        border-radius: 8px;
        text-align: start;
    }

    .dropdown.ev-drop .dropdown-toggle::after {
        background-image: url(../images/shared/selectArrow.png);
        background-repeat: no-repeat;
        border: none;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 13px;
        left: 7px;
    }

.tabsStyleMain.nav li input {
    margin-right: 0
}

.filterClass {
    padding: 3px 8px 2px
}


.CPBox .nameOfFlag {
    padding: 12px 30px 10px;
}

    .CPBox .nameOfFlag .p20 {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden
    }

.st-partners .stPartnersSlider .partBox {
    height: 187px;
}

    .st-partners .stPartnersSlider .partBox .logoPart {
        /* width: 200px; */
        height: 88px;
    }

        .st-partners .stPartnersSlider .partBox .logoPart img {
            object-fit: contain;
        }

.customMenu .langMenu > a span {
    /*font-family:inherit*/
    font-size: 16px;
    margin-inline-end: 9px;
}

/*
.da5lia .videoSec .textCenter {
    justify-content: flex-start;
    margin-top: 20px;
}*/
.ameer-nayf .memberDetails {
    padding-bottom: 30px;
}

.ameer-nayf .videoSec .videoTxt img {
    width: 100% !important;
    height: 100%;
    height: 100%;
    object-fit: cover;
}

section.main-council-sec .p20 {
    padding-top: 70px;
    padding-bottom: 70px;
    min-height: 230px;
}

.councilsArabBrif .p20 {
    color: #002D2E
}

.p22 {
    font-size: 2.2rem;
    font-weight: 600;
}

.slider5Item .swiper-slide {
    border-left: 1px solid #2E606626;
}

    .slider5Item .swiper-slide.swiper-slide-duplicate-active {
        border-left: none
    }

.da5lia .videoSec {
    padding: 50px 0;
}

.da5lia .videoTxt {
    height: 450px;
}

    .da5lia .videoTxt img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.da5lia .videoSec .textCenter {
    width: 100%;
    text-align: justify;
}

.contentSpeech.ameer-nayf {
    margin: 30px auto;
    max-width: 850px;
}

    .contentSpeech.ameer-nayf h6 {
        line-height: 1.6
    }

    .contentSpeech.ameer-nayf .scaleX {
        margin-top: 40px
    }

.h4Green {
    color: #2E6066
}



.topMenu a span,
.topMenu a {
    font-size: 24px;
    color: #c6aa76;
}

.inputSearch + .inputSearch {
    margin-inline-start: 10px
}

.customMenu.menuBg.fixedTop + .forMenu {
    display: none;
}

.customMenu .langMenu .dropdown-menu li:nth-of-type(2) a {
    padding: 0
}

.customMenu .langMenu .dropdown-menu li:nth-of-type(1) a,
.customMenu .langMenu .dropdown-menu li:nth-of-type(2) a {
    font-family: "nauss-medium"
}

    .customMenu .langMenu .dropdown-menu li:nth-of-type(2) a:hover {
        background-color: inherit;
    }

.customMenu .searchMenu .megamenu input::placeholder,
.customMenu .searchMenu .megamenu input {
    width: 90%
}

.bannerHome .wrapperSlideHm .txtSldes p {
    margin-bottom: 20px;
    color: #fff;
}

.partnershipsBG.ourPartners .col-md-4 {
    width: 25%;
}



.swiper2Style .container {
    max-width: 1000px;
    position: relative;
    padding: 0 20px
}

.eventsSec .heading * {
    color: #C6AA76;
}

.subsBox .inputSub .inInput {
    width: 40px;
    height: 53px;
    background-color: transparent;
    margin-right: 35px;
}

li.nav-item.searchMenu .dropdown-menu {
    backdrop-filter: blur(5px);
    background-color: #7f1f3f !important;
}

    li.nav-item.searchMenu .dropdown-menu #txtSearch2::placeholder,
    li.nav-item.searchMenu .dropdown-menu #txtSearch2 {
        color: #fff;
        font-size: 12px;
    }

    li.nav-item.searchMenu .dropdown-menu .SearchButton {
        border-radius: 0;
        background: white;
        color: #7f1f3f !important;
        border-color: unset;
    }

    li.nav-item.searchMenu .dropdown-menu img {
        filter: brightness(0) invert(1);
    }

.customMenu .searchMenu .megamenu input::placeholder,
.customMenu .searchMenu .megamenu input {
    background: #fff;
    background: transparent !important;
    border-color: transparent;
}

.menu-p {
    color: #fff;
    padding-inline-end: 140px;
    padding-inline-start: 20px;
    padding-top: 20px;
    margin-bottom: 0;
    border-inline-end: 1px solid #fff;
    font-size: 18px;
    line-height: 35px;
    text-align: justify;
    height: 100%
}

.p-menu-sec {
    text-align: start;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0px;
    height: 100%
}

    .p-menu-sec img {
        padding-top: 27px;
    }

.compSection .capmWapper .col-lg-6 {
    padding: 0
}

.compSection .capmWapper .img-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.compSection .capmWapper:hover .img-box img {
    transform: scale(1.1);
}


.brifAbout .p20,
.aboutPageLine .p20,
.ameer-nayf p,
.p22,
.rectorsSpeech .contentSpeech .p20,
.EXDbHead .p20,
.videoSec .p20 {
    text-align: justify;
    direction: inherit;
}

.ourPartners .partBox {
    position: relative
}

.bannerHome .wrapperSlideHm::after {
    background: rgba(31, 56, 57, 0.35)
}

.studiesSec .studyBox1:before {
    content: "";
    background: rgba(31, 56, 57, 0.35);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
}

.compSection {
    max-width: 100%;
    margin-top: 10px
}

.ameer-nayf .aimUl {
    padding-inline-start: 30px;
}

    .ameer-nayf .aimUl li:after {
        top: 10px
    }

.bgGray .videoTxt {
    margin-inline-start: 100px;
}

.bgGreen .videoTxt {
    margin-inline-end: 100px;
}

.ameer-nayf .aimUl li p {
    margin-bottom: 0
}

.ameer-nayf .aimUl li {
    margin-bottom: 15px;
}

.inventionBG .textInv .font30 {
    color: #B77F88;
    padding: 0 50px;
}

.videoSec .videoTxt > img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bannerTraining .sliderBoxTextThum .p20 {
    line-height: 31px;
    height: calc(31px * 2);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}

.programsList .nav-tabs {
    padding-inline-end: 7.5px;
}

.swiper2Style .wapperSlideTow > video.aboImg {
    border: 5px solid #3e3e3e;
    border-radius: 8px;
    position: absolute;
    z-index: -1;
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homeBanner2 .swiper-twoHome2 .swiper-slide-thumb-active .wapperSlideTow video {
    border-color: #C6AA76;
}



/* AO start edit on banner home page */
    }
}

.swiper2Style .swiper-twoHome2 {
    /* padding: 0 15px 0 26px;*/
    position: initial;
}

.swiper2Style .wapperSlideTow .font18 {
    display: none;
}

.swiper2Style .wapperSlideTow {
    height: 150px;
}

    .swiper2Style .wapperSlideTow > img {
        border: 5px solid #3e3e3e;
    }

.videoSec .col-md-6:last-of-type {
    display: flex;
    align-items: center;
    justify-content: right;
}

.videoSec .ctmColor {
    color: #2E6066;
}

.loader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    background: #121e2a94;
    inset: 0;
    overflow: hidden;
}

    .loader .loader-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

.homeBanner2 .swiper-twoHome2 .swiper-slide-thumb-active .wapperSlideTow img {
    border-color: #C6AA76;
}

.plusMin.minHid + .container .swiper-twoHome2 {
    height: 0;
}

.newsSection .newsBox {
    width: 100%;
}

.customMenu .langMenu > a span + img {
    padding-left: 10px;
}

/* start organizational Structure */
.organizationalStructureV2 .OSRow2New .OSLeft .OSH2::after,
.organizationalStructureV2 .OSRow2New .OSLeft::before,
.organizationalStructureV2 .OSRow2New .OSRight .OSH2::after,
.organizationalStructureV2 .ColCenter .OSH2::before,
.organizationalStructureV2 .OSRow2New .OSRight::before {
    display: none;
}

.organizationalStructure .OSH2 {
    background: #f6efe4;
}

.OSRow2New .flexSpaceBtn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .OSRow2New .flexSpaceBtn .OSH2 {
        width: 200px;
        text-align: center;
        line-height: normal;
    }

.organizationalStructureV2 .ColCenter .OSH2 {
    margin-top: -120px;
}

.organizationalStructureV2 .ColCenter .OSH2 {
    font-size: 25px;
}

.organizationalStructureV2 .OSRow2 .OSLeft,
.organizationalStructureV2 .OSRow2 .OSRight {
    width: 460px;
}

.organizationalStructureV2 .flexSpaceBtn {
    position: relative;
}

.organizationalStructureV2 .ColCenter .OSH2::after {
    height: 797px;
    top: -31px;
}

.organizationalStructureV2 .flexSpaceBtn::after {
    position: absolute;
    content: '';
    top: -44px;
    left: 50%;
    width: 2px;
    height: calc(100% - 25px);
    background: #6aa1a4;
    z-index: -1;
}

.organizationalStructureV2 .OSRight .flexSpaceBtn::after {
    height: calc(100% + 85px);
    top: -155px;
}

.organizationalStructureV2 .OSLeft {
    padding-top: 105px;
}

.organizationalStructureV2 .flexSpaceBtn .OSH2:nth-of-type(odd):before {
    position: absolute;
    content: '';
    background: #6aa1a4;
    top: 43px;
    left: -90px;
    width: 100%;
    height: 2px;
    z-index: -1;
}

.organizationalStructureV2 .greenBox {
    background: #2E6066;
    border-color: #2E6066;
    color: #fff;
    border-radius: 60px;
    font-size: 25px;
    font-family: "NAUSS-Bold";
    margin: 30px auto 40px auto;
}

.organizationalStructure .OSRow3 .OScol .OSH2:first-of-type {
    background: #2E6066;
    border-color: #2E6066;
    color: #fff;
}

.organizationalStructureV2 .ColCenter {
    position: relative;
}

    .organizationalStructureV2 .ColCenter .OSCLeft,
    .organizationalStructureV2 .ColCenter .OSCRight {
        width: 543px;
        height: 2px;
        display: block;
        background: #6aa1a4a1;
        position: absolute;
        left: 135px;
        top: 0;
    }

    .organizationalStructureV2 .ColCenter .OSCLeft {
        left: unset;
        right: 134px;
        top: 60px;
    }

    .organizationalStructureV2 .greenBox,
    .organizationalStructureV2 .ColCenter .OSH2 {
        border-radius: 24px;
    }

.organizationalStructure .OSBox {
    width: 240px;
}

    .organizationalStructure .OSBox h2.plan1 strong {
        background: #f6efe4;
    }

.perventStyle,
#ctl00_ctl60_g_8a413541_c808_40d9_b325_3971c9b29c2f_ctl00__UpdateProgress {
    display: block !important;
    position: unset !important;
}

/* end organizational Structure */
.forLoopCenterServices .videoSec:nth-of-type(even) {
    background-image: url(../images/home/ArtworkMenu.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #F2F2F2;
}

    .forLoopCenterServices .videoSec:nth-of-type(even) .row {
        flex-direction: row-reverse;
    }

.SearchButton {
    font-size: 16px;
    display: flex;
    height: 100%;
    padding: 10px 25px;
    border: 1px solid #C6AA76;
    font-family: "GretaTextArabicARLT-Regular";
    color: #fff;
    background-color: #C6AA76;
    border-radius: 8px;
}

    .SearchButton:hover {
        background-color: #D5BD8E;
        color: #fff;
    }

/*
.swiper-twoHome2 .swiper-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}*/






/*---Search Style--*/
.ms-srch-group-content {
    max-width: 1400px;
    margin: 0 auto;
}

.ms-srch-hover-outerContainer {
    display: none !important;
}

.ms-srch-item {
    margin: 0;
    width: 100%;
    border-top: 0;
    border-bottom: 1px solid #D7E3E4;
    padding: 25px;
}

    .ms-srch-item:hover {
        background: #F4F8FD;
    }

.ms-srch-item-summary {
    padding: 8px 0;
    display: inline-block;
    color: #444444;
    font-family: "GretaTextArabicARLT-light";
    font-size: 18px;
    font-weight: 500;
}

.ms-srch-item .ms-srch-item-link {
    color: #0096B6;
}

.ms-srch-item .ms-srch-item-highlightedText {
    color: #444444;
    font-family: "GretaTextArabicARLT-Bold";
}

.ms-srch-item .ms-srch-item-path {
    color: #B77F88;
    display: block;
    width: 100%;
    font-family: "GretaTextArabicARLT-light";
    font-size: 16px;
}

.ms-srch-item-path-selected {
    border: 1px solid #F4F8FC;
    padding: 5px 15px;
    border-radius: 5px;
}

.ms-srch-item .ms-srch-ellipsis,
.ms-srch-item .ms-srch-ellipsis * {
    color: #2E6066;
    font-size: 22px;
    font-family: "Nauss-Bold";
}

.innerpages .ms-srch-Paging a {
    color: #529C44 !important;
    background-color: #fff;
    padding: 3px 12px !important;
    height: auto;
    min-width: 35px;
    margin: 0px !important;
    border: 1px #d6e1e5 solid !important;
    margin-left: -6px !important;
    text-align: center;
}

    .innerpages .ms-srch-Paging a:hover {
        background: #529C44;
        color: #fff !important;
    }

.innerpages .ms-srch-Paging #PagingImageLink a {
    padding: 7px 10px 8px !important;
    position: relative;
    top: 2px;
}

    .innerpages .ms-srch-Paging #PagingImageLink a .ms-promlink-button-image {
        top: 3px;
        right: 2px;
    }

    .innerpages .ms-srch-Paging #PagingImageLink a#PageLinkPrev {
        border-radius: 0 4px 4px 0;
    }

    .innerpages .ms-srch-Paging #PagingImageLink a#PageLinkNext {
        border-radius: 4px 0 0 4px;
    }

.innerpages .ms-srch-Paging #PagingSelf a {
    background: #529C44;
    color: #fff !important;
}

.ms-srch-pagingNext,
.ms-srch-pagingPrev {
    max-width: unset;
}

.ms-srch-result #Paging a,
.ms-srch-result #PagingSelf a,
.ms-srch-result #PagingLink a {
    font-family: "GretaTextArabicARLT-Regular";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 5px;
    margin: 0px 7px;
    font-size: 20px;
    color: #2E6066;
    box-shadow: unset;
    border: unset;
    min-width: 40px;
    border: 1px solid #D3DCE5;
}

    .ms-srch-result #PagingSelf a:hover {
        color: #fff !important;
    }

    .ms-srch-result #Paging a:hover {
        color: #2E6066;
    }

.ms-srch-resultFooter,
.ms-srch-resultFooter a,
.ms-srch-result #ResultCount {
    font-size: 16px;
    color: #555555;
    font-family: "GretaTextArabicARLT-Regular";
}

    .ms-srch-resultFooter a:hover {
        color: #2E6066;
    }

.ms-srch-result #ResultCount {
    display: block;
}

.ms-srch-result #PagingSelf a {
    background-color: #2E6066;
    color: #fff;
    cursor: unset;
    font-family: "GretaTextArabicARLT-Bold";
}

.ms-srch-upscope-top > div {
    display: block;
}



/* AO End  edit on banner home page */
.breadcrumbCum > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
    display: inline-block;
}




.homeBanner2V2 .swiper2Style .swiper-twoHome2V2 .swiper-slide:first-of-type {
    position: absolute;
    visibility: hidden;
    /*
    width: 0 !important;
    visibility: hidden;
   */
}

.activeVideo {
    /* transform: unset !important; */
}

/* start responsive */






.eventsSecPatter2 .fromTo::after {
    opacity: .4;
    background-color: #000000;
}





.ListOfFunded .accordionFound .accordion-button:not(.collapsed)::after {
    transform: rotate(45deg);
}

.dataFullWidth {
    padding: 0;
}

    .dataFullWidth .container {
        border-bottom: 2px solid #2E606621;
        padding: 70px 0 60px 0;
    }




/* new form osama on mobile */


.privacyPolicy a {
    color: #C6AA76;
}

.servCenterBG.artworkRight.bgGray#sc3 .servCenterBG.OP1#sc4 {
    padding: 0;
}

.bannerHome .innerBanner .wrapperSlideHm .slideActions .btnMainGold:hover {
    color: #2E6066;
}

.clsSubscripe .alert {
    margin-right: 13px;
    color: #002d2e;
    font-size: 20px;
    margin-bottom: 45px;
    display: flex;
    justify-content: center;
}

/*
m.mousa 
12/3/2023
*/
.cyberSecurityBanner .wrapperSlideHm:not(.overlayBlack) {
    height: calc(100vh - 140px) !important;
    display: flex;
    align-items: center;
    padding: 0;
    min-height: 400px;
}

.bannerHome.bannerTrainingParent > .cyberSecurityBanner .wrapperSlideHm {
    height: unset;
    display: unset;
    align-items: center;
    padding: unset;
    min-height: unset;
}

.NFooter .importantlinks li a {
    margin-bottom: 12px;
    font-size: 1.5rem;
    line-height: 22px;
}

.NFooter .importantlinks li {
    float: right;
}

.InitiativeBox:hover .font40 {
    text-decoration: none;
}

.AssemblyTasks .markGreen li {
    padding-left: 50px
}

.AssemblyTasks ul.markGreen {
    /* margin: 0 45px;*/
}

.MembBox:hover .font35 {
    margin-bottom: 25px;
    margin-top: 20px;
}

.MembBox:hover .p18 {
    line-height: 28px;
    padding-top: 0;
}

.bgBreadcrumb .breadcrumbCum {
    /* margin-top: 5px; */
}

    .bgBreadcrumb .breadcrumbCum a {
        display: inline-block;
    }

        .bgBreadcrumb .breadcrumbCum a > img {
            margin-top: -3px;
            width: 20px;
            height: 20px;
        }

.NashrSlider {
    position: relative;
}

    .NashrSlider .swiperMainControl {
        /* position: absolute; */
        /* width: 100%; */
        /* height: 30px; */
        /* z-index: 9999; */
        margin-top: 0;
        height: 50px;
    }

        .NashrSlider .swiperMainControl .swiper-button-next,
        .NashrSlider .swiperMainControl .swiper-button-prev {
            /* position: absolute; */
            width: 40px;
            height: 40px;
            background-color: #fff;
            box-shadow: 0 10px 25px #00000008;
            top: 22px;
            border-radius: 50%;
            /* z-index: 9999; */
        }

        .NashrSlider .swiperMainControl .swiper-button-next {
            left: -10px;
        }

        .NashrSlider .swiperMainControl .swiper-button-prev {
            right: -10px;
        }



.resume-slider .owl-nav {
    position: absolute;
    top: 105%;
    text-align: center;
    width: 70%;
}

    .resume-slider .owl-nav .owl-prev {
    }

    .resume-slider .owl-nav .owl-next {
    }

        .resume-slider .owl-nav .owl-prev span,
        .resume-slider .owl-nav .owl-next span {
            font-size: 90px;
            line-height: 1px;
            height: 50px;
            width: 50px;
            display: inline-block;
            color: #2E6066;
            background-color: #fff;
            padding: 10px;
            margin: 0 5px;
            box-shadow: 0 5px 25px #0000002e;
            border-radius: 50%;
        }

.resume-slider .actions .owl-dots button {
    display: none
}






/* start */

.under-const {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 85px;
    margin-bottom: 50px;
}

    .under-const .img-box {
        margin-bottom: 60px;
    }

    .under-const .content-box {
        text-align: center;
    }

        .under-const .content-box h4 {
            font-size: 2.5rem;
            font-family: 'GretaTextArabicARLT-Regular';
            font-weight: 400;
            margin-bottom: 15px;
        }

            .under-const .content-box h4.en {
                margin-bottom: 0;
            }

        .under-const .content-box a.back-home {
            background-color: #C6AA76;
            border-radius: 8px;
            font-size: 1.8rem;
            padding: 16px 16px 15px;
            display: inline-block;
            color: #fff;
            margin-top: 40px;
            line-height: 21px;
            font-family: 'GretaTextArabicARLT-Regular';
        }

            .under-const .content-box a.back-home img {
                margin-right: 20px;
            }


.bannerTraining:not(.bannerSeurtiySC) .swiperTrainingThumb .swiper-wrapper {
    justify-content: center;
}

    .bannerTraining:not(.bannerSeurtiySC) .swiperTrainingThumb .swiper-wrapper .swiper-slide {
        width: 29% !important;
    }

.bannerTraining:not(.bannerSeurtiySC) .sliderBoxTextThum {
    height: 138px;
    display: flex;
    align-items: center;
}

    .bannerTraining:not(.bannerSeurtiySC) .sliderBoxTextThum .numApso {
        font-size: 155px;
        left: -12px !important;
    }

    .bannerTraining:not(.bannerSeurtiySC) .sliderBoxTextThum .font40 {
        font-size: 2.5rem;
        margin-bottom: 0;
        color: #2E6066;
    }

section.bannerTraining::after {
    position: absolute;
    content: '';
    inset: 0;
    background: #F1F4F8;
}

.FAQParent .accordionCustom .accordion-header,
.NewStyleAccordion .card-header {
    border: 1px solid #B6C8DB;
    border-radius: 2px;
}

    .FAQParent .accordionCustom .accordion-button,
    .NewStyleAccordion .card-header .btn-link {
        background: #fff;
        color: #2E6066;
        font-size: 16px;
        font-family: "Nauss-Bold";
    }

.NewStyleAccordion .btn-link::after {
}

/* 6666666666666666666666666666666666666666666666666666666666666 */


/* end  */

.videoPl2 strong::after,
.videoPl strong::after {
    border: 2px solid white;
}

.videoSec .videoPl2 strong,
.videoSec .videoPl strong {
    width: 64px;
    height: 64px;
    margin: 0;
}

.videoSec .videoTxt strong img {
    width: 24px;
    display: inline-block;
    transform: translate(3px, 2px);
}

.bgBreadcrumb .breadcrumbCum a > img {
    margin-top: 0px;
    width: 18px;
    height: 18px;
}

.bgBreadcrumb .breadcrumbCum span {
    display: inline-flex;
}

.historyOfCouncils .posAbo {
    z-index: 9;
}

.paddingB40 {
    padding-bottom: 40px;
}



.searchGroup .select .label {
    padding-left: 5px;
    padding-right: 15px;
}


.innerData .cuActions a {
    flex-wrap: wrap;
}

.innerData .cuActions a {
    flex-wrap: wrap;
}

    .innerData .cuActions a span:first-of-type {
        display: none
    }

.innerData .cuActions img {
    width: 20px;
}




/* start new style for mobile */


/* start new style for mobile */
.slideVideo.wrapperSlideHm::after {
    background: unset;
}

.supporting-university-progress .img-box img {
    width: 100%;
}

.rightImgDir .row {
    margin-top: 70px;
}


/* suiteBarDelta */

/*
-----------------------------------------
                                  new mmousa edits 
-----------------------------------------
*/
.subLinksMenu .dropdown-menuV2 .uiNewSub {
    height: auto;
}

.subLinksMenu .dropdown-menuV2 .col:not(:last-of-type) .uiNewSub {
    border-left: 1px solid #DEDEDE;
    height: 100%
}

.subLinksMenu .dropdown-menuV2 li:not(:first-of-type) a {
    /* display: block; */
    min-width: 90%;
    padding: 5px 10px;
    margin-bottom: 1px;
}

    .subLinksMenu .dropdown-menuV2 li:not(:first-of-type) a:hover {
        background-color: #C6AA76;
        color: #fff;
    }












/* 
.changeStyleMenu{
  display: none;
} */


/* Safari 11+ */


    }
}

@supports (-webkit-hyphens:none) {
    .newBoxArrow .NBATxt .p16 {
        color: #c6aa76;
    }

    .council-card {
        position: relative;
    }

        .council-card .stretched-link {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            content: "";
        }

    .stretched-link::after {
        content: unset;
    }

    .list-council-cards .col-lg-3 {
        margin-bottom: 40px;
    }

    .newBoxArrow:hover .hiddenTxt {
        padding-bottom: 20px;
        background: #F9F9F9;
        border: 1px solid #E3E7EC;
        border-top: 0;
        width: 100.6%;
        margin-left: -1px;
    }

    .council-card {
        height: 100%;
        min-height: 550px;
    }

    .newBoxArrow:hover {
        height: -moz-calc(100% + 120px);
        height: -webkit-calc(100% + 120px);
        height: calc(100% + 120px);
    }
    /* end Desktop here */

}

.customMenu a, .customMenu li, .customMenu span, .customMenu p, .customMenu button {
    color: #c6a46d;
    font-size: 18px;
    font-family: "nauss-regular";
}

#digital-clock p {
    display: inline;
    color: #C6AA76;
    /* margin-right: 21px;*/
    font-family: "nauss-regular"
}

.topMenu a span, .topMenu a {
    font-size: 16px !important;
    color: #c6aa76 !important;
}

.searchDIV {
    display: inline-block;
}

.customFlexMenu {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #fff;
    position: relative;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 11px;
}

.searchInputMenu {
    display: inline-block;
    height: 34px;
    overflow: hidden !important
}

.customFlexMenu #txtSearch {
    border: none;
    margin: 5px
}

.customFlexMenu .SearchButton2 {
    margin: 10px
}

.spaceDiv {
    /* margin-right: 10px; */
}

.hoverIcon:hover {
    background-color: #fff;
    border-radius: 25px;
}

.eservice-anchor {
    margin-right: 100px;
    margin-left: 100px;
}

.customMenu .navbar {
    background: #2E6066;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: 1px 3px 4px 0 #adadad33;
    box-shadow: 1px 3px 4px 0 #adadad33;
    min-height: 140px;
}

.NFooter {
    background: #2E6066;
    padding: 119px 0 0 0;
    position: relative;
}

.digital-clock-container {
    margin-right: 9.25%;
}



#main-banner .carousel-control-next, #main-banner .carousel-control-prev {
    border-color: transparent;
    background-color: transparent;
    background-color: transparent;
    position: relative;
    min-width: auto;
    width: 42px;
    height: 42px;
    opacity: 1 !important;
}

    #main-banner .carousel-control-next span, #main-banner .carousel-control-prev span {
        background-size: contain;
        width: 100%;
        height: 100%;
    }

#main-banner .carousel-indicators .indicator {
    opacity: 0.5;
    background-color: #C6AA76;
    height: 10px;
    border-radius: 8.46px;
    width: 13px;
    min-width: auto;
    margin-right: 17px;
    border: none
}

    #main-banner .carousel-indicators .indicator.active {
        opacity: 1;
        background-color: #C6AA76;
        height: 10px;
        min-width: auto;
        border-radius: 28.19px;
        width: 28px;
        border: none
    }

#news-carousel-indicators button {
    opacity: 0.5;
    background-color: #2E6066;
    height: 10px;
    border-radius: 8.46px;
    width: 13px;
    min-width: auto;
    margin-right: 17px;
    border: none;
}



#news-carousel-indicators .active {
    opacity: 1;
    background-color: #2E6066;
    height: 10px;
    min-width: auto;
    border-radius: 28.19px;
    width: 28px;
    border: none
}

.multilevel .dropdown-menu {
    min-width: 339px
}

.multilevel .dropdown-item {
    color: #2E6066;
    font-size: 18px;
    text-align: right;
    border-bottom: 1px solid #C8A978;
    font-weight: normal;
}

.dropdown-menu :last-child .dropdown-item {
    border-bottom: none;
}

.navbar .navbar-brand {
    margin-right: 8.95%;
}

#digital-clock p {
    margin-right: 15px;
    opacity: 1;
}

    #digital-clock p:first-child {
        margin-right: 0px;
    }

.customMenu .navbar-brand {
    max-width: 341px
}

.dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.355em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid transparent;
    position: absolute;
    top: 13px;
}

.dropdown-menu[data-bs-popper] {
    right: 0;
    margin-top: 2.125rem;
}


.mainTitle {
    font-family: Nauss-Bold;
    color: #2E6066;
    font-size: 2.5rem;
    margin-right: 10px;
}

.header-icon {
    margin-left: 8px;
    width: 25px;
    height: 25px
}

#events-section {
    background: linear-gradient(to bottom, #2f5e63, #385676);
    animation: gradientShift 5s ease infinite;
}

@keyframes gradientShift {
    0% {
        background: linear-gradient(0deg, #2f5e63, #385676);
    }
    10% {
        background: linear-gradient(18deg, #2f5e63, #385676);
    }
    20% {
        background: linear-gradient(36deg, #2f5e63, #385676);
    }
    30% {
        background: linear-gradient(72deg, #2f5e63, #385676);
    }
    40% {
        background: linear-gradient(90deg, #2f5e63, #385676);
    }
    50% {
        background: linear-gradient(108deg, #2f5e63, #385676);
    }
    60% {
        background: linear-gradient(126deg, #2f5e63, #385676);
    }
   70% {
        background: linear-gradient(144deg, #2f5e63, #385676);
    }
   80% {
        background: linear-gradient(162deg, #2f5e63, #385676);
    }
    90% {
        background: linear-gradient(180deg, #2f5e63, #385676);
    }

    100% {
        background: linear-gradient(190deg, #2f5e63, #385676);
    }
    
}
.white-color {
    color: white
}

.events-title {
    font-family: "GretaTextArabicARLT-Bold";
    color: #2E6066;
    padding-top: 30px;
    padding-right: 20px;
    height: 100px;
}

.events-subtitle-div {
    padding-right: 20px;
}

.events-subtitle {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "GretaTextArabicARLT-Regular";
    font-size: 17px;
    color: #2E6066
}

.events-card {
    padding: 2%;
}

.hero-content {
    height: 663px;
    padding-top: 390px;
    padding-right: 8.5%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0));
}

.sliderMainTitle {
    font-size: 45px;
    color: white;
    font-family: "GretaTextArabicARLT-Bold";
}

.sliderContent {
    font-size: 20px;
    font-family: "GretaTextArabicARLT-Bold";
    color: white;
    max-width: 70%;
    direction: ltr;
    line-height: 50px;
    margin-top: 19px;
    margin-bottom: 0px !important;
}

.showMoreBtn {
    border-color: #C6AA76;
    color: #C6AA76;
    font-family: "GretaTextArabicARLT-Bold";
    border-radius: 20px;
}

    .showMoreBtn:visited {
        border-color: #C6AA76;
        color: #C6AA76;
    }

    .showMoreBtn:hover {
        border-color: #C6AA76;
        color: #fff;
        background-Color: #C6AA76;
    }

.newsShowMoreBtn {
    border-color: #2e6066;
    color: #2e6066;
    font-family: "GretaTextArabicARLT-Bold";
    border-radius: 17px;
}

    .newsShowMoreBtn:visited {
        border-color: #2e6066;
    }

    .newsShowMoreBtn:hover {
        border-color: #2e6066;
        color: #fff;
        background-Color: #2e6066;
    }

.eventsShowMoreBtn {
    border-color: #c6aa76;
    color: #c6aa76;
    font-family: "GretaTextArabicARLT-Bold";
    border-radius: 17px;
    background-color: transparent;
    position: absolute;
    bottom: 49px;
    left: 47px;
}

    .eventsShowMoreBtn:visited {
        border-color: #c6aa76;
        color: #c6aa76;
        font-family: "GretaTextArabicARLT-Bold";
        border-radius: 17px;
        background-color: transparent
    }

    .eventsShowMoreBtn:hover {
        border-color: #c6aa76;
        color: #fff;
        background-Color: #c6aa76;
    }


.announcmentInnerText {
    background: linear-gradient(to top, black, rgba(255, 255, 255, 0.4));
    height: 100%;
    text-align: right;
}

.annInnerTextDiv {
    position: absolute;
    bottom: 30px;
    padding-right: 35px;
    padding-left: 35px;
    font-size: 18px;
    font-family: "GretaTextArabicARLT-Bold";
    color: white;
    text-align: right;
    line-height: 30px;
}

.section-sub-title {
    font-family: 'GretaTextArabicARLT-Regular';
    color: #2E6066;
    font-size: 18px;
    font-weight: bold
}

.version-card-text {
    background-Color: #2E6066;
}

.version-inner-div .version-top-part {
    width: 100%;
    height: 421px;
    background-size: cover !important;
}

.version-card-text {
    width: 100%;
    height: 219px;
}

.version-card-text-vert {
    background-Color: #2e6066;
}

.curve-img {
    position: absolute;
    /* top: 5px; */
    margin-right: -15px;
    margin-top: 446px;
    z-index: -1;
}

.version-inner-div .version-top-part-vert {
    height: 598px;
    background-size: contain !important;
}

.version-card-text-vert {
    height: 598px;
}

.btn-version-vert {
    /* position: absolute; */
    border-radius: 4rem;
    border-color: #c6aa76;
    color: #c6aa76;
    font-size: 1.5rem;
    background-color: transparent;
    margin-left: 23px;
    margin-top: 86%;
}

    .btn-version-vert:visited {
        border-radius: 4rem;
        border-color: rgb(255, 255, 255);
        color: #fff;
        background-color: transparent;
    }

    .btn-version-vert:hover {
        border-radius: 4rem;
        border-color: #c6aa76;
        color: #fff;
        background-color: #c6aa76;
    }

.version-title {
    color: white;
    font-family: 'GretaTextArabicARLT-Bold';
    padding-right: 20px;
    padding-top: 30px;
    font-size: 16px;
}

.version-subtitle {
    color: white;
    font-family: 'GretaTextArabicARLT-Bold';
    padding-right: 20px;
    padding-top: 30px;
    font-size: 14px;
}

.version-inner-div {
    width: 100%;
    box-shadow: 0px 0px 3px 1px;
}

.btn-version {
    border-radius: 4rem;
    border-color: #c6aa76;
    color: #c6aa76;
    font-size: 1.5rem;
    background-color: transparent;
    margin-left: 23px;
    margin-top: 65px;
}

    .btn-version:visited {
        border-radius: 4rem;
        border-color: #c6aa76;
        color: #c6aa76;
        background-color: transparent;
    }

    .btn-version:hover {
        border-radius: 4rem;
        border-color: #c6aa76;
        color: #fff;
        background-color: #c6aa76;
    }

/*#programs-section {
    background-color: #F5F5F5;
}*/

.program-title {
    font-family: "NAUSS-bold";
    color: #2E6066;
    padding-top: 30px;
    padding-right: 20px;
    font-size: 16px
}

.program-subtitle {
    font-family: "NAUSS-regular";
    color: #C8A978;
    padding-top: 15px;
    padding-right: 20px;
    font-size: 14px
}

.program-subtitle-div {
    font-family: "GretaTextArabicARLT-Bold";
    color: #857550;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 35px;
}

.program-wrapper {
    height: 439px
}

.swiper-pagination-bullet-active {
    background-color: #c6aa76
}

/*#programs-section .swiper-pagination-bullet-active {
    background-color: #c6aa76
}

#programs-section .swiper-pagination-bullet {
    background-color: #c6aa76
}

#programs-section .swiper-slide img {
    height: 250px;
    width: 100%;
}*/

.event-card-img {
    height: 250px;
    width: 100%;
}

.subTxt .p16 {
    color: #c6aa76
}

.subTxt .font26 {
    color: #2e6066
}

.subsBox .inputSub {
    border: 2px solid #005f6185;
}

.socialBanner a img {
    -webkit-filter: none;
    filter: none;
    display: inline-block;
}

.NFooter .socialFooter {
    margin-right: 120px
}

.NFooter .importantlinks li a, .NFooter .contactUs li a {
    font-family: 'Nauss-regular'
}

.NFooter .hr {
    color: #c5ab77;
    margin: 41px 0 38px;
    margin-bottom: 0px;
    height: 2px;
}

.footerNewBg * {
    margin-top: 0px;
    font-family: 'Nauss-bold' !important;
}

.footerNewBg {
    margin-top: 0px;
}

.supporting-university-progress .content-box h3::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0px;
    top: 10px;
    background: url(/Style%20Library/ar-sa/assets/images/home/eservices.svg.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

#leftNavDiv {
    justify-content: right !important;
    margin-bottom: 0px;
    border-bottom: 2px solid #c6aa76 !important;
}

    #leftNavDiv li a.active {
        color: #fff !important;
        font-weight: bold !important;
        background-color: #c6aa76 !important;
        border-radius: 0px !important;
        border-bottom: 1px solid #c6aa76 !important;
    }

    #leftNavDiv li a {
        color: #c6aa76 !important;
        font-weight: bold !important;
        background-color: #fff !important;
        border-radius: 0px !important;
        border: none !important;
    }

    #leftNavDiv li {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

.importantLinksV2 {
    background: #fff;
    padding: 0px;
    padding-top: 50px;
}

    .importantLinksV2 .IMPLINKS li {
        padding: 19px 0 0px;
    }

.related .col-md-12 {
    border: none !important;
}

.related .importantLinksV2 .IMPLINKS li a {
    font-size: 14px;
    padding: 25px;
    padding-bottom: 26px;
}

#eventsSummary .nav-item {
    cursor: pointer;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    color: #2e6066 !important;
}

.subTitle {
    color: #2e6066 !important;
    font-family: "Nauss-bold"
}

.ameerNayf-nabza .content-box h5::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: 30px;
    top: 10px;
    background: url(/Style%20Library/ar-sa/assets/images/home/eservices.svg.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.manasib h3 {
    background-color: #2e6066;
}

.badges .main-content-box h3 {
    color: #2e6066;
}

.supporting-university-progress .content-box h3 {
    color: #2e6066;
    padding-right: 45px;
}

.his-word .title h3 {
    color: #2e6066;
}

    .his-word .title h3::before {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        right: 30px;
        top: 10px;
        background: url(/Style%20Library/ar-sa/assets/images/home/eservices.svg.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

.his-word .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2e6066;
}

.universityPresidentsV2 .UPbox .font35, .universityPresidentsV2 .UPbox .programDetailsNewV2 .progBoxDetails .titlePrgDetails, .programDetailsNewV2 .progBoxDetails .universityPresidentsV2 .UPbox .titlePrgDetails {
    color: #c8a978;
}

.BGcolor1 {
    background-color: #2e6066 !important;
}

.heading .font40 {
    color: #2e6066;
}

.impAchievement .impAchiWrap .ImpAchiBox .font40 {
    color: #2e6066;
}

.memberDetails .flexMD .nameOfMem .font35, .memberDetails .flexMD .nameOfMem .programDetailsNewV2 .progBoxDetails .titlePrgDetails, .programDetailsNewV2 .progBoxDetails .memberDetails .flexMD .nameOfMem .titlePrgDetails {
    color: #2e6066;
}

.memberDetails .flexMD .nameOfMem .p18, .memberDetails .flexMD .nameOfMem .listItem2 ul li, .listItem2 ul .memberDetails .flexMD .nameOfMem li, .memberDetails .flexMD .nameOfMem .EVCard ul li, .EVCard ul .memberDetails .flexMD .nameOfMem li, .memberDetails .flexMD .nameOfMem .programDetailsNewV2 .progBoxDetails .ulPList li, .programDetailsNewV2 .progBoxDetails .ulPList .memberDetails .flexMD .nameOfMem li, .memberDetails .flexMD .nameOfMem .newLayoutContent .decimalUL li, .newLayoutContent .decimalUL .memberDetails .flexMD .nameOfMem li {
    color: #c8a978;
}

.innerDataBG .col-md-12 .font40, .contactUsPage .CUDetails .font40, .inventionBG .text-center .font40, .newTitleLine {
    font-family: "Nauss-Bold";
    color: #2e6066 !important;
}

.tabsStyle1 .nav-item .nav-link.active {
    background: #2e6066;
    color: #fff;
    border-color: #2e6066;
}

.tabsStyle1 .nav-item .nav-link {
    border: 1px solid #2e6066;
    color: #2e6066;
}

.newBoxArrow .NBATxt .p16 {
    color: #c8a978;
}

.newBoxArrow:hover .arrowAni span {
    background-color: #c8a978;
}

.readMore3:visited, .newBtnNoBorder:visited {
    color: #c8a978;
}

.newBoxArrow .NBATxt .font18, .newBoxArrow .NBATxt .NFooter .contactUs a, .NFooter .contactUs .newBoxArrow .NBATxt a, .newBoxArrow .NBATxt .NFooter .importantlinks a, .NFooter .importantlinks .newBoxArrow .NBATxt a, .newBoxArrow .NBATxt .strategyRevamp .strPattrtCR .newFont18, .strategyRevamp .strPattrtCR .newBoxArrow .NBATxt .newFont18 {
    color: #2e6066;
    font-family: "Nauss-Bold";
}

.programDetailsNewV2 .progBoxDetails .titlePrgDetails {
    color: #2e6066;
    font-family: "Nauss-Bold";
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    font-family: "Nauss-Bold";
}

.programDetailsNewV2 .progBoxDetails .titlePrgDetails span {
    border: none;
    color: #c8a978;
}

.greenBtnBorderV2, .greenBtnV2 {
    border: 1px solid #c8a978;
    background: #c8a978;
}

.greenBtnBorderV2, .greenBtnV2 {
    color: #fff;
}

    .greenBtnBorderV2:hover, .greenBtnV2:hover {
        background: #fff;
        color: #c8a978;
    }

    .greenBtnBorderV2:visited, .greenBtnV2:visited {
        background: #c8a978;
        color: #fff;
    }

.importantLinksV2 .IMPLINKS li a:hover {
    color: #c8a978;
}

.bannerDetailsBG .WarpTxtProg .p16.greenText {
    color: #c8a978;
}

.programDetailsNewV2 .progBoxDetails .ulPList li::marker {
    color: #c8a978;
}

.sildeTabs .nav-pills .nav-link {
    color: #2e6066;
}

.btnMainGold2:hover, .btnMainGold:hover, .readMore2:hover, .btn.event-reg:hover {
    background: #c8a978;
    border-color: #c8a978;
    color: #fff;
}

.btnMainGold2, .btnMainGold, .readMore2, .btn.event-reg {
    color: #c8a978;
    border: 2px solid #c8a978;
}

.btnMainGold2 {
    color: #fff;
    border: 2px solid #c8a978;
}

.starting-p {
    font-family: "GretaTextArabicARLT-Bold";
    color: #2e6066;
}

.newsSection .heading .font40, .list-council-cards .title-with-arrow, .alumniAssociationNew1 .col-md-12 .font40 {
    color: #2e6066;
    font-family: "Nauss-Bold";
}

.alumniAssociationNew1 .arshef .textAR .font24, .council-card .content-box h4 {
    color: #2e6066;
    font-family: "Nauss-Bold";
}

.pagination .current, .pagination a.current {
    background-color: #2e6066;
    border: 1px solid #2e6066;
    font-family: "Nauss-Bold";
    color: #fff !important;
}

.pagination .NextPagi, .pagination .prePagi, .pagination a {
    font-family: "GretaTextArabicARLT-Regular";
    color: #2e6066;
    border: 1px solid #2e6066;
}

.font24, .font22, .font25, .font30, .loadMore, .ExDBContainer .resultOfSearch, .newLayoutContent .trainingTitle, .font35, .programDetailsNewV2 .progBoxDetails .titlePrgDetails, .font26, .font28, .font20Bold, .font50, .font40 {
    font-family: "Nauss-Bold";
}

.alumniAssociationNew1 .btnAlumni .joinTo {
    background: #2e6066;
}

.alumniAssociationNew1 .btnAlumni .downloadFile span {
    color: #c8a978;
}

.alumniAssociationNew1 .btnAlumni .downloadFile {
    border-color: #c8a978;
}

.actionMap a .AcMptxt .font50 {
    color: #2e6066;
}

.actionMap a .AcMptxt .p18, .actionMap a .AcMptxt .listItem2 ul li, .listItem2 ul .actionMap a .AcMptxt li, .actionMap a .AcMptxt .EVCard ul li, .EVCard ul .actionMap a .AcMptxt li, .actionMap a .AcMptxt .programDetailsNewV2 .progBoxDetails .ulPList li, .programDetailsNewV2 .progBoxDetails .ulPList .actionMap a .AcMptxt li, .actionMap a .AcMptxt .newLayoutContent .decimalUL li, .newLayoutContent .decimalUL .actionMap a .AcMptxt li {
    color: #c8a978;
}

.readMore3, .newBtnNoBorder {
    color: #c8a978;
}

a {
    color: #c8a978;
}

    a:hover {
        color: #c8a978;
    }

.innerDataBG .col-md-12 .font40::after, .contactUsPage .CUDetails .font40::after, .inventionBG .text-center .font40::after, .newTitleLine::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -42px;
    top: 10px;
    background: url(/Style%20Library/ar-sa/assets/images/home/eservices.svg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
}

.colorBoxSecd .boxV2Training .font30, .colorBoxSecd .boxV2Training .loadMore, .colorBoxSecd .boxV2Training .ExDBContainer .resultOfSearch, .ExDBContainer .colorBoxSecd .boxV2Training .resultOfSearch, .colorBoxSecd .boxV2Training .newLayoutContent .trainingTitle, .newLayoutContent .colorBoxSecd .boxV2Training .trainingTitle {
    color: #c8a978;
}

.newTitleBG {
    color: #fff !important;
    background-color: #2e6066;
    font-family: "Nauss-Bold";
}

.boxP2Borer .font25 {
    color: #c8a978;
}

table thead {
    background: #2e6066;
    color: #fff;
}

.font18, .strategyRevamp .strPattrtCR .newFont18, .font24, .font25, .font22, .font30, .loadMore, .ExDBContainer .resultOfSearch, .newLayoutContent .trainingTitle, .font35, .programDetailsNewV2 .progBoxDetails .titlePrgDetails, .font26, .font28, .font20Bold, .font50, .font40 {
    color: #2e6066;
}

.registerMemb .font26 {
    color: #2e6066;
}

.priorityPrt .priorityBox .txt .font25 {
    color: #2e6066;
}

.mainBtnGreen {
    background-color: #2e6066;
    border-color: #2e6066;
    color: #fff;
}


.inventionBG .textInv .font30 {
    color: #c8a978;
}

.date span {
    font-family: "GretaTextArabicARLT-Regular";
    color: #c8a978;
}

.tabsStyleMain.nav li button.active {
    background-color: #2e6066;
    color: #fff;
}

.boxServDir .SDHidden a {
    background: #c8a978;
    border-color: #c8a978;
}

.downloadFile span strong {
    color: #c8a978;
    font-family: "GretaTextArabicARLT-Regular";
}

.SDTwoTabs .DBBox .personDetails .moreInf a {
    color: #c8a978;
}

body .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #c8a978;
}

.boxServDir:hover .font35, .boxServDir:hover .programDetailsNewV2 .progBoxDetails .titlePrgDetails, .programDetailsNewV2 .progBoxDetails .boxServDir:hover .titlePrgDetails {
    color: #2E6066;
}

.swiperMainControl .swiper-button-prev::after, .swiperMainControl .swiper-button-next::after {
    -webkit-filter: none;
    filter: none;
}

.mainBtnGreen:hover {
    background-color: #2E6066;
    border-color: #2E6066;
    color: #fff;
}

.universityPresidentsV2 .UPbox {
    border-bottom: 5px solid #2E6066;
}

.shareBG .contentShare a:hover {
    background: #c8a978;
}

.KSalman .presidentSgn::after, .KSalman .presidentSgn::before {
    -webkit-filter: none;
    filter: none;
}

.KSalman .presidentSgn::after, .KSalman .presidentSgn::after {
    -webkit-filter: none;
    filter: none;
}

.downloadFile .logoBorder img {
    width: 100px;
}

.newLayoutContent .decimalUL li::marker {
    color: #c8a978;
}

.presidentSgn .newTitleLine::after {
    background: none;
}

.impAchievement .impAchiWrap .ImpAchiBox .imgBoxAch img {
    -webkit-filter: none;
    filter: none;
}

.boxP2Borer:hover {
    border-color: #c8a978;
}

.registerProgV2 {
    border-top: 4px solid #2E6066;
}

.planEdu table tbody tr:last-of-type {
    background: #2E6066;
}

.btnAlumni .logoBorder img {
    width: 25px;
    height: 25px;
}

.newsSection .newsBox .txtN .font24 {
    color: #2E6066;
}

.searchGroup input:focus {
    border-color: #c8a978;
}

input[type=password]:hover, input[type=text]:hover, input[type=file]:hover, input:not([type]):hover, textarea:hover, .sp-peoplepicker-topLevel:hover, .ms-inputBox:hover {
    border-color: #2E6066;
}

.eventsSecRev .eventWapper .font20Bold {
    color: #2E6066;
}

.strategy2 .strPattrt2 .font35, .strategy2 .strPattrt2 .programDetailsNewV2 .progBoxDetails .titlePrgDetails, .programDetailsNewV2 .progBoxDetails .strategy2 .strPattrt2 .titlePrgDetails {
    color: #C6AA76 !important;
}

#leftNavDiv li a:hover {
    background-color: #c8a978 !important;
    color: white !important
}

.memberDetails .contextMem .aimUl li::marker {
    color: #c8a978;
}

.cardUsa .headinnWithDate .font40 {
    color: #2E6066;
}

.listItem2 .font25 strong, .EVCard .font25 strong {
    color: #2E6066;
}

.markGold li::marker {
    color: #c8a978;
}

.tobiArrow .swiper-button-next::after, .tobiArrow .swiper-button-prev::after {
    background: #c8a978 url(../images/home/arrowScrWhite.svg) no-repeat;
    background-position: center;
}

.supporting-university-progress .content-box h3 {
    font-family: 'NAUSS-Bold';
}

/*#programs-section .programs-row-cont {
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 2%;
    padding-top: 3%;
}

#programs-section {
    margin-top: 5%;
    margin-bottom: 5%;
}*/

#news-section .news-row-cont {
    padding-right: 8.3%;
    padding-left: 8.3%;
}

#news-section {
    margin-top: 3.15%;
    /* margin-bottom: 60px;*/
}

#events-section .events-row-cont {
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 2%;
    padding-top: 3%;
}

#events-section {
    margin-top: 3.15%;
}

#pubs-section .pubs-row-cont {
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 2%;
    padding-top: 3%;
}

#pubs-section {
    margin-top: 5%;
    margin-bottom: 5%;
}


#news-section .card {
    height: 260px;
}

#news-section .news-row {
    height: 100%
}

#news-section .news-col {
    margin-top: 15px;
    margin-bottom: 15px
}

.events-card > div {
    border: 1px solid #c8a978;
}

.subsBox .subTxt .font26 {
    font-family: "GretaTextArabicARLT-Regular";
}

.ameerNayf-nabza .content-box h5 {
    font-family: 'Nauss-Bold';
}

.newUlCR li::after {
    background: #c8a978;
}

.innerDataBG .col-md-12 .font40.marLeftHead, .contactUsPage .CUDetails .font40.marLeftHead, .inventionBG .text-center .font40.marLeftHead, .newTitleLine.marLeftHead {
    -webkit-transform: translateX(-41px);
    transform: translateX(-41px);
}

.showmore-news {
    bottom: 20px;
    right: -20px;
}



.STRBox .Stratxt {
    height: 100% !important
}

.STRBox {
    height: 700px
}

.strategy3 {
    height: 900px;
}

.hoverIcon {
    cursor: pointer
}

.pubDateCurve {
    background-image: url("/Style Library/ar-sa/Styles/images/home/Date Tag.svg");
    height: 142px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 145px;
    background-position: top left;
    font-size: 22px;
    text-align: center;
    color: #fff;
    font-family: 'GretaTextArabicARLT-Bold';
    padding-top: 15px;
}

.version-card {
    padding: 50px
}

h3.MainNaussHeader {
    font-family: 'NAUSS-Bold';
}

h3.MainNaussHeader {
    color: #2e6066;
    padding-right: 45px;
}

h3.MainNaussHeader {
    position: relative;
    color: #5E81A4;
    font-size: 3rem;
    margin-bottom: 33px;
}

    h3.MainNaussHeader::before {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        right: 0px;
        top: 10px;
        background: url(/Style%20Library/ar-sa/assets/images/home/eservices.svg.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

.contactUsPage .CUDetails .cuActions a img {
    -webkit-filter: none;
    filter: none;
}

.innerData .font25 {
    color: #2E6066 !important;
}

.SDTwoTabs .DBBox .personDetails .moreInf .gold img, .innerData .cuActions img {
    -webkit-filter: none;
    filter: none;
}

.CUShare a:hover {
    background: transparent !important;
}

.boxP2Borer {
    height: 300px;
}

.newInnerBannerV {
    height: 900px;
}

.sliderMainTitle span {
    /* background-color: red; */
    /* background-origin: padding-box; */
    background-image: url(/Style%20Library/ar-sa/Styles/images-revamp/line.png);
    background-repeat: repeat-x;
    background-position-y: 64%;
}


#main-banner #carouselExampleIndicators .carousel-indicators {
    display: flex;
    align-items: center;
    margin-bottom: 44.29px;
    margin-top: 55px;
}

#main-banner #carouselExampleIndicators .carousel-item .hero-slide {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.row > * {
    padding-right: 0px;
    padding-left: 0px;
}

.nauss-section {
    padding-right: 8.95%;
    padding-left: 8.95%;
}

.myNewsSwipper {
    height: 384px;
    padding-right: 29px
}

.newsSwipperContainer {
    margin-right: 29px;
    border-right: 2px #2E6066 solid;
    box-shadow: #14142b73 0px 14px 42px 0
}
#adsCarousel .carousel-inner {
    box-shadow: #14142b73 0px 14px 42px 0 !important;
}
.annCard {
    margin-right: 22px;
    margin-left: 22px;
    /*    margin-top: 13px;*/
    border-bottom: 1px solid #D8D9DA;
    font-size: 16px;
    font-family: 'nauss-regular';
    padding-top: 30px;
}

.sectionNewsTitle {
    top: 0;
    position: relative;
    margin-right: 20px;
    display: inline-block;
    background: linear-gradient(to right, #2e606654, #385676b0);
    padding: 5px 27px;
    font-size: 16px;
    font-family: "GretaTextArabicARLT-Bold";
    color: white;
    word-spacing: 40px;
}

.annDate {
    word-spacing: 30px;
    margin-right: 12px;
    margin-top: 4px;
}

.annHeader {
    color: #2E6066;
    font-weight: bold;
    line-height: 2
}

.events-header {
    padding-top: 3.35% !important;
    padding-bottom: 3.35% !important;
    color: white;
}

.antiMainTitle {
    font-family: Nauss-Bold;
    color: #fff;
    font-size: 2.5rem;
    margin-right: 10px;
}

.event-slider-body {
    margin-right: 15.25%;
    margin-left: 15.25%;
}

.pub-slider-body {
    margin-right: 19.25%;
    margin-left: 19.25%;
    margin-top: 1.6%;
}

.events-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
    margin-right: 7.5%;
    flex-wrap: wrap; /* ✅ allow wrapping when space is tight */
}

.event-section-card {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #FCFCFC;
    padding: 20px;
    border-radius: 12px;
    flex: 1;
    min-width: 280px; /* ✅ prevent the card from becoming too narrow */
}

.events-card-date {
    font-size: 4.5rem;
    text-align: center;
    font-family: 'GretaTextArabicARLT-Regular';
    line-height: 1.2;
}

.events-card-spliter {
    width: 2px;
    background-color: #c8a97826;
    height: 40%;
}

.events-card-body {
    display: flex;
    flex-direction: column;
    gap: 39px;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'GretaTextArabicARLT-Regular';
}

    .events-card-body img {
        width: 24px;
        vertical-align: middle;
        margin-left: 9px;
    }

.card-divider {
    width: 2px;
    background-color: rgba(255, 255, 255, 0.4);
    margin-top: 6%;
    margin-bottom: 6%;
}

#eventsCarousel .swiper-slide {
    display: flex; /* ✅ خلي العناصر جوه السلايد في صف */
    justify-content: center; /* وسّط الكروت */
    align-items: stretch; /* خلى الكروت نفس الطول */
    gap: 30px; /* المسافة بينهم */
}

#events-section .swiper-pagination-bullet {
    opacity: 0.5;
    background-color: #C6AA76;
    height: 10px;
    border-radius: 8.46px;
    width: 13px;
    min-width: auto;
    margin-right: 17px;
    border: none;
}

#events-section .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #C6AA76;
    height: 10px;
    min-width: auto;
    border-radius: 28.19px;
    width: 28px;
    border: none;
}

.pub-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 33px;
  
}

.pub-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 30px 30px rgba(0,0,0,0.38);
    position: relative;
    text-align: center;
    perspective: 1000px;
    height: 419px;
}
    .pub-card .book {
        position: relative;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transition: transform 0.8s ease;
    }

        .pub-card .book img {
            position: absolute;
            width: 100%;
            height: 419px;
            top: 0;
            left: 0;
            backface-visibility: hidden;
            object-fit: cover;
            padding: 20px;
        }

        /* الصورة الخلفية */
        .pub-card .book .back {
            transform: rotateY(180deg);
        }

    /* عند المرور بالماوس */
    .pub-card:hover .book {
        transform: rotateY(180deg);
        
    }
    .pub-card:hover .book img {
padding:0px;

    }
    .pub-card:hover .pub-card-body {
        opacity: 0;
    }

/*
    .pub-card:hover .pub-card-image {
        animation: spinCard 0.8s ease forwards;
    }
        .pub-card:hover .pub-card-body {
       opacity:0
        }


@keyframes spinCard {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
        padding:0px
    }
}

.pub-card-image {
    height: 419px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    padding: 20px;
}
    */
.pub-card-body {
    margin-top: -33%;
    background-color: #fff;
    z-index: 9999;
    position: absolute;
    height: 113px;
    width: 100%;
    padding: 20px;
    color: #2E6066;
    font-family: "GretaTextArabicARLT-Bold";
    transition: opacity 0.5s ease;
    opacity: 1;
}

.pub-card-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.pub-card-text {
    font-size: 12px;
    line-height: 1.6;
    font-weight: bold;
}

.pub-footer {
    font-size: 1.8rem;
    color: #2E6066;
    text-decoration: underline;
    font-weight: bold;
    font-family: GretaTextArabicARLT-Regular;
    margin-top: 50px;
}
    .pub-footer a:hover {
        color: #2E6066;
    }
    .pub-footer a  {
        color: #2E6066;
    }
    .event-title a:visited {
        color: #FCFCFC !important
    }

.event-title a {
    color: #FCFCFC !important
}

.acad-gallery {
    height: 490px;
}

    .acad-gallery .acad-gallery-wrapper {
        display: flex;
        height: 100%;
        background-image: url(/Style%20Library/ar-sa/Styles/images-revamp/Section.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .acad-gallery .acad-gallery-slide {
        flex: 1;
        height: 100%; /* ✅ ثبت الارتفاع */

        transition: flex 0.7s ease, transform 0.7s ease;
        overflow: hidden;
    
    }

        .acad-gallery .acad-gallery-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.7s ease;
            filter: grayscale(1);
        }

    .acad-gallery .acad-gallery-wrapper .acad-gallery-slide:first-child {
        flex: 6.5;
        /*filter: brightness(1);*/
    }

    .acad-gallery .acad-gallery-wrapper .acad-gallery-slide:not(:last-child):not(:first-child):hover {
        flex: 6.5;
        filter: none;
        /*filter: brightness(1);*/
        color:black;
    }
        .acad-gallery .acad-gallery-wrapper .acad-gallery-slide:not(:last-child):not(:first-child):hover img {
             filter: none;

        
        }
         
        .acad-gallery .acad-gallery-wrapper .acad-gallery-slide:not(:last-child):not(:first-child):hover .acad-text-content a{
            color: black ;
         }
.lastSlide {
    flex: 0.8 !important;
}

.acad-text-content {
    position: absolute;
    height: 100%;
    display: flex;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    font-family: 'GretaTextArabicARLT-Bold';
    color: #2E6066;
    filter: none;
    text-align: center;
    vertical-align: middle;
    /* padding-top: 25%; */
    justify-content: center;
    flex-direction: column;
    z-index: 9999;
    background-color: #ffffff73;
}

.firstSlide {
    display: flex;
    flex-direction: column; /* عشان يخلي النص فوق والزرار تحته */
    justify-content: center; /* يوسّط عمودي */
    align-items: flex-start; /* يوسّط أفقي */
    text-align: right; /* يوسّط النص نفسه */
    padding: 20px; /* مساحة داخلية لو النص طويل */
    color: #2E6066; /* نفس لون باقي النصوص في التصميم */
    /* background: rgba(255,255,255,0.1); */ /* لو حابب تضيف خلفية خفيفة */
    font-size: 30px;
    font-weight: bold;
    font-family: 'GretaTextArabicARLT-Bold';
    color: #2E6066;
    /* width: 20%; */
    margin-right: 8%;
}

    .firstSlide a {
        margin-top: 20px;
    }
a.btn.btn-success.btn-lg.aca-btnKnowMore {
    width: 171px;
    height: 41px;
    align-content: center;
    font-size: 18px;
    font-family: 'GretaTextArabicARLT-Regular';
    background-color: #2E6066;
    z-index: 99999
}
a.btn.btn-success.btn-lg.aca-btnKnowMore:hover {
    text-decoration:underline;
}
    a.btn.btn-success.btn-lg.aca-btnKnowMore .aca-btnKnowMore-arrow {
        display: inline-block;
        margin-right: 0;
        opacity: 0;
        transform: translateX(-5px);
        transition: all 0.3s ease; /* ✅ smooth animation */
    }

    a.btn.btn-success.btn-lg.aca-btnKnowMore:hover .aca-btnKnowMore-arrow {
        margin-right: 10px;
        opacity: 1;
        transform: translateX(0);
    }
    a.btn.btn-success.btn-lg.aca-btnKnowMore:visited .aca-btnKnowMore-arrow {
     color:white
    }
    a.btn.btn-success.btn-lg.aca-btnKnowMore:visited   {
        color: white
    }
.acad-text-content a {
    color: #2E6066;
}
.acad-text-content a:visited {
    color: #2E6066;
}
.navbar-toggler:active {
    background-color: transparent;
}
#programs-section{
    margin-bottom:5%
}