/* Font */
@import url("https://fonts.googleapis.com/css2?family=Itim&display=swap");
/* "Itim", cursive; */

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* "Roboto", sans-serif; */

@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
/* "Nunito", sans-serif; */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
/* "Plus Jakarta Sans", sans-serif */

@import url("https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap");

:root {
  --primary: #07337C;
  --primary-dark: #141627;
  --secondary: #FFB606;
  --secondary-dark: #CC9A25;
  --tertiary: #f1f1f1;
  --white: #ffffff;
  --font: #374151;
  --black: #212121;
  --footer: #111111;
}

.ecommerce {
    font-size: 1.5rem;
    color: #253B80 !important;
    font-weight: bold;
}

.ecommerce b {
    color: #FFB606 !important;
}

.btn-custom-login {
  background-color: #253B80 !important;
  color: #fff !important;
  border: none !important;
  padding: 0.5rem 1.2rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.btn-custom-login:hover {
  background-color: #1d2e63 !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.btn-custom-login:active {
  transform: scale(0.98);
  box-shadow: none;
}