/*:root{
    --firstcolor:#2d585d;
    --secoundcolor:#437e89;
    --thirdcolor:#444444;
999999e6
}	*/

    .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(--secoundcolor);
    }
    .line {
    
        background-color: var(--secoundcolor);
      }
      .event-time {
      
        background-color: var(--secoundcolor);
     
    }
    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);
    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);
}
.quik-search-btn2-section .btn-link i:hover
{
    color: #fff;  
}
.b-bottom{
    border-bottom: var(--secoundcolor) solid 9px
  }
  .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;
  }
  
  .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);

      }
      
      
      /*custom*/
      
      
      
     .SliderLinks{
	display:none !important;;
	}
	
	
	.ms-siteicon-img {
         min-height: 57px !important;
         max-width: 223px !important;
         }



html[dir="rtl"] .quick-facts .tittle {
    position: absolute;
    right: 180px !important;
    top: 55px;
    left: unset !important;
    color: #8e1837;
}

@media only screen and (max-width: 991px){
#carouselHeaderControls .carousel-item {
    height: auto !important;
}

html[dir="rtl"] .quick-facts .tittle {
    position: absolute;
    right: 100px !important;
    top: 55px;
    left: unset !important;
    color: #8e1837;
}

	
}
@media only screen and (max-width: 850px){
.vid-sec dev {
   justify-content: center !important;
}
	
}


.section-sp2 {
    direction: ltr;
}
.section-bg {
    background-color: #c0c0c030;
}

.btn {
     background-color: var(--secoundcolor) !important;
    color: #000;
}
.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) !important;
    color: #fff !important;
}
  .owl-prev:hover{
    background-color:var(--firstcolor) !important;
	
}
.owl-next:hover{
    background-color: var(--firstcolor) !important;
}
.cours-bx .info-bx{
	background-color:white;
}

.cours-bx:hover .action-box .btn {
   left: 0;
      background-color: var(--firstcolor) !important;
   
   }
   
   .social-image h4 {
    color: var(--firstcolor) !important;
}

.courses-carousel .owl-nav .owl-next:hover{
	     background-color: var(--firstcolor) !important;
    color:white !important;

}
.courses-carousel .owl-nav .owl-next:hover{
	background-color: var(--firstcolor) !important;
    color:white !important;

}
.courses-carousel .owl-nav .owl-prev:hover{
	background-color: var(--firstcolor) !important;
    color:white !important;

}

.text-white {
    color: #fff !important;
}

.m-3 {
    margin: 1rem!important;
}
.bg-green {
    background-color: var(--secoundcolor) !important;
}
.aff-card{
	height: 530px;
    margin-top: 20px;
      min-height: 530px;
}

.svg-icon{
	height:122px;
}
.event-month{
	
	color: #57585b !important;
    font-family: 'helvetica-md';
}

.top-utility .menu-links .nav>li .sub-menu li a:hover {
    background-color: var(--firstcolor)!important;
}

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

.top-utility .quick-links{
	  background-color: var(--secoundcolor) !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;
}

.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(--firstcolor)!important;
}
.aff-ul li a:hover{
	    font-weight: bold !important;
	    text-decoration:none !important;
	}
	
.counter-style-1 span.LtFont{
	    font-family: 'helvetica-lt', 'DroidArabicNormal'!important;
   
}
 .counter-style-1 span.Bfont{
	font-family: 'helvetica-md', 'DroidArabic'!important;
}
.counter-style-1 span {
    font-family: 'DroidArabic' ,'helvetica-md' ;
}

.aff-card img {
    height: 150px !important;
    width: 100%;
    object-fit: cover;
}
.counter-style-1 span.Bfont{
	font-weight:600 !important;
}
.counter-style-1 span {
    font-size: 21px;}
    
    
    footer .pt-social-link li a:hover{
    color: #fff !important;
	background-color: var(--secoundcolor)!important;
}
.event-info .event-title {
    font-weight: bold;
    color: var(--firstcolor)!important;
}


@media only screen and (max-width: 618px){
.header-lang-bx {
    margin-right: 65px;
}
html[dir="rtl"] .header-lang-bx {
    margin-right: 45px;
}

	
}
.ms-rtestate-field p{
	color:var(--thirdcolor) !important;
}
blockquote{
	background:var(--firstcolor) !important;
}
.info-bx h5 {
    color: #444444 !important;
    text-align: inherit !important;
}

@media screen and (min-width: 1356px)  {
.undergrad_btn{
	     height: 105px;
}

}
@media screen and (min-width: 1280px) and (max-width: 1355px) {
.undergrad_btn{
	    height:96px;
}

}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
.undergrad_btn{
	    height:88px;
}
html[dir="rtl"] .quick-facts .tittle {
    position: absolute;
    right: 55px !important;
    top: 55px;
    left: unset !important;
    color: #8e1837;
}

}
@media screen and (min-width: 1106px) and (max-width: 1200px) {
.undergrad_btn{
	    height:80px;
}
html[dir="rtl"] .quick-facts .tittle {
    position: absolute;
    right: 55px !important;
    top: 55px;
    left: unset !important;
    color: #8e1837;
}

}
@media screen and (min-width: 1063px) and (max-width: 1105px) {
.undergrad_btn{
	    height:75px;
}
html[dir="rtl"] .quick-facts .tittle {
    position: absolute;
    right: 55px !important;
    top: 55px;
    left: unset !important;
    color: #8e1837;
}

}
@media screen and (min-width: 992px) and (max-width: 1063px) {
.undergrad_btn{
	    height:67px;
}
html[dir="rtl"] .quick-facts .tittle {
    position: absolute;
    right: 55px !important;
    top: 55px;
    left: unset !important;
    color: #8e1837;
}

}

@media screen and (min-width: 922px) and (max-width: 992px) {
.undergrad_btn{
	    height:107px;
}

}
@media screen and (min-width:836px) and (max-width: 922px) {
.undergrad_btn{
	    height:94px;
}
html[dir="rtl"] .undergrad_btn{
  height: 103px;
}
}

@media screen and (min-width:768px) and (max-width: 836px) {
.undergrad_btn{
	    height:80px;
}

}


@media only screen and (min-width: 601px) and (max-width: 768px) {
.undergrad_btn{
	    height:70px;
}

}

@media screen and (min-width:500px) and (max-width: 600px) {
.undergrad_btn{
	    height:43px;
}

}

@media screen and (min-width:375px) and (max-width: 499px) {
.undergrad_btn{
	    height:39px;
}

}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .undergrad_btn {
    height:25px;
    }}
   .found-link a img:hover {
    top: -102px !important;
}
    .found-link a  {
       width: 150px;
    height: 109px;
 
}
 

  .sta-link a img:hover {
    top: -115px !important;
}
html[dir="rtl"] .ms-rteFontSize-2{
	font-size:1em  !important;
	line-height:2em !important
}
html[dir="rtl"].ms-rtestate-field ul li ,html[dir="rtl"].ms-rtestate-field ul li a span, html[dir="rtl"].contentPageArticle  span , html[dir="rtl"] strong {
	font-size:1em  !important;
	line-height:2em !important;
	font-family:'DroidArabicNormal','helvetica-lt' !important
}
html[dir="rtl"] .table-responsive,  .table {
	font-size:1em  !important;
	line-height:2em !important;
	font-family:'DroidArabicNormal','helvetica-lt' !important
}
.d-55 a{
	height:129px !important
}
.d-55 a img:hover{
	top:-133px
}

.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)
	
}


.tblUndergraduateAcademicPRogramDTMajor  a{
	    font-size: .8750em !important;
}
.tblUndergraduateAcademicPRogramDTMajor .th-img {
	width:220px  !important;
	padding:0
}
.tblUndergraduateAcademicPRogramDTMajor .th-img img {
	width:110px
}
.undergraduateAccordionDataTablesSection .panel-heading  a{
	   
    background: var(--firstcolor);
    padding: 10px;
    color:#fff;
    display:block;
    margin-bottom: 10px;
}
html[dir="rtl"] .undergraduateAccordionDataTablesSection .panel{
	   
 margin-bottom: -20px;
}
html[dir="rtl"]{
	overflow-x:hidden
}
.menu-open {
	overflow:hidden
}

.registration-support .new-hover a {
height: 100%;
    display: block;
 
    text-align: center;
}


.panel-group{
	padding-bottom:25px
}
.umra a{
	width:200px
}
.ms-rtestate-field h1{
	color:var(--firstcolor);
}
.quick-facts img {
    height: 160px;
}
.quick-facts .tittle {
    position: absolute;
    left: 25px;
    top: 55px;
}
.quick-facts-conrol img{
	display:none
}
.advising-offices{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.advising-offices div a{
width: 235px;
display: block;
margin-bottom: 5px;
margin-top: 5px;
    
}

/* html[dir="ltr"] .ms-rtestate-field:has(h1 strong) {

    padding-right: 8%;
    padding-left: 8%;
} */
.aff-card h5{
    color: var(--firstcolor) 
}
.bg-green .ms-rtestate-field p {
    color: white !important 
}
#carouselHeaderControls .carousel-item{
    height: 100vh !important; 
}
.ms-rtestate-field .bg-primary #competitive-scholarships ,#non-competitive-scholarships ,#other-scholarships{
    color: #fff !important ;
}
.bg-primary:has(#competitive-scholarships){
    color: #fff !important ; 
}
.ms-rtestate-fiel h2.bg-info  {
    background-color: var(--fourthcolor) !important;
    color: #fff !important; 
 
}
.BTNSocial {
    display: inline-flex; /* Use inline-flex to apply flexbox to the button */
    align-items: center;  /* Center items vertically */
    justify-content: center; /* Center items horizontally */
    width: 30px;
    height: 30px;
    margin-top: 5px;
    background-color: #8d1436;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2px;
    cursor: pointer; /* Add a cursor to indicate it's clickable */
    margin-right: 5px;
}

.BTNSocial:hover {
    background-color: #c23b4e;
}

.BTNSocial#twitter:after {
    font-family: 'FontAwesome'; /* Specify the FontAwesome font family */
    content: "\e61b"; /* Correct Unicode for the Twitter icon in Font Awesome 4 */
    font-size: 15px; /* Adjust the font size to fit inside the button */
    color: #fff; /* Set the icon color to white */
   
}

.BTNSocial#instagram:after{
   font-family: 'FontAwesome'; /* Specify the FontAwesome font family */
    content: "\f16d"; /* Correct Unicode for the Twitter icon in Font Awesome 4 */
    font-size: 15px; /* Adjust the font size to fit inside the button */
    color: #fff; /* Set the icon color to white */  
}
.BTNSocial#snapchat:after{
   font-family: 'FontAwesome'; /* Specify the FontAwesome font family */
    content: "\f2ac"; /* Correct Unicode for the Twitter icon in Font Awesome 4 */
    font-size: 15px; /* Adjust the font size to fit inside the button */
    color: #fff; /* Set the icon color to white */  
}

.BTNSocial#facebook:after{
   font-family: 'FontAwesome'; /* Specify the FontAwesome font family */
    content: "\f09a"; /* Correct Unicode for the Twitter icon in Font Awesome 4 */
    font-size: 15px; /* Adjust the font size to fit inside the button */
    color: #fff;  
}
.glyphicon-envelope:after{
	 font-family: 'FontAwesome'; 
    content: "\f0e0"; 
    font-size: 15px;
    margin:0 5px
	
}
.glyphicon-earphone:after{
		 font-family: 'FontAwesome'; 
    content: "\f098"; 
    font-size: 15px;
    margin:0 5px

}
/*html[dir="rtl"] .BTNSocial#twitter:after, html[dir="rtl"] .BTNSocial#instagram:after{
    margin-top: 10px;*/
}
.btn-primary {
    color: #fff;
  background-color: var(--firstcolor);
    border-color: var(--firstcolor);
}
.btn-primary:hover {

  background-color: var(--secoundcolor);
    border-color: var(--secoundcolor)
}
.blue{
	    color: var(--firstcolor);

}