/*  Merih Stepper  */
.container-merih {
  width: 100%;
}


.yazi-inside-circle-merih   {
position: absolute;
 top: 5px;
 left: 25px;
 font-size:38px;
}

	
.step-merih {
  
  padding: 10px;
  
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  
  background-color: cream;
}

.v-stepper-merih {
  position: relative;
/*   visibility: visible; */
}

.circle-merih {
position: relative;
}

/* regular step */
.step-merih  .circle-merih {
  background-color: transparent;
  border: 2px solid #e18529;
  border-radius: 100%;
  width: 76px;    /* +6 for border */
  height: 76px;
  display: inline-block;
}

.step-merih .line-merih {
    top: 80px;
  left: 36px;
/*   height: 120px; */
  height: calc(100% - (30px + 2px) * 2);
    
    position: absolute;
    border-left: 2.5px solid #e18529;
}

.step-merih .completed-merih .circle-merih {
  visibility: visible;
  background-color: rgb(6,150,215);
  border-color: rgb(6,150,215);
}

.step-merih .completed-merih .line-merih {
  border-left: 3px solid rgb(6,150,215);
}

.step-merih  .active-merih .circle-merih {
visibility: visible;
  border-color: rgb(6,150,215);
}

.step-merih .empty-merih .circle-merih {
    visibility: hidden;
}

.step-merih  .empty-merih .line-merih {
/*     visibility: hidden; */
/*   height: 150%; */
  top: 0;
  height: 150%;
}


.step-merih:last-child .line-merih {
  border-left: 3px solid white;
  z-index: -1; /* behind the circle to completely hide */
}

.content-merih {
  margin-left: 20px;
  display: inline-block;
}



/* /////////  Merih Stepper  SONU   */







