/* CIRCULAR PROGRESS */
.sc-mobile-steps {
  display: none;
  position: relative;
  width: 60px;
  height: 60px;
}

.sc-mobile-steps .progress-bg {
  stroke: #E1EBFA;
}

.sc-mobile-steps .progress-circle {
  transition: 0.6s stroke-dashoffset;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.sc-mobile-steps .counter {
  position: absolute;
  top: 0;
  left: 0;
  font-size: .8rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* MOBILE */

/*@media (max-width: 520px) {*/
  .sc-div-steps {
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding: 0 20px;
  }

  .sc-mobile-steps {
    display: block;
  }

  .sc-steps {
    margin: 0 !important;
    max-width: 200px;
  }

  .sc-steps .item:not(.sc-ui-form-step-now),
  .sc-steps .item .icon {
    display: none;
  }

  .sc-steps .item.is-complete {
    color: currentcolor;
  }

  .sc-steps .item {
    padding: 0;
  }

  .sc-steps.is-lined .item::before,
  .sc-steps.is-numbered .item::before,
  .sc-steps.is-lined .item::after,
  .sc-steps.is-numbered .item::after {
    content: none !important;
  }

  .sc-steps.is-lined .item + .item,
  .sc-steps.is-numbered .item + .item {
    padding: 0;
  }

  .sc-steps .item .content {
    text-align: right;
    opacity: 0;
    animation: fade-in .6s ease .1s forwards;
  }

  .sc-steps .item .content .title {
    font-size: 1rem;
    margin-bottom: .4rem;
  }

  .sc-steps .item .content .description {
    font-size: .9rem;
  }
/*}*/

@keyframes fade-in {
  from { opacity: 0}
  to {opacity: 1}
}

