#section2{
	display: flex;
	 justify-content: center;
  align-items: center;

}

#section2 .card{
  position: relative;
  width: 320px;
  height: 420px;
  overflow: hidden;
  background: #122936;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;	
  margin-right: 50px;


}

#section2 .card::before{
	content: '';
	position: absolute;
	top: -50%;
	width: 100%;
	height: 100%;
	background: #2196f3;
	transform: skewY(345deg);
	transition: 0.5s;
}

#section2 .card:hover::before{

	cursor: pointer;
	top: -70%;
	transform: skewY(390deg);
	
}

#section2 .card::after{
	content: 'Central Reg';
	position:absolute;
	bottom: 0;
	left: 5;
	font-weight: 600;
	font-size: 50px;
	color: rgba(0,0,0,0.1);
}
#section2 .card .imgBx{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	z-index: 1;
}

#section2 .card .imgBx img{
	max-width: 100%;
	transition: 0.5s;
}

#section2 .card:hover .imgBx img{
	max-width: 70%;
	cursor: pointer;
}

#section2 .card .contentBx{
	position: relative;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 1;
}

#section2 .card .contentBx h2,p{
	color: white;
}

#section2 .card .contentBx .cardBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 30px;
	background: #2196f3;
	text-decoration: none;
	border-radius: 30px;
	color: white;
	font-weight: 500;

}

#section2 .card .contentBx .cardBtn:hover{
	background: #fff;
	color: #2196f3;
	cursor: pointer;
}




@media (max-width: 999px){
#section2 {display: none;}



#section2Mobile{
	display: flex;
	width: 100vw;
	height: 130vh;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 20px;
	padding-top: 100px;

}

#section2Mobile .card{
  position: relative;
  width: 250px;
  height: 400px;
  overflow: hidden;
  background: #122936;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 20px;
  padding: 50px;
}

#section2Mobile .card::before{
	content: '';
	position: absolute;
	top: -50%;
	width: 100%;
	height: 100%;
	background: #2196f3;
	transform: skewY(345deg);
	transition: 0.5s;
}

#section2Mobile .card:hover::before{

	cursor: pointer;
	top: -70%;
	transform: skewY(390deg);
	
}

#section2Mobile .card::after{
	content: 'Central Reg';
	position:absolute;
	bottom: 0;
	left: 5;
	font-weight: 600;
	font-size: 50px;
	color: rgba(0,0,0,0.1);
}
#section2Mobile .card .imgBx{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	z-index: 1;
}

#section2Mobile .card .imgBx img{
	max-width: 100%;
	transition: 0.5s;
}

#section2Mobile .card:hover .imgBx img{
	max-width: 70%;
	cursor: pointer;
}

#section2Mobile .card .contentBx{
	position: relative;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 1;
}

#section2Mobile .card .contentBx h2,p{
	color: white;
}

#section2Mobile .card .contentBx .cardBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 30px;
	background: #2196f3;
	text-decoration: none;
	border-radius: 30px;
	color: white;
	font-weight: 500;
	margin-bottom: 20px;

}

#section2Mobile .card .contentBx .cardBtn:hover{
	background: #fff;
	color: #2196f3;
	cursor: pointer;
}
}