.principle_office {
  background-image: url('../images/principle_office.jpg');
}
.showcase-img {
  min-height: 30rem;
  background-size: cover;
  background-position: center;
}
.lect_rm {
  background-image: url('../images/lec_roo.jpg');
}

.com_rm {
  background-image: url('../images/computer_room.jpg');
}
.clg_office {
  background-image: url('../images/clg_office.jpg');
}

.staff_rm {
  background-image: url('../images/staff_rm.jpg');
}
.library_rm {
  background-image: url('../images/library_rm.jpg');
}

.ground {
  background-image: url('../images/ground.jpg');
}
.health_rm {
  background-image: url('../images/health_rm.jpg');
}
.content_title {
  font-size: 25px;
  padding-bottom: 15px;
  text-transform: capitalize;
}
.staff .info_detail h6 {
  padding-bottom: 4px;
  font-size: 14px;
  padding-top: 5px;
}
p i{
  font-weight: 600;
}
.list li a{
  color:black;
}
.list li a:hover{
 font-weight:600;
}
.my-nav .dropdown{
  display: block;
  text-align: left;
}
.mg-flat li.dropdown a {
  background-color: #b71c1c!important;
  color: #fff;
}
.mg-flat .submenu li{
  display: block!important;
}
.fontbg{
  font-size: 15px;
  color: #4d4d4d;
    line-height: 25px;
}
.macc{
  color: #403f5a;
}
.item-detail-grid{
  display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.item-detail-grid .item-title{
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 15px;
    color: #353372;
    text-transform: capitalize;
}