@media screen and ( min-width : 787px ){
	.solution-thumbs {
		display : flex;
		justify-content : center;
		gap : 20px;
		flex-wrap : wrap;
	}
	.solution-thumbs > a {
		flex-basis : 152px;
		width : 152px;
		min-height : 224px;
		position : relative;
		overflow: hidden;
		border-radius : 25px;
		flex-shrink : 0;
		flex-grow : 0;
	}

	.solution-thumbs > a > img {
		position : absolute;
		left : 0;
		top : 0;
		width : 100%;
		height : 100%;
		object-fit : cover;
		object-position : center center;
		z-index : 1;
		transition: transform 0.3s ease-in-out;
	}
	.solution-thumbs > a:hover > img,
	.solution-thumbs > a:focus > img {
		transform: scale(1.2);
	}

	.solution-thumbs > a > span {
		position : absolute;
		z-index : 2;
		bottom : 0;
		left : 0;
		width : 100%;
		padding : 25px;
		color : #fff;
		font-size : 14px;
		line-height : 18px;
		font-weight : 600;
		text-transform : uppercase;
		text-align : center;
	}

}
@media screen and ( max-width : 1389px ) and ( min-width : 787px ){
	.solution-thumbs {
		margin-left : auto;
		margin-right : auto;
		max-width : 550px;
	}
}

@media screen and ( max-width : 786px ){
	.solution-thumbs {
		display : block;
		overflow : hidden;
		height : 96.692vw;
		/* width : 100%; */
		position : relative;
		margin-right : -9vw !important;
		margin-left : -9vw !important;
		margin-bottom : 0;
	}
	.solution-thumbs > a {
		display : block;
		transition : width 0.5s, height 0.5s;
		position : absolute;
		top : 50%;
		left : 50%;
		width : 58.015vw;
		height : 85.496vw;
		transform : translate(-50%,-50%);
		display : none;
		z-index : 1;
	}
	.solution-thumbs > a.active {
		display : block;
		transition : width 0.5s, height 0.5s, left 0.5s;
		z-index : 3;
	}
	.solution-thumbs > a.prev,
	.solution-thumbs > a.next {
		display : block;
		width : 43.511vw;
		height : 64.122vw;
		transform : translate(0,-50%);
		z-index : 2;
	}
	.solution-thumbs > a.next {
		left : 100%;
		margin-left : -12.723vw;
	}
	.solution-thumbs > a.prev {
		transition : width 0.5s, height 0.5s, left 0.5s;
		left : 0;
		margin-left : 12.723vw;
		transform : translate(-100%,-50%);
	}
	.solution-thumbs > a > img {
		position : absolute;
		left : 0;
		top : 0;
		width : 100%;
		height : 100%;
		border-radius : 25px;
		z-index : 1;
		object-fit : cover;
		object-position : center center;
	}
	.solution-thumbs > a > span {
		z-index : 2;
		width : 100%;
		position : absolute;
		left : 0;
		bottom : 11.45vw;
		padding-left : 7.634vw;
		padding-right : 7.634vw;
		font-weight : 600;
		color : #FFFFFF;
		text-align : center;
		text-transform : uppercase;
		font-size : 5.344vw;
		line-height : 6.87vw;
	}

}
@media screen and ( max-width : 786px ){
	.solution-thumbs {
		margin-left : -6.361vw !important;
		margin-right : -6.361vw !important;	
	}
}