.imagecompare_module .comimg_flex {
	width: 100%;
	display: grid;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}
.imagecompare_module .comimg_flex.column01 {
	grid-template-columns: 1fr;
}
.imagecompare_module .comimg_flex.column02 {
	grid-template-columns: 1fr 1fr;
}
.imagecompare_module .comimg_flex.column03 {
	grid-template-columns: 1fr 1fr 1fr;
}
.imagecompare_module .compare_wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto;
}
.imagecompare_module .compare_wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	object-fit: cover;
}
.imagecompare_module .compare_wrapper .img_overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition-duration: 0.5s;
}
.imagecompare_module .compare_wrapper .img_overlay .slidelabel {
	opacity: 0;
	transition-property: opacity;
}
.imagecompare_module .compare_wrapper .img_overlay:hover .slidelabel {
	opacity: 1;
}
.imagecompare_module .compare_wrapper.horizontal_slide .img_overlay .before_lbl:before,
.imagecompare_module .compare_wrapper.horizontal_slide .img_overlay .after_lbl:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.imagecompare_module .compare_wrapper.vertical_slide .img_overlay .before_lbl:before,
.imagecompare_module .compare_wrapper.vertical_slide .img_overlay .after_lbl:before {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.imagecompare_module .compare_wrapper .img_overlay .before_lbl:before,
.imagecompare_module .compare_wrapper .img_overlay .after_lbl:before {
	content: attr(data-content);
}
.imagecompare_module .compare_wrapper.horizontal_slide .img_overlay .before_lbl:before {
	left: 10px;
}
.imagecompare_module .compare_wrapper.horizontal_slide .img_overlay .after_lbl:before {
	right: 10px;
}
.imagecompare_module .compare_wrapper.vertical_slide .img_overlay .before_lbl:before {
	top: 10px;
}
.imagecompare_module .compare_wrapper.vertical_slide .img_overlay .after_lbl:before {
	bottom: 10px;
}
.imagecompare_module .compare_wrapper .mouse_slider {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	z-index: 1;
	cursor: all-scroll;
}
.imagecompare_module .compare_wrapper .mouse_slider .leftarrow,
.imagecompare_module .compare_wrapper .mouse_slider .rightarrow {
	position: absolute;
	width: 0;
	height: 0;
	content: '';
}
.imagecompare_module .compare_wrapper.horizontal_slide .mouse_slider .leftarrow,
.imagecompare_module .compare_wrapper.horizontal_slide .mouse_slider .rightarrow {
	top: 50%;
	transform: translateY(-50%);
}
.imagecompare_module .compare_wrapper.vertical_slide .mouse_slider .leftarrow,
.imagecompare_module .compare_wrapper.vertical_slide .mouse_slider .rightarrow {
	left: 50%;
	transform: translateX(-50%);
}
.imagecompare_module .compare_wrapper.horizontal_slide .mouse_slider .leftarrow {
	left: 5px;
}
.imagecompare_module .compare_wrapper.horizontal_slide .mouse_slider .rightarrow {
	right: 5px;
}
.imagecompare_module .compare_wrapper.vertical_slide .mouse_slider .leftarrow {
	top: 5px;
}
.imagecompare_module .compare_wrapper.vertical_slide .mouse_slider .rightarrow {
	bottom: 5px;
}
.imagecompare_module .compare_wrapper .mouse_slider:before,
.imagecompare_module .compare_wrapper .mouse_slider:after {
	content: "";
	position: absolute;
	transform: translate(-50%,-50%);
}
.imagecompare_module .compare_wrapper.horizontal_slide .mouse_slider:before,
.imagecompare_module .compare_wrapper.horizontal_slide .mouse_slider:after {
	height: 9999px;
	top: 0;
	left: 50%;
}
.imagecompare_module .compare_wrapper.vertical_slide .mouse_slider:before,
.imagecompare_module .compare_wrapper.vertical_slide .mouse_slider:after {
	width: 9999px;
	top: 50%;
	left: 0;
}
{# Fade #}
.imagecompare_module .compare_wrapper.fade_slide img.after_img {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
{# Responsive Css #}
@media (max-width: 1023px) {
	.imagecompare_module .comimg_flex.column03 {
		grid-template-columns: 1fr 1fr;
	}
	.imagecompare_module .compare_wrapper,
	.imagecompare_module .compare_wrapper img {
		max-width: 100% !important;
		min-width: 100% !important;
	}
}
@media (max-width: 767px) {
	.imagecompare_module .comimg_flex.column02,
	.imagecompare_module .comimg_flex.column03 {
		grid-template-columns: 1fr;
	}
}