/*@font-face {
    font-family: DINNextArabic;
    src: url('fonts/DINNextLTArabic-Regular.ttf')
}

@font-face {
    font-family: DINNextArabic;
    font-weight: bold;
    src: url('fonts/DINNextLTArabic-Bold.ttf')
}

@font-face {
    font-family: DINNextArabic;
    font-weight: 300;
    src: url('fonts/DINNextLTArabic-Light.ttf')
}*/




@font-face {
    font-family: 'DINNextArabic';
    src: url('fonts/DINNextLTArabic-Regular.woff2') format('woff2'), url('fonts/DINNextLTArabic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINNextArabic';
    src: url('fonts/DINNextLTArabic-Light.woff2') format('woff2'), url('fonts/DINNextLTArabic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINNextArabic';
    src: url('fonts/DINNextLTArabic-Bold.woff2') format('woff2'), url('fonts/DINNextLTArabic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body, html {
    direction: rtl !important;
    text-align: right;
    font-family: DINNextArabic,Helvetica,Arial,sans-serif;
}
.Scientific a {
    font-family: DINNextArabic,Helvetica,Arial,sans-serif; font-size:18px;
}
.snip1559 h3 {
    font-size: 18px !important;
}
    .headMenu > li a {
    font-size: 14px;
}
.navbar-expand-md .navbar-nav .dropdown .nav-link {
    
    font-size: 15px;
}
.navbar-expand-md .navbar-nav .nav-link {
    font-size: 15px;
}
.learn {
    padding: 2px 10px 2px 40px;
    background: var(--yellow) url(../images/arrowblue-ar.png) no-repeat 15px 5px;
    background-size: 20px;
}

    .learn:hover {
        padding: 3px 10px 3px 40px;
        background: var(--primary) url(../images/arrowwhite-ar.png) no-repeat 15px 5px;
    }

.headMenu {
    float: left;
}

    .headMenu > li {
        float: right;
    }

h5, h5 a, h6, .montserrat, a, .rightUl li a, h6 a, .event-link {
    font-family: DINNextArabic,Helvetica,Arial,sans-serif;
}

.halfgrayblue {
    background-image: linear-gradient(to left, var(--gray) 66.666667%, var(--darkbluesecondry) 33.333333%);
}

.rightUl li:nth-child(1) a {
    background: url(../images/appointmentIcon.png) no-repeat 8% center;
    background-size: 50px;
    transition: background-size 0.2s ease;
}

.rightUl li:nth-child(2) a {
    background: url(../images/doctorIcon.png) no-repeat 8% center;
    background-size: 50px;
    transition: background-size 0.2s ease;
}

.rightUl li:nth-child(3) a {
    background: url(../images/contactIcon.png) no-repeat 8% center;
    background-size: 50px;
    transition: background-size 0.2s ease;
}

.rightUl li:nth-child(1) a:hover {
    background: url(../images/appointmentIcon.png) no-repeat 8% center;
    background-size: 70px;
}

.rightUl li:nth-child(2) a:hover {
    background: url(../images/doctorIcon.png) no-repeat 8% center;
    background-size: 70px;
}

.rightUl li:nth-child(3) a:hover {
    background: url(../images/contactIcon.png) no-repeat 8% center;
    background-size: 70px;
}

.dropme li {
    width: 48%;
    float: right;
    text-align: right;
}

.carousel-caption {
    bottom: 10px;
    left: 35%;
    text-align: right;
    right: 5%;
    z-index: 1 !important;
}

.showall {
    padding: 5px 0px 5px 30px;
    font-size: 14px;
}

    .showall:after {
        position: absolute;
        content: "";
        width: 30px;
        transition: width 0.2s ease;
        height: 28px;
        background: url(../images/rightArrow.png) no-repeat  center right;
        background-size: 20px;
        transform: rotate(180deg);
    }
    .showall:hover:after {
        position: absolute;
        content: "";
        width: 40px;
        height: 28px;
        background: url(../images/rightArrow.png) no-repeat center right;
        background-size: 20px;
    }
.h6, h6 {
    font-size: 1.1rem;
}
h5 {
   
    font-weight: 500;
    font-size: 20px;
}
.fs-12 {
    font-size: 14px;
}
.fs-13 {
    font-size: 15px;
}
.fs14 {
    font-size: 16px;
}
.roboto {
    font-family: DINNextArabic,Helvetica,Arial,sans-serif;
}
.fs-17 {
    font-size: 20px;
}
.textover {
     
    font-size: 18px;
}
    .small, small {
    font-size: 90%;
    font-weight: 400;
}
.owl-nav {
    position: absolute;
    left: 0;
    right: auto;
    top: -40px;
}

.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

.logocon li {
    float: right;
}
/*
#divLeftRight .col-lg-9 ul li, #ctl00_divFullWidth .col-md-12 ul li{
    padding-right:20px; padding-left:
}
    #divLeftRight .col-lg-9 ul li::before, #ctl00_divFullWidth .col-md-12 ul:not(.rightUl) li::before {
        content: "\2022";
        color: var(--primary);
        font-weight: bold;
        width: 1em;
        margin-right: -20px;
        margin-left: inherit !important;
        font-size: 25px;
        top: -8px;
        position: absolute;
    }

#divFullWidth ul li::before {    
    margin-right: -20px;    
}

#divFullWidth .col-md-12 ul li {    
    padding-right: 20px;
}*/

#divFullWidth ul li::marker, #divLeftRight ul li::marker {       
    font-size: 20px;    
}

.dropme li a {
    font-size: 15px;
}
    .dropme li a:hover {

        font-size: 15px;
    }
.peopledrop .dropdown-toggle::after {
    position: absolute;
    left: 17px;
    right: inherit !important;
    top: 8px;
}
    .dropdown-toggle::after {
    margin-right: 0.255em;
    vertical-align: 0.15em;
    margin-left: auto;
}

.headMenu > li:first-child {
    direction: ltr;
}

.Followus a {
    float: right;
}

.float-right {
    float: left !important;
}

.float-left {
    float: right !important;
}

.owl-carousel.owl-loaded {
    direction: ltr;
}

    .owl-carousel.owl-loaded .row {
        direction: rtl;
    }

.owl-next {
    float: left;
}
    .owl-next img {
        transform: rotate(180deg);
    }

.owl-prev img {
    transform: rotate(180deg);
}

#Accreditations.owl-carousel .owl-item, #Partnerships.owl-carousel .owl-item {
    float: right;
}

.titleBg {
    background: var(--darkblue) url(/images/headerbgar.jpg) no-repeat;
    padding: 15px 0px;
    background-position: left;
    background-size: contain;
}

.social-menu {
    float: left;
}

#accordian-menu ul li a {
    padding: 12px 20px 12px 35px;
}

#accordian-menu a:not(:only-child):after {
    left: 13px;
    right: inherit;
    transform: rotate(-230deg);
}

.watch {
    color: var(--primary);
    text-decoration: none;
    transition: width 0.2s ease;
    padding: 3px 40px 3px 10px;
    background: url(../images/arrowgray-ar.png) no-repeat 15px 5px;
    background-size: 20px; font-size:14px;
}
footer .bggray strong{font-weight:normal;}
.breadcrumb {
    font-size: 15px;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;   
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0 !important;
}
    footer ul li a {
    font-weight: normal;
    font-size: 14px;
}
    .arrowbig:before {
    transform: rotate( -225deg );
}
.border-right {
    border-left: 1px solid #dee2e6 !important;
  
    border-right: 0px solid #dee2e6 !important;
}

.dateIconw {
    padding: 0px 25px 0px 10px;
    background: url(../images/dateIconw.png) no-repeat right 5px;
    background-size: 20px;
    font-size: 13px;
}

.dateIcon {
    padding: 0px 25px 0px 10px;
    background: url(../images/dateIcon.png) no-repeat right 8px;
    background-size: 16px; font-size:13px;
}

.topMenu .dropdown-menu-right {
    transform: translate3d(0px, 27px, 0px ) !important;
    right: auto !important;
    left: 0 !important;
}

/*.owl-carousel .owl-item {
    float: right;
}*/

.accordion .card h4:before {
    right: inherit;
    left: 13px;
}

.accordion .card h4.collapsed:before {
    left: 13px;
    right: inherit;
    transform: rotate( -230deg );
}

#searchform input[type="search"] {
    float: right;
}

.watch:hover {
    padding: 3px 10px 3px 40px;
    background: var(--primary) url(../images/arrowwhite-ar.png) no-repeat 15px 5px;
}

#accordian-menu .active > a:not(:only-child):after {
    left: 13px;
    right: inherit;
}

#accordian-menu > ul > li > ul > li > a:not(:only-child):after, #accordian-menu > ul > li > ul > li > ul > li > a:not(:only-child):after {
    left: 13px;
    right: inherit;
    transform: rotate(-230deg);
}

#accordian-menu > ul > li > ul > li.active > a:not(:only-child):after, #accordian-menu > ul > li > ul > li > ul > li.active > a:not(:only-child):after {
    left: 13px;
    right: inherit;
}

.pl-4, .px-4 {
    padding-right: 1.5rem !important;
}

.readmore {
    padding: 3px 10px 3px 40px;
    background: #fff url(../images/arrowgray-ar.png) no-repeat 15px 5px;
    background-size: 20px;
}

    .readmore:hover {
        padding: 3px 10px 3px 40px;
        background: var(--primary) url(../images/arrowwhite-ar.png) no-repeat 15px 5px;
        background-size: 20px;
    }

.pr-4, .px-4 {
    padding-left: 1.5rem !important;
    padding-right: inherit;
}

.pl-0, .px-0 {
    padding-right: 0 !important;
    padding-left: 15px !important;
}

.pl-3, .px-3 {
    padding-right: 1rem !important;
    padding-left: inherit !important;
}

.halfgray {
    background-image: linear-gradient(to left, transparent 50%, var(--gray) 50%);
}

.mr-5, .mx-5 {
    margin-left: 3rem !important;
    margin-right: inherit !important;
}

.mr-3, .mx-3 {
    margin-left: 1rem !important;
    margin-right: inherit !important;
}

.mr-4, .mx-4 {
    margin-left: 1.5rem !important;
    margin-right: inherit !important;
}

.quicklinks ul li {
    float: right;
}
.quicklinks h6 {
    margin-right: 0px !important;
}

.videolefttextright {
    margin-left: 20px;
    margin-right: inherit;
}

.rightUl li a {
    text-align: right;
}

.text-md-left {
    text-align: right !important;
}

.text-md-right {
    text-align: left !important;
}

/*.videolefttextright {
    margin-right: inherit !important;
    margin-left: 20px !important;
}*/

.navbar-brand {
 
    margin-left: 1rem;
    margin-right:inherit;
    
}

.hamburger {
    position: absolute;
    top: 16px;
    left: 5px;
    right:inherit;
}
.searchMobile {
    left: 70px;
    right: inherit;
}
.navbar-nav {
    padding-right: 0;
}

blockquote {
    margin: 50px auto;
    font-style: italic;
    color: #555555;
    padding: 1.2em 75px 1.2em 30px;
    border-right: 8px solid var(--blue);
    line-height: 1.6;
    position: relative;
    background: #EDEDED;
    border-left: none;
}
    blockquote::before {
        font-family: Arial;
        content: "\201D";
        color: var(--blue);
        font-size: 4em;
        position: absolute;
        right: 20px;
        top: -10px;
        left: inherit;
    }



    blockquote::after {
        content: '';
    }



    blockquote span {
        display: block;
        color: #333333;
        font-style: normal;
        font-weight: bold;
        margin-top: 1em;
    }

.card-columns ul li {    
    padding-right: 30px;
}

    .card-columns ul li:before {        
        margin-right: -20px;       
    }

@media (max-width:912px) {
    .logocon li {
        width: auto !important;
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

        .logocon li img {
            width: 100%;
            max-height: 70px;
        }

        .logocon li:nth-child(3) {
            padding-left: 0;
        }

    .logocon li {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width:820px) {
    .headMenu {
        float: none;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        margin-top: 5px;
        margin-bottom: 0px;
        display: inline-block;
    }

    .topMenu .container {
        text-align: center;
    }
    .logocon li {
        width: auto !important;
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

        .logocon li img {
            width: 100%;
            max-height: 70px;
        }

        .logocon li:nth-child(3) {
            padding-left: 0;
        }

    .logocon li {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .halfgrayblue.pl-4 {
        background-image: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .halfgrayblue .border-right {
        border-left: 0px solid #dee2e6 !important;
    }
    .halfgrayblue {
        background-image: none !important;
    }
    .dropme li {
        list-style: none;
        width: auto;
        float: none;
    }
    .halfgray .col-md-6.pl-4 {
        background: var(--gray);
        margin-left: 15px;
        margin-right: 15px;
        padding-right: 15px !important;
    }
    .halfgray .row.ml-0 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .col.pl-0 {
        padding-right: 15px !important;
    }

    .col-md-6.pl-1, .col-md-6.pl-0, .col-12.pl-1, .col-md-6.pl-4, .col-md-3.pl-4, .col-md-4.pl-4 {
        padding-right: 15px !important;
    }

    .logocon li {
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
    }

    .navbar-collapse {
        overflow: auto;
        max-height: 70vh;
    }
    .quicklinks ul li {
        float:none;
    }
    }
@media (max-width: 452px) {
    .dropme li a {
        text-align: right;
    }

    .quicklinks ul li a {
        text-align: right;
    }
}


.custom-container {
    
    margin-right: calc(-50vw + 50%);
   
}