@import url('https://fonts.maateen.me/solaiman-lipi/font.css');

*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 2px;
}

.my_font{
	font-family: 'SolaimanLipi', arial!important;
}
.my_font:hover{
	font-family: 'SolaimanLipi', arial!important;
}

body{
	background-image: url(../images/body_background.jpg);
	background-size: cover;
}


.container{
	box-shadow: 0px 0px 12px 3px black;
}

.my_card{
	border: 3px solid white;
	border-radius: 30px;
	background: white;
}
.card_logo{
	width: 40%;
	height: auto;
	padding-top: 15px;
	padding-bottom: 10px;
	transition: .5s;
}
.my_card a:hover{
	text-decoration: none;
}
.my_card:hover img{
	transform: scale(1.1);
}


/*========== Institute Details ============ */

.back_btn{
	position: absolute!important;
	/*clip-path: polygon(100% 0%, 100% 53%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
	
	font-weight: bold;
	color: white;
	background: #6699CC;*/
	border: 0px;
	background: transparent;
    color: white;
    text-decoration: underline;
    font-size: 28px;
    padding: 7px 20px 10px 35px;
    font-weight: bold;
}

.head_staff_img{
	height: 240px;
	width: 240px;
	border-radius: 5px;
	filter: drop-shadow(2px 0px 10px white);
	border-top: 5px solid #dc3545;
    border-bottom: 5px solid #dc3545;
    border-left: 2px solid white;
    border-right: 2px solid white;
    margin: 20px;
   background: rgb(0 208 255 / 40%)
}
.head_staff_img img{
	height: 220px;
	width: 220px;
	border-radius: 50%;
	filter: drop-shadow(2px 0px 10px white);
	border-top: 5px solid #dc3545;
    border-bottom: 5px solid #dc3545;
    border-left: 2px solid white;
    border-right: 2px solid white;
    margin-top: 5px;
    background: #6f8fa5;
}

.contant_info p{
	font-size: 22px;
	color: black;
}

.contant_info img{
	height: 35px;
	width: 30px;
}

.my_btn{
	padding: 10px 20px;
	background: #dc3545;
	border: 0px;
	border-radius: 5px;
	font-size: 30px;
	margin-top: 60px;
	color: white;
}

.my_btn_area{
	margin-top: 80px;
}

a{
	text-decoration: none!important;
}

a:hover{
	text-decoration: none!important;
}

.head_btn{
	border: 5px double;
    clip-path: polygon(49% 5%, 100% 0, 100% 53%, 100% 100%, 99% 100%, 50% 94%, 0 100%, 0 100%, 0 50%, 0 0);
    padding: 0px;
    border-color: white;
    color: black;
    font-weight: 600;
}

.video{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10000;
	background: rgba(0,0,0,0.8);
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 1s;
	visibility: hidden;
	opacity: 0;
}

.video.active{
	visibility: visible;
	opacity: 1;
}

.video iframe{
	position: relative;
	max-width: 95%;
	outline: none;
	border: 5px solid red;
}

.close_img{
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer;
	max-height: 40px;
	filter: brightness(1.5);
}

.fa-phone{
	padding: 11px 10px;
	background: darkcyan;
	color: white;
	border-radius: 50%;
}
.fa-mobile{
	padding: 10px 12px;
	background: darkcyan;
	color: white;
	font-size: 25px;
	border-radius: 50%;
}
.fa-envelope{
	padding: 10px 10px;
	background: darkcyan;
	color: white;
	border-radius: 50%;
}
.fa-globe{
	padding: 10px 10px;
	background: darkcyan;
	color: white;
	border-radius: 50%;
}

.fa-road{
	color: darkcyan;
	font-size: 25px;
	// border: 3px solid #be4bdb;
	border: 3px solid darkcyan;
	padding: 10px 12px;
	border-radius: 50%; 
}

.fa-address-book{
	color: darkcyan;
	font-size: 25px;
	// border: 3px solid #be4bdb;
	border: 3px solid darkcyan;
	padding: 10px 12px;
	border-radius: 50%; 
}

.fa-user-friends{
	color: darkcyan;
	font-size: 25px;
	// border: 3px solid #be4bdb;
	border: 3px solid darkcyan;
	padding: 10px 8px;
	border-radius: 50%;
}

.ins_logo{
	position: relative;
	height: 100px;
	background: white;
	top: 280px;
	border-radius: 50%;
	border: 4px solid darkcyan;
	z-index: 1;
	margin-left: -20px;
	box-shadow: 0px 0px 12px 20px white;
}


/* ============= Statt File Css ============== */

.staff_img{
	height: 200px;
	width: 200px;
	border-radius: 50%;
	filter: drop-shadow(2px 0px 30px white);
	border-top: 5px solid red;
    border-bottom: 5px solid #00ff37;
    border-left: 2px solid white;
    border-right: 2px solid white;
}

.sttaf_name{
	border: 1px solid white;
	background: #aeb5bc;
	clip-path: polygon(100% 0, 96% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
}

.col-md-7 .contant_info p{
	font-size: 20px;
}

/* ============= Statt File Css ============== */

.tbl_bg_color{
	background: #2f75a7!important;
	color: white;
}

table th{
	text-align: center;
	color: white;
	padding: 5px;
	font-weight: 500;
	font-family: 'SolaimanLipi', arial!important;
}

table td{
	text-align: center;
	padding: 5px;
	font-family: 'SolaimanLipi', arial!important;
	color: white;
}

.head_number td{
	padding: 0px;
	background-color: #ac9898d1;
}