@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  background-color: #1A5C5B;
  font-family: "Montserrat", sans-serif;
  margin: 0;
  padding: 0;
  height: 100vh;
}

.navbar-brand img {
  height: 32px;
  object-fit: contain;
}

.full-height-center,
.centered-box {
  height: 100vh;
}

.login-box {
  text-align: center;
  max-width: 600px;
  width: 100%;
  height: 400px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.logo img {
  width: 284px;
  height: 62px;
  object-fit: contain;
  margin-bottom: 20px;
}

.logo-out {
  text-align: center;
}
.logo-out img {
  height: 162px;
  object-fit: contain;
  margin-bottom: 20px;
  text-align: center;
}

.logo-in {
  text-align: center;
}
.logo-in img {
  height: 262px;
  object-fit: contain;
  margin-bottom: 20px;
  text-align: center;
}

.form-control {
  background-color: white;
  border: none;
  border-radius: 4px;
  padding: 12px;
  font-size: 16px;
}

input {
  color: #9A9A9A;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
input::placeholder {
  color: #9A9A9A;
  font-family: Montserrat;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: #5d9ca4;
  border: 1px solid transparent;
  border-radius: 3px;
  transition: all 0.2s ease;
}
input[type=checkbox]:focus {
  border: 1px solid #66afe9;
  box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
  outline: none;
}
input[type=checkbox]:hover {
  background-color: rgba(120, 178, 170, 0.4);
}

.form-check-label {
  color: white;
  font-weight: 400;
  line-height: normal;
}

.btn-custom {
  background-color: #78B2AA;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  margin-top: 10px;
  transition: background-color 0.3s ease;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.btn-custom:hover {
  background-color: #3D8683;
  color: white;
}

.code-input {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 24px;
  margin: 0 5px;
  border-radius: 6px;
  border: none;
  background-color: white;
  color: #1B5C59;
}

.resend-text {
  margin-top: 20px;
  font-size: 14px;
  color: white;
}
.resend-text button {
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.resend-text button:hover {
  color: #78B2AA;
}

.custom-error-box {
  background-color: #f8d7da;
  color: #842029;
  border: none;
  border-radius: 8px;
  padding: 16px 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/*# sourceMappingURL=site.css.map */