.card {
  position: relative;
  display: block !important;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  border: 1px solid transparent;
  background-clip: border-box;
  border-radius: 5px;
}
/* .btn-primary:hover {
  color: #8fbd56 !important;
} */
@media (min-width: 992px) {
  .app-content.main-content {
    top: initial;
    padding-top: 75px;
  }
}
.login-img {
  background: 0 0;
  background-color: #f5f5ff;
}
html {
  background-color: #f5f5ff;
}
body {
  background-color: #f5f5ff;
  font-family: "Poppins", sans-serif;
  font-size: 0.8375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: left;
}
.app-header {
  background: #f5f5ff;
  flex: 1;
}
.page-main {
  display: flex;
  flex-direction: column;
}
.wrap-login100 {
  /* padding: 80px 50px 35px 50px !important; */
  max-width: 420px !important;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  /* padding: 15px; */
  margin-top: 15px;
  padding: 15px 25px !important;
}
.login100-form {
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 auto !important;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: 1 !important;
  width: 1rem;
  height: 1rem;
  opacity: 0;
  cursor: pointer;
}
.custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #8fbd56;
  border-color: #8fbd56;
}
.custom-control-label {
  cursor: pointer;
  padding-left: 0.5rem;
}
.symbol-input100 img {
  opacity: 0.45;
}
input[name="captcha"]::placeholder {
  font-size: 1.125rem;
}

/* ========== SECRET-KEY PAGE WIDTH - EDIT HERE ========== */
/* ONLY CHANGE THE NUMBER BELOW TO ADJUST WIDTH */

/* Wrapper to allow width expansion */
.secret-key-page .secret-key-wrapper {
  position: relative;
  display: block !important;
  width: 100% !important;
  max-width: 750px !important; /* ← CHANGE THIS NUMBER FOR BOX WIDTH */
  margin: 0 auto !important;
}

.secret-key-page .wrap-login100.secret-key-box {
  max-width: 100% !important;
  min-height: 250px !important;
  width: 100% !important;
}
/* ======================================================== */

/* DO NOT EDIT BELOW - Required overrides for width to work */
.secret-key-page .login100-form {
  max-width: none !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.secret-key-page .wrap-input100 {
  width: 100% !important;
  max-width: none !important;
}

.secret-key-page .input100 {
  width: 100% !important;
  max-width: none !important;
}

.secret-key-page .container-login100-form-btn {
  width: 100% !important;
  max-width: none !important;
}

.secret-key-page .login100-form-btn {
  width: 100% !important;
  max-width: none !important;
}

.secret-key-page .login100-form-title {
  width: 100% !important;
  max-width: none !important;
}