html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
    background: #f9f9fc;
}
 
 .hero {
        background-image: url('../media/lama_bg.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 50vh;
      }
      .hero .search-wrapper {
        backdrop-filter: blur(0px);
      }
      .feature-hero {
        min-height: 300px;
        background-size: cover;
        background-position: center;
        position: relative;
        border-radius: .5rem;
        overflow: hidden;
      }
      .feature-hero .overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.55) 60%, rgba(0,0,0,0.65) 100%);
      }
      .feature-hero h3 {
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
        margin: 0;
        color: #fff;
        font-weight: 600;
      }
	  .background-faq {
		background: #ebfffd;
	  }

	/* Place this AFTER the Bootstrap CSS */
	.btn-brand {
	  --bs-btn-color: #1b90a2;
	  --bs-btn-bg: #E8F4F6;            /* brand color */
	  --bs-btn-border-color: #E8F4F6;
	  --bs-btn-hover-color: #fff;
	  --bs-btn-hover-bg: #08656b;      /* darken ~10-15% */
	  --bs-btn-hover-border-color: #08656b;
	  --bs-btn-focus-shadow-rgb: 10, 123, 131;
	  --bs-btn-active-color: #fff;
	  --bs-btn-active-bg: #07565b;     /* darken a bit more */
	  --bs-btn-active-border-color: #07565b;
	  --bs-btn-disabled-color: #fff;
	  --bs-btn-disabled-bg: #0a7b83;
	  --bs-btn-disabled-border-color: #0a7b83;
	}	  

.form-section-divider {
    border-color: var(--bs-gray-500) !important;
}
	
	/* Light gray active pill styling */
.nav-pills-light {
  --bs-nav-pills-link-active-bg: #e9ecef;   /* light gray */
  --bs-nav-pills-link-active-color: #212529; /* dark text */
}

/* Optional: tone for non-active links and hover */
.nav-pills-light .nav-link { color: #6c757d; }
.nav-pills-light .nav-link:hover { background-color: #f8f9fa; }

.text-spacer {
    color: var(--bs-gray-300) !important;
	}