@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap");

/* Regular */
.paragraph {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

/* SemiBold */
.sub-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

/* Bold */
.title-1 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

/* ExtraBold */
.title-2 {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
}

/* Black */
.title-3 {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
}
.bg-banner {
  background: rgb(2, 0, 36);
  background: linear-gradient(
    0deg,
    rgba(2, 0, 36, 0.7903536414565826) 0%,
    rgba(46, 49, 146, 1) 35%
  );
}

.max-title {
  font-size: 4rem;
}
.bg-blue {
  background-color: #2e3192;
}

.bg-orange {
  background-color: #f7931e;
}

.bg-orange-2 {
  background-color: #f15a24;
}

.bg-gray {
  background-color: #f6f6f6;
}

.bg-brow {
  background-color: #661d06;
}

.bg-skin {
  background-color: #fef0df !important;
}

.text-blue {
  color: #2e3192;
}

.text-orange {
  color: #f15a24;
}

.text-orange-2 {
  color: #f15a24;
}

.text-orange-3 {
  color: #f7931e !important;
}

.text-brow {
  color: #661d06;
}

ul.list-check {
  list-style: none;
}

.margin-cnf {
  margin-top: -140px;
}

.image-conf {
  width: 65px;
}

@media only screen and (max-width: 410px) {
  .max-title {
    font-size: 3rem;
  }
}

@media only screen and (max-width: 435px) {
  .image-conf {
    width: 35px;
  }

  .btn-form{
    margin-left: -15px !important;
    font-size: 1rem !important;
  }
}

.animateShake {
  animation: shake 300ms;
}

@keyframes shake {
  25% {
    transform: translateX(4px);
  }

  50% {
    transform: translateX(-4px);
  }

  75% {
    transform: translateX(4px);
  }
}