.slider-section{

  width: 100%;

  height: auto;

  padding: 50px 100px 20px 100px;

  background: #eaf5ff;

  position: relative;

}



.snip1571 {

	background-color: #488cca;

	display: inline-block;

	font-size: 16px;

	overflow: hidden;

	position: relative;

	text-align: center;

	width: 100%;

	border-radius: 4px;

}



.snip1571 *,

.snip1571 *:before {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all 0.35s ease;

	transition: all 0.35s ease;

}



.snip1571 img {

	backface-visibility: hidden;

	max-width: 100%;

	vertical-align: top;

	border-radius: 4px;

}



.snip1571 figcaption {

	bottom: 15px;

	left: 0;

	position: absolute;

	z-index: 0;

}



.snip1571 figcaption:before {

	background-color: #ffc70a ;

	bottom: -3px;

	content: '';

	left: 0;

	position: absolute;

	right: 100%;

	top: -3px;

	z-index: -1;

}



.snip1571 h3 {

	background-color: #444444;

	color: #ffffff;

	font-size: 1em;

	font-weight: 400 !important;

	letter-spacing: 0.2px;

	margin: 0;

	padding: 7px 15px 8px 15px;

	text-transform: capitalize;

	z-index: 1;

}



.snip1571 a {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 1;

}



.snip1571:hover>img,

.snip1571.hover>img {

	opacity: 0.35;

}



.snip1571:hover figcaption:before,

.snip1571.hover figcaption:before {

	right: -5px;

}



@media (max-width: 767px) {

  .button-section {

		padding: 25px 20px 25px 20px;

	}

}