.social-header{
  color: #fff;
  font-size: 20px;
}
.font{
  font-family: 'Source Sans Pro', sans-serif;
}

.box{
  height: 300px;
  color: white;
  background-color: #fff;
  position: relative;
  border-radius: 30px;
  margin-top: 0px;
}
.page-title{
  color: #28a745;
  font-family: Montserrat, sans-serif;
}

.txt-font{
  font-family: Montserrat;
  color: #000;
}

.head{
	background: linear-gradient(90deg, #016735 0%, #adff2f  100%);
	padding: 4px;
}
.head-card{
	background-color: #28a745;
	padding: 4px;
}

.course-header{
	background-color: #28a745; 
	border-radius: 20px;
	height: 50px;
	color: #fff;
}
.name{
	color: #016735;
  padding-top: 5px;
  font-weight: bolder;
}
.core-b{
	color: #28a745;
	font-size: 17px;
}
.about-bg{
	background-image: url('../images/bg-2v2.jpg');
	min-height: 300px;
	width: auto;
}
.img-overlay{
	height: 40px;
}
.c-title{
	font-weight: bold;
	color: white;
}
#summary {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 5px;

}

#summary p.collapse:not(.show) {
    height: 42px !important;
    overflow: hidden;
  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#summary p.collapsing {
    min-height: 42px !important;
}

#summary a.collapsed:after  {
    content: 'Read More';
}

#summary a:not(.collapsed):after {
    content: 'Read Less';
}
.single_department:hover{
	background-color: #28a745;
}
.dropbt {
    background-color: #2196F3;
    color: white;
    padding: 6px;
    font-size: 14px;
    border: none;
    border-radius: 3px
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    margin-left: 8px;
    background-color: #f1f1f1;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    width: 165px;
}

.dropdown-content a:hover {
    color: #28a745;
}

.dropdown:hover .dropdown-content {
    display: block
}

.dropdown:hover .dropbt {
    background-color: #097ee8
}
.ic-social{
	 color: green; 
	 font-size: 30px;
}

.fb{
	color: green; 
}
.fb:hover{
	color: #3b5998;
}

.ig{
	color: green; 
}
.ig:hover{
	color: #C13584;
}

.tt{
	color: green; 
}
.tt:hover{
	color: #1DA1F2;
}
.yt{
	color: green; 
}
.yt:hover{
	color: #E62117;
}

.zoom {
  transition: transform .2s; 
}

.zoom:hover {
  transform: scale(1.1);}





.wrapper .bt {
  width: 190px;
  padding: 5px;
  cursor: pointer;
  background: #28a745;
  position: relative;
}



.BorderTopBottom:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 3px;
  top: -6px;
  left: -7px;
  background: #28a745;
  transition: all 0.5s ease;
}

.BorderTopBottom:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 3px;
  bottom: -6px;
  right: -7px;
  background: #28a745;
  transition: all 0.5s ease;
}

.BorderLeftRight:before {
  content: "";
  position: absolute;
  top: -4px;
  left: -7px;
  width: 3px;
  height: 25px;
  background: #28a745;
  transition: all 0.5s ease;
}

.BorderLeftRight:after {
  content: "";
  position: absolute;
  bottom: -4px;
  right: -7px;
  width: 3px;
  height: 25px;
  background: #28a745;
  transition: all 0.5s ease;
}

.bt:hover .BorderTopBottom:before,
.bt:hover .BorderTopBottom:after {
  width: 180px;
  transition: all 0.5s ease;
}

.bt:hover .BorderLeftRight:before,
.bt:hover .BorderLeftRight:after {
  height: 40px;
  transition: all 0.5s ease;
}


#button {
  display: inline-block;
  background-color: #28a745;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #016735;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
.carousel-img{
  height: 500px;
}
.carousel-left-right{
  font-size: 30px;
  background-color: #28a745;
  padding: 10px;
  color: #fff;
}