.contai {
	
	
	
	font-family:Terminal;
	
}
h1 {
	
	text-align:center;
	margin:10px auto 5px !important;
	color:#fff;
}
.main{
	
	width: 100%;
	min-height: 380px;
	text-align:center;
	position: relative;
	cursor:pointer;	
}
.policy{
	
	background:#fff;
	padding:15px;
	border-radius:10px;
	position:absolute;
	left:30px;
	bottom:19px;
	z-index:1;
	box-shadow: 0 0 20px -15px #0303080;
	transition: transform .8s;
}
.ploicy-logo{
	
	width:130px;
	height:130px;
	border-radius:50%;
	margin:-90px auto 0;
	background:#fff;
	border:20px solid rgb(2, 73, 128);
	
}
.ploicy-logo img{
	
	width:55px;
	height:60px;
	display:block;
	margin:20px;
	
}
.policy h4{
	height:35px;
	width:80%;
	background:#fff;
	margin:50px auto;
	position:relative;
	color:rgb(2, 73, 128);
	font-size:18px;
	font-family:Terminal;
	
}
.policy h4::after{
	
	content:'';
	width:40px;
	height:30px;
	background:linear-gradient(to right, green,#fff ,lightgreen);
	position:absolute;
	right: -9px;
	top:-5px;
	z-index:-1;
}
.policy h4::before{
	
	content:'';
	width:40px;
	height:30px;
	background:linear-gradient(to right, green,#fff ,lightgreen);
	position:absolute;
	left: -15px;
	bottom:-6px;
	z-index:-1;
}
.shadowOne {
	height:200px;
	width:80%;
	background:#fff;
	position:absolute;
	border-radius:10px;
	bottom:8;
	left:10%;
	z-index:-1;
	box-shadow: 0 0 20px -15px #0303080;
	transition: transform .8s;
}
.shadowTwo{
	height:200px;
	width:64%;
	background:#fff;
	position:absolute;
	border-radius:10px;
	bottom:0;
	left:18%;
	z-index:-2;
}
.main:hover .policy{
	transform:translateY(-50px);
}
.main:hover .shadowTwo{
	transform:translateY(-25px);
}