/*******************************
	template 9200
*******************************/

.hover__effect-box {
	box-shadow: 0 0 5px 5px rgb(0 0 0 / 20%);
    border-radius: 3px;
    transition: transform .4s, box-shadow .4s, background .4s, color .4s;
	position: relative;
}

.hover__effect-box:before,
.hover__effect-box:after {
	content: '';
	background: #1E3579;
	height: 4px;
	width: 50%;
	position: absolute;
	transition: transform .4s;
	transform: scaleX(0);
}

.hover__effect-box:hover:before,
.hover__effect-box:hover:after {
	transform: scaleX(1);
}

.hover__effect-box:before {
	transform-origin: left;
	top: 0;
	left: 0;
}

.hover__effect-box:after {
	transform-origin: right;
	bottom: 0;
	right: 0;
}

.hover__effect-box:hover {
	text-decoration: none;
	box-shadow: 0 0 5px 5px rgba(4, 0, 77, 0.3);
}

.hover__effect-box h5 {
	color: #393E46!important;
}

.hover__effect-box:hover h5 {
	color: #393E46 !important;
}

.hover__effect-box p {
	color: #5E5E5E!important;
}

.hover__effect-box:hover p {
	color: #5E5E5E !important;
}