.stepper {
    --stepper-padding-x: 1rem;
    --stepper-step-height: 4.5rem;
    --stepper-step-head-padding-left: 1.5rem;
    --stepper-step-head-padding-right: 1.5rem;
    --stepper-step-head-height: 1px;
    --stepper-step-head-bg: #e5e5e5;
    --stepper-step-head-margin-right: 0.5rem;
    --stepper-step-head-margin-left: 0.5rem;
    --stepper-head-icon-margin-y: 1.5rem;
    --stepper-head-icon-margin-right: 0.5rem;


    --stepper-head-icon-bg: #6d6d6d;
    --stepper-completed-head-icon-bg: #14a44d;
    --stepper-active-head-icon-bg: #027bc6;



    --stepper-back-btn-i-margin-right: 0.5rem;
    --stepper-next-btn-i-margin-left: 0.5rem;

  }
  .stepper {
    --steps-transition: height 0.2s ease-in-out;
    display:flex;
    justify-content:space-between;
    position:relative;
    padding:0;
    margin:0;
    width:100%;
    list-style:none;
    overflow:hidden;
    transition:var(--steps-transition);
  }
  .stepper .stepper-content {
    position:absolute;
    width:100%;
    padding-right:var(--stepper-padding-x);
    padding-left:var(--stepper-padding-x);
    left:0;
  }
  /* Etapas */
  .stepper .stepper-step {
    flex:auto;
    height:var(--stepper-step-height)
  }
  /* Primeira etapa */
  .stepper .stepper-step:first-child .stepper-head {
    padding-left:var(--stepper-step-head-padding-left)
  }
  /* Ultima etapa */
  .stepper .stepper-step:last-child .stepper-head {
    padding-right:var(--stepper-step-head-padding-right)
  }
  /* Linha a esquerda das etapas */
  .stepper .stepper-step:not(:nth-of-type(1)) .stepper-head:before {
    flex:1;
    height:var(--stepper-step-head-height);
    width:100%;
    margin-right:var(--stepper-step-head-margin-right);
    content:"";
    background-color:var(--stepper-step-head-bg);
  }
  /* Linha a direita das etapas */
  .stepper .stepper-step:not(:last-child) .stepper-head:after {
    flex:1;
    height:var(--stepper-step-head-height);
    width:100%;
    margin-left:var(--stepper-step-head-margin-left);
    content:"";
    background-color:var(--stepper-step-head-bg)
  }

  .stepper-head {
    display:flex;
    align-items:center;
    text-decoration:none;
    color:unset;
    line-height:var(--steps-head-line-height);
  }

  /* Icone das etapas */
  .stepper .stepper-head-icon {
    --steps-head-icon-font-size: 0.875rem;
    --steps-head-icon-width: 1.938rem;
    --steps-head-icon-height: 1.938rem;
    --steps-head-icon-font-weight: 500;
    margin-top:var(--stepper-head-icon-margin-y);
    margin-right:var(--stepper-head-icon-margin-right);
    margin-bottom:var(--stepper-head-icon-margin-y);
    margin-left:0;
    background-color:var(--stepper-head-icon-bg);
    color:var(--stepper-head-icon-color);
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:100%;
    font-size:var(--steps-head-icon-font-size);
    width:var(--steps-head-icon-width);
    height:var(--steps-head-icon-height);
    font-weight:var(--steps-head-icon-font-weight);
  }
  
  /* Titulo das etapas */
  .stepper-head-text {
    --steps-head-text-color: rgba(var(--emphasis-color-rgb), 0.55);
    --steps-head-text-after-font-size: 0.8rem;
    color:var(--steps-head-text-color)
  }
  
  .stepper-head-text:after {
    display:flex;
    font-size:var(--steps-head-text-after-font-size);
    content:attr(data-content)
  }
  
  
  .stepper-active .stepper-head-text {
    --steps-active-head-text-font-weight: 500;
    font-weight:var(--steps-active-head-text-font-weight)
  }
  .stepper-active .stepper-head-icon {
    background-color:var(--stepper-active-head-icon-bg);
  }
  .stepper-completed .stepper-head-icon {
    background-color:var(--stepper-completed-head-icon-bg);
  }

  .stepper-active .stepper-content {
    display:block
  }

  @media screen and (max-width: 600px) {
    /* Linha a esquerda das etapas */
    .stepper .stepper-step:not(:nth-of-type(1)) .stepper-head:before {
      content:"";
    }
    /* Linha a direita das etapas */
    .stepper .stepper-step:not(:last-child) .stepper-head:after {
      content:"";
    }

  }
  .stepper-form {
    display:inherit;
    justify-content:inherit;
    width:inherit;
    position:inherit
  }