/*:root {
  --white: #EFEFEF;
  --cream-low: #f7e5da70;
  --yellow: #ffc72c;
  --pink: #f13281;
  --orange: #fe6a39;
  --purple: #792151;
  --dark-purple: #4d163a;
  --dark-purple-shadow: #4d163a5e;
  --dark-purple-low: #4d163a20;
  --dark-purple-high: #330e26;  
  --grey: #999999;
  --black: #202020;
  --loading: #73174c;
}*/

/* Global CSS
=============================== */
body { 
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
}
.fw-300 { font-weight: 300; background-color: #EFEFEF }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-700 { font-weight: 700; }

.text-muted { font-weight: 600; color: #000!important; text-transform:uppercase; font-size: 12px; }
.container-fluid { width: 80%; }

	/*.card-img-top {
    width: 100%;
    height: 10vw;
    object-fit: cover;
}
card-border-0 {
	border: none;
}
*/
		
		.container-fluid {
			width: 80%
		}
		.all-discipline .col-sm-3 {
			margin-bottom: 25px;
			
		}
		.all-discipline .card {
			flex-direction: row;
			border: none;
			
			border-radius: 0;
		}
		.all-discipline .card-body {
			padding-left: 0;
			border-bottom: 1px solid #dadce0;
			border-radius: 0;
			max-width: 90%;
		}
		.all-discipline .card-body:hover {
			
			border-bottom: 1px solid #DEDAE0;
			
		}
		span.disnm {
			display: inline-block;
			width: 55px;
			height: 55px;
			background-color: #1C1BAB;
			color:#fff;
			border-radius: 50%;
			line-height: 55px;
			text-align: center;
			font-size: 19px;
		}
		.bg-tad {
			background-color: #AB1B5E!important;
		}
		.bg-itd {
			background-color: #5b1a82!important;
		}
		.fac-img { width: 175px; height: 175px; }
		h3 { font-weight: 600; font-size: 16px;}
		h5 { font-weight: 400; font-size: 13px;}
		.prg-list h3, .dis-list h3 { font-size: 14px; font-weight: 500; }
		.prg-list span, .dis-list span { font-size: 14px; font-weight: 500; }
		.slist .col-sm-4 { margin-bottom: 30px; }
		.fac-card { position: fixed; }
		.modal-body h3, .modal-body h4 { font-size: 13px; }
		.overlay {
			position: fixed;
			height: 100%;
			width: 100%;
			background-color: #F3C70E;
			display: none;
			z-index: 100;
		}
		.guide-img-name img { width: 175px; height: auto; border-radius: 50% ; }
		.guide-short-profile a h3 { font-size: 18px; font-weight: 600; margin-top: 10px; margin-bottom: 0; padding-bottom: 0; }
		.guide-short-profile a h4 { font-size: 13px; font-weight: 400; margin-top: 5px; }
		.guide-student-summary a { font-size: 17px; font-weight: 500; margin-top: 10px; margin-bottom: 0; padding-bottom: 0; }
		.guide-student-summary a h5 { font-size: 13px; font-weight: 400; margin-top: 10px; color: #3B3838; }
		.card { margin-bottom: 30px;  }
		.slist .col-sm-4 .card:hover {
			background-color: aliceblue;
		}
	.fac-img { width: 175px; height: 175px; }
		h3 { font-weight: 600; font-size: 16px;}
		h5 { font-weight: 400; font-size: 13px;}
		.prg-list h3, .dis-list h3 { font-size: 14px; font-weight: 500; }
		.prg-list span, .dis-list span { font-size: 14px; font-weight: 500; }
		.slist .col-sm-4 { margin-bottom: 30px; }
		.fac-card { position: fixed; }
		
	.square-img {
	    width: 60px;
    height: 60px;
		object-fit: cover;  }
		
		.img {
  width: auto;
  height: 100%;
  aspect-ratio: 1; /* will make width equal to height (500px container) */
  object-fit: cover; /* use the one you need */
}
	.student-info-short p {
		
		margin-bottom: 2px;
		padding: 0;
		font-size: 11px;
		color:#333333;
		font-weight: 400;
		
	}
		
	.student-info-short1 {
		margin-bottom: 2px;
		padding: 0;
		font-size: 12px;
		color:#333333;
		font-weight: 400;
	}		

	.student-info-short p:nth-child(1) {
		font-size: 13px;
		font-weight: 600;
		color:#000;
	}
		.prg-list, .guide-list {
			padding: 10px;
			font-size: 13px;
			
		}
		.guide-list h3, .prg-list h3 {
			font-weight: 600;
			font-size: 14px;
			text-transform: uppercase;
		}
		.guide-list li, .prg-list li {
			margin-bottom: 5px;
			font-weight: 500;
			
		}
		.guide-list li, .prg-list li {
			display: flex;
			justify-content: space-between;
		}
		.student-info-short1 {
		
		padding: 0;
		font-size: 13px;
		color:#000;
		font-weight: 500;
	}		
		.student-info-short1 p {
		
		margin: 0;
			padding: 0;
	}		
.student-info-short1 p:nth-child(1) {
		font-size: 13px;
		font-weight: 600;
		color:#000;
	margin: 7px 0 7px 0;
	}
		.student-info-short1 p:nth-child(2) {
		
		font-weight: 600;
		
	
	}
		.fw-400 {font-weight: 400; }
		.overlay {
			position: fixed;
			height: 100%;
			width: 100%;
			background-color: #F3C70E;
			display: none;
			z-index: 100;
		}

/* view by discipline 
================================= */

/* view by guide 
================================= */


@media (max-width: 368px) {
	.container-fluid { width: 100%; }
  .card-img-top {
    width: 100%;
    height: 50vw;
    object-fit: cover;
}
}
@media (max-width: 575.98px) {
	.container { width: 100% }
}


@media (min-width: 576px) and (max-width: 991.98px) { 
}