.practical-path {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #2e2e2e;
  background: #fff;
  overflow-x: hidden;
}

.section-eyebrow {
  font-size: 16px;
  color: #666;
  text-transform: uppercase;
  line-height: 24px;  
  margin-bottom: 8px; 
}
 
@media (max-width: 991px) { .h-40 { font-size: 32px; } }
@media (max-width: 575px) { .h-40 { font-size: 26px; } }

.min-h-230{
  min-height: 230px;
}
.step-header-row{
  margin-bottom: 48px;
}
.steps-section {
  background: rgba(2,11,15,0.02);
  padding-top: 120px;
  padding-bottom: 80px;
}

@media (max-width: 991px) { .steps-section { padding-top: 80px; } .min-h-230{min-height: auto;} }

.step-header { height: 152px; }

.step-circle-1,
.step-circle-2,
.step-circle-3 {
  width: 152px;
  height: 152px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.step-circle-1 { background: linear-gradient(-44.42deg, rgba(248,172,255,0.6) 0.37%, rgba(105,110,255,0.6) 88.88%); }
.step-circle-2 { background: linear-gradient(-44.22deg, rgba(159,204,250,0.6) 0.38%, rgba(9,116,241,0.6) 88.88%); }
.step-circle-3 { background: linear-gradient(-44.22deg, rgba(141,233,213,0.6) 0.38%, rgba(50,196,192,0.6) 88.88%); }

.step-number {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: 700;
  font-size: 40px;
  color: #fff;
  font-variation-settings: "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79,
    "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712, "wdth" 112;
}

/* Connector line with a rounded dot at the end */
.step-connector {
  flex: 1;
  height: 2px;
  background: #1eb7fb;
  border-radius: 1px;
  margin-right: 6px;
  position: relative;
  min-width: 20px;
}

.step-dot {
  position: absolute;
  right: -6px;
  top: 50%;
  width: 12px;
  height: 12px;
  background: #1eb7fb;
  border-radius: 50%;
  transform: translateY(-50%);
}

.step-content-area { padding: 0 0 0 50px;
    max-width: 380px; }

@media (max-width: 991px) {
  .step-content-area { padding: 0; }
  .step-content-area:last-child { padding-bottom: 0; }
}

.step-divider {
  border-top: 1px solid rgba(153,153,153,0.25);
  padding-top: 20px;
  margin-top: 20px;
}