:root {
  --site-brand-dark-color: #044a42;
  --site-brand-dark-color-2: #42bfb0;
  --background-light-1: #f4fbfa;
  --background-light-2: #e3f5f3;
  --background-light-3: linear-gradient(0deg, rgba(66, 191, 176, .5) 0%, rgba(66, 191, 176, .5) 100%), linear-gradient(0deg, #fff 0%, #fff 100%), var(--site-accent-green);
}


.background-light-dark {
  background-color: var(--site-brand-dark-color-2);
}

.font-color-dark {
  color: #044a42;
}


body {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2e4f4f;
  --bs-btn-border-color: #2e4f4f;
  --bs-btn-hover-color: #2e4f4f;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #224141;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2e4f4f;
  --bs-btn-active-border-color: #2e4f4f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2e4f4f;
  --bs-btn-disabled-border-color: #2e4f4f;
}

.btn-outline-secondary {
    --bs-btn-color: #2e4f4f;
    --bs-btn-border-color: #2e4f4f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2e4f4f;
    --bs-btn-hover-border-color: #2e4f4f;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2e4f4f;
    --bs-btn-active-border-color: #6c752e4f4f7d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2e4f4f;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2e4f4f;
    --bs-gradient: none;
}

h2 {
  font-size: 4rem;
  letter-spacing: 0.08rem;
  font-weight: 800;
}

@media (max-width: 992px) {
  h2 {
    font-size: 2.5rem;
  }
}

.headingcolor {
  color: #142222;
}

.paragraphtextcolor {
  color: #324a6d;
}

.bg-darkgreen {
  background-color: #2e4f4f;

}

.carousel-item img {
  border: 1px solid #e0e0e0;
  /* Light gray border */
  border-radius: 0;
  /* Match Bootstrap's default border-radius */
}

/* Navbar */

/* Custom Navbar Styles */
.navbar-custom {
  min-height: 7rem;
}

.navbar-brand-text {
  letter-spacing: 0.2rem;
  font-size: 2rem;
  font-weight: 500;
  color: white;
}

/* You can also move the link-animation styles here */
.link-animation {
  text-decoration: none;
  color: white !important;
  /* Use !important to override Bootstrap's .navbar-dark .link-animation color */
  position: relative;
  display: inline-block;
  transition: color 0.3s ease;
}

.link-animation::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.2rem;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.link-animation:hover::after {
  transform: translateY(0);
  opacity: 1;
}