@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400&display=swap");
:root {
  --bs-blue: #0046ff;
}
body {
  font-family: "Kanit", sans-serif;
  /* "Anek Odia", "Montserrat" */
  scroll-behavior: smooth;
  color: #4e5052;
}
.font-number {
  font-family: "Noto Sans", sans-serif;
  font-family: "Titillium Web", sans-serif;
}
.error-message {
  color: rgba(220, 0, 0, 0.719);
}
.f-14 {
  font-size: 14px;
}
.text-primary {
  color: #031652 !important;
}
/* .btn-primary {
  background-color: rgb(0, 70, 255);
  border-color: rgb(0, 70, 255);
}
.btn-primary:hover {
  background-color: rgb(0, 45, 255);
  border-color: rgb(0, 45, 255);
} */
.w-90 {
  width: 90%;
}

.grey-section {
  background-color: rgba(237, 237, 237, 0.7) !important ;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.btn {
  border-radius: 0px;
}
.btn:focus {
  box-shadow: unset;
}
.blue-striped-bg {
  background-image: url("../assets/images/about/Blue-striped-bg.png");
  background-size: cover;
  background-position: 100% 50%;
  color: white;
  padding-left: 10px;
  height: 50px;
}
.white-striped-bg {
  background-image: url("../assets/images/about/White-striped-bg.png");
  background-size: cover;
  background-position: 100% 50%;
  color: #0038ff;
  padding-left: 10px;
  height: 50px;
}

.hr-3px-blue {
  border-top: 3px solid var(--bs-blue);
  opacity: 0.8;
}
.min-vh-50 {
  min-height: 50vh;
}
.min-vh-75 {
  min-height: 75vh;
}

input[type="password"] {
  font-family: Verdana;
  font-size: 0.7rem;
  letter-spacing: 0.15em;
}
@media (max-width: 991px) {
  .blue-striped-bg {
    height: 35px;
    background-position: 15% 50%;
  }
  .w-md-50 {
    width: 50%;
  }
  .min-vh-md-50 {
    min-height: 50vh;
  }
}
@media (max-width: 575px) {
  .blue-striped-bg {
    height: 25px;
    background-position: 0% 50%;
  }
  .blue-striped-bg p {
    font-size: 18px !important;
    margin-top: 3px !important;
  }
  p.fs-5 {
    font-size: 16px !important;
  }
  .w-sm-50 {
    width: 50%;
  }
  .min-vh-sm-50 {
    min-height: 50vh;
  }
}
@media (min-width: 1200px) {
  .w-lg-50 {
    width: 50%;
  }
  .min-vh-lg-50 {
    min-height: 50vh;
  }
}