.marked-inline-content .divider {
    height: 1px;
    background: var(--color-light);
}
.marker-outline {
  position: relative;
  display: inline-block;
  padding: 8px 14px;
}
.right_text .marker-outline {
    padding: 8px;
}
.marker-outline svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 105%;
  height: 120%;
  transform: translate(-2%, -7%);
  z-index: 0;
}
.draw path{
  stroke-linecap: round;
  fill: none;

  /* Animation setup */
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  /*animation: drawMarker 2.5s ease-out forwards;*/
}
.right_text .marker-outline path {
  stroke: #FA524C;
}

.highlight_wrap .arrow_wrap{
    right: -125px;
    top: -60px;
}

/* Draw animation */
@keyframes drawMarker {
  to {
    stroke-dashoffset: 0;
  }
}
.marker-outline span,
.marker-outline {
  position: relative;
  z-index: 2;
}

@media(max-width:991px){
  .marker-outline {
    padding: 5px 12px;
  }
  .right_text .marker-outline {
    padding: 5px;
  }
}

@media(max-width:767px){
  .highlight_wrap .arrow_wrap {
    right: -75px;
    top: -90px;
  }
  .highlight_wrap .arrow_wrap svg{
    width: 100px;
  }
}
@media(max-width: 567px){
  .marked-inline-content .item{
    flex-wrap: wrap;
    gap: 15px;
    text-align: center;
    justify-content: center;
    margin-bottom: 40px !important;
  }
  .marked-inline-content .item :is(.left_text,.right_text) {
    width: 100%;
  }
  .marked-inline-content .divider {
    height: 35px;
    background: var(--color-light);
    width: 1px;
  }
  .marked-inline-content .highlight_wrap{
    align-items: center !important;
  }
  .highlight_wrap .arrow_wrap {
    right: -50px;
    top: -110px;  
  }
}