.qtech-pro-timeline{
  position:relative;
  width:100%;
  min-height:420px;
}

.qptl-track{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

.qptl-track path{
  fill:none;
  stroke:#16384f;
  stroke-width:10;
  stroke-linecap:round;
}

.qptl-nodes{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}

.qptl-node{
  position:absolute;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#16384f;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  transform:translate(-50%,-50%);
  box-sizing:border-box;
}

.qptl-node::after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  transform:translateX(-50%);
  width:10px;
  height:10px;
  border-radius:50%;
  background:#16384f;
  margin-top:8px;
}

.qptl-node.is-active{
  filter:brightness(0.92);
}

.qptl-items{
  position:relative;
  z-index:2;
}

.qptl-item{
  position:absolute;
  width:360px;
  background:#fff;
  border-radius:999px;
  box-shadow:0 20px 40px rgba(0,0,0,.14);
  transform:translate(-50%, 0);
  transform-origin:center;
  transition:transform .25s ease, opacity .25s ease, box-shadow .25s ease;
}

.qptl-item.is-inactive{
  opacity:1;
}

.qptl-item.is-active{
  z-index:4;
}

.qptl-item-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:26px 34px;
}

.qptl-text h4{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.2;
  color:#0f2c3f;
}

.qptl-text p{
  margin:0;
  font-size:13px;
  line-height:1.4;
  color:#5a6b75;
  max-width:240px;
}

.qptl-icon{
  width:34px;
  height:34px;
  color:#E82E34;
  display:flex;
  align-items:center;
  justify-content:center;
}

.qptl-icon svg{
  width:100%;
  height:100%;
}

/* Important: make Elementor SVG follow currentColor */
.qptl-icon svg,
.qptl-icon svg *{
  fill:none !important;
  stroke:currentColor !important;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width: 767px){
  .qptl-item{
    width:min(92vw, 420px);
  }
}