.split {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: strech;
	}
	.split p {
	  flex-basis: 100%;
	}
	
	@media screen and (min-width: 767px) {
	  .split p {
		flex-basis: 48%;
	  }
	}

	@media screen and (min-width: 767px) {
	  .comparison-slider-wrapper .comparison-slider .overlay {
		display: block;
	  }
	}
	
	.comparison-slider-wrapper {
	  position: relative;
	  width: 100%;
	  margin: 20px 0;
	  background-color: white;
	  box-shadow: 3px 3px 10px rgba(0,0,0,0.65);
	  opacity:0;
	}

	.comparison-slider-wrapper .comparison-slider {
	  position: relative;
	  width: 100%;
	  margin: 0;
	  box-sizing: border-box;
	}

	.comparison-slider-wrapper .comparison-slider > img {
	  width: 100%;
	  object-fit: contain;
	  height: auto;
	  display: block;
	}

	.comparison-slider-wrapper .comparison-slider .overlay {
		position: absolute;
		bottom: 2%;
		box-sizing: border-box;
		color: #FFF;
		z-index:1;
	}

	
	.overlay-after {
		z-index: 1;
		background-color:#2DB70F;
		right: 0px;
		padding: 0 18px 0 10px;
		text-align: left;
		box-shadow:-2px 3px 3px rgba(0,0,0,0.5);
		font-weight:bold;
		font-size:1.6em;
	}

	.overlay-before {
		z-index: 2;
		background-color:#2DB70F;
		left: 0px;
		text-align: right;
		padding: 0 10px 0 15px;
		box-shadow:2px 3px 3px rgba(0,0,0,0.5);
		font-weight:bold;
		font-size:1.6em;
	}


	.comparison-sidebyside-wrapper {  display:flex; gap:0 25px; margin:0 auto;  justify-content:space-between; align-items:center; }
	.comparison-slider-wrapper { z-index:1; margin:auto; width:100%; }


	@media screen and (max-width: 600px) {
		
		.comparison-sidebyside-wrapper { display:flex; gap:20px 15px; margin:auto;  justify-content:center; align-items:center; flex-wrap:wrap; }
		.comparison-slider-wrapper { z-index:1; padding:7px; margin:auto; width:100%;  }

		.comparison-slider-wrapper .comparison-slider .overlay {
			bottom: 10px;
		}
		.overlay {
			font-size:1.1rem;
		}
		.overlay-before {
			padding: 0 10px 0 12px;
		}
		.overlay-after {
			padding: 0 14px 0 10px;
		}

	}


	
	.comparison-slider-wrapper .comparison-slider .resize {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 50%;
	  overflow: hidden;
	  z-index:2;
	}
	
	.comparison-slider-wrapper .comparison-slider .resize > img {
	  display: block;
	}
	

	.comparison-slider-wrapper .comparison-slider .divider {
	  position: absolute;
	  width: 2px;
	  height: 100%;
	  left: 50%;
	  top: 0;
	  bottom: 0;
	  margin-left: -1px;
	  cursor: ew-resize;
	  z-index:2;
	  background-color: rgba(255,255,255,0.75);
	}

	.comparison-slider-wrapper .comparison-slider .divider:before {
	  content: "";
	  position: absolute;
	  width: 20px;
	  height: 20px;
	  left: -9px;
	  top: 50%;
	  margin-top: -10px;
	  background-color: white;
	  transform: rotate(45deg);
	  transition: all 0.1s ease-in-out;
	}
	.comparison-slider-wrapper .comparison-slider .divider:after {
	  content: "";
	  position: absolute;
	  width: 12px;
	  height: 12px;
	  left: -5px;
	  top: 50%;
	  margin-top: -6px;
	  background-color: white;
	  transform: rotate(45deg);
	  transition: all 0.1s ease-in-out;
	}

	.comparison-slider-wrapper .comparison-slider .divider.draggable:before {
	  width: 30px;
	  height: 30px;
	  left: -14px;
	  margin-top: -15px;
	}
	.comparison-slider-wrapper .comparison-slider .divider.draggable:after {
	  width: 20px;
	  height: 20px;
	  left: -9px;
	  margin-top: -10px;
	  background-color: #555;
	}

	.comparison-slider-wrapper {
	  position: relative;
	  padding: 10px;
	  box-sizing: border-box;
	  font-size: 0.9rem;
	  font-style: italic;
	}