* {box-sizing: border-box;}

.img-comp-container {
  position:  relative;
/*  height: 200px; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow:hidden;
}

.img-comp-img img {
  display:block;
  vertical-align:middle;
}

.img-comp-slider {
  position: absolute;
  z-index:9;
  cursor: ew-resize;  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: yellow;  /* #2196F3; */
  opacity: 1;
  border-radius: 50%;
  border: 10px solid green;
}

.target{  /* to display in text */
  display:inline-block;
  width: 40px;
  height: 40px;
  background-color: yellow;  /* #2196F3; */
  opacity: 1;
  border-radius: 50%;
  border: 10px solid green;
  vertical-align:middle;
  }

.img-comp-overlay {
  border-right: solid 2px green; /* dividing line */
 }

.section-title{
 font-weight:bold;
 font-size:150%;
  }
  
.sub-title{
 font-weight:bold;
 font-size:125%;
 }  
 
 .arrow {
  border: solid green;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 5px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-right:5px;
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

 
 
.diamond-menu {
	font:bold 15px Arial, Helvetica, sans-serif;	
	color:#ffffff;
    background: url(../../images/newbg-heading.png);
	width: 100%;
	padding:5px 5px 1px 5px;
	border-bottom:1px dotted #d8d6ba;
	margin:0px 0px 5px 0px;
}

.da{
   color:pink;            
 }