/**
 * Formando.pt - Estilos da página Planos e Preços
 * Indicadores de passo e animação do formulário do modal.
 */

.step-indicator {
  transition: all 0.3s ease;
}
.step-indicator.active {
  background-color: #135bec;
  color: #ffffff;
}
.step-indicator.completed {
  background-color: #135bec;
  color: #ffffff;
}
.step-line {
  transition: background-color 0.3s ease;
}
.step-line.active {
  background-color: #135bec;
}
.step-line.completed {
  background-color: #135bec;
}

.form-step {
  display: none;
  animation: planosFadeIn 0.3s ease;
}
.form-step.active {
  display: block;
}
@keyframes planosFadeIn {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

footer {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
}
body {
  padding-bottom: 0 !important;
  overflow-y: auto !important;
}
main {
  width: 100% !important;
}
#contato {
  margin-top: auto !important;
  position: relative !important;
}