/*:root{
    --firstcolor:#3A3A6B;
    --secoundcolor:#6767a2;
    --thirdcolor:#9c9b9b42;
}*/

    .search-bx.style-1 .input-group-btn button{
        background-color: var(--secoundcolor);
    }
 
    a, .text-primary, .primary li:before, .menu-links .nav > li.active > a, .menu-links .nav > li:hover > a, .menu-links .nav > li .mega-menu > li ul a:hover, .menu-links .nav > li .sub-menu li:hover > a, footer a:active, footer a:focus, footer a:hover, footer h1 a, footer h2 a, footer h3 a, footer h4 a, footer h5 a, footer h6 a, footer p a, .testimonial-1 .testimonial-position, .acod-head a:after, .acod-head a, .acod-head a:hover, .acod-head a.collapsed:hover, .ttr-tabs .nav-tabs > li > a i, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .btn.outline, .btn-link:hover {
        color: var(--firstcolor) !important;
    }
    .line {
    
        background-color: var(--secoundcolor);
      }
      .event-time {
      
        background-color: var(--firstcolor);
     
    }
    h1, h2, h3, h4, h5, h6 {
        color: var(--firstcolor);
      
    }
    .portfolio-bx .portfolio-info-bx, .btn.outline:hover, .course-info-list ul li a.active, .course-info-list ul li a:hover, .btn, .profile-tabnav .nav li a.active, button.back-to-top, .upcoming-event-carousel.owl-btn-1 .owl-prev, .upcoming-event-carousel.owl-btn-1 .owl-next, .courses-carousel .owl-nav .owl-next, .courses-carousel .owl-nav .owl-prev, .recent-news-carousel .owl-nav .owl-next, .recent-news-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next, .testimonial-carousel .owl-nav .owl-prev {
        background-color: var(--firstcolor);
     
    }
    .upcoming-event-carousel.owl-btn-1 .owl-prev,.upcoming-event-carousel.owl-btn-1 .owl-next{
        color: var(--firstcolor);
    }
    .course-info-list ul li a.active:hover, .course-info-list ul li a:hover, .btn:hover, .profile-tabnav .nav li a.active:hover, button.back-to-top:hover, .upcoming-event-carousel.owl-btn-1 .owl-prev:hover, .upcoming-event-carousel.owl-btn-1 .owl-next:hover, .courses-carousel .owl-nav .owl-next:hover, .courses-carousel .owl-nav .owl-prev:hover, .recent-news-carousel .owl-nav .owl-next:hover, .recent-news-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover, .testimonial-carousel .owl-nav .owl-prev:hover {
        background-color: var(--secoundcolor);
      
    }
    .college-header-menu .nav>li:after {
 
        background-color: var(--secoundcolor);

      }
      .card-links:nth-of-type(1),
  
.card-links:nth-of-type(3) {
  background-color: var(--firstcolor) !important;
}
.card-links:nth-of-type(2),
.card-links:nth-of-type(4) {
  background-color: var(--secoundcolor) !important;
}
.college-header-links {
    background-color: var(--firstcolor) !important;
 
  }
  .college-header-menu .nav>li>a:hover{
      background-color: var(--secoundcolor);
  }
    
  .news-hover-color {
    background-color: var(--firstcolor);
   
}
.event-left-section:hover>.event-left-side {
  
    border-left: 5px solid var(--secoundcolor);
}
.event-section .event-title, .event-section .event-month, .media-post {
    color: var(--secoundcolor);
}
.calender-year {
    background-color: var(--firstcolor);
  
}
.table .row .cell.active span {
    border-bottom: 5px solid var(--firstcolor);
   
}
button.back-to-top {

    background-color: var(--firstcolor) !important;
}
.firstcolor{
    color: var(--firstcolor)!important;
}
.firstcolor-bg{
    background-color: var(--firstcolor)!important;
}

.secoundcolor{
    color: var(--secoundcolor)!important;
}
.secoundcolor-bg{
    background-color: var(--secoundcolor)!important;
}
.list-inline .btn-link{
    background-color: var(--firstcolor)!important;
    color: #fff;
}
.list-inline .btn-link:hover{
    background-color: var(--secoundcolor);
   
}
.pt-social-link .btn-link i:hover{
    color: #fff !important;
}
.ovpr-dark:after{
    background: var(--secoundcolor);
opacity: 50% ;
}
.bg-primary {
    background-color: var(--firstcolor);
}
.courses-search-bx .focused .input-group label,
.contact-bx .focused .input-group label{

	color:var(--secoundcolor);
}
.btn-link{
    color: var(--firstcolor);
}
.btn-link :hover
{
    color: var(--secoundcolor);
}
.b-bottom{
    border-bottom: var(--secoundcolor) solid 9px;
        padding-bottom: 4px;
  }
  .footer_widget ul li a:hover, [class*="ovbl-"] .counter-style-1 .counter-text, .header-transparent .secondary-menu .btn-link:hover, .header-transparent .menu-links .nav > li:hover > a, .header-transparent .menu-links .nav > li.active > a {
    color: #fff !important;
}
.fill-first {
    fill:var(--firstcolor)!important ;
}
.fill-secound {
    fill:var(--secoundcolor)!important ;
}
.fill-cl .cls-4{
    fill: var(--firstcolor);
}

.college-news-date{
    background-color: var(--firstcolor);
}
.share {
    background: var(--firstcolor);
    color: white !important;  }
  
  .icon-bar a:hover + .college-quick-links , 
  .college-quick-links:hover{
    left: -1px !important;
  }
  
  .college-quick-links{
    background: var(--firstcolor);
   
  }
  .college-quick-links li:hover{
    background: var(--secoundcolor);
   
  }
  /* ========================= */
/* research */
/* ======================== */
.slider-info{
   background-color: var(--firstcolor);
   
   }
   .secoundcolor-bg{
    background-color: var(--secoundcolor)! important;
}
.research .event-title a{
    color: var(--thirdcolor) !important;
}
.sort a:hover{
    color: var(--secoundcolor);
    
    }
    .sort a:active{
        color: var(--secoundcolor);
      
      }
      .research-box {
       
        background-color: var(--firstcolor);
    }
    .border-bottom-secound{
     

border-bottom-color: var(--secoundcolor) !important;
      }
      .arrow .fa-angle-right{
        color: var(--secoundcolor);

      }
      
      .cat{
        background-color: var(--thirdcolor);
        color: var(--firstcolor) !important;
        
      }
      .cat.active{
              background-color: var(--firstcolor);
        color: white !important;
      }
      .cat:hover{
        background-color: var(--firstcolor);
         color: white !important;      }
      .bottom-arrow{
        color:  var(--firstcolor);
      }
      .sub-cat{
       background-color:rgba(156, 155, 155, 0.26);
      }
      .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:hover{
        background-color: var(--firstcolor) !important;
      }
    
      .pagination-bx.gray .pagination > li > a:hover, .pagination-bx.gray .pagination > li > span:hover, .pagination-bx.gray .pagination > li.active > span, .pagination-bx.gray .pagination > li.active > a {
        background-color: var(--firstcolor);
       
    }
    .pagination li.active a {
        background-color: #fff;
        color: var(--firstcolor);
    }
   
    .dropdown-menu > li >a:hover{
    
        background-color: var(--thirdcolor);
    }
    
    /* ====themes sytle===== */
    .pagination-bx.gray .pagination > li > a:hover, .pagination-bx.gray .pagination > li > span:hover, .pagination-bx.gray .pagination > li.active > span, .pagination-bx.gray .pagination > li.active > a {
        background-color: var(--firstcolor) !important;
        color: white !important;
    }
    
    /* =================== */
    
    
    /* =================== */
/* lib2 */
/* ================ */
.breadcrumbs_holder ul li:hover{
    color: var(--secoundcolor) !important;
 
  }
  .breadcrumbs_holder ul li a:hover {
    color: var(--secoundcolor) !important;
   
  }
  .color-main-dark {
    color: var(--secoundcolor);
}

/* ================= */
   /* lib3 */
   /* ============= */
   .links a{
    color: var(--firstcolor);
    padding-bottom: 3px;
    
   }
   .links a:hover{
    color: var(--secoundcolor);
    text-decoration: underline;
 
    
   }
   .lib-3 h3{
    font-size: 20px;
   }
.bottom-arrow {
    bottom: -25px !important;
}
.icon-bar a i {
    font-size: 25px;
    color: white !important;
}
.acod-content p{
	text-align:justify !important;
}

.pagination > li > a{
	    padding: 6px 6px !important;}
.pagination-bx.gray .pagination > li > a{
	    background-color: transparent!important ;
}

.btn-section {
    width: 28px;
    height: 28px;
    background-color:  var(--firstcolor)!important ;
   }
   
.btn {
  background-color: var(--secoundcolor)!important;
    color: #000;
}
 .sitelogo{
	float: left;
    padding-left: 0px;
    padding-top: 9px;
}
.fixed .sticky-header {
    width: unset;
}
#tools button {
    vertical-align: middle;
    background-color: transparent;
    padding: 6px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}
.char_set{
	padding:7px
}

.search_course-reserves .form-control{
	
	border-top-right-radius:0 !important;
		border-bottom-right-radius:0 !important;
}
[dir="rtl"] div
.search_course-reserves .form-control{
	
	border-top-left-radius:0 !important;
		border-bottom-left-radius:0 !important
	
}
 
 [dir="ltr"] div
	.renderLibraryNav .nav>li .add-menu.smallSizeMenu {
     position: absolute;
    left: -42%;
  border-radius: 10px;
      top: 55px;
      text-align: start;

}

.renderLibraryNav .nav>li .add-menu.smallSizeMenu {top: 53px;}


.add-menu.mediumSizeMenu {
    left: 16% !important;
     position: absolute !important;
    
}


.add-menu.smallSizeMenu{
   right:0 !important;
     position: absolute !important;

}
@media only screen and (max-width: 991px){
	.smallSizeMenu{
		top:18rem;
		right:10px;
	}
}

.btn-group .dropdown-menu{
   transform: translate3d(0px, 39px, 0px) !important;
   left: auto !important;
}

.wh-tab{

    height: 34px;
    display:flex;
    color: #fff;
    align-items: center;
}





/*topbar*/
.top-utility .top-header-links li.active {
    background-color: var(--firstcolor) !important;
    color: #fff !important;
}

.top-utility .quick-links{
	  background-color: var(--firstcolor) !important;
}

.top-utility .menu-links .nav>li .sub-menu li :hover{
	    background-color: transparent !important; 
	    color: #fff !important;
}

.top-utility .search-btn {
    color: #fff !important;
}
html[dir="rtl"] #carouselExampleIndicators .carousel-item img {
    object-position: left;
      /*  transform: scaleX(-1);*/
}

@media (min-width: 992px){
.fixed .sitelogo {
    display: block !important;
}
}

.fixed .sitelogo {
    display: block !important;
   
}


#ctl00_x69dd2751a4314f108fdff6ce5eef818c{
display:block;
margin-bottom:10px
}

@media only screen and (max-width: 1200px){
.header .navbar-toggler, .header .is-fixed .navbar-toggler {
    margin: -32px 0 0 0 !important; 

}
.header .is-fixed .navbar-toggler.tolggler-top {
    margin-top: -18em !important;
    transition: none;
}

.header .fixed .is-fixed .navbar-toggler{
	    margin-top: 10em !important;
}

}
.fixed .navbar-toggler:not(:disabled):not(.disabled) {
    direction: ltr !important;
}

.event-info .event-title {
      text-align: start;
}

      
      /*topbar*/
.top-utility .top-header-links li.active {
    background-color: var(--firstcolor) !important;
    color: #fff !important;
}

.top-utility .quick-links{
	  background-color: var(--firstcolor) !important;
}

.top-utility .menu-links .nav>li .sub-menu li :hover{
	    background-color: transparent !important; 
	    color: #fff !important;
}

.top-utility .search-btn {
    color: #fff !important;
}


.btn-link :hover
{
    color: #fff;
}
.icon-bar a:hover + .college-quick-links , 
  .college-quick-links:hover{
    left : 0px !important;
  }

.menu-links .ms-core-listMenu-root>li .dynamic-children li:hover>a .menu-item-text {
    color: var(--secoundcolor) !important;
}
.top-utility .menu-links .nav>li .sub-menu li a:hover {
    background-color: var(--secoundcolor)!important;
}
.btn-section{
background-color:var(--firstcolor)!important;


}



.firstcolor {
    color: var(--secoundcolor)!important;
}

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

.info-bx h4{
	text-align:center;
}
.service-bx:hover .bg-white{
	background-color:var(--firstcolor)!important;

} 

.service-bx:hover .feature-box-sm i{
	color:white !important;

} 
.center-5 {
       position: absolute;
    right: 35px;
}
html[dir="rtl"] .center-5 {
       position: absolute;
    left: 35px;
    right: unset;
}
.libheader{
     text-align: center !important;
     display: block;
}

.libheader span{
	color:var(--firstcolor)!important;
	    font-size: 34px !important;
}
html[dir="ltr"] .cat {
    padding-right: 18px;
    padding-left: 18px;
    font-size: 18px !important;
    font-family: 'helvetica-md' !important;
    text-transform: uppercase;
}
.top-header .fixed .navbar-toggler:not(:disabled):not(.disabled) {
    direction: ltr !important;
}
/*#sideNavBox .ms-core-listMenu-root a.selected {
    background-color: rgba(103, 103, 162, 0.2) !important;
}*/
*/
.service-bx .info-bx {
    padding: 10px 10px;
    height: 120px  !important;
}

html[dir="rtl"] .d-content .ml-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}
.iner-menu .menu-bar .menu-links .nav>li>a {
    font-weight: 400;
}


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

html[dir="rtl"] .navbar-toggler:not(:disabled):not(.disabled) {
    left: unset;
    display: block !important;
}
}
@media only screen and (max-width: 1200px){

html[dir="rtl"] .menu-links .nav i {
   
    float: left;
}}
.library-search-section .bottom-arrow {
    bottom: -25px !important;
}
.iner-menu .menu-bar .menu-links .nav>li>a{
color:#fff !important;
}
.fixed .menu-bar .menu-links .nav>li>a{
color:var(--thirdcolor)!important;	
}
.fixed .menu-bar .menu-links .nav>li:hover a{
    color: var(--secoundcolor)!important;	
}
/*.iner-menu .menu-bar .menu-links .nav>li:hover>a{
	color:var(--firstcolor)!important;	
}*/
.fixed .menu-links .nav>li .sub-menu li a {
    color: var(--thirdcolor)!important;
}
.fixed .libitem li a{
 color: var(--thirdcolor)!important;	
}
.menu-links .nav>li .sub-menu li a{
 color: var(--thirdcolor)!important;	
}
#ItemTop16 a{
    color: white !important;
}
html[dir="rtl"] .b-bottom{
	
	    direction: unset;
}
@media only screen and (min-width: 1200px) and (max-width: 1350px){
	
body .header-transparent {
    height: 173px !important;
}
.b-bottom {
    flex-direction: row !important ;
    
}

.renderLibraryNav .nav>li {

    margin: 0 10px;
}
.iner-menu .menu-bar .menu-links .nav>li a{
    padding: 0 5px !important;
}

	
}
@media only screen  and (max-width: 1200px){
	.iner-menu .menu-bar .menu-links .nav>li>a {
    color: #111 !important;
}
.menu-links ul:first-child{
	position:unset
}
.renderLibraryNav .nav>li.open .add-menu.smallSizeMenu{
	display:contents
}
 .rs-nav .menu-links.show{
     overflow-x: hidden;
	
}	}



.header-transparent .fixed .navbar-toggler span {
    background-color: #333;
}
.header .fixed {
    margin-top: 0 !important;
}

.renderLibraryNav .nav>li>a, .header-transparent .menu-links .nav>li:hover>a {
       top: 55px;
}
.renderLibraryNav .nav>li>a, .header-transparent .menu-links .nav>li:hover>a {
    text-decoration: none!important;}
    .renderLibraryNav .nav>li .add-menu.smallSizeMenu{
 border-radius: 10px;
}
.renderLibraryNav .nav>li .add-menu.mediumSizeMenu {
    top: 28px;
}
.renderLibraryNav .nav>li .add-menu.smallSizeMenu {
      top: 28px !important;
    border-radius: 10px !important;
}
@media only screen and (max-width: 1200px){
    .renderLibraryNav .nav>li>a {
        top: 0 !important;
    }
    .menu-adv-title {
        font-size: 15px;}
        .renderLibraryNav .nav>li.open ul .add-menu-left {
        
        border-bottom: none !important;
        }
        .header-sm-lang button {
          
      margin-left: -4.5rem;
        }
}

html[dir="rtl"] #accordionDB{
	margin-top:70px
}

html[dir="rtl"] .faq-bx .acod-body{
	padding: 0px 25px;
}
.bootstrap-select div.dropdown-menu {
    z-index: 99 !important;
}
.btn-section {
	margin-top :24px !important;
}
.bar {
    background-color:var(--firstcolor);
        height: 47px;
 
}
.wh-tab {
    background-color:var(--firstcolor);
        height: 47px;
    }
    .d-inb .section-sp1{
	    padding-top: 0px !important;
}@media only screen and (min-width: 991px){
    .libheader{
        margin-top:15%
    !important;}
}

   .d-inb .title-head {
    margin-top: 20px;
}
.cat .icon {
color:var(--thirdcolor)
}
.cat.active  .icon {
color:#fff
}
.cat:hover .icon {
	color:#fff
}
/*.menu-links .nav>li .sub-menu li a {
    color: var(--thirdcolor)!important;}*/
    
    .fixed .menu-bar .menu-links .nav > li:hover a{
	    color: var(--thirdcolor) !important;
}
    .fixed .menu-bar .menu-links .nav > li:hover a:hover{
	    color: var(--firstcolor) !important;
}

.libheader .header1{
	font-weight:bold
}
.libheader .header2{
	    color: var(--thirdcolor) !important;
}
.lcs_slide_out div.lcs_header a{
	    background: var(--secoundcolor) !important;
	        color: #fff !important;
	        top:60% !important;
}
html[dir="rtl"] .m-center .menu-links .nav {
    direction: rtl !important;
}
#Div_libraryLinks a{
	font-size:1.05em;
	font-weight:600
}

.sustainable .cards-wrapper {
    display: flex;
    justify-content: center;
    
}
.sustainable .card {
    margin: 0.5em 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
    border-radius: 0;
  
    flex:0 0 0 33%
}
.sustainable .card-img-top{
	    width: 270px;
    height: 160px;
}

@media only screen and (max-width: 991px){
.sustainable .cards-wrapper {
 flex-direction: column;
    }
 .sustainable  .card-img-top{
	width:100% !important
}
    }

.sustainable .card-title {
    margin-bottom: 0px;
    text-align: center;
    font-size: 17px;
}
.is-translucent-black{
background-color: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(6px);
    padding: 10px !important;
    color: white !important;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0.25rem !important;
	
}

.sustainable .image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: rgba(0, 0, 0, 0.5);
}
.sustainable .card:hover .image-overlay {
    opacity: 1;
}

.dropdown-menu{
	
	overflow:auto !important;
}

@media only screen and (max-width: 1200px) {
    .menu-links .nav li {
  
        border-bottom: 1px dashed #c2c2c2 !important;
    }
}
/* new flex small header */
@media only screen and (max-width: 1200px){
    .header-sm-lang{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header-sm-lang .search-btn{
        min-width: 3px !important;
        margin-left: 0;
    }
    .header .navbar-toggler  {
        margin: 0 !important;
        position: relative ; 
    }
    
    li:has(#quik-search-btn) {
    
      padding-top: 0px !important; 
    }
    li:has(.qu-home) {
    
margin-right: auto; 

      }
  .qu-home{
    padding: 7px;
    color: #fff !important;
    margin-left: 10px;
    margin-right: 10px;
  }  
   .sm-lang-container{
    padding-right: 3% !important;
    padding-left: 3% !important;

   }
   .header-transparent:has(.fixed ) .navbar-toggler span {
    background-color: var(--firstcolor) !important;
}
.menu-open .page-wraper:after{
    background-color: rgba(0, 0, 0, 0.6);
        content: "";
        height: 100%;
        left: 0;
        position: fixed;
        right: 0px;
        top: -20px;
        transform: scale(100);
        -o-transform: scale(100);
        -moz-transform: scale(100);
        -webkit-transform: scale(100);
        width: 100%;
        z-index: 441;
        transition: all 0.5s;
        transform-origin: top right;
        margin: 0 0px 0px 10px;
        box-shadow: 0 0 0 500px rgba(0, 0, 0, 0.6);
}
.menu-open .fixed{
    position: relative;
}
.rs-nav .navbar-toggler.open:after{
    content: none;
}
.header-transparent:has(.open ) .navbar-toggler span {
    background-color: #fff !important;  
}
.renderLibraryNav{
    width: 100%;
}
html[dir="rtl"] .navbar-toggler.collapsed.menuicon.justify-content-end {
    margin: 0 !important;
}
html[dir="rtl"] .header-sm-lang {
    direction: ltr !important; ; 
}
}
@media only screen and (max-width: 400px) {
    .header .navbar-toggler {
        position: relative !important;
  
    }
   html[dir="ltr"] #lang-link{
    font-family: 'DroidArabicNormal', 'helvetica-lt' !important; 
    }
  

}
.header-transparent:has(.fixed ) .navbar-toggler {
    position: fixed !important;
    z-index: 2;
    top: 45px;
    right: 20px;
}
.rs-nav .menu-links.show{
    z-index: 999; 
}
.ms-WPBody input[type=radio]{
	opacity:0;
	}
	input[type=radio] + label::before {
    right: -24px;
    left: unset;
}
@media only screen and (max-width: 1200px) {
.menu-links .nav>li.open>.sub-menu{
	
        display: contents;
}
 .menu-links .nav i:hover {
        color: var(--firstcolor)!important;    }
}