﻿/*:root{
    --firstcolor:#672F25;
    --secoundcolor:#AB4E00;
    --thirdcolor:#767900;
    --fourthcolor:#543070;

}*/

    .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) !important;
    }
    .line {
    
        background-color: var(--secoundcolor);
      }
      .event-time {
      
        background-color: var(--thirdcolor);
     
    }
    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(--thirdcolor);
        color:#fff;
     
    }
    .upcoming-event-carousel.owl-btn-1 .owl-prev,.upcoming-event-carousel.owl-btn-1 .owl-next{
        color: var(--thirdcolor);
    }
    .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)
  
{

  background-color: var(--firstcolor) !important;
}
.info-bx .event-month {
    color: var(--secoundcolor) !important;
}
.event-time {
    background-color: var(--secoundcolor) !important;
}
.card-links:nth-of-type(2)
{
  background-color: var(--secoundcolor) !important;
}
.card-links:nth-of-type(3)
{
  background-color: var(--firstcolor) !important;
}
.card-links:nth-of-type(4)
{
  background-color: var(--secoundcolor) !important;
}
.college-header-links {
    background-color: var(--secoundcolor) !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,.media-post {
    color: var(--thirdcolor);
    text-align:start
    
}
.event-section .event-month{
	
	text-align:center
    

}
.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(--firstcolor)! 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);
}
/*
.b-bottom{
border-bottom:unset;
    text-align:center;

    background:  
      linear-gradient(
        to left, 
        var(--thirdcolor) 0%,
        var(--thirdcolor)12%,
        var(--secoundcolor) 47%,
        var(--firstcolor)100%
      )
      left 
      bottom
      
      no-repeat; 
    background-size:100% 11px ;
}*/

  */

  .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: var(--firstcolor);
}
.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(--fourthcolor);
}
.share {
    background: var(--secoundcolor);
    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);
   
  }
  .btn-section{
    background-color: var(--fourthcolor);
  }
  .feature-md:hover {
  
    background-color: var(--fourthcolor);
  }
  

  
  .event-left-section>.event-left-side {
    height: 200px;
}
    /* ========================= */
/* 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);

      }
      
      
      

.section-sp2 {
    direction: ltr;
}
.section-bg {
    background-color: var(--firstcolor) !important;
     
    }
   

.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, .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(--secoundcolor) !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;

}

.btn-section {
    width: 28px;
    height: 28px;
    background-color: var(--firstcolor) !important;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    top: -5px !important;
    /* bottom: 19px; */
    position: inherit;
}



.img-news{
    width: auto;
	    height: auto;
}
#lang-link{
	display:none!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 .quick-links li a :hover {
    color: #fff !important;
}
.top-utility .search-btn {
    color: #fff!important;
}
.icon-bar a i {

    color: #fff;
}

.btn-link :hover
{
    color: #fff;
}
.menu-links .ms-core-listMenu-root>li .dynamic-children li:hover>a .menu-item-text {
    color: var(--secoundcolor) !important;
}

/*end topbar*/
.icon-bar a:hover + .college-quick-links , 
  .college-quick-links:hover{
    left: -1px !important;
  }


.btn-link :hover
{
    color: #fff;
}
.upcoming-event-carousel.owl-btn-1 .owl-prev:hover, .upcoming-event-carousel.owl-btn-1 .owl-next:hover{
	color:#fff !important;
	    background-color: var(--firstcolor) !important;
}

.upcoming-event-carousel.owl-btn-1 .owl-next:hover{
	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;
        color: #fff !important;
}
.btn-link {
    color: var(--firstcolor) !important;
}

.btn-section{
	    margin-left: 10px; 
    margin-right: 10px;
}
.ttr-tilte{
	 text-align: center;
}
.feature-md{
	    margin: 0px !important;
	       
}
.control-latest-events .carousel-control-prev {
    top: -286px  !important;
    width: 170%;
}
.control-latest-events .carousel-control-next {
    top: -40% !important;;
    width: 12% !important;;
    right: -7% !important;;
}
.control-latest-events .carousel-control-prev {
    top: -40% !important;
    width: 12% !important;
    left: -9% !important;
}
/*#carouselHeaderControls {
    margin-top: 25px;}*/
    
    footer .pt-social-link li a:hover{
    color: #fff !important;
	background-color: var(--secoundcolor)!important;
}
/*#sideNavBox .ms-core-listMenu-root a.selected {
    background-color: rgba(171, 78, 0, 0.2) !important;
}*/
@media only screen and (max-width: 767px){
 .header .fixed  .is-fixed .navbar-toggler {
        top:-5px
}
}
.header-lang{
	display:none
}

.top-utility .quick-links{
	left:0 !important;
}
.top-utility .top-header-links li.active{
	margin-right:10px
} 
 
 #health-Services .feature-md img {
    height: 100px !important;
     margin-top: unset !important; 
     position: relative !important;
     top: auto !important;
     object-fit: scale-down;
}
 #health-Services .feature-container:hover .feature-md {
    background-color: var(--firstcolor) !important;
    border-radius:3px
}
/*.feature-container:hover {
    background-color: var(--firstcolor);
    border-radius:10px
}*/
 #health-Services  .feature-container:hover .icon-content .ttr-tilte span{
  color: var(--firstcolor);
}


 #health-Services .feature-container:hover .title-head{
	text-decoration:underline !important 
}
 #health-Services .feature-container:hover .feature-md{
    background-color:var(--fourthcolor);
}
 #health-Services .feature-container:hover .feature-md img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(107deg) brightness(154%) contrast(102%) !important;
}
 #health-Services  .feature-container .ttr-tilte {
    margin-top:10px !important;
   
        color: var(--firstcolor) !important;
        width: auto;
    
}
 #health-Services  .feature-md a {
    position: relative;
    width: auto;
     height: auto; 
   overflow: auto;
    margin: 9px;
    display: block !important;
}
 #health-Services .feature-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
 #health-Services .feature-md a img:hover {
    top: 0;
}
 #health-Services .feature-container .ttr-tilte {
    font-size: 1.05rem !important;
    line-height: 1.5rem !important;
}