@font-face {
  font-family: "NeoSansStd";
  src: url("./fonts/NeoSansStd/NeoSansStdRegular.otf") format("opentype");
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.topheader {
  background-color: var(--bs-body-color);
}
.topheader-border {
  border-top: 2px solid var(--bs-body-color);
  margin-top: 1px;
}
.background {
  background: #ffffff no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-blend-mode: multiply;
}

#formBox {
  border-radius: 10px;
  opacity: 0.9;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
}

#password-form label, #profile-form label {
  color: inherit;
}
.desc {
  font-weight: 400;
  margin-top: 5%;
  color: #264269;
}

#buttons {
  color: #ffffff;
  font-weight: 200;
  font-size: 18px;
  *background: linear-gradient(115.5deg, #f37021 20.36%, #f09852 79.79%);
  background-color: #0D3C71;
  border: 2px solid rgba(240, 152, 82, 0.3);
  box-sizing: border-box;
  /* neumorph shadow */

  box-shadow: -8px -8px 16px #f4f9ff, 8px 8px 18px rgba(178, 190, 207, 0.5);
}

#buttons.btn-danger {
  background-color: var(--bs-danger);
}

ol.breadcrumb a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}

label.fs-095 {font-size: 0.95rem;}
.fs-11 {font-size: 1.1rem;}
.fs-135 {font-size: 1.35rem;}

.serviceContainer,
.profileContainer {
  padding: 24px;

  border-radius: 10px;
  border: 1px solid #eaeaea;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  font-size: 18px;
}

a.d-flex {
  text-decoration: none;
  color: inherit;
}

a.d-flex:hover {
  color: inherit;
}

.fa-eye-slash, .fa-eye {
  cursor: pointer;
}
.fa-arrow-right-from-bracket:hover {
  opacity: 0.8;
}
.password-text {
  text-shadow: 1px 1px 1px #666;
}
.password-bar {
  border: 1px solid #ced4da;
  height: 17px;
  padding: 1px;
}
.password-weak {
  color: #ff9056;
  background-color: #ff9056;
}
.password-reasonable {
  color: #ffcc00;
  background-color: #ffcc00;
}
.password-strong {
  color: #f0ff00;
  background-color: #f0ff00;
}
.password-verystrong {
  color: #8efa00;
  background-color: #8efa00;
}
.serviceContainer:hover {
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
  background-color: #f9f9f9;
  cursor: pointer;
  color: inherit;
}

.label {
  *color: #4776a5;
  color: #b0b0b0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.1rem;
}

.text {
  *color: #264269;
  color: #666;
  font-size: 1.1rem;
}

.accountQuestion {
  color: #4776a5;
}

.otp-part {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  width: 50px;
  margin-right: 10px;
}
.otp-part:last-child {
  margin-right: 0;
}

.btn-verify {
  font-size: 0.9rem;
}

.otp-input {
  font-size: 1.5rem !important;
  font-weight: bold !important;
}
.end-50px {right: 50px;}
@media (max-width: 473px) {
  .fs-sm-3 {
    font-size: 20px;
  }
}

@media (max-width: 375px) {
  .fs-sm-3 {
    font-size: 18px;
  }
}
@media (min-width: 375px) {
  .text-sm-center {text-align: center;}
  .end-sm-15px {right: 15px;}
}