.grid-policy {
	display: grid;
	grid-template-columns: calc(30% - 30px) 70%;
	grid-gap: 30px;
}
.ul-option-policy > li > a {
	display: inline-block;
	width: 100%;
	padding: 10px;
	background-color: var(--grey);
	padding-left: 15px;
	position: relative;
	transition: color 0.3s ease-out;
	transform: perspective(1px) translateZ(0);
	transition: background-color 0.3s ease-out;
}
.ul-option-policy > li.active > a, .ul-option-policy > li:hover > a {
	background-color: var(--blue);
	color: #fff;
	transition: background-color 0.3s ease-in;
}
.ul-option-policy > li {
	margin-bottom: 4px;
} 
.ul-option-policy > li > a::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--blue);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.ul-option-policy > li > a:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


@media(max-width: 991px){
	.grid-policy {
		grid-template-columns: 100%;
	}
}
@media(max-width: 767px){
	.grid-policy {
		grid-gap: 15px;
	}
}
@media(max-width: 480px){

}