.elementor-36029 .elementor-element.elementor-element-e340314{--display:flex;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-36029 .elementor-element.elementor-element-2c1333d{text-align:center;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-180dc7d */.checkout-steps-wrapper{
max-width:900px;
margin:30px auto;
}

.checkout-steps{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px;
}

.step{
display:flex;
align-items:center;
gap:10px;
font-size:16px;
color:#9ca3af;
}

.circle{
width:34px;
height:34px;
border-radius:50%;
background:#e5e7eb;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
}

/* etapa concluída */
.step.done .circle{
background:#e5e7eb;
color:#9ca3af;
}

/* etapa ativa */
.step.active .circle{
background:#111827;
color:#fff;
}

.step.active span{
color:#111827;
font-weight:600;
}

/* barra inferior */
.checkout-line{
width:100%;
height:2px;
background:#111827;
}/* End custom CSS */