.card {
	 border: none;
	 transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	 overflow: hidden;
	 border-radius: 20px;
	 min-height: 410px;
	 box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}
 @media (max-width: 768px) {
	 .card {
		 min-height: 350px;
	}
}
 @media (max-width: 420px) {
	 .card {
		 min-height: 300px;
	}
}
.card.card-has-bg {
	transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	background-size: 120%;
	background-repeat: no-repeat;
	background-position: center center;
	background: #47b2e4;
	background: linear-gradient(to right, #ff4a17, #444444);
}
 .card.card-has-bg:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background: inherit;
	 -webkit-filter: grayscale(1);
	 -moz-filter: grayscale(100%);
	 -ms-filter: grayscale(100%);
	 -o-filter: grayscale(100%);
	 filter: grayscale(100%);
}
 .card.card-has-bg:hover {
	 transform: scale(0.98);
	 box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3);
	 background-size: 130%;
	 transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
	.card.card-has-bg:hover .card-img-overlay {
		transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
		background: #47b2e4;
		background: linear-gradient(0deg,rgba(255, 74, 23, 1) 0%, rgba(68, 68, 68, 1) 100%);
		color:#ffffff;
	}
 .card .card-footer {
	 background: none;
	 border-top: none;
}
 .card .card-footer .media img {
	 border: solid 3px rgba(255, 255, 255, 0.3);
}
 .card .card-title {
	 font-weight: 800;
}
 .card .card-meta {
	 color: rgba(0, 0, 0, 0.3);
	 text-transform: uppercase;
	 font-weight: 500;
	 letter-spacing: 2px;
}
 .card .card-body {
	 transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
 .card:hover {
	 cursor: pointer;
	 transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}
 .card:hover .card-body {
	 margin-top: 30px;
	 transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}
.card .card-img-overlay {
	transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	background: #ffba21;
	background: linear-gradient(to right,rgba(255, 74, 23, 1) 0%, rgba(68, 68, 68, 1) 100%);
}
	.card .card-img-overlay label {
		color:#ffffff;
	}
	.card-title a {
		text-decoration: none;
	}
.section-title1 {
	text-align: center;
	padding-bottom: 30px;
}

	.section-title1 h2 {
		font-size: 32px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 20px;
		padding-bottom: 20px;
		position: relative;
		color: #37517e;
	}

		.section-title1 h2::before {
			content: "";
			position: absolute;
			display: block;
			width: 120px;
			height: 1px;
			background: #ddd;
			bottom: 1px;
			left: calc(50% - 60px);
		}

		.section-title1 h2::after {
			content: "";
			position: absolute;
			display: block;
			width: 40px;
			height: 3px;
			background: #47b2e4;
			bottom: 0;
			left: calc(50% - 20px);
		}