/*** Faculty ***/
.faculty .carousel-caption
{
  bottom: 45%;
  z-index: 1;
}
.faculty .carousel-indicators
{
  bottom: 40%;
  right: 1%;
  transform: rotate(90deg);
}
.faculty .carousel-caption h2
{
  font-size: var(--font-big);
  text-transform: uppercase;
}
.faculty .carousel-caption h5
{
  font-size: var(--font-sm);
}
/*.carousel-item::after
{
	content:"";
	background:rgba(0, 0, 0, 0.3);
	position:absolute;
	top:0;
	left:0;
	display:block;
	width: 100%;
    height: 100%;
}*/
/*.fac-welcome
{
    padding: var(--mg-5) 0px;
}*/
.fac-welcome h2
{
  margin-bottom: 35px;
}
.fac-shape
{
    position: absolute;
    top:0 ;
    right: 0;
    width: 150px;
}

/*** colors ***/
/*** 1-Arts ***/
#Arts .side-menu ul li a:hover,
#Arts .side-menu ul li a.active
{
    color: var(--art-color);
}
#Arts .cls-1 
{
  fill: var(--art-color);
}
#Arts .news-txt a,
#Arts .news-txt2 a,
#Arts .date {
  color: var(--art-color);
}
#Arts .news-txt hr,
#Arts .contact-link {
  background: var(--art-color);
}
#Arts .slick-dots li.slick-active button:before
{
	background:var(--art-color);
}
#Arts .carousel-indicators .active,
#Arts .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--art-color);
}
#Arts .slick-arrow
{
  background: url(/MainSiteAssets/imgs/art-r-arrow.svg) no-repeat;
}
#Arts .categ-team::before, #Arts .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--art-color);
  top: 0;
}
/****/
/*** 2-Humanities ***/
#Humanities .side-menu ul li a:hover,
#Humanities .side-menu ul li a.active
{
    color: var(--hum-color);
}
#Humanities .cls-1 
{
  fill: var(--hum-color);
}
#Humanities .news-txt a,
#Humanities .news-txt2 a,
#Humanities .date{
  color: var(--hum-color);
}
#Humanities .news-txt hr,
#Humanities .contact-link {
  background: var(--hum-color);
}
#Humanities .slick-dots li.slick-active button:before
{
	background:var(--hum-color);
}
#Humanities .carousel-indicators .active,
#Humanities .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--hum-color);
}
#Humanities .slick-arrow
{
  background: url(/MainSiteAssets/imgs/hum-r-arrow.svg) no-repeat;
}
#Humanities .categ-team::before, #Humanities .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--hum-color);
  top: 0;
}
/****/

/*** 3-Economics ***/
#Economics .side-menu ul li a:hover,
#Economics .side-menu ul li a.active
{
    color: var(--eco-color);
}
#Economics .cls-1 
{
  fill: var(--eco-color);
}
#Economics .news-txt a,
#Economics .news-txt a,
#Economics .date {
  color: var(--eco-color);
}
#Economics .news-txt hr,
#Economics .contact-link
 {
  background: var(--eco-color);
}
#Economics .slick-dots li.slick-active button:before
{
	background:var(--eco-color);
}
#Economics .carousel-indicators .active,
#Economics .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--eco-color);
}
#Economics .slick-arrow
{
  background: url(/MainSiteAssets/imgs/eco-r-arrow.svg) no-repeat;
}
#Economics .categ-team::before, #Economics .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--eco-color);
  top: 0;
}
/****/

/*** 4-Dentistry ***/
#Dentistry .side-menu ul li a:hover,
#Dentistry .side-menu ul li a.active
{
    color: var(--den-color);
}
#Dentistry .cls-1 
{
  fill: var(--den-color);
}
#Dentistry .news-txt a,
#Dentistry .news-txt2 a,
#Dentistry data {
  color: var(--den-color);
}
#Dentistry .news-txt hr,
#Dentistry .contact-link
 {
  background: var(--den-color);
}
#Dentistry .slick-dots li.slick-active button:before
{
	background:var(--den-color);
}
#Dentistry .carousel-indicators .active,
#Dentistry .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--den-color);
}
#Dentistry .slick-arrow
{
  background: url(/MainSiteAssets/imgs/den-r-arrow.svg) no-repeat;
}
#Dentistry .categ-team::before, #Dentistry .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--den-color);
  top: 0;
}
/****/

/*** 5-Energy ***/
#Energy .side-menu ul li a:hover,
#Energy .side-menu ul li a.active
{
    color: var(--energy-color);
}
#Energy .cls-1 
{
  fill: var(--energy-color);
}
#Energy .news-txt a,
#Energy .news-txt2 a,
#Energy .date {
  color: var(--energy-color);
}
#Energy .news-txt hr,
#Energy .contact-link {
  background: var(--energy-color);
}
#Energy .slick-dots li.slick-active button:before
{
	background:var(--energy-color);
}
#Energy .carousel-indicators .active,
#Energy .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--energy-color);
}
#Energy .slick-arrow
{
  background: url(/MainSiteAssets/imgs/energy-r-arrow.svg) no-repeat;
}
#Energy .categ-team::before, #Energy .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--energy-color);
  top: 0;
}
/****/

/*** 6-Engineering ***/
#Engineering .side-menu ul li a:hover,
#Engineering .side-menu ul li a.active
{
    color: var(--engin-color);
}
#Engineering .cls-1 
{
  fill: var(--engin-color);
}
#Engineering .news-txt a,
#Engineering .news-txt2 a,
#Engineering .date {
  color: var(--engin-color);
}
#Engineering .news-txt hr,
#Engineering .contact-link
 {
  background: var(--engin-color);
}
#Engineering .slick-dots li.slick-active button:before
{
	background:var(--engin-color);
}
#Engineering .carousel-indicators .active,
#Engineering .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--engin-color);
}
#Engineering .slick-arrow
{
  background: url(/MainSiteAssets/imgs/engin-r-arrow.svg) no-repeat;
}
#Engineering .categ-team::before, #Engineering .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--engin-color);
  top: 0;
}
/****/

/*** 7-Computer ***/
#Computer .side-menu ul li a:hover,
#Computer .side-menu ul li a.active
{
    color: var(--comp-color);
}
#Computer .cls-1 
{
  fill: var(--comp-color);
}
#Computer .news-txt a,
#Computer .news-txt2 a,
#Computer .date
 {
  color: var(--comp-color);
}
#Computer .news-txt hr,
#Computer .contact-link {
  background: var(--comp-color);
}
#Computer .slick-dots li.slick-active button:before
{
	background:var(--comp-color);
}
#Computer .carousel-indicators .active,
#Computer .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--comp-color);
}
#Computer .slick-arrow
{
  background: url(/MainSiteAssets/imgs/comp-r-arrow.svg) no-repeat;
}
#Computer .categ-team::before, #Computer .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--comp-color);
  top: 0;
}
/****/

/*** 8-Law ***/
#Law .side-menu ul li a:hover,
#Law .side-menu ul li a.active
{
    color: var(--law-color);
}
#Law .cls-1 
{
  fill: var(--law-color);
}
#Law .news-txt a,
#Law .news-txt2 a,
#Law .date{
  color: var(--law-color);
}
#Law .news-txt hr,
#Law .contact-link  {
  background: var(--law-color);
}
#Law .slick-dots li.slick-active button:before
{
	background:var(--law-color);
}
#Law .carousel-indicators .active,
#Law .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--law-color);
}
#Law .slick-arrow
{
  background: url(/MainSiteAssets/imgs/law-r-arrow.svg) no-repeat;
}
#Law .categ-team::before, #Law .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--law-color);
  top: 0;
}
/****/

/*** 9-Communication ***/
#Communication .side-menu ul li a:hover,
#Communication .side-menu ul li a.active
{
    color: var(--cmm-color);
}
#Communication .cls-1 
{
  fill: var(--cmm-color);
}
#Communication .news-txt a,
#Communication .news-txt2 a,
#Communication .date {
  color: var(--cmm-color);
}
#Communication .news-txt hr,
#Communication .contact-link {
  background: var(--cmm-color);
}
#Communication .slick-dots li.slick-active button:before
{
	background:var(--cmm-color);
}
#Communication .carousel-indicators .active,
#Communication .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--cmm-color);
}
#Communication .slick-arrow
{
  background: url(/MainSiteAssets/imgs/cmm-r-arrow.svg) no-repeat;
}
#Communication .categ-team::before, #Communication .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--cmm-color);
  top: 0;
}
/****/

/*** 10-Nursing ***/
#Nursing .side-menu ul li a:hover,
#Nursing .side-menu ul li a.active
{
    color: var(--nurs-color);
}
#Nursing .cls-1 
{
  fill: var(--nurs-color);
}
#Nursing .news-txt a,
#Nursing .news-txt2 a,
#Nursing .date {
  color: var(--nurs-color);
}
#Nursing .news-txt hr,
#Nursing .contact-link {
  background: var(--nurs-color);
}
#Nursing .slick-dots li.slick-active button:before
{
	background:var(--nurs-color);
}
#Nursing .carousel-indicators .active,
#Nursing .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--nurs-color);
}
#Nursing .slick-arrow
{
  background: url(/MainSiteAssets/imgs/nurs-r-arrow.svg) no-repeat;
}
#Nursing .categ-team::before, #Nursing .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--nurs-color);
  top: 0;
}
/****/

/*** 11- pharmacy ***/
#pharmacy .side-menu ul li a:hover,
#pharmacy .side-menu ul li a.active
{
    color: var(--pharm-color);
}
#pharmacy .cls-1 
{
  fill: var(--pharm-color);
}
#pharmacy .news-txt a,
#pharmacy .news-txt2 a,
#pharmacy .date 
 {
  color: var(--pharm-color);
}
#pharmacy .news-txt hr,
#pharmacy .contact-link {
  background: var(--pharm-color);
}
#pharmacy .slick-dots li.slick-active button:before
{
	background:var(--pharm-color);
}
#pharmacy .carousel-indicators .active,
#pharmacy .carousel-indicators [data-bs-target]:hover
{
	background-color:var(--pharm-color);
}
#pharmacy .slick-arrow
{
  background: url(/MainSiteAssets/imgs/pharm-r-arrow.svg) no-repeat;
}
#pharmacy .categ-team::before, #pharmacy .categ-team::after {
  border-top: 0;
  border-bottom: 0;
  content: '';
  flex-grow: 0;
  width: 40px;
  height: 3px;
  background: var(--pharm-color);
  top: 0;
}
/****/
/*** responsive***/
@media (min-width:768px) and (max-width: 992px) {
  .fac-welcome .membr-block
  {
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-start;
  }
}

@media (max-width:768px) {
  .faculty .carousel-indicators
{
  bottom: 5%;
  right: 0;
  left: 0;
  margin: 0;
  transform: rotate(0deg);
}
}
@media (max-width:320px) {
  .fac-welcome .membr-block
  {
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-start;
  }
}