/*
======================================
  * CSS TABLE CONTENT *  
======================================
1. HEADER
2. HEADER TOPBAR
3. HEADER LOGO
4. MENU BAR
5. MEGA MENU
6. HEADER TRANSPARENT
7. MENU ICON
8. PAGE BANNER
9. BLOG
10. TESTIMONIALS
11. COUNTERUP
12. FOOTER
13. INNER CONTENT CSS
======================================
  * END TABLE CONTENT *  
======================================


@font-face {
    font-family:helvetica;
    src: url('/Style Library/assets/fonts/helvetica/helvetica-Regular.ttf');
  }*/
:root {
    --firstcolor: #8e1837;
    --secoundcolor: #c23b4e;
    --thirdcolor: #221f20;
    --fourthcolor: #57585b;
    --fifthcolor: #d1d2d4;


}

@font-face {
    font-family: 'helvetica';
    src: url('/Style Library/assets/fonts/Helvetica.ttf');
}

@font-face {
    font-family: 'helvetica_neue_bold';
    src: url('/Style Library/assets/fonts/Helvetica Neue CE 76 Bold Italic.ttf');
}

@font-face {
    font-family: 'helvetica-lt';
    src: url('/Style Library/assets/fonts/HelveticaNeueLTPro-LtCn.ttf');
}

@font-face {
    font-family: 'helvetica-md';
    src: url('/Style Library/assets/fonts/HelveticaNeueLTPro-MdCn.ttf');
}

@font-face {
    font-family: 'DroidArabicNormal';
    src: url('/Style Library/assets/fonts/Droid.Arabic.Kufi_Normal.ttf');
}

@font-face {
    font-family: 'DroidArabic';
    src: url('/Style Library/assets/fonts/Droid.Arabic.Kufi.ttf');
}



/*Added by wael to fix ticket 274 global to style.css*/
article {

    padding-top: 11px !important;
}

/*Added by wael to fix ticket ,275  global to style.css*/
a[data-toggle='collapse'] {

    font-size: 0.7750em !important;

}

[dir="rtl"] a[data-toggle='collapse'] {
    font-size: 0.7750em !important;
}

[dir="rtl"] #accordion .panel a {
    padding-bottom: 10px;
}



p br {
    display: none !important;
}


.img-left {

    width: 215px !important;
    margin-bottom: 1em !important;
    margin-right: 1em !important;
    border: 0;
    float: left !important;

}


.tab-pane>div>p {
    padding-top: 20px !important;

}

.breascrumb span {
    padding-left: 3px;
    padding-right: 3px;
    text-align: start;
}

[dir="rtl"] article p:not(.DeanMsgBrief) {
    font-weight: 300 !important;
    font-family: DroidArabicNormal !important;
    font-size: 1em;
}

[dir="rtl"] article lo li {
    font-weight: 300 !important;
    font-family: 'DroidArabicNormal' !important;
    text-align: start;

}



[dir="ltr"] .add-mega-menu>a {


    font-weight: 600 !important;
    font-size: 17px !important;
}

[dir="rtl"] .add-mega-menu>a {

    color: #333 !important;

}


img {
    max-width: 100% !important;
    /* height: auto !important;*/
}




/*[dir="ltr"] .menu-item-text 
  {
	  
	  color :#333 !important;
  }*/

/*[dir="rtl"] .menu-item-text  
  {
	  
	  color :#333 !important;
  
  }*/

.ms-rtePosition-1 {
    padding-left: 20px !important;

}

#sideNavBox .ms-core-listMenu-root a {

    font-size: 17px !important;
}

[dir="ltr"] #sideNavBox .ms-core-listMenu-root a {

    /*font-size : 15px !important;*/
    margin-right: 0px !important;
}

[dir="rtl"] #sideNavBox .ms-core-listMenu-root a {

    /*font-size : 15px !important;*/
    margin-left: 0px !important;
}

article p,
article ul,
article ol {
    font-size: 1.05em !important;
    line-height: 2em !important;

}

html[dir="ltr"] article p,
article ul,
article ol {
    font-size: 1em !important;
    font-weight: 100;

}


/*[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] , row */
/*{
	padding-top :80px !important;
   }*/


.ms-rtestate-field h4,
h4.ms-rteElement-H4 {
    white-space: nowrap;
    line-height: 3 !important;
}

div[data-name="ContentPlaceHolderMain"] .ms-rtestate-field h4 {
    white-space: normal;
    line-height: 1.5 !important;
}



article h4 {
    font-size: 1.28em !important;
    font-weight: 600 !important;
}

.deanMessageRender img {
    height: auto !important;

}


@media only screen and (max-width: 1000px) {

    #ms-designer-ribbon {
        /*display:none !important;*/
    }

    li a {
        color: white;
    }


}

/*.d-content {
	  display:contents
  } */
@media only screen and (max-width: 1200px) {
    .accreditation {
        display: block !important;
    }

    .accreditation img {
        padding-bottom: 10px
    }
}

/*.menu-item-text:hover {
	  color: var(--secoundcolor)!important;
  }*/
.panel .panel-heading .panel-title {
    white-space: nowrap !important;

}


.panel-group .panel-title a {
    color: var(--thirdcolor);
    font-weight: 700;
}

.panel-group .panel-title a:hover {
    color: var(--firstcolor) !important
}

.myclass {
    margin-top: 10px
}

li a {
    color: #333;
}

li a:hover {
    color: #8e1837 !important;
    font-weight: bold;
    text-decoration: underline
}

.footer-contact-us li a:hover {
    text-decoration: underline !important;
    color: #c23b4e !important;
    cursor: pointer;
}

.fa-twitter:before {
    content: "\e61b" !important;
}

.widget {
    margin-bottom: 20px;
}

.rs-container .event-info p {
    height: 45px;
    overflow: hidden
}

@media only screen and (max-width: 992px) {
    .renderEventsHome .event-title {

        height: 52px;
        overflow: hidden;
    }

    .renderEventsHome .info-bx p {

        height: 70px;
        overflow: hidden;
    }

    .renderEventsHome .event-section .info-bx {
        padding: 0
    }

}

.first-top .container {
    max-width: 100% !important;
    ;
}

.breascrumb span a {

    color: #555 !important;
}

#font-info {
    font-weight: bold;
}

@media (min-width: 992px) and (max-width: 1200px) {

    .newsroom .btn-icon-search {

        left: 181px !important;
    }

    .newsroom .btn-icon-filter {
        left: 195px !important;

    }

}

.event-info {
    width: 100%;
}

h4.event-title a {
    line-height: 1.75;
    display: inline-block;
    white-space: normal;
}

h4.event-title a {
    line-height: 1.3;
    display: inline-block;
    white-space: normal;
    font-size: 0.9em;
    font-weight: 600;
}

.top-utility .top-header-links li.active {
    background-color: transparent !important;
    border: solid 1px
}

.header-transparent .top-utility .menu-links .nav>li>a {
    margin-bottom: 0px
}

.menu-links {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .header-lang li {

        margin-right: 10px;
        margin-left: 10px
    }

    .right-side {
        display: flex !important;
        border-bottom: solid 2px;
        margin-right: 20px;
        width: 75%;
    }

    .header-transparent .top-bar {
        margin-top: 15px;
    }

    body .header-transparent {
        height: 166px !important;
    }

    .header-lang {
        border: solid 1px #fff;
        padding: 2px 0 !important;
        margin-left: 10px;
        margin-right: 0px
    }

    #quik-search-btn2 {
        width: 27px;
    }

    .header-lang li {
        border: none
    }

    html[dir="rtl"] .header-lang {

        margin-bottom: 0px !important;
        margin-right: 0;
    }


}

@media only screen and (min-width: 1350px) {
    .b-bottom {
        justify-content: space-between !important;
    }
}

.header-transparent {
    height: 133px !important;
    position: absolute !important;
    width: 100%;
    overflow: hidden;
    background: -webkit-linear-gradient(#000, rgba(0, 0, 0, 0));
    overflow: visible;
}

.header-transparent-custom {
    top: 84px !important;
}

.top-bar {
    background-color: transparent;

}

.top-header-left-img,
.top-header-right-img {
    display: none;
    background-image: none;
}

.top-utility {
    background-color: transparent;
}

.a-logo img {
    filter: invert(292%) sepia(401%) saturate(143%) hue-rotate(437deg) brightness(1400%) contrast(140%);
}

.fixed .a-logo img {
    filter: unset;

}

.header-transparent .menu-links .nav>li>a {
    color: #fff !important;
}

@media only screen and (max-width: 992px) {
    .header-transparent .menu-links .nav>li>a {
        color: #333 !important;
    }

    .header-transparent .navbar-toggler span {
        background: #fff;
    }


}

.header-transparent .fixed .menu-links .nav>li>a {
    color: #333 !important;
}

.header .fixed {
    background: #fff
}

.fixed .a-logo img {
    transition: none;
}

.menu-links .nav>li {
    margin: 0px;
    font-weight: 400;
    /* text-transform: uppercase; */
    position: relative;
    font-family: helvetica-md;
}

.quik-search-btn2-section {
    width: 33px;
    height: 33px;
    padding-top: 0.1rem;
    border: solid 1px #fff;
    margin-bottom: 0px !important;
    background: #c23b4e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quik-search-btn2-section #quik-search-btn2 {
    background-color: unset !important;
}

.quik-search-input-field2-section #quick-search-input-field {
    display: none
}

footer {}

footer .no-gutters {
    display: none
}

.footer-top {
    background-image: none !important;
    background: red;
    color: #fff !important;
    padding-top: 30px;
    padding-bottom: 40px
}

.footer-top,
.footer-bottom {
    background-color: #221f20 !important;
}

.footerWidget h3:nth-child(1) {
    color: #fff !important;
}

.footer-links li a {
    color: #fff !important;
}


.footerWidget .pt-social-link ul li {
    background-color: #9d9d9d;
    border-radius: 55px;
}

.pt-social-link .btn-link i {
    margin: 12px !important;
    padding: 0px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.footerWidget .footer-links ul a {

    font-size: 16px !important;
}

.footerWidget .pt-social-link ul li:hover a {
    color: #181818 !important;
}

.pt-social-link ul li a {
    color: #181818 !important;
}

footer .pt-social-link li a:hover {
    background-color: #fff !important;
}

footer p {
    color: #fff;
    font-size: 17px !important;
}

.footer-contact-us li {
    color: #fff;
    font-size: 16px !important;
    font-weight: 600
}

footer .btn-link,
footer a,
footer p a,
footer .tel {
    color: #fff !important;

    font-weight: 400
}

.footer-contact-us .tel {
    color: #fff !important;
    font-family: 'helvetica-lt' !important;
    font-weight: 400
}


.list-inline .btn-link {
    background-color: unset !important;
}

.list-inline .btn-link {
    color: #221f20 !important;
}

footer p,
footer strong,
footer b,
footer {
    color: #fff !important;
}

footer .btn-link :hover {
    color: #181818 !important;
}

.btn-link i:hover {
    color: #fff !important;
}

.pt-social-link .btn-link i:hover {
    color: #181818 !important;
}

@media only screen and (max-width: 1400px) {
    footer p {
        color: #fff;
        font-size: 14px !important;
    }

    .footer-contact-us li {
        color: #fff;
        font-size: 14px !important;


    }

    .footerWidget .footer-links ul a {

        font-size: 14px !important;
    }


}

@media only screen and (max-width: 1310px) and (min-width: 1201px) {
    .header-sm-lang {
        display: none
    }

    .page-banner {
        height: 60vh !important;
    }
}
@media screen and (max-width: 1200px) {
    .right-side {
      
        display: none !important;
    }
}

@media only screen and (max-width: 1310px) and (max-width: 992px) {
    .inner-page .container-fluid {
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
}

@media only screen and (max-width: 1200px) {
    #lang-link {
        display: flex;
    }

}

.contentPageArticle.pl-5,
.px-5 {
    padding-left: 1rem !important;
}

.contentPageArticle.pr-5,
.px-5 {
    padding-right: 1rem !important;
}

.quik-search-btn2-section #quik-search-btn2:hover {
    color: #fff
}

.title-head {
    color: #8e1837;

    padding-bottom: 23px !important;
    /*added by wael to fix top title padding may be u neeed to remove*/
}

.btn-section {
    background-color: #57585b !important;
}

.title-head span {

    color: var(--thirdcolor);
}

button.back-to-top:hover {
    background-color: #c23b4e !important;
}

.top-utility .quick-links li a :hover {

    color: #fff !important;
}

.renderEventsHome {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.top-utility .menu-links .nav>li .sub-menu li a:hover {
    background-color: #c23b4e !important;
    height: 50px;
}

.menu-links .nav {
    direction: ltr !important;
}

html[dir="rtl"] .renderMainNav ul {
    direction: rtl !important;
}

#carouselHeaderIndicators .carousel-item img {
    height: 100vh !important;
    object-fit: cover;
    width: 100%;
}

.carousel-item video {
    height: 100vh !important;
}

.footerWidget h3 b {
    font-weight: 400 !important;
    color: #fff !important;
}

.cours-bx {
    background-color: transparent !important;
    box-shadow: unset !important;

}

.cours-bx .info-bx {
    background-color: transparent !important;
}

.cours-bx .info-bx h5 a {
    color: var(--thirdcolor) !important;
}


.card-links:nth-of-type(2) {
    background-color: var(--secoundcolor) !important;
}

.section-bg {
    background-color: #eedee1 !important;
}

.counter-style-1 .svg-icon svg path,
.cls-4,
.cls-1,
#Ellipse_4,
#Ellipse_3,
#Ellipse_2 {
    fill: var(--fourthcolor);
}

.counter-style-1 .svg-icon svg .fill-first {
    fill: var(--firstcolor) !important;
}

.counter-style-1 .svg-icon svg .fill-first path {
    fill: var(--firstcolor) !important;
}

.counter-style-1 .svg-icon svg[viewBox="0 0 197.88 114"] .cls-1,
.counter-style-1 .svg-icon svg[viewBox="0 0 197.88 114"] .cls-3,
svg[viewBox="0 0 197.88 114"] .fill-secound,
svg[viewBox="0 0 197.88 114"] .fill-secound path,
svg[viewBox="0 0 134.03 136"] .cls-33 {
    fill: var(--firstcolor) !important;
}

.fill-secound {
    fill: var(--firstcolor) !important;
}

svg[viewBox="0 0 197.88 114"] circle.cls-4 {
    fill: var(--fourthcolor) !important;
}

svg[viewBox="0 0 196.64 112"] circle {
    fill: var(--fourthcolor) !important;
}

svg[viewBox="0 0 196.64 112"] .fill-first circle,
#Path_21,
#Path_27,
#Ellipse_1,
#Path_41 {
    fill: var(--firstcolor) !important;
}




@media only screen and (min-width: 64em) {
    #carouselHeaderControls {
        margin-top: 0px;
    }

}

input[type="submit"]:hover {
    background-color: var(--firstcolor) !important;
    color: #fff !important;
}

.btn-icon-search {
    left: 222px !important;
}

.btn-icon-filter {
    left: 219px !important;
}



@media only screen and (min-width: 1500px) {

    html[dir="rtl"] .btn-icon-filter {
        left: 140px !important;
    }

    html[dir="rtl"] .btn-icon-search {
        left: 140px !important;
    }

}

@media only screen and (max-width: 1500px) {

    html[dir="rtl"] .btn-icon-filter {
        left: 80px !important;
    }

    html[dir="rtl"] .btn-icon-search {
        left: 80px !important;
    }

}


@media only screen and (min-width: 1500px) {

    html[dir="ltr"] .btn-icon-filter {
        left: 300px !important;
    }

    html[dir="ltr"] .btn-icon-search {
        left: 300px !important;
    }

}

@media only screen and (max-width: 1499px) {

    html[dir="ltr"] .btn-icon-filter {
        left: 220px !important;
    }

    html[dir="ltr"] .btn-icon-search {
        left: 220px !important;
    }

}



.PagingLink:hover {
    background: var(--secoundcolor)
}

.PagingLink:hover {
    background: var(--secoundcolor);
    color: white !important;
}

#listItemNav2 .sub-menu {
    right: 0 !important
}

.newsroom .bootstrap-select .dropdown-toggle:hover {
    color: var(--secoundcolor) !important;
}

.newsroom .bootstrap-select .dropdown-toggle:active,
.newsroom .bootstrap-select .dropdown-toggle:focus {
    color: var(--thirdcolor) !important;
}


.renderMainNav .nav>li .add-menu.mediumSizeMenu {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 1250px;
    left: initial !important;
    margin-left: -581.5px;
    /* Half of the width to center it */
    background: #fff;
    text-align: left;
    z-index: 1;

}

.renderMainNav .nav>li .add-menu .add-menu-left {
    width: 24% !important;
}

.renderEventsHome a {
    text-decoration: none
}

p {
    /*color:var(--thirdcolor)!important;*/
    font-size: 1.05rem !important;
}

h1,
.h1 {
    font-size: 2.5em;
}

[dir="rtl"] h1,
.h1 {
    font-size: 1.5em;
}

h2,
.h2 {
    font-size: 1.4em;
}

[dir="rtl"] h2,
.h2 {
    font-size: 1.3em;
}


h3,
.h3 {
    font-size: 1.7em;
}

[dir="rtl"] h3,
.h3 {
    font-size: 1.2em;
}

h4,
.h4 {
    font-size: 1.28em;
}

[dir="rtl"] h4,
.h4 {
    font-size: 1.1em;
}

h5,
.h5 {
    font-size: 1em;
}

h6,
.h6 {
    font-size: 0.9em;
}

body {
    font-size: 1.05em !important;
}

.info-bx h5 {
    font-size: 1.05em !important;
}

.cours-bx .info-bx h5 {
    font-size: 18px !important;
}


[dir="rtl"] .info-bx h5,
.h5 {
    font-size: 1.05rem !important;
}

[dir="rtl"] p {
    font-size: 1rem !important;
}

[dir="rtl"] .recent-news .info-bx {

    font-size: 1.1rem;
}

.blog-post .post-title,
.recent-news .post-title {

    height: 62px;
}

[dir="rtl"] footer p {
    font-size: 17px !important;
}

.post-extra {

    padding-top: 10px;
    margin-top: 10px;
}

.renderEventsHome .info-bx .event-month {
    color: var(--fourthcolor) !important;
}

.bg-image-1 {
    background: url(/SiteImages/static_file/qu/conference/csforum/QU.png) no-repeat center center/cover;
    position: relative;
}

.bg-image-1::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-image-1 .col-sm-2 {
    z-index: 10;
    color: #fff;
    text-align: center;
}

.ms-cui-tabContainer {
    z-index: 1400;
}

.menu-open {
    overflow: hidden
}

@media only screen and (max-width: 1200px) {
    .first-child span .menu-item-text {
        color: var(--firstcolor) !important;
    }

    .dynamic-children.first-child span .menu-item-text {
        color: var(--firstcolor) !important;
        font-weight: 600
    }

    .ms-core-listMenu-root>li:first-child>a>span.additional-background:before {
        color: var(--thirdcolor) !important;
    }

    .ms-core-listMenu-root>li:first-child>a>span.additional-background:before {}
}


.btn-section:hover {
    text-decoration: none !important;
}

.panel-success .panel-heading,
.panel-danger>.panel-heading,
.panel-primary>.panel-heading,
.panel-warning>.panel-heading {
    background-image: linear-gradient(to bottom, #f2dede 0, #ebcccc 100%);
}

.news_wrap .post-title {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 55px;
}


.dataTables_wrapper .dataTables_scroll .dataTables_scrollHeadInner,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHeadInner .dataTable,
.dataTables_wrapper .dataTables_scrollBody .dataTable {
    width: 100% !important;
}


.student-info-packages-section .nav-tabs li a {
    display: block;
    padding: 10px 15px;
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.student-info-packages-section .nav-tabs li a:hover {
    color: #8e1837 !important;
    font-weight: bold;
    text-decoration: none;
}

.student-info-packages-section .nav-tabs li a.active {
    background-color: #ffffff;
    color: #8e1837 !important;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd #dddddd transparent;
    cursor: default;
}

.student-info-packages-section .tab-pane h4 {
    color: black;
    margin-top: 1rem;
}

.tblDefaultDataTable tbody>tr>td {
    vertical-align: top !important;
}

.o365cs-base .ms-fcl-b,
.o365cs-base .ms-fcl-b-h:hover,
.o365cs-base .ms-fcl-b-f:focus {
    color: #333 !important;
}




.text_ellipsis_line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text_ellipsis_2lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.text_ellipsis_3lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.itemHide {

    display: none !important;
}

@media only screen and (min-width: 1200px) {
    .menu-links .nav ul li ul li:has(ul) li:has(ul):after {
        font: normal normal normal 10px/1 FontAwesome;

        content: "\f105";
        color: #777;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        font-weight: 500
    }
}

@media only screen and (max-width: 1199px) {

    .menu-links .nav ul li ul li:has(ul):after {
        font: normal normal normal 10px/1 FontAwesome;

        content: "\f078";
        color: #777;
        position: absolute;
        right: 10px;
        font-size: 13px
    }

    .menu-links .nav ul li ul li:has(ul) li:has(ul):after {
        font: normal normal normal 10px/1 FontAwesome;

        content: "\f105";
        color: #777;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        font-weight: 500
    }

    li:has(.open-college-submenu):after {
        content: unset !important
    }

    .open-college-submenu {
        transition: all .5s ease;
    }

    .menu-links .nav ul li ul li:has(ul) li:has(ul)ul {
        left: -50px;
        top: 20px
    }

    .menu-links .nav ul li ul li:has(ul)ul {}

    .menu-links .ms-core-listMenu-root>li .dynamic-children ul {
        min-width: 263px !important;
    }





    .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
        background-image: none !important;
    }

    .header-sm-lang.container-fluid {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }

    #zz2_RootAspMenu li ul li:has(ul) li:has(ul):after {
        font: normal normal normal 10px/1 FontAwesome;
        content: "\\f105";
        color: #777;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        font-weight: 500
    }

    li:has(.open-college-submenu):after {
        content: unset !important
    }

    .open-college-submenu {
        transition: all .5s ease;
    }

    #zz2_RootAspMenu li ul li:has(ul) li:has(ul)ul {
        left: -50px;
        top: 20px
    }

    #zz2_RootAspMenu li ul li:has(ul)ul {}

    .mainmenu .ms-core-listMenu-root>li .dynamic-children ul {
        min-width: 263px !important;
    }

    .ms-rtestate-field h1,
    h1.ms-rteElement-H1,
    .ms-rtestate-field h2,
    h2.ms-rteElement-H2 {
        line-height: 1.4;
        color: var(--firstcolor)
    }

    .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
        background-image: none !important;
    }

    .header-sm-lang.container-fluid {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
}

.cd-timeline-img {
    background: var(--firstcolor) !important;
}

#rss {
    background-image: none !important;
}

.cd-timeline-content {

    box-shadow: none !important;
    border: solid 1px #bababa;
}

.cd-timeline-content img {
    width: 230px;
}

html[dir="rtl"].cd-timeline-content {
    text-align: right;
}

#cd-timeline::before {

    background: #ddd !important;
}

.new-hover .service_btn {
    height: 160px;
    display: inline-block;
}

.ms-rtestate-field h1,
h1.ms-rteElement-H1,
.ms-rtestate-field h2,
h2.ms-rteElement-H2 {
    line-height: 1.4;
    color: var(--firstcolor) !important
}

.media-post li a i {
    color: var(--secoundcolor);
}

.ttr-gallery-listing .event-info .media-post li a:hover i {
    color: var(--firstcolor)
}

.ttr-gallery-listing p span a {
    color: var(--secoundcolor) !important;
    display: block;

}

.ttr-gallery-listing p span a:hover {
    color: var(--firstcolor) !important;


}

.ms-srch-item-preview {
    display: none !important;
}

article .title {
    text-transform: none !important
}

.ExternalClassF60EBB1DD9DF4AB79A84D134578F1603 ul li {
    display: none;
}

.ExternalClassF60EBB1DD9DF4AB79A84D134578F1603 .qu-subpage-relatd-title {
    display: none;
}

@keyframes sliderZoom {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 1;
    }

    99% {
        transform: scale(1.2);
        opacity: 0;
    }

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

.sliderZoom {
    animation-name: sliderZoom;
    animation-duration: 10s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.event-href {
    color: #c23b4e !important;
}

.ms-rtestate-field blockquote p {
    color: white !important;
}

.ms-rtestate-field li a {
    color: var(--firstcolor) !important;
}

.ms-rtestate-field h3 a {
    color: var(--firstcolor) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: var(--firstcolor) !important;
}

/*var(--firstcolor) !important*/
.new-hover a {
    background: #fff;
    padding: 20px;

    border-radius: 5px;
    text-align: center !important;
    display: inline-block;
}

.new-hover a:hover {
    background: var(--firstcolor);
    transition: all 0.9s;
}

.new-hover a:hover img {
    filter: brightness(15) invert(0) saturate(0)
}

.new-hover a img {
    width: auto !important;
    height: auto !important;

}

.welcome-section .btn-link {
    color: var(--firstcolor) !important;
}

.welcome-section .btn-link:hover {
    color: var(--secoundcolor) !important;
    text-decoration: underline;
}


.heading-bx:has(.title-head) {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-bottom: 30px;
}
@media only screen and (max-width: 576px) {
.heading-bx:has(.title-head) {

    justify-content: space-around;
}
}

.heading-bx:has(.title-head) .title-head {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.heading-bx:has(.title-head) .btn-section {
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 31px;
    height: 31px;
    padding: 3px;
}

.heading-bx:has(.title-head) .btn-section:hover {
    background-color: var(--firstcolor) !important;
}

.heading-bx:has(.title-head) .btn-section .btn-dot {
    margin-top: 0 !important;
}

html[dir="rtl"] .heading-bx:has(.title-head) {
    direction: rtl;
}

/* end section-btn */


/* pagination */

#div_paging,
.dataTables_paginate {
    display: flex;
    flex-wrap: wrap;
}


.PagingLink,
.PagingNextLink,
.PagingPrevLink,
.paginate_button.previous,
.paginate_button,
.paginate_button.next {
    padding: 12px;

    margin: 5px;
    background: #e9e9e9;

    color: var(--thirdcolor) !important;
    border-radius: 4px;
    margin-top: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: var(--secoundcolor) !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: var(--secoundcolor) !important;
    border: 1px solid transparent !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none !important;
    background-color: var(--secoundcolor) !important;
    border: 1px solid transparent !important;
    color: #fff !important;

}

/* end pagination */


.bg-info {
    background-color: var(--fifthcolor) !important;
    color: #fff !important;

}

.ms-rtestate-field:has(.bg-info) h2 {
    color: #fff !important;
}


@media only screen and (min-width:1200px) {
    .b-bottom {
        align-items: center;
    }

    .d-content {
        flex-direction: column;
        display: flex;
    }

    .fixed .top-bar {
        display: none;
    }


    html[dir="rtl"] .right-side {
        direction: rtl;
    }
}

/* Other styles for hiding elements except the navbar-toggler */
.fixed .header-sm-lang.sm-lang-container>li {
    display: none;
    /* Initially hide all li elements */
}

.fixed .header-sm-lang.sm-lang-container>li:has(button.navbar-toggler) {
    display: list-item;
    /* Display only the li containing the navbar-toggler */
}

html[dir="ltr"] article ul li,
ol li {

    letter-spacing: 0.5px;
    font-family: helvetica-lt !important;
    font-size: 1.05rem;

}

html[dir="rtl"] article ul li,
html[dir="rtl"] ol li {

    font-size: 1em;
    font-weight: 300 !important;
    font-family: 'DroidArabicNormal' !important;
}

html[dir="rtl"] h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0 !important;
}

html[dir="rtl"] body {
    letter-spacing: 0 !important;
}

@media screen and (min-width: 1200px) {
    .right-side {
        width: 99% !important;
    }
}

ul.header-lang:has(.header-lang-bx[style*="display: none;"]) {
    display: none !important;
}

.top-header-links:has(.header-lang .header-lang-bx[style*="display: none;"]) .quick-links {
    left: 0 !important;
}

.quik-search-btn2-section {
    margin-left: 0.5rem !important;
}

.top-utility .top-header-links li.active {
    margin-right: 0px;
}

.menu-links .nav i:hover {
    color: #fff;
}




/* ===== */



.carousel-item {
    transition: transform 0.6s ease-in-out !important;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

.carousel-item.active {
    position: relative;
    opacity: 1;
    z-index: 2;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}

.carousel-control-prev,
.carousel-control-next {
    z-index: 4;
}

/* Adjusting the sliding directions */
.carousel-item-next {
    transform: translateX(100%);
    /* Move the next slide from left to right */
}

.carousel-item-prev {
    transform: translateX(-100%);
    /* Move the previous slide from right to left */
}

.carousel-item.active.carousel-item-left,
.carousel-item.active.carousel-item-prev {
    transform: translateX(-100%);
    /* Active slide moving out to the right */
}

.carousel-item.active.carousel-item-right,
.carousel-item.active.carousel-item-next {
    transform: translateX(100%);
    /* Active slide moving out to the left */
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0);
    opacity: 1;
}

.slidertop .carousel-item img {
    height: 90vh;
}

.number {
    font-family: 'helvetica-lt' !important;

}

.footer-top .number {
    color: #fff !important;

    font-weight: 400
}

@media screen and (max-width: 992px) {

#carouselExampleIndicators .carousel-item img,

    #carouselHeaderIndicators .carousel-item img,
    #carouselHeaderIndicators .carousel-item,
    .carousel-item video {
        height: 35vh !important;
        max-height: 100%;
        /* Maintain aspect ratio */
        background-position: center;
    }

    .a-logo img {
        height: 3rem !important;
                object-fit: contain;
    }

    .ms-siteicon-img {
        max-height: 65px !important;
    }
    #carouselHeaderIndicators .carousel-control-next,
    #carouselHeaderIndicators .carousel-control-prev,
    .slidertop .carousel-control-next,
    .slidertop .carousel-control-prev {
        top: 35%
    }

    .slidertop .carousel-item img {
        height: 35vh
    }

    .logo-container {

        margin-top: 0px !important;
    }

    .page-banner {
        /* height: 60vh; */
        object-fit: cover;
        background-position: center;
    }

    [data-aos] {
        /* pointer-events: none; */
        transform: none !important;
        opacity: 1 !important;
        transition: none !important;
    }
}

@media screen and (max-width: 575px) {
    .a-logo img {
        height: 2.2rem !important;
                object-fit: contain;
    }

    .ms-siteicon-img {
        max-height: 50px !important;
    }

    #carouselHeaderIndicators .carousel-control-next,
    #carouselHeaderIndicators .carousel-control-prev,
    .slidertop .carousel-control-next,
    .slidertop .carousel-control-prev {
        top: 50%
    }

    .logo-container {

        margin-top: 0px !important;
    }

    .page-banner {
        height: 40vh;
    }
}





.sideNavRender .side-menu-active-sub-menu-icon {
    transform: rotate(180deg) !important;
}

.sideNavRender .side-menu-active-sub-menu-link {
    font-weight: bold;
}

@media only screen and (max-width: 1200px) {
    #lang-link {
        font-family: 'DroidArabicNormal' !important;
    }
    html[dir=rtl]  #lang-link {
          font-family: helvetica-lt !important;
    }

}

.float-none{
	float:none !important;
}