.milestone-divider {
  display: flex;
  align-items: center;
  width: 120%;
  position: relative;
}

/* TABLET WIDTH */
@media (min-width: 768px) and (max-width: 1024px) {
  .milestone-divider {
    width: 111%; /* adjust as needed */
  }
}

/* OPTIONAL: MOBILE (if you want different behavior) */
@media (max-width: 767px) {
  .milestone-divider {
    width: 124.4%;
  }
}

/* LEFT SHORT LINE */
.milestone-divider::before {
  content: "";
  flex: 0.7;
  height: 2px;
  background: #4E2312;
  margin-right: 0px;
}

/* RIGHT LONG LINE */
.milestone-divider::after {
  content: "";
  flex: 8;
  height: 2px;
  background: #4E2312;
  margin-left: 0px;
}

/* DOT / CIRCLE */
.milestone-divider .dot {
  width: 12px;
  height: 12px;
  background: #E8541C;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 2;
}



/* smooth animation */
.arrow-icon {
  transition: all 0.3s ease;
}

/* make Elementor SVG icons respond to color */
.insight-card:hover .arrow-icon svg,
.insight-card:hover .arrow-icon svg path {
  fill: #ff6a2a !important;
  stroke: #ff6a2a !important;
}

/* 🔥 trigger icon change when hovering the whole card */
.insight-card:hover .arrow-icon {
  color: #ff6a2a; /* ember */
  transform: translateX(6px);
}


.insight-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0%;
  transform: translateY(-50%);
  height: 40%;
  width: 3px;
  background: #E8541C;
}


.ember-dot{
    color:#E8541C;
}

@media only screen and (max-width: 1024px) {

    html,
    body {
        width: 100%;
        overflow-x: hidden;
    }

    .elementor-section,
    .elementor-container,
    .elementor-column,
    .elementor-widget-wrap,
    .elementor-widget {
        max-width: 100% !important;
    }

    img,
    video,
    iframe {
        max-width: 100% !important;
        height: auto;
    }
}


.normal-divider {
  width: 120%;
  height: 2px;
  background: #2A2A2E;
  position: relative;
}

/* TABLET WIDTH */
@media (min-width: 768px) and (max-width: 1024px) {
  .normal-divider {
    width: 110%; /* adjust as needed */
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .normal-divider {
    width: 123.9%;
  }
}