@charset "utf-8";
/* CSS Document */
.imti{
	text-align: left;
	font-family: 'Barlow' , sans-serif;
	font-size: 13px;
	margin-bottom: 20px
}
.imti span{
	text-align: left;
	font-family: 'Poppins ' , sans-serif;
	font-size: 45px;
	font-weight: 700
}
.boxg{
    width: 100%;
    
    grid-gap: 15px;
    margin: 0 auto;
  }
.cardgwidth{
	width:46%;
	height: 450px;
	
}
.cardgnormal{
	width:30%;
	height: 350px;
	
}
.cardg{
	
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 10px;
	position: relative
}
.cardg .iconp{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ffffff;
	position: absolute;
	top: 30%;
	z-index: 200;
	left: 45%;
	line-height: 50px;
	color: #1296D7;visibility: hidden;
	transition: 1s; 
}
.cardg:hover .iconp{
	visibility:visible;
	top: 40%;
	
}
.cardg .imgo{
	width:100%;
	height: 100%;
	transition: 1s; 
	
}
.cardg:hover .imgo{
	transform:scale(1.1)
}
@media screen and (max-width: 505px) {
	.cardgwidth{
	width:97%;
	height: 350px;
	
}
.cardgnormal{
	width:97%;
	height: 350px;
	
}
	.cardg{
	
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 10px;
	position: relative
}
	
}
@media screen and (min-width: 505px) and (max-width: 1100px) {
	.cardgwidth{
	width:97%;
	height: 350px;
	
}
.cardgnormal{
	width:97%;
	height: 350px;
	
}
	.cardg{
	width: 43%;
	float: left;
		height: 250px;
	margin-left: 1.5%;
	margin-right: 1.5%;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 10px;
	position: relative;
}
	
}