.bg-grey{background:#ececec}
.bg-grey .titleHeading:after {
  position: absolute;
  height: 2px;
  width: 10%;
  background: #000;
  content: " ";
  bottom: -10px;
  left: 45%;
}
.department-trigger-dropdown .dropdown-item {
	white-space: initial;
}
.d-inline-block{display:inline-block!important}
.d-md-inline-block{display:inline-block!important}
.card {
	border: 0;
}

.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.card.department {
	font-family: 'Poppins', sans-serif;
	position: relative;
    background: transparent;
	margin-bottom: 2em;
	padding: 0;
}
.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}

.card.department .card-body {
    height: 20em;
}

.card.department .card-body .card-title {
	bottom: 0;
}
.card.department .card-body .btn-bright-orange {
    background: rgb(125,161,179,.7);
    color: #fff;
}

.card.department .heading {
    height: 100px;
    flex-direction: column;
    padding: 15px;
}

.card.department .heading .course-total {
    font-weight: 800;
    color: #1D7791;
    margin: 0 0 35px 0;
}
.card.course-card h2.card-title {
	font-size: 1.6em !important;
}
.card.department .card-body .card-title {
	bottom: 0;
}



.card.department h5 {
    font-weight: 600;
    font-size: 1.2em !important;
	padding: 0;
	margin: 0;
}



.card.department .card-body .info {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	bottom: -100%;
	transition: .3s ease-in-out;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 25px;
	color: #FFF;
	cursor: pointer;
	font-size: .8em;
	line-height: 1.2em;
	justify-content: center;
}

.card.department .card-body .info span {
    border: 1px solid #fff;
    padding: 15px 20px;
    border-radius: 80px;
    font-weight: 800;
    font-size: 1.2em;
}


.card.department .card-body .overlay {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	bottom: 100%;
	margin-top: -20px;
	transition: .2s ease-in-out;
	height: 100%;
	background: rgb(0,139,139,.7);
	padding: 20px;
	color: #FFF;
}

.card.department .card-body:hover .overlay, .card.department .card-body:hover .info {
	bottom: 0;
}



.card.tile {
	height: 220px;
	font-size: 1.9em;
	font-weight: 500;
    font-family: 'Poppins';
	line-height: 1.2em;
	opacity: 1;
	transition: .2s ease-in-out;
}

.card.tile:hover {
	opacity: .8;
}

.card.tile .card-body {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.card.tile.tile-dark {
	background: var(--dark);
	color: #FFF;
}

.py-2{padding-top:.5rem!important}
.py-2{padding-bottom:.0rem!important}
.mb-0,.my-0{margin-bottom:0!important}
.btn {
	background-color: transparent;
    font-size: 1em;
    font-weight: 700;
	height: 60px;
    line-height: 30px;
    border: 1px solid rgb(125,161,179);
    border-radius: 0px;
	color: var(--mid);
	cursor: pointer;
    display: inline-flex;
    padding-left: 30px;
    padding-right: 30px;
    align-items: center;
	text-align: center;
	justify-content: center;
	top:10px;
}
.w-100{width:100%!important}
.d-block a.text-left.px-3.py-2.w-100.btn.btn-primary.mt-2.btn-square.btn-no-border:after{content:"\BB";display:inline-block;position:relative;color:#2e9fe3;border:2px solid #fff;padding:0 8px 2px;border-radius:100%;background-color:#fff;font-weight:700;margin-left:1rem;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}
.d-block a.text-left.px-3.py-2.w-100.btn.btn-primary.mt-2.btn-square.btn-no-border{background-color:#2e9fe3!important;color:#fff;text-align:center!important}.d-block a.text-left.px-3.py-2.w-100.btn.btn-primary.mt-2.btn-square.btn-no-border:hover{background:#ffa610!important;color:#2b2b2b}
.dropdown-toggle::after {
    content: '\f078';
    border: 0;
    line-height: 0px;
    font-family: "Font Awesome 5 Free";
    font-size: .8em;
    padding: 0 20px 0 5px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    vertical-align: bottom;
}

.max-width{margin:0 auto;max-width:1366px}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
}
.col-10, .col-11 {
    -webkit-box-flex: 0;
}