/*:root{
  --firstcolor: #10788F;
    --secoundcolor: #04566F;
    --thirdcolor: #444444;
}
*/
    .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(--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);
    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
  }
  .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: 0px !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: 91px  !important;
}*/

#carouselHeaderControls .carousel-inner {
    height: 32rem !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;
}


.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;

}
   /* its */
   /* ============== */
   .its-header #carouselHeaderControls .carousel-inner {
    height: 30rem;
}
.its-info{
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 75%,rgba(0,0,0,0.9) 100%);
}
.sub-header{
    background-color: #222;
    margin: -2px;
}
.sub-header h3{
color: #fff;
margin-bottom: 1px;
margin-top: 10px;
    font-size: 28px !important;
    font-family: 'helvetica-lt';
}
.sub-header a{
    color: #fff !important;
    /* font-weight: bold; */
    text-decoration: underline;
    font-size: 20px;
   
}
.sub-header a:hover{
 
    text-decoration: underline;
      color: #fff !important;
}
.acc-its{
    background-color: #000;
}
.acc-its:hover{
    background-color: #111;
    cursor: pointer;
}
.acc-its .acc-header{
    padding: 30px;
    color: #fff;
 
}
.acc-header h4{
 display: flex;
 justify-content: center;
 color: #fff;
}
.acc-header .circle{
    width: 20px;
    height:20px;
    border-radius: 50%;
    background-color: #0AD234;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
}
.acc-body{
    background-color: #000;

}
.acc-body h4{
    display: flex;
   
    color: #fff;
   }
   .acc-body .circle{
       width: 20px;
       height:20px;
       border-radius: 50%;
       background-color: #0AD234;
       margin-left: 20px;
       margin-right: 20px;
       margin-top: 5px;
   }
   .sub-dd {
    position: sticky;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0;
    border: 1px solid #999;
    background-color: #FFF;
    z-index: 1;
    box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);
    padding: 0;}
    
    .sub-dd li {
        list-style: none;
        background-color: #f3f3f3;
    }    
    .sub-dd li:nth-child(odd){
        background-color: #FFF;
    }   
.its-subheader .card-links:hover .sub-dd{
    display: block;
}    
.sub-dd li a {
    display: block;
    padding: 0px 25px;
    font-size: 19px;
  
 

}
.card-links:hover{
    text-decoration: none !important;
}
.its-subheader .card-links::after{
    content: "\f107";
}
.its-subheader .card-links:hover::after{
    content: "\f106";
}
.upcoming-text{
    margin: 0 10px;
}
.upcoming-text p{
    margin-bottom: 0px;
    height: 20px;
    overflow: hidden;
}
.upcoming-text h6{
    margin-bottom: 0px;
    height: 20px;
    overflow: hidden;
  
}
.upcoming-img img{
    height: 80px;
}
.upcoming{
   
  padding: 5px
    ; 
    border: #fff solid 1px ;
 
    }
.upcoming:hover{
border: #bbb solid 1px 
; 
border-radius: 5px;
}
.its-cars .carousel-item h6{
    height: 60px;
    overflow: hidden;
}
.its-hover a {
    text-align: left;
    position: relative;
    width: 210px;
    height: 171px;
    overflow: hidden;
    margin: 10px;
    display: inline-block;
}
.link-hover{
    justify-content: center;
}
.top-utility .menu-links .nav>li .sub-menu li a:hover {
    background-color: var(--secoundcolor)!important;
}
#carouselHeaderControls {
    margin-top: 0px;
}
.its-subheader{
	margin:-2px;
}

.sub-dd li a{
	    display: block;
  
}

.bg-green {
        background-color:transparent !important;
   }

.bg-green h3{
   
       color: #444444 !important;
   
}


 .title-head span {
	 color: #444444 !important;
}

/*.header-lang-bx{
display:none;	
}*/
footer .pt-social-link li a:hover{
    color: #fff !important;
	background-color: var(--secoundcolor)!important;
}

.firstcolor-bg   {
	background-color:#222 !important;
} 
.its-hover img {
    height: 140px !important;
     margin-top: unset !important; 
     position: relative !important;
     top: auto !important;
     object-fit: scale-down;
}

/*.feature-container:hover {
    background-color: var(--firstcolor);
    border-radius:10px
}*/



.its-hover a:hover {
    background-color: var(--firstcolor) !important;
    border-radius:3px
}
.its-hover a img:hover {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(107deg) brightness(154%) contrast(102%) !important;
}

 .its-hover a  {
    position: relative;
    width: auto;
     height: auto; 
   overflow: auto;
    margin: 9px;
    display: inline-block !important;
    margin-bottom: 35px;
}
.feature-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.its-hover a img:hover {
    top: 0;
}
.feature-container .ttr-tilte {
    font-size: 1.05rem !important;
    line-height: 1.5rem !important;
}
.ms-siteicon-img {
   height: 3.5rem !important;
}
/*.header-lang{
    display: none;
}*/

.contentPageArticle {
    border-top: 2px solid #8e1837;
    border-left: 2px solid #8e1837;
    border-right: 2px solid #8e1837;
    padding: 20px;
    background-color: #fff;
    position: relative;
    margin-bottom: 50px; /* reserve space for bottom image */
  }
  
  /* absolutely position image below the box */
  .contentPageArticle::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -80px;
    height: 100px;
    background-image: url(/en-us/Offices/its/PublishingImages/Icons/border.PNG);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: center;}

 .desc{  

    border-left: 2px solid #7f1d1d;
    padding: 20px;
    margin-bottom: 40px;

 }

 .descAr {
    border-right: 2px solid #7f1d1d;
    padding: 20px;
    margin-bottom: 40px;
}


 @media (max-width: 768px) {
    .desc {
      padding: 5px 0;
      margin-bottom: 15px;
     
  }}

  @media  (max-width: 992px){
    .renderPageTools.d-flex {
        display: none !important;
    }
   

  }
    
  

  .descAr {
    padding: 5px 0;
    margin-bottom: 15px;
   
}
.servicename { 
    margin-bottom: 5px !important;
}

 .servicename{


    padding: 20px;
    font-weight: bold !important;
    color: #8e1837;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
   align-content: center;

 }
 
 .servicerowpadding{  padding-top: 30px;}