@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

#primary-menu-trigger, #primary-menu-trigger-topSearch {
    font-size: 14px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: 50px;
    text-align: center;
    opacity: 0;
    cursor: pointer
}

#primary-menu ul > li.mega-menu, #primary-menu ul > li.mega-menu-search, #primary-menu ul > li.submenu, #wrapper, .almuni-listing, .almuni-listing-section, .cpisb-container, .header-content, .location, .location-section, .onapptap, .overflow-hidden, .social-link-image, .subpage-banner, .topiamge, .vision-background, .vision-section, a.navbar-brand {
    position: relative
}

.loading img, .loading-almuni img {
    animation: 1s linear infinite slide
}

body {
    margin: auto;
    padding: 0;
    font-family: Montserrat,sans-serif !important;
    font-display: swap
}

body, html {
    scroll-behavior: smooth
}

.top-menue {
    background-image: url("../images/bg1-top.png");
    justify-content: flex-end !important
}

#wrapper, .content-menue {
    background-image: url("../images/bg-top1.jpg")
}

a:hover {
    text-decoration: none !important
}

.navbar {
    z-index: 1;
    height: 51px
}

#wrapper {
    z-index: 2
}

#header, #header-wrap {
    height: 102px
}

#logo img {
    height: auto;
    max-width: 100%
}

.header-content {
    display: flex;
    align-items: center;
    z-index: 1000;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important
}

#logo {
    padding-right: 30px;
    margin-right: 30px;
    margin-top: 7px;
    padding-left: 30px
}

#primary-menu {
    margin-left: auto;
    display: flex
}

    #primary-menu ul {
        list-style: none;
        margin: 0 15px 0 0;
        display: flex;
        padding: 0 15px 0 0
    }

        #primary-menu ul > li > .subNodesLink, #primary-menu ul > li > a > .mega-menu-titl {
            display: block;
            padding: 30px 10px;
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            -o-transition: margin .4s,padding .4s
        }

        #primary-menu ul > li.mega-menu-search {
            transition: transform .5s
        }

            #primary-menu ul > li.mega-menu-search img {
                height: 1em
            }

            #primary-menu ul > li.mega-menu-search:hover, a.friends-box:hover .image-friends, a.internship-box:hover .image-internship, a.publiaction-box:hover .image-publiaction {
                -ms-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                transform: scale(1.2)
            }

        #primary-menu ul > li.submenu::after, a.navbar-brand.ar-language::after {
            background-color: #a48332;
            transform-origin: bottom right;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0;
            content: ''
        }

        #primary-menu ul > li.submenu::after {
            bottom: 5px;
            transition: transform .25s ease-out;
            transform: scaleX(0)
        }

        #primary-menu ul > li.submenu:hover::after, a.location-body-site:focus:before, a.location-body-site:hover:before, a.navbar-brand.ar-language:hover::after, a.navbar-brand.onapptap:hover::after, a.navbar-brand.resourcetap:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left
        }

        #primary-menu ul > li > .subNodesLink:hover, #primary-menu ul > li > a > .mega-menu-title:hover {
            color: #e9a500 !important
        }

        #Boarding, #Current, #Sg, #primary-menu ul li.submenu > ul, .second-section {
            display: block
        }

        #primary-menu ul > li.submenu ul {
            background-color: #faffff;
            box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
            width: 220px;
            position: absolute;
            display: none;
            margin: 0;
            padding: 0;
            height: 0;
            opacity: 0;
            transition: .5s
        }

            #primary-menu ul > li.submenu ul li.subNodes-list > a {
                padding: 10px;
                font-size: 12px;
                font-weight: 700;
                color: #666;
                padding-top: 10px !important;
                padding-bottom: 10px !important;
                border: 0;
                letter-spacing: 0;
                -webkit-transition: .2s ease-in-out;
                -o-transition: .2s ease-in-out;
                transition: .2s ease-in-out;
                display: flex
            }

            #primary-menu ul > li.submenu ul li.subNodes-list:hover > a {
                background-color: #e0e9ee;
                padding-left: 18px
            }

            #primary-menu ul > li.submenu ul li.subNodes-list > a:hover, .onapptap:hover, .resourcetap:hover {
                color: #003973 !important
            }

            #primary-menu ul > li.submenu ul li.subNodes-list > a > i {
                padding-top: 4px;
                color: #6c521c
            }

.submenu-title {
    padding-left: 15px;
    font-size: 17px
}

a#top-search-trigger {
    padding: 10px 5px
}

#primary-menu-trigger {
    position: absolute;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#primary-menu-trigger-topSearch {
    position: absolute;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    right: 0
}

.sticky-header #primary-menu ul li ul li a, .sticky-header #primary-menu ul > li {
    font-size: 16px
}

@media (min-width:992px) {
    #primary-menu ul > li.submenu:hover ul {
        display: block;
        opacity: 1;
        height: auto
    }

    #header.sticky-header #header-wrap, #header.sticky-header #logo img {
        height: 90px;
        width: auto;
        background-image: url(../images/bg-top1.jpg)
    }

    #header.sticky-header #header-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        padding: 0;
        z-index: 100
    }

    #header.sticky-header #primary-menu ul > .subNodesLink, #header.sticky-header #primary-menu ul > li.subNodes-list {
        padding-top: 17px;
        padding-bottom: 17px;
        font-size: 16px
    }

    #header.sticky-header #primary-menu ul > li.subNodes-list {
        padding: 0;
        font-size: 16px
    }

    #header.sticky-header #logo img {
        height: 73px
    }
}

@media (max-width:1090px) {
    #logo img {
        width: 450px !important
    }

    #top-search {
        margin-top: 36px
    }

    .header-content {
        display: block
    }

    #primary-menu ul > li.mega-menu-search img, nav#primary-menu {
        display: none
    }

        #primary-menu ul > li.open-menu ul, nav#primary-menu.open {
            display: block;
            background-color: #06466c;
            padding: 10px
        }

    #primary-menu ul {
        display: block;
        border: 0;
        margin: 0;
        padding-left: 10px
    }

    #primary-menu-trigger {
        opacity: 1;
        -webkit-transition: opacity .2s .2s,top .4s;
        -o-transition: opacity .2s .2s,top .4s;
        transition: opacity .2s .2s,top .4s;
        top: 30px
    }

    #primary-menu-trigger-topSearch {
        opacity: 1;
        -webkit-transition: opacity .2s .2s,top .4s;
        -o-transition: opacity .2s .2s,top .4s;
        transition: opacity .2s .2s,top .4s;
        top: 30px;
        display: none
    }

    #primary-menu ul > li.submenu > a, #primary-menu > .container > ul > li.sub-menu > a, #primary-menu > ul > li.sub-menu > a {
        background-image: url("../images/rightIcon.svg");
        background-position: right center;
        background-repeat: no-repeat
    }

    #primary-menu ul > li {
        padding: 14px 5px;
        border-bottom: 1px solid #eee
    }

        #primary-menu ul > .subNodes-list, #primary-menu ul > li:last-child > a {
            border-bottom: 0
        }

    #header, #header-wrap {
        height: auto
    }

    #primary-menu ul > li.open-menu ul {
        position: static;
        height: auto;
        opacity: 1
    }

    #primary-menu ul > li.submenu ul {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        border-right: 0;
        background-color: #567a8f
    }

        #primary-menu ul > li.submenu ul li.subNodes-list a {
            border-bottom: 1px solid #eee;
            color: #ffb500
        }

        #primary-menu ul > li.submenu ul li.subNodes-list > a > i {
            padding-top: 4px;
            color: #c58500
        }

    #logo {
        border: 0;
        text-align: center;
        padding: 0;
        margin: 0
    }

    div#top-search #top-search-trigger {
        position: absolute;
        top: 27px;
        right: 40px
    }
}

.content-menue {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important
}

.onapptap, .resourcetap {
    color: rgb(173 135 1) !important;
    font-weight: 500
}

nav.navbar.navbar-light.top-menue img {
    width: 20px
}

.ar-language {
    background-color: #a48332;
    color: #fff !important;
    transition: 1s ease-out
}

    .ar-language:hover {
        background-color: #155a84;
        transition: 1s ease-in
    }

.navbar {
    padding: 0 !important
}

a.navbar-brand.ar-language {
    padding: 15px 25px;
    margin-right: 0.9rem;
    font-family: Montserrat, Cairo !important;
}

a.navbar-brand {
    margin-left: 5px;
    font-size: 18px !important;
    font-weight: 700
}

    a.navbar-brand.ar-language::after {
        bottom: 0;
        transition: transform .25s ease-out;
        transform: scaleX(0)
    }

.almuni-info, .cpisb-header-container, .onapptap > *, .social-link > * {
    position: relative;
    z-index: 2
}

a.navbar-brand.onapptap, a.navbar-brand.resourcetap {
    padding-top: 15px;
    padding-bottom: 15px
}

    a.navbar-brand.onapptap::after, a.navbar-brand.resourcetap::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 10px;
        left: 0;
        background-color: #155a84;
        transform-origin: bottom right;
        transition: transform .25s ease-out;
        transform: scaleX(0)
    }

img.onapptap-img.blue, img.resourcetap-img.blue {
    position: absolute;
    right: 0;
    left: 0;
    opacity: 0;
    top: 30%
}

.onapptap:hover img.onapptap-img.orginal, .resourcetap:hover img.resourcetap-img.orginal, .social-link:hover .social-link-img {
    opacity: 0
}

    .onapptap:hover img.onapptap-img.blue, .resourcetap:hover img.resourcetap-img.blue, .social-link:hover .social-link-img.hov-img {
        opacity: 1
    }

/*.cpisb-container {
    text-align: center;
    margin: auto;
    padding: 0 43px
}
*/
.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    font-weight: 600
}

/*footer {
    margin-top: 5%
}
*/
.footer-container {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
    width: 100%
}

.cpisb-bottom-footer {
    padding: 15px 3%;
    background-color: #042c45;
    text-align: center
}

.bottom-footer {
    padding: 10px 0
}

.bottom-footer-section, ul.footer-desc-list a {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.cpisb-top-footer {
    background: linear-gradient(0deg,rgb(6 70 108 / 76%),rgb(6 70 108 / 73%)) 0 0/cover no-repeat,url('../images/Footer.jpg') 0 0/cover no-repeat;
    padding: 50px;
    height: 100%;
    min-height: 384px
}

.abstract-section, .image-overview-orginal, .subpage-banner {
    background-position: center;
    background-size: cover
}

li {
    list-style: none
}

.footer-section-desc p {
    text-align: left;
    margin-bottom: 20px;
    color: #c99601;
    font-size: 22px;
    font-weight: 700
}

ul.footer-desc-list {
    padding-left: 0;
    text-align: left
}

    .closeIcon:hover, ul.footer-desc-list a:hover {
        color: #c99601
    }

.subpage-banner {
    background-image: url(images/Banner1.jpg);
    min-height: 537px
}

    .subpage-banner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to top,rgb(3 3 3 / 95%)5%,rgba(255,255,255,.13) 50%,rgba(255,255,255,.04) 80%);
        z-index: 1
    }

.banner-content {
    position: absolute;
    top: 75%;
    left: 2%;
    z-index: 1
}

.banner-ttl h1 {
    font-size: 38px;
    font-weight: 700;
    text-align: left;
    color: #fff
}

.banner-disc h2 {
    font-size: 28px;
    font-weight: 700;
    text-align: left;
    color: #a48334
}

.abstract-content h3, .sup1 {
    color: #fff;
    margin-bottom: 30px
}

.abstract-section {
    padding: 15px 0;
    position: relative;
    background-repeat: no-repeat
}

.abstract-content h3 {
    font-size: 38px;
    font-weight: 700
}

.sup1 {
    font-size: 28px;
    padding: 0 180px
}

.sup2 {
    font-size: 24px;
    font-weight: 700;
    color: #c3e8ff
}

.mission-section {
    margin-top: 90px
}

.mission-content p {
    text-align: right;
    line-height: 40px
}

.mission-content p, .vision-content p {
    font-size: 26px
}

.about-mision-section, .alumni-abstract-content, .news-section-details-content {
    text-align: left
}

.mission-ttl, .vision-ttl {
    font-size: 48px;
    font-weight: 700;
    color: #06466c
}

.mission-desc, .vision-desc {
    font-size: 88px;
    font-weight: 700;
    color: #83c4ec;
    position: relative;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-1%,-30%)
}

.mission-content {
    border-right: 3px solid #a48334;
    padding-right: 20px
}

.vision-background img {
    margin: auto;
    display: block;
    max-width: 100%
}

.vision-box {
    top: -230px;
    right: 3%;
    position: relative
}

.about-vision-section {
    text-align: right
}

.vision-content {
    border-left: 3px solid #a48334;
    padding-left: 20px
}

    .vision-content p {
        text-align: left;
        line-height: 40px
    }

.overview-section {
    position: relative;
    top: -100px
}

a.overview-box {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    margin: 20px;
    background: rgb(237 245 253);
}

.image-overview-orginal {
    position: relative;
    -webkit-filter: sepia(100%) hue-rotate(170deg) saturate(200%);
    transition: .8s;
    max-width: 100%
}

.arrow-box, .image-overview-blue, .overview-content {
    position: absolute
}

.overview-box:hover .image-overview-orginal {
    -webkit-filter: none
}

.image-overview:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.overview-content {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.overview-arrow-box {
    text-align: left;
    color: #06466c;
    font-weight: 700;
    font-size: 28px;
    transition: .6s;
    transform-origin: bottom;
}

.card-body {
    padding: 15px;
    position: relative;
}

.arrow-box {
    top: 30%;
    right: 30px;
    transition: transform 1s;
    transform: translateX(0)
}

    .arrow-box svg {
        height: 2em
    }

.arrow-prvious-link:hover .arrow-prvious-text, .location-body-site, .location-body-student, .overview-box:hover .overview-arrow-box {
    color: #a48334
}

.arrow-prvious-link:hover .arrow-prvious-img, .overview-box:hover .arrow-box {
    transform: translateX(-10px)
}

.scolar-content {
    padding: 60px 0;
    background-position: center;
    background-size: cover;
    position: relative;
    background-image: url(/images/bg1.jpg)
}

.location-listing-filter, .scholars-listing-filter, .scolar-listing-filter {
    display: flex;
    justify-content: center
}

.search-box {
    display: flex;
    margin-right: 50px;
    position: relative
}

.search-icon {
    background-image: linear-gradient(to right,#003973 0,#eba908 51%,#003973 100%);
    padding: 15px 30px 0;
    text-align: center;
    transition: .5s;
    background-size: 200% auto;
    display: block;
    border: none;
    cursor: pointer
}

    .company-details button:hover, .media-box:hover .media-icon, .news-lbox-box:hover .news-details-box button, .publiaction-details-box button:hover, .save-next-buttons button:hover, .scholar-details button:hover, .search-icon:hover, .submitButton-contact:hover {
        background-position: right center;
        color: #fff;
        text-decoration: none
    }

    .search-icon img {
        height: auto;
        width: 25px
    }

input.form-control {
    padding: .375rem 4.75rem !important
}

select.form-control {
    padding: .375rem 4.75rem .75rem 0.75rem !important;
    font-weight: 500
}

.form-control {
    border-radius: 0 !important;
    height: calc(2em + .75rem + 2px) !important;
    font-size: 1.2rem !important
}

.select-box-scolar {
    width: auto;
    position: relative
}

    .select-box-disciplines .form-control, .select-box-place .form-control, .select-box-scolar .form-control {
        background-image: url(/images/Selectarrow.svg);
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 90%
    }

.search {
    position: absolute;
    top: 28%;
    left: 5%;
    opacity: .2
}

    .search img {
        width: 26px
    }

.scolar-listing-section {
    margin: 50px;
    position: relative;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s
}

.scolar-image {
    background-color: #d4e2ed;
    height: 100%;
    display: flex
}

    .inpuFeilds-seond-section, .scolar-image img, a.internship-box:hover .internship-details-box:after {
        width: 100%
    }

.scolar-listing-content {
    background-image: url("/images/Bg-All.jpg")
}

.company-details, .scholar-details {
    padding: 35px;
    text-align: left
}

    .company-details h3, .scholar-details h3 {
        font-size: 36px;
        font-weight: 700;
        color: #06466c;
        margin-bottom: 15px
    }

    .company-details button, .scholar-details button {
        background-image: linear-gradient(to right,#003973 0,#eba908 51%,#003973 100%);
        margin: 30px 10px 10px;
        transition: .5s;
        background-size: 200% auto;
        border: none;
        display: block;
        text-align: center
    }

    .company-details p, .scholar-details p {
        font-size: 20px;
        line-height: 40px;
        font-weight: 700
    }

    .scholar-details button {
        padding: 8px 25px;
        color: #fff;
        font-size: 15px;
        font-weight: 700
    }

.tab button.active, .tab button:hover {
    font-size: 26px;
    color: #a48334;
    font-weight: 700
}

.space-col {
    margin-top: 40px
}

.scolar-acvhiment-img {
    min-height: 400px;
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat
}

.read-more-btn {
    text-align: center;
    margin-bottom: 5%
}

.loading {
    display: block;
    margin: 20px auto auto;
    padding: 0
}

.banercontent, .searchcontent, .tabcontent {
    display: none;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s
}

.loading p, .loading-almuni p {
    color: #06466c;
    font-size: 26px;
    font-weight: 700
}

.loading img {
    width: 2%
}

@keyframes slide {
    from {
        transform: translate(0,-10px)
    }

    to {
        transform: translate(0,5px)
    }
}

.sponsers-abstract-content h3 {
    font-size: 52px;
    font-weight: 700;
    color: #fff
}

.sponsers-abstract-content h4 {
    font-size: 38px;
    font-weight: 700;
    color: #fff
}

.company-details-section {
    padding: 60px;
    background-color: #fff
}

    .company-details-section:nth-child(odd) {
        background-image: url(../images/Bg-All.jpg);
        padding: 60px
    }

.almuni-image-box, .almuni-info-box, .company-section, .location-image {
    margin: auto
}

.company-image img, .location-image-box, a.internship-box img, news-section-details-content img {
    max-width: 100%
}

.company-details button {
    padding: 13px 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 700
}

.company-listing-section {
    margin-bottom: 50px
}

.friends-section {
    margin-top: 50px;
    position: relative
}

a.friends-box {
    display: block;
    cursor: pointer;
    margin: 0 10px;
    background-color: #edf5fd;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 100%
}

.image-friends, .image-internship {
    max-width: 100%;
    position: relative;
    z-index: 2;
    transition: transform 1s
}

.friends-details-box {
    text-align: center;
    color: #06466c;
    font-weight: 700;
    font-size: 25px;
    padding: 20px;
    transition: .6s;
    transform-origin: bottom;
    background: rgb(218 222 228);
    position: relative;
    z-index: 2;
    height: 100%
}

.scholars-listing, .tab, .tab button {
    background-color: #fff
}

.affiliate-content, .almuni-abstract-section, .almuni-content, .almuni-image-second, .location-content, .scholars-content {
    background-position: center;
    background-size: cover
}

a.friends-box:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #8ea9ba78;
    transition: .35s
}

.scolar-box .row.no-gutters, a.friends-box:hover:after {
    height: 100%
}

.abstract-title h2 {
    font-size: 52px;
    font-weight: 700;
    color: #06466c;
    text-align: left
}

.abstract-body p {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    color: #084970;
    text-align: left
}

.abstract-content, .fc-theme-standard th > .fc-scrollgrid-sync-inner {
    padding: 20px
}

.select-box-country {
    margin-right: 3%;
    width: 12%
}

.almuni-content, .location-content {
    padding: 40px 0;
    position: relative
}

input.location-search {
    padding: .375rem 4.75rem .375rem 4.375rem !important
}

.location-details {
    position: absolute;
    top: 25%;
    right: 5%;
    border-radius: 20px;
    padding: 30px 40px;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s
}

.location-body h4 {
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    color: #fff
}

.location-body-abstract, .media-desc, .nextButton:hover, .prevButton:hover, a.internship-box:hover .internship-details-box span {
    color: #fff
}

.location-body-abstract, .location-body-site, .location-body-student {
    font-size: 16px;
    font-weight: 700;
    text-align: left
}

.location-body-list, .scolar-body-list {
    font-weight: 400;
    text-align: left;
    list-style-type: none
}

.location-body-list {
    font-size: 14px;
    color: #fff;
    padding-left: 1rem
}

.Map-Student-ScrollClass {
    height: 100px;
    padding: 0;
    margin: 0;
    text-align: left;
    overflow-y: scroll
}

.almuni-box, .alumni-tabs, .scolar-box, .tab {
    overflow: hidden
}

#studentList, .overview-list li {
    padding-bottom: 20px
}

.location-body hr {
    border: 1px solid #a48334;
    opacity: 1;
    height: auto
}

a.location-body-site:before {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    bottom: 0;
    left: 15px;
    background: orange;
    transform-origin: bottom right;
    transition: transform .25s ease-out;
    transform: scaleX(0)
}

a.location-body-site:hover {
    color: #e9a500
}

.affiliate-content, .scholars-content {
    padding: 50px 0;
    position: relative
}

.select-box-disciplines, .select-box-place {
    width: 20%;
    position: relative
}

.select-box-place {
    margin-right: 3%
}

.tab button {
    border: none;
    outline: 0;
    cursor: pointer;
    padding: 25px 16px;
    transition: .3s;
    font-size: 25px;
    color: #06466c;
    font-weight: 500;
    position: relative
}

    .tab button.active {
        border-bottom: 7px solid #a48334
    }

@keyframes fadeInOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.banercontent, .searchcontent {
    border: none
}

.scholars-listing {
    position: relative;
    padding: 30px
}

.tabcontent {
    border: none;
    padding-bottom: 50px
}

.scolar-box {
    background-image: url("../images/Bg-All.jpg");
    height: 100%
}

.scolar-info h4 {
    font-size: 24px;
    font-weight: 700;
    color: #06466c;
    text-align: left
}

.scolar-body-list {
    font-size: 18px;
    color: #115680;
    padding: 0
}

.icon-space {
    margin-left: 15px
}

.imgesSlide, .scolar-body-list li {
    margin-bottom: 10px
}

.imgesSlide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
    overflow: hidden;
}

    .scolar-body-list li:before {
        content: '';
        background-image: url(../images/bullet.png);
        background-repeat: no-repeat;
        position: absolute;
        margin-left: -20px;
        width: 50px;
        height: 50px;
        margin-top: 5px
    }

.scolar-info {
    padding: 35px 40px;
    position: relative
}

.news-corner, .scolar-corner {
    position: absolute;
    right: 0;
    bottom: 0
}

    .news-corner img, .scolar-corner img {
        width: 50px
    }

.internship-abstract, .internship-listing-details, .scholars-abstract-content {
    position: relative;
    z-index: 1
}

.alumni-listing {
    position: relative;
    background-color: #a5d6ff
}

.alumni-tabs {
    background-color: #a5d6ff
}

.alumni-tab {
    background-color: #a5d6ff !important
}

.almuni-abstract-section {
    position: relative;
    padding: 50px 0
}

.almuni-abstract-numbers {
    display: flex;
    justify-content: space-evenly;
    max-width: 60%;
    margin: auto
}

.almuni-image-first, .almuni-image-second {
    position: relative;
    z-index: 2;
    max-width: 100%;
    background-repeat: no-repeat
}

.numberCircle {
    border-radius: 50%;
    width: 105px;
    height: 100px;
    padding: 20px 16px;
    background-image: linear-gradient(to top,#003973 -15%,#eba908 100%,#003973 79%);
    border: 4px solid #666;
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    display: inline-block
}

.almuni-number h4 {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    margin-top: 10px
}

.almuni-box {
    padding: 3% 2%
}

.lightBlue {
    background-color: #a5d6ff
}

.darkBlue {
    background-color: #236e9c
}

.almuni-image-second:hover, .media-box:hover .image-media, .news-lbox-box:hover .news-listing-bg {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.almuni-info h4 {
    font-size: 24px;
    font-weight: 700;
    color: #06466c;
    text-align: left;
    margin-bottom: 30px
}

.almuni-info p {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    color: #000
}

.social-content {
    text-align: left;
    margin-top: 7%
}

.social-list {
    padding: 0
}

    .social-list li {
        display: inline-block;
        margin-right: 15px;
        cursor: pointer
    }

    .social-list img {
        width: 35px
    }

.almuni-title {
    position: relative;
    background-color: #fff;
    text-align: center;
    margin: 22px 0
}

    .almuni-title h4, .internship-title h4, .media-title h4, .news-title h4 {
        font-size: 42px;
        font-weight: 700;
        color: #06466c;
        margin-bottom: 30px;
        display: inline-block;
        border-bottom: 5px solid #a48334;
        padding-bottom: 2px
    }

.darkDesign h4 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: right
}

.darkDesign p {
    text-align: right;
    font-size: 20px;
    font-weight: 500;
    color: #fff
}

.darkDesign .social-content {
    text-align: right;
    margin-top: 7%
}

.read-more-btn-global {
    text-align: center;
    background-color: #a5d6ff
}

.read-more-btn-internship {
    text-align: center;
    background-color: #88c9ff
}

.loading-almuni {
    display: block;
    margin: auto;
    padding: 0
}

    .loading-almuni img {
        width: 2%
    }

.almuni-listing::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/bg.png");
    z-index: 1;
    background-repeat: no-repeat
}

.almuni-image-second {
    transition: transform 1s;
    height: 300px;
    width: 440px;
    margin: auto
}

.almuni-image-first {
    border-radius: 50%;
    border: 10px solid #568eb6;
    background-position: bottom;
    width: 320px;
    height: 320px;
    margin: auto;
    background-color: #7ac2ff
}

.social-link, a.internship-box {
    z-index: 1;
    position: relative;
    overflow: hidden
}

.image-news, .map-image img {
    width: 100%;
    max-width: 100%
}

.social-link {
    display: block;
    text-align: center;
    border-radius: 7px
}

.social-link-img {
    height: 66px;
    transition: .3s
}

.social-link:hover {
    cursor: pointer
}

img.social-link-img.hov-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0
}

.social-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right,#801416,#ee1d23);
    background: var(--hover-gradient);
    transform: translateY(-100%);
    transition: .3s
}

.social-link:hover:before {
    transform: inherit
}

.internship-listing {
    background-color: #88c9ff;
    position: relative;
    padding-top: 10px
}

.internship-abstract p {
    font-size: 28px;
    font-weight: 700;
    color: #06466c;
    padding: 4%;
    text-align: center
}

.internship-subtitle h4 {
    font-size: 38px;
    font-weight: 700;
    color: #a48334;
    margin-bottom: 4%;
    display: inline-block;
    border-bottom: 5px solid #06466c;
    padding-bottom: 2px
}

.news-details-box button, .publiaction-details-box button {
    background-image: linear-gradient(to right,#003973 0,#eba908 51%,#003973 100%);
    text-align: center;
    background-size: 200% auto;
    border: none
}

a.internship-box {
    display: block;
    cursor: pointer;
    margin-bottom: 8%;
    background-color: #80b6e4;
    height: 92%
}

.internship-details-box:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgb(164 131 52 / 100%);
    transition: .35s
}

a.friends-box:hover .friends-details-box {
    color: #9e7106
}

.internship-details-box span {
    position: relative;
    z-index: 3
}

.internship-details-box {
    text-align: center;
    color: #06466c;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    transition: .6s;
    transform-origin: left;
    background: rgb(128 182 228);
    position: relative;
    z-index: 2;
    height: 100%
}

.image-media, .news-listing, .news-listing-bg, .news-listing-details {
    background-size: cover;
    background-position: center
}

.news-content-details, .news-lbox-box {
    background-image: url(../images/Bg-All.jpg)
}

.internship-title {
    padding: 2%;
    text-align: center
}

.internship-subtitle {
    margin-top: 30px;
    position: relative;
    z-index: 1
}

.news-box {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column
}

.cpisp-overview-content, .endowment-fund-content, .news-section-details {
    padding: 50px
}

.news-listing {
    padding-bottom: 60%;
    transition: .3s
}

.news-content {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    z-index: 1
}

.news-section {
    position: relative;
    padding: 30px;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s
}

.image-news {
    position: relative;
    z-index: 2;
    transition: transform 1s
}

.news-content-details span, .news-lbox-ttl {
    font-size: 24px;
    color: #0d4b70;
    font-weight: 500
}

.news-lbox-desc {
    font-size: 24px;
    font-weight: 700;
    color: #06466c;
    margin: 5% 0;
    line-height: 30px
}

.news-details-box, .publiaction-details-box {
    font-size: 25px;
    text-align: left;
    transform-origin: bottom
}

    .news-details-box a {
        position: absolute;
        bottom: 15px
    }

    .news-details-box button {
        margin: 10px 0;
        padding: 10px 30px;
        transition: .5s;
        color: #fff;
        font-size: 18px;
        display: block;
        font-weight: 500
    }

.image-media, .news-listing-bg {
    padding-bottom: 60%;
    transition: transform 1s
}

.news-lbox-image {
    overflow: hidden
}

.news-lbox-box {
    border: 1px solid #d5d5d5;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 50px
}

.news-details-box {
    padding: 20px;
    transition: .6s;
    z-index: 1
}

.news-listing-details {
    padding-bottom: 50%;
    transition: .3s
}

.arrow-prvious img, .image-publiaction {
    transition: transform 1s;
    position: relative
}

.news-section-details-content p {
    font-size: 18px
}

ul.news-body-list {
    font-size: 18px;
    font-weight: 700;
    color: #06466c;
    list-style-type: none
}

.news-body-list li {
    padding: 3px
}

    .news-body-list li:before {
        content: '';
        background-image: url(/images/bullet.png);
        background-repeat: no-repeat;
        position: absolute;
        margin-left: -25px;
        width: 50px;
        height: 50px;
        margin-top: 5px
    }

.arrow-prvious {
    margin-top: 3%;
    padding: 0 40px;
    text-align: left
}

    .arrow-prvious span {
        font-size: 20px;
        font-weight: 700;
        color: #256a93
    }

    .arrow-prvious img {
        margin-right: 20px;
        height: 1em;
        transform: translateX(0)
    }


.news-box-image {
    position: relative;
}

.news-content-details {
    text-align: left;
    padding: 30px;
    position: relative;
    margin-top: 10px;
}

    .news-content-details h5 {
        font-size: 24px;
        font-weight: 700;
        color: #06466c;
        line-height: 30px
    }

.publiaction-box {
    position: relative;
    display: block;
    cursor: pointer;
    margin: 0 20px;
    background-color: #edf5fd;
    overflow: hidden;
    z-index: 1
}

.image-publiaction {
    max-width: 100%;
    z-index: 2;
    padding: 10%
}

.publiaction-details-box {
    color: #06466c;
    font-weight: 700;
    padding: 20px;
    transition: .6s;
    background: rgb(218 222 228);
    position: relative;
    z-index: 2;
    background-image: url("../images/Bg-All.jpg")
}

    .publiaction-details-box button {
        margin: 10px;
        padding: 10px 30px;
        transition: .5s;
        color: #fff;
        font-size: 18px;
        display: block;
        font-weight: 700
    }

    .media-box, .publiaction-details-box h5 {
        margin-bottom: 30px
    }

    .media-details-box, .media-details-box h5, .publiaction-details-box h5 {
        font-size: 25px;
        color: #06466c;
        font-weight: 700
    }

.media-section {
    margin-top: 50px;
    position: relative;
    padding: 30px;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s
}

.lowOpicity {
    opacity: .2
}

.image-media-box {
    overflow: hidden;
    position: relative
}

.media-box {
    height: calc(100% - 30px);
    position: relative;
    background-color: #edf5fd;
    border: 1px solid gray;
    cursor: pointer
}

.media-details-box {
    padding: 20px;
    transition: .6s;
    transform-origin: bottom;
    background: rgb(237 245 253);
    text-align: left
}

#mapUniversityImgContainer, .mapBoxStyle, .nextButton, .submitButton-app, .overview-list li:before, .prevButton {
    background-repeat: no-repeat
}


/*New Style for photo gallery*/

.photogalleryModal .modal-content {
    background-image: url(../images/Bg-All.jpg);
    padding: 0 50px;
}

.photoGallerySwiper .swiper-slide {
    margin: auto;
}

.photogalleryModal .modal-header {
    border: 0;
    padding: 10px 0;
}
/*
.photogalleryModal .swiper-item-image {
    max-height: 350px;
}*/

.photogalleryModal .swiper-item-image, .photogalleryModal .swiper-item-image img {
    height: 100%;
}

.photoGallerySwiper .modal-footer {
    border: none;
}

.photogalleryModal .modal-footer {
    border-top: none;
    display: block;
    padding: 10px 0;
    margin-bottom: 40px;
}

.photogalleryModal .modal-dialog {
    max-width: 800px;
}

.photogalleryModal .modal-body {
    padding: 0 20px;
}

.photogalleryModal .close {
    font-size: 3rem;
    font-weight: 300;
}

.photogalleryModal .media-desc {
    background: #1e5383;
    padding: 9px;
}

.photoGallerySwiper {
    position: relative;
}

.photogalleryModal .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, -30px);
}

.photogalleryModal .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, -30px);
}


.media-details-box h5 {
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.media-icon {
    background-image: linear-gradient(to right,#003973 0,#eba908 51%,#003973 100%);
    padding: 20px;
    text-align: center;
    transition: .5s;
    background-size: 200% auto;
    display: block;
    border: none;
    position: absolute;
    bottom: 0;
    right: 0
}

.image-media-icon {
    max-width: 100%;
    position: relative;
    z-index: 2;
    transition: transform 1s;
    height: 2em
}

.popup {
    width: 70%;
    padding: 20px 20px 55px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    position: fixed;
    top: 2%;
    z-index: 10;
    right: 15%;
    background-image: url(../images/Bg-All.jpg);
}

#PhotoGallery {
    /*    border: 2px solid;
    background-color: #1e5383;
    color: #7399b8*/
    background-image: url(../images/Bg-All.jpg);
}

.alert-success, .contactus-form.hide, .fc-daygrid-event-dot, .hidePopup, .alert-danger {
    display: none;
}

.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto
}

.nextButton, .prevButton {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 10px;
    color: #727272;
    font-weight: 700;
    font-size: 1px;
    transition: .6s;
    user-select: none;
    background: #7272729e;
    border-radius: 30px;
}

.nextButton {
    right: 10px;
/*    background-image: url(../images/arrow-R.svg);*/
}

.prevButton {
    left: 10px;
    /*    background-image: url(../images/arrow-L.svg);*/
}

    .nextButton:hover, .prevButton:hover {
        background: #215482de;
    }



/*.display {
    animation-name: displaySlide;
    animation-duration: 1.5s
}*/

.application-listing-section, .mapBoxStyle {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s
}

@keyframes displaySlide {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width:300px) {
    .nextButton, .prevButton {
        font-size: 11px
    }
}

.close-section {
    position: relative;
    text-align: right
}

#close {
    font-size: 25px;
    cursor: pointer;
    transition: transform 1s
}

.close-section:hover .close-icon {
    color: rgb(190 141 16 / 71%);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.media-desc h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.abstract-content-application h3 {
    font-size: 28px;
    font-weight: 500;
    color: #fff
}

.abstract-section-application {
    padding: 50px 0;
    background-position: center;
    position: relative
}

.tab-box {
    display: flex;
    position: relative;
    z-index: 2
}

.tap-box-content button {
    display: block;
    font-size: 30px;
    line-height: 2.5rem;
    text-align: left;
    cursor: pointer;
    color: #a48334;
    font-weight: 700;
    border: none;
    outline: 0;
    transition: .3s;
    background-color: #fff;
    position: relative
}

.searchTab button, label {
    text-align: right;
    font-weight: 600;
}

.tap-box-content span {
    font-size: 18px;
    display: block;
    text-align: right;
    transition: .2s linear;
    color: #06466c
}

.searchTab {
    background-color: #fff
}

    .searchTab button {
        border: none;
        outline: 0;
        cursor: pointer;
        transition: .3s;
        font-size: 26px;
        background-color: transparent;
        color: #06466c;
        position: relative
    }

input.form-app, select.form-app {
    display: block;
    width: 100%;
    line-height: 1.5;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 2px 2px 5px 0 rgb(203 203 203);
    height: calc(2em + .75rem + 2px) !important;
}

.searchTabLinks.active .tap-box-content {
    border-top: 1px solid;
    color: #06466c
}

.application-listing-section {
    border-top: 1px solid;
    color: #06466c;
    background-color: #edf5fd;
    position: relative
}

/*.numberCircle-app {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-color: #06466c;
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    display: block;
    position: absolute;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #275e7f;
    top: 60%;
    right: -20%
}*/

.form-group {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

label {
    display: block !important;
    color: #000;
    font-size: 18px
}

/*.inpuFeilds {
    width: 60%;
}*/

input.form-app {
    padding: 1.5rem .75rem !important;
    font-size: 16px !important;
    font-weight: 400;
    color: #495057;
    background-color: #fff;
    border: none;
    border-radius: 10px !important;
}

select.form-app {
    font-size: 1rem !important;
    font-weight: 500;
    color: #000;
    background-color: #d6ebff;
    border: none;
    border-radius: 10px !important;
    text-align: center;
    background-image: url(/images/SelectFormArrow.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 97%;
}

.personalInfo {
    border-bottom: 2px solid #90afc3;
    padding: 80px 50px;
    position: relative;
    margin: auto;
}

.questions {
    margin-top: 50px;
    padding: 10px 150px
}

.address {
    margin-top: 50px;
    background-color: #d5ebff;
    padding: 0 30px;
}

.save-next-buttons {
    margin-top: 40px;
    text-align: center
}

.checkbox-row {
    padding: 20px 80px
}

.ad-title-ar h4 {
    font-family: Montserrat, Cairo !important;
    font-weight: 700
}

.ad-title-en h4 {
    font-weight: 700
}

.ad-ap-title {
    padding: 40px 0;
    text-align: center
}

.form-control:disabled, .form-control[readonly] {
    background-color: #d6ebff !important;
    /*    font-weight: 600;*/
    text-align: center
}

.label-second-section {
    display: block !important;
    text-align: left !important
}

.form-check-label-second-section {
    display: inline-block !important;
    text-align: left !important;
    font-weight: 500;
    margin-left: 26px;
}

.checkbox-section {
    margin-top: 25px
}

.checkbox-content {
    text-align: left;
}

/*.first-checkbox {
    margin-right: 50px
}
*/
.saveButton-app {
    background-image: linear-gradient(to right,#003973 0,#fff 51%,#003973 100%)
}

.nextButton-app, .prevButton-app, .searchTabLinks.active .numberCircle-app {
    background-image: linear-gradient(to right,#003973 0,#eba908 51%,#003973 100%)
}

.nextButton-app, .prevButton-app, .saveButton-app, .submitButton-app {
    margin: 10px;
    padding: 10px 60px;
    text-align: center;
    transition: .5s;
    background-size: 200% auto;
    color: #fff;
    border: none;
    font-size: 18px;
    font-weight: 700
}


.searchTabLinks.active {
    border-bottom: 5px solid #a48334
}

    .searchTabLinks.active .numberCircle-app {
        transition: .5s;
        background-size: 200% auto
    }

.personalInfo-Father {
    border-bottom: 2px solid #90afc3;
    padding: 50px 60px
}

.personalInfo-Mother {
    padding: 50px 60px
}

input::placeholder {
    font-size: 18px !important
}

textarea::placeholder {
    font-size: 18px !important
}

.cpisp-overview-content p, .endowment-fund-content p {
    text-align: left;
    font-size: 18px;
    margin-bottom: 2%
}

.cpisp-overview-content h3 {
    text-align: left;
    font-size: 25px;
    font-weight: 700;
    color: #004168;
    margin-bottom: 30px;
    padding-top: 10px
}

.contact-details p, .overview-list {
    font-weight: 500
}

.overview-list {
    font-size: 18px;
    text-align: left;
    padding: 0;
    list-style-type: none;
    margin-left: 50px
}

    .overview-list li:before {
        content: '';
        background-image: url(../images/bullet.svg);
        position: absolute;
        margin-left: -27px;
        width: 15px;
        height: 50px;
        margin-top: 5px
    }

table, td, th {
    border-collapse: collapse;
    width: 40%
}

.cpisp-endowment-fund-table tbody tr:hover td, .cpisp-table-process tbody tr:hover td {
    background: #a48334
}

.cpisp-table-process {
    margin: 3% auto
}

    .cpisp-table-process th {
        background-color: #05466c;
        color: #fff;
        font-weight: 500;
        font-size: 22px;
        padding: 8px
    }

    .cpisp-table-process tr {
        background-color: #4693c0;
        color: #fff;
        border-bottom: 1px solid #fff
    }

    .cpisp-table-process td {
        font-size: 18px;
        padding: 8px
    }

.contact-body {
    background-image: url(../images/Bg-All.jpg)
}

.contactus-form {
    padding: 40px 50px !important;
    background-color: #edf5fd
}

.textarea-message {
    height: auto !important;
    min-height: calc(1.5em + .75rem + 2px) !important
}

.button-section {
    margin-top: 40px;
    text-align: center;
    margin-right: -86px
}

.submitButton-contact, .submitButton-contact-disable {
    margin: 10px;
    padding: 10px 60px;
    transition: .5s;
    background-size: 200% auto;
    color: #fff;
    border: none;
    font-weight: 700;
    font-size: 18px;
    text-align: center
}

.submitButton-contact {
    background-image: linear-gradient(to right,#003973 0,#eba908 51%,#003973 100%)
}

.submitButton-contact-disable {
    background-image: linear-gradient(to right,#8c9297 0,#e3e1da 51%,#ecf1f5 100%)
}

.contact-page-body {
    border-top: 1px solid #06466c;
    margin: 50px
}

.contact-details {
    padding: 30px 80px !important;
    text-align: left
}

.contact-heading {
    font-weight: 700;
    font-size: 18px;
    color: #003c63
}

#gotoTop, .closeIcon {
    font-size: 20px;
    color: #fff
}

.space {
    margin-bottom: 3rem !important
}

.endowment-fund-content h3 {
    text-align: left;
    font-size: 25px;
    font-weight: 700;
    color: #004168;
    margin-bottom: 30px
}

.cpisp-endowment-fund-table {
    margin-bottom: 20px;
    background-color: #4693c0;
    color: #fff
}

    .cpisp-endowment-fund-table tr {
        border-bottom: 1px solid
    }

    .cpisp-endowment-fund-table td {
        padding: 10px
    }

.show-alert {
    display: block;
    color: #333;
    background-color: #e0ffc7;
    border: 1px solid #b4d39b;
    margin: 0 auto 24px;
    padding: 15px;
    overflow-wrap: break-word;
    font-weight: 600
}

.calendar-popover-title {
    color: #fff;
    background-color: #06466c
}

.c-timeGridDay-button, .fc-dayGridMonth-button, .fc-listMonth-button, .fc-timeGridDay-button, .fc-timeGridWeek-button, .hide-section {
    display: none !important
}

.fc .fc-toolbar-title {
    font-weight: 700;
    color: #003c60;
    text-align: center
}

.fc-theme-standard th {
    background-color: #dff0ff
}

    .fc-theme-standard th > .fc-scrollgrid-sync-inner > a.fc-col-header-cell-cushion {
        color: #06466c;
        font-size: 20px
    }

.fc .fc-daygrid-day-number {
    font-size: 18px;
    color: #06466c;
    font-weight: 700
}

.fc-daygrid-dot-event .fc-event-title {
    color: #06466c;
    font-weight: 700
}

.fc-daygrid-event {
    white-space: normal
}

.fc-daygrid-dot-event {
    padding: 2px 5px
}

.fc .fc-scrollgrid-liquid, .fc-theme-standard td, .fc-theme-standard th {
    border: 5px solid #b5ddff
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgb(223 240 255)
}

.calender-table-process {
    border-collapse: collapse;
    width: auto;
    margin: auto
}

.mapBoxStyle {
    position: absolute;
    width: auto;
    right: 70px;
    z-index: 1;
    top: -350px;
    height: auto;
    border-radius: 20px;
    padding: 30px 40px;
    background-size: cover
}

.closeIcon {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer
}

#mapUniversityImgContainer {
    padding: 100px;
    background-position: center
}

select {
    appearance: none
}

#gotoTop {
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgb(190 141 16 / 71%);
    line-height: 36px;
    text-align: center;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear
}

    #gotoTop:hover {
        background-color: #1f5584
    }

.icon-angle-up:before {
    content: "\f077";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space) * -1);
    width: var(--icon-space)
}

@media (max-width:508px) {
    .navbar-brand {
        margin-right: 0 !important
    }

    .navbar {
        height: 36px;
    }

    .top-menue {
        padding-left: 0;
    }
    a.navbar-brand {
        font-size: 12px !important
    }

        a.navbar-brand.ar-language {
            padding: 6px 19px;
        }
    .footer-section-desc p {
        font-size: 19px
    }

    ul.footer-desc-list a {
        font-size: 15px
    }

    .bottom-footer-section {
        font-size: 14px
    }

    #primary-menu-trigger, #primary-menu-trigger-topSearch {
        top: 20px !important
    }

    .scholar-details p {
        font-size: 14px !important;
        line-height: 30px
    }

    .scholar-details h3 {
        font-size: 20px !important
    }

    .scholar-details button {
        font-size: 13px
    }

    .almuni-number h4, .loading p, .loading-almuni p {
        font-size: 17px
    }

    .loading img {
        width: 5%
    }

    .company-details h3 {
        font-size: 25px !important;
        text-align: center
    }

    .company-details p {
        font-size: 14px;
        text-align: center
    }

    .company-details button {
        margin: auto
    }

    .abstract-content {
        padding: 0
    }

    .abstract-title h2 {
        font-size: 27px !important
    }

    .abstract-body p {
        font-size: 18px !important
    }

    .search-icon {
        padding: 0 19px
    }

    .loading-almuni img img {
        width: 7%
    }

    .numberCircle {
        padding: 20px !important;
        font-size: 22px !important;
        width: 90px;
        height: 90px
    }

    .internship-subtitle h4 {
        font-size: 21px !important
    }

    .contact-page-body {
        margin: 20px 0 !important
    }
}

@media (max-width:570px) {
    .fc-theme-standard th > .fc-scrollgrid-sync-inner {
        padding: 0
    }

    #primary-menu-trigger, #primary-menu-trigger-topSearch {
        top: 35px
    }

    .location-listing-filter {
        width: 80% !important
    }

    .search img {
        width: 20px
    }

    input.location-search {
        padding-left: 3.375rem !important
    }
}

@media (max-width:1420px) {
    .abstract-content h3 {
        font-size: 30px
    }

    .sup1, .sup2 {
        font-size: 20px
    }

    .mission-content p, .vision-content p {
        font-size: 17px
    }

    .mission-desc, .vision-desc {
        font-size: 70px
    }

    .mission-ttl, .vision-ttl {
        font-size: 40px
    }

    .overview-arrow-box {
        font-size: 23px
    }

    .arrow-box svg {
        height: 1.5em
    }

}

@media (max-width:1280px) {
    .abstract-title h2, .sponsers-abstract-content h3 {
        font-size: 45px
    }

    .almuni-title h4, .sponsers-abstract-content h4 {
        font-size: 30px
    }

    .almuni-info p, .company-details p {
        font-size: 18px
    }

    .friends-details-box, .media-details-box h5, .publiaction-details-box h5, .searchTab button, .tab button {
        font-size: 20px
    }

    .abstract-body p {
        font-size: 28px
    }

    .tab button.active {
        font-size: 21px;
        border-bottom: 5px solid #a48334
    }

    .publiaction-details-box button {
        padding: 10px 20px;
        font-size: 14px
    }

    .media-details-box {
        padding: 10px
    }

    .image-media-icon {
        height: 1.5em
    }

    .media-icon {
        padding: 15px
    }

    .numberCircle-app {
        width: 50px !important;
        height: 50px !important;
        padding: 5px !important;
        font-size: 20px !important;
    }
}

@media (max-width:991px) {

    a.friends-box {
        margin-bottom: 30px;
        height: 94%
    }

    .arrow-prvious span, .cpisp-table-process td, .fc-theme-standard th > .fc-scrollgrid-sync-inner > a.fc-col-header-cell-cushion, td {
        font-size: 15px
    }

    .fc .fc-daygrid-day-number, .media-desc h4 {
        font-size: 14px
    }

    .news-title h4 {
        margin-bottom: 0
    }

    .cpisp-table-process th, .news-section-details-content p, .overview-arrow-box, ul.news-body-list {
        font-size: 18px
    }

    .cpisp-overview-content, .endowment-fund-content {
        padding: 30px
    }

    .internship-details-box {
        margin-bottom: 35px
    }

    .overview-section {
        top: 0
    }

    #websiteUrl, .about-mision-section, .about-vision-section, .almuni-info h4, .almuni-info p, .alumni-abstract-content, .mission-content p, .vision-content p {
        text-align: center;
    }

    .mapBoxStyle {
        top: -530px;
    }

    .almuni-info, .news-content-details, .news-section {
        padding: 20px;
    }

    .button-section {
        margin: auto;
    }

    .cpisb-container {
        padding: 0 15px !important;
    }

    .sup1 {
        padding: 0;
        font-size: 17px;
    }

    .abstract-content h3, .abstract-content-application h3 {
        font-size: 23px;
    }

    .company-details p, .friends-details-box, .internship-details-box, .scholar-details p, .sup2 {
        font-size: 16px;
    }

    .banner-ttl h1, .company-details h3, .internship-title h4, .scholar-details h3 {
        font-size: 30px;
    }

    .abstract-body p, .banner-disc h2 {
        font-size: 24px;
    }

    .arrow-box svg {
        height: 1em;
    }

    .mission-content {
        border-right: none;
        padding-right: 0;
    }

    .vision-content {
        border-left: none;
    }

    .mission-section {
        margin-top: 30px;
    }

    .mission-ttl, .vision-ttl {
        font-size: 35px;
    }

    .mission-desc, .vision-desc {
        font-size: 50px;
    }

    .vision-box {
        position: relative;
        top: 0;
        right: 0;
    }

    .form-control:not(.textarea-message) {
        height: calc(2em + .75rem + 2px) !important;
    }

    .search-icon {
        padding-top: 17px;
    }

    .scolar-listing-section {
        margin: 0;
        padding-top: 15px;
    }

    .company-details button {
        padding: 12px 28px;
        font-size: 13px;
    }

    .sponsers-abstract-content h3 {
        font-size: 40px;
    }

    .sponsers-abstract-content h4 {
        font-size: 25px;
    }

    .abstract-title h2 {
        font-size: 38px;
    }

    input.location-search {
        padding-right: .75rem !important;
    }

    select.form-control {
        font-size: .9rem !important;
    }

    .location-body h4 {
        font-size: 19px;
        text-align: center;
    }

    .location-details {
        top: 12%;
        right: 14%;
        padding: 20px;
    }

    .location-image {
        margin-top: 0 !important;
        margin-bottom: 20px;
    }

    .location-body-abstract, .location-body-site, .location-body-student {
        font-size: 14px;
        text-align: center;
    }

    .location-body-list {
        font-size: 12px;
        text-align: center;
    }

    .scholars-content {
        margin-bottom: 50px;
    }

    .darkDesign .social-content, .social-content {
        text-align: center;
        margin-top: 3%;
    }

    .read-more-btn-almuni {
        position: relative;
        right: 0;
    }

    .loading-almuni img {
        width: 4%;
    }

    .numberCircle {
        padding: 25px;
        font-size: 25px;
    }

    .almuni-number h4, .internship-abstract p, .news-content-details h5, .news-lbox-ttl {
        font-size: 20px;
    }

    .almuni-abstract-numbers {
        max-width: 100%;
    }

    .internship-subtitle h4 {
        font-size: 28px;
    }

    .internship-subtitle {
        margin-bottom: 30px;
    }

    .news-details-box h5 {
        font-size: 19px;
    }

    .news-details-box button {
        padding: 7px 16px;
        font-size: 14px;
    }

    .news-body-list li:before {
        margin-top: 5px;
    }

    .arrow-prvious {
        margin-top: 10%;
    }

    .checkbox-row, .media-section, .news-section-details {
        padding: 0;
    }

    .media-box, .news-content {
        margin: 0 0 30px;
    }

    .nextButton-app, .prevButton-app, .saveButton-app, .submitButton-contact {
        font-size: 14px;
        padding: 10px 50px;
    }

    .personalInfo, .questions {
        padding: 30px 25px;
    }

    input::placeholder {
        font-size: 12px !important;
    }

    textarea::placeholder {
        font-size: 12px !important;
    }

    .searchTab button {
        font-size: 17px;
        padding-right: 10px;
    }

    .news-lbox-desc, .tap-box-content span, th {
        font-size: 17px;
    }

    .personalInfo-Father, .personalInfo-Mother {
        padding: 50px 20px;
    }

    .Documents {
        padding: 50px 20px 0 !important;
    }

    .contact-page-body {
        margin: 20px;
    }

    .contact-details {
        padding: 30px 20px !important;
    }

    table, td, th {
        width: auto;
    }

    .calender-table-process {
        display: none;
    }

    .photogalleryModal .modal-content {
        padding: 0 10px;
    }
}

@media (max-width:860px) {
    .scolar-listing-filter {
        display: block;
        padding: 0;
        margin: auto;
        width: 69%;
    }

    .search-box {
        margin-bottom: 30px;
        margin-right: 0 !important;
    }

    .select-box-disciplines, .select-box-place, .select-box-scolar {
        width: 100%;
    }

    .location-listing-filter, .scholars-listing-filter {
        display: block;
        padding: 0;
        margin: auto;
        width: 60%;
    }

    .select-box-country {
        width: 100% !important;
        margin-bottom: 30px;
    }

    .select-box-place {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .scholars-listing {
        padding: 15px !important;
    }
}

@media (max-width:769px) {
    .company-details-section-design, .company-details-section-white {
        padding: 10px;
    }

    .company-details {
        padding: 50px 0 0;
    }

    .location-details {
        top: 8% !important;
        right: 0 !important;
        margin: 20px;
    }

    a.internship-box {
        margin-bottom: 0;
    }

    .searchTab button {
        margin-bottom: 40px;
        width: 70%;
    }
}

@media (max-width:1024px) {
    .search-box {
        margin-right: 35px;
    }

    .select-box-country {
        width: 30%;
    }

    .scolar-info h4 {
        font-size: 18px !important;
    }

    .scolar-body-list {
        font-size: 14px !important;
    }

    .scolar-info {
        padding: 15px 20px !important;
        margin-left: 10px;
    }
}

@media (max-width:1200px) {
    .scolar-info h4 {
        font-size: 20px;
    }

    .scolar-body-list {
        font-size: 15px;
    }

    .scolar-info {
        padding: 15px 30px;
    }

    .contactus-form {
        padding: 40px 10px !important;
    }
}

.no-results, .no-results-found {
    font-size: 24px;
    color: #06466c;
    text-align: center;
    padding: 20px;
}

@media (max-width:368px) {
/*    a.navbar-brand.ar-language {
        padding: 15px 25px;
        margin-left: 5px;
    }
*/
    a.navbar-brand.onapptap, a.navbar-brand.resourcetap {
        padding-left: 5px;
    }
}

@media (max-width:1623px) {
    #logo img {
        width: 330px !important;
        height: auto !important;
        padding: 5px 0;
    }

    #logo {
        padding-right: 10px;
        margin-right: 0;
        margin-top: 10px;
    }

    #primary-menu ul > li > .subNodesLink, #primary-menu ul > li > a > .mega-menu-title {
        font-size: 16px;
        padding: 30px 5px;
    }
}

@media (max-width:1219px) {
    #primary-menu ul > li > .subNodesLink, #primary-menu ul > li > a > .mega-menu-title {
        font-size: 15px;
    }
}

.no-results {
    background: #a5d6ff;
    display: none;
}

.calendar-section {
    max-width: 80%;
    margin: 0 auto;
    max-height: 740px;
    margin-bottom: 60px;
}

.popover-header {
    background-color: #06466c;
}

img {
    max-width: 100%;
}

.Documents {
    padding: 80px 50px 0;
}



/*Online Application - Style*/

.tabContainer {
    padding: 15px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tabs > ul {
    display: flex;
    justify-content: space-evenly;
    margin: 0;
}


    .tabs > ul > li {
        margin: 0 2px 0 0;
        padding: 7px 10px;
        display: block;
        color: #333;
        cursor: pointer;
        transition: .3s;
        font-size: 26px;
        background-color: transparent;
        color: #06466c;
        position: relative;
        text-align: right;
        font-weight: 500;
        outline: none;
    }

        .tabs > ul > li:hover {
            color: #246991;
        }

        .tabs > ul > li.tabActiveHeader {
            color: #246991;
            border-bottom: 5px solid #a48334;
        }

.tab-header-title-Ar {
    font-family: Montserrat,Cairo !important;
}

.tabscontent {
    padding: 10px 0 0;
    border-top: 1px solid;
    color: #06466c;
    background-color: #edf5fd;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tabpage {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}

.gototab {
    cursor: pointer;
    color: #fff;
    padding: 7px;
    line-height: 30px;
    width: 160px;
    text-align: center;
    margin: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
}


.numberCircle-app {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-color: #06466c;
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    display: block;
    position: absolute;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #275e7f;
    right: -70px;
    bottom: -30px;
    z-index: 1;
}

.tabs > ul > li.tabActiveHeader .numberCircle-app {
    background-image: linear-gradient(to right,#003973 0,#eba908 51%,#003973 100%);
    transition: .5s;
    background-size: 200% auto;
}


.cpisb-container {
    text-align: center;
    width: 100%;
    padding: 0 40px;
    margin: auto;
}
.saveButton-app, .submitButton-app, .submitButton-app-disable {
    transition: .5s;
    border: none;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
    padding: 7px;
    line-height: 30px;
    width: 160px;
    text-align: center;
    margin: 10px;
    display: inline-block;
}

.saveButton-app {
    background-image: linear-gradient(to right,#003973 0,#fff 51%,#003973 100%);
    transition: .5s;
    background-size: 200% auto;
}

.submitButton-app {
    background-image: linear-gradient(to right,#2a2e32 0,#eba908 51%,#715b22 100%);
    transition: .5s;
    background-size: 200% auto;
}

.submitButton-app-disable {
    background-image: linear-gradient(to right,#8c9297 0,#e3e1da 51%,#ecf1f5 100%)
}


.nextButton-app, .prevButton-app {
    background-image: linear-gradient(to right,#003973 0,#eba908 51%,#003973 100%);
    transition: .5s;
    background-size: 200% auto;
}

    .nextButton-app:hover, .prevButton-app:hover, .saveButton-app:hover, .submitButton-app:hover {
        background-position: right center;
        color: #fff;
        text-decoration: none
    }

.save-next-prev-submit-buttons {
    display: block;
    text-align: center;
    padding: 50px 0;
}

.second-section {
    margin-bottom: 50px;
}

input[type="checkbox"] {
    width: 25px;
    height: 25px;
    border: 1px solid #c5c5c5;
    box-shadow: 0px 0px 5px #c5c5c5;
}


@media (max-width: 991px) {

    input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    .tabs > ul {
        display: block;
        margin-right: 15px;
        padding-left: 30px;
        margin-bottom: 1rem;
    }

    .numberCircle-app {
        right: -50px;
        bottom: 0;
    }

    div#tabs {
        padding: 20px 35px;
    }
}

@media (max-width: 1200px) {

    .tabs > ul > li {
        font-size: 20px;
    }

    label {
        font-size: 12px;
    }
}



@media (max-width: 769px) {


    .saveButton-app, .submitButton-app {
        font-size: 15px;
        padding: 4px;
    }

    .gototab {
        font-size: 15px;
        padding: 4px;
    }
}

@media (max-width: 768px) {
    label {
        text-align: center;
    }

}

/*.custom-file {
    width: 60% !important;
}*/
.custom-file-label {
    text-align: left;
}


@media (max-width: 1500px) {

/*    .form-group {
        display: block;
        text-align: center;
    }*/

    .inpuFeilds {
        width: 100%
    }
}


span.req {
    color: red;
}

/**:required {
    background-color: gold;
}*/

.field-validation-error {
    color: red;
}


.confirmationLabel-Ar {
    color: #4a4a4a;
    font-family: Montserrat,Cairo !important;
    font-weight: 500;
    direction: rtl;
    text-align: right !important;
}


.confirmationLabel-En {
    color: #4a4a4a;
    text-align: left;
    font-weight: 600;
}

.SuccessMessage {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-top: 50px;
}

.FailedMessage {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-top: 50px;
}

.checkbox-content.row {
    justify-content: flex-end;
}

label.label-Ar {
    font-family: Montserrat,Cairo !important;
    font-weight: 500;
}

.form-text {
    text-align: left;
}

.savForm {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #172f46;
    border: 1px solid #545d67;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: white;
}

    .savForm:hover {
        background-color: #554512;
    }

    .savForm:focus {
        border-color: #386086;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #607D8B;
    }

.closeForm {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .closeForm:hover {
        background-color: #2d3135;
    }

    .closeForm:focus {
        border-color: #4f565b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #9e9e9e;
    }

.top-menue {
    padding-right: 15px !important;
}

@media (max-width: 426px) {

    .tabs > ul > li {
        font-size: 17px;
    }
}

/*New Style responsive -photp gallery*/

.imgesSlide {
    animation: fadeZoom 1s ease-in-out;
}

@keyframes fadeZoom {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


@media (max-width:768px) {
    .photogalleryModal .modal-footer {
        margin-bottom: 10px;
    }
    .photogalleryModal .modal-header {
        padding: 0;
    }

    .photogalleryModal .modal-body {
        padding: 0 10px;
    }
}

@media (max-width:600px) {

    .imgesSlide {
        height: 40vh;
    }
}

@media (max-width:426px) {

    .imgesSlide {
        height: 30vh;
    }
}