@import "font.css";

#multi-step-form {
  overflow-x: hidden;
}

.fadeIn {
  animation: 1s fadeInRight;
}

.fadeInTop {
  animation: 1s fadeInTop;
}

.fadeOut {
  animation: 1s fadeOutLeft;
}

.rounded-custom {
  border-radius: 32px !important;
}

.login-form-height {
  height: 400px;
}

.login-form {
  align-items: center !important;
}

.login-input-padding {
  padding-right: 5px;
}

.login-input-width {
  width: 300px;
}

.btn-main {
  color: #fff !important;
  background-color: #5c41dd !important;
  border-color: #5c41dd !important;
}

.step {
  transition: max-height 2s linear;
}

.h1-custom {
  font-size: 50px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.title {
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.z-navbar-title {
  text-decoration: none;
  color: #484542;
}

.z-navbar-title:hover {
  text-decoration: none;
  color: #484542;
}

.logo-with-text-right {
  padding-right: 15px;
}

.form-note {
  font-size: 12px;
}

.form-alert-error {
  color: red;
  font-size: 14px;
}

.form-alert-success {
  color: green;
  font-size: 14px;
}

.font {
  font-family: "Poppins", sans-serif;
}

.space-top-20 {
  padding-top: 20px;
}

.wizard-steps {
  font-size: 20px;
  list-style-type: none;
}

.list-step {
  padding-bottom: 15px;
}

.list-step-number {
  border: 2px solid #6429d3;
  height: 35px;
  width: 35px;
  background-color: #6429d3;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  line-height: 33px;
  font-weight: 600;
  margin-right: 20px;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.veri-code {
  width: 80px;
  height: 80px;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 10px;
  font-size: 2rem;
}

.note-normal {
  font-size: 14px;
}

.highlight {
  color: #fe0462;
}

.custom-spin {
  transition: transform 2s ease-in-out;
  -webkit-transition: transform 2s ease-in-out;
}

.custom-spin:hover {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count,
      infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.account-error-message {
  font-size: 14px;
}

.col-title {
  font-weight: 600;
}

footer.note {
  padding-top: 150px;
  text-align: center;
  font-size: 14px;
}

.smaller-item {
  font-size: 12px;
}

.smaller-item input {
  font-size: 12px;
}

.explanation {
  text-align: center;
  font-size: 14px;
}

.pingmi-green {
  color: #63e6be;
}

.alert-error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

h1.headline {
  font-size: 60px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fe0462;
}

div.headline {
  padding: 20px 0 0 0;
}

p.headline-2nd {
  padding: 50px 0 10px 0;
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-weight: 600;
}

div.subtitle {
  padding: 20px 0 0 0;
}

img.preview-pic {
  width: 600px;
}

img.preview-pic-2 {
  width: 550px;
}

div.preview-box {
  margin-top: 100px;
}

div.preview-box-2nd {
  margin-top: 20px;
}

div.preview-gap {
  margin-top: 180px;
}

div.preview-gap-2nd {
  margin-top: 100px;
}

div.preview-gap-3rd {
  margin-top: 50px;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

p.size-20 {
  font-size: 20px;
}

.footer-site {
  padding: 50px 0 50px 0;
  text-align: center;

}

footer img {
  margin-right: 10px;
}

footer.site-footer a.link,
a.link:visited {
  text-decoration: none;
  color: rgba(0, 0, 0, .55);
}

footer.site-footer a.link:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 1);
}

.url-switch {
  margin-left: 10px;
  display: inline-block;
}

.url-switch span {
  font-size: 12px;
  /* vertical-align: text-bottom; */
  text-transform: uppercase;
}























/* animations */
@keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slide-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}