/* Set font family overrides */
:root {
  --bs-body-font-family: "DM Sans", sans-serif !important;
  --bs-font-sans-serif: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Ensure all elements use DM Sans */
body, .btn, h1, h2, h3, h4, h5, h6, p, span, div, a, input, textarea, select {
  font-family: "now ns", sans-serif !important;
}

.fill-ush-grey {
  fill: #0a0a3f !important;
}

.fill-ush-blue {
  fill: #00c3ff !important;
}

.fill-erudo-turquoise {
  fill: #41f5d2 !important;
}

.fill-erudo-light-blue {
  fill: #00c3ff !important;
}

.fill-erudo-violet {
  fill: #8655ff !important;
}

.fill-erudo-pastel-red {
  fill: #ff5768 !important;
}

.bg-ush-blue {
  background-color: #00c3ff !important;
}

.bg-ush-grey {
  background-color: #0a0a3f !important;
}

.btn-ush-grey {
  color: #fff !important;
  background-color: #0a0a3f !important;
  border-color: #0a0a3f !important;
  border-radius: 50rem !important;
}

.btn-ush-blue {
  color: #fff !important;
  background-color: #00c3ff !important;
  border-color: #00c3ff !important;
  border-radius: 50rem !important;
}

.btn-erudo-light-blue {
  color: #fff !important;
  background-color: #00c3ff !important;
  border-color: #00c3ff !important;
  border-radius: 50rem !important;
}

.btn-erudo-violet {
  color: #fff !important;
  background-color: #8655ff !important;
  border-color: #8655ff !important;
  border-radius: 50rem !important;
}

.btn-erudo-pastel-red {
  color: #fff !important;
  background-color: #ff5768 !important;
  border-color: #ff5768 !important;
  border-radius: 50rem !important;
}

/* New standardized button colors */
.btn-cetacean-blue {
  color: #fff !important;
  background-color: #0a0a3f !important;
  border-color: #0a0a3f !important;
  border-radius: 50rem !important;
}

.btn-turquoise {
  color: #0a0a3f !important;
  background-color: #41f5d2 !important;
  border-color: #41f5d2 !important;
  border-radius: 50rem !important;
}

.btn-light-blue {
  color: #fff !important;
  background-color: #00c3ff !important;
  border-color: #00c3ff !important;
  border-radius: 50rem !important;
}

.btn-violet {
  color: #fff !important;
  background-color: #8655ff !important;
  border-color: #8655ff !important;
  border-radius: 50rem !important;
}

.btn-pastel-red {
  color: #fff !important;
  background-color: #ff5768 !important;
  border-color: #ff5768 !important;
  border-radius: 50rem !important;
}

.btn-secondary {
  border-radius: 50rem !important;
}

.btn-warning {
  border-radius: 50rem !important;
}

.btn-white {
  color: #0a0a3f !important;
  background-color: #fff !important;
  border-color: #fff !important;
  border-radius: 50rem !important;
}

/* Background color classes for cards */
.bg-cetacean-blue {
  background-color: #0a0a3f !important;
}

.bg-turquoise {
  background-color: #41f5d2 !important;
}

.bg-light-blue {
  background-color: #00c3ff !important;
}

.bg-very-light-blue {
  background-color: #e6f7ff !important;
}

.bg-violet {
  background-color: #8655ff !important;
}

.bg-pastel-red {
  background-color: #ff5768 !important;
}

.bg-erudo-light-blue {
  background-color: #00c3ff !important;
}

.bg-erudo-violet {
  background-color: #8655ff !important;
}

.bg-erudo-pastel-red {
  background-color: #ff5768 !important;
}

/* Button hover animation */
.btn-hover-animation {
  transition: all 0.3s ease !important;
}

.btn-hover-animation:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

.color-ush-blue {
  color: #00c3ff !important;
}

.color-ush-grey {
  color: #0a0a3f !important;
}

.text-cetacean-blue {
  color: #0a0a3f !important;
}

.blog-perex {
    font-size: 1.1rem;
}

.blog-content-text {
    color: #292929;
    font-size: 1.1rem;
}

.text-soft-dark {
    color: #292929;
}

.hero-1-subtitle {
    position: relative;
    line-height: 1.5;
}

.hero-1-subtitle a {
    position: relative;
    text-decoration: none;
    color: #0a0a3f;
}

.hero-1-subtitle p {
    margin-bottom: 0.2rem;
}

.hero-1-subtitle a::after {
    content: ''; /* Create a pseudo-element for the underline */
    position: absolute; /* Position the underline absolutely */
    bottom: 0px; /* Adjust the distance from the text */
    left: 0; /* Align the underline with the text */
    width: 100%; /* Make the underline span the width of its container */
    height: 3px; /* Set the thickness of the underline */
    background-color: #00c3ff; /* Set the color of the underline */
}

.text-muted {
    color: var(--bs-secondary) !important;
}