/* =======================================
Theme Name: Edulife
Author: Youtoview
Description: Education & Courses Bootstrap 5 HTML5 Template
Version: 1.0
====================================== */

/*========================
# Normalize
========================*/
html {
	 font-family: 'Roboto', sans-serif;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
html,body {
	height: 100%;
	margin: 0;
	position:relative;
}
*{
	padding:0;
	margin:0;
}
body {
	margin: 0;
}
img{
	max-width:100%;
}

/*=============================
	gallery css
===============================*/
.gallery{
	background: #F6F9FF;
	padding: 90px 0;
}

.gallery-single{
	margin-bottom: 25px;
	position: relative;
}

.gallery-single img{
    border-radius: 10px;
}

.gallery-single .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100%;
	line-height: 50px;
	padding: 0;
	margin: -25px 0 0 -25px;
	color: #fff;
	background: #00B069;
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	transform: scale(3);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	z-index:35;
}
.gallery-single:hover .btn{
	transform:scale(1);
	opacity:1;
	visibility:visible
}
.gallery-single .overlay::before{
	opacity:0;
	visibility:hidden;
	z-index:34;
	border-radius: 10px;
}
.gallery-single:hover .overlay::before{
	opacity:0.5 !important;
	visibility:visible !important;
}