/*--------------------------------------
  VARIABLES & BASE
---------------------------------------*/
:root {
  --header-height: 80px;
  --electric-green: #32AA27;
  --btn-primary-bg: var(--electric-green);
  --btn-primary-text: #fff;
  --btn-secondary-text: #020402; /* dark text */
  --btn-secondary-border: #020402;
  --bg-light: #f9f9f9;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height);
}
body {
  font-family: 'Poppins', sans-serif;
  
}
/* Only on the Annual Report page */
body.annual-report-page {
  /* Push content below the fixed header */
  padding-top: var(--header-height);
}
.sb-title {
  color: var(--electric-green);
}
 .annual-slider {
  height: calc(100vh - var(--header-height));
 }

/* Footer custom classes definitions */
.option-animate-icons-grow .bi:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.option-icons-color-accent .bi {
  color: var(--electric-green);
}
.option-link-decoration-border-bottom-static a {
  padding-bottom: .25rem;
  border-bottom: 2px solid transparent;
}
.option-link-decoration-border-bottom-static a:hover {
  border-bottom-color: var(--electric-green);
}
.option-section-background-image-fixed {
  background-attachment: fixed;
}
.option-button-none button,
.option-button-none .btn {
  background: none !important;
  border: none !important;
  padding: 0;
}
.option-logo-brand-name-hide p {
  display: none;
}
.option-align-left {
  text-align: left;
}
.option-footer-icons-show .bi {
  display: inline-block;
  margin-right: .5rem;
}
.option-icons-size-md .bi {
  font-size: 1.25rem;
}
.option-nav-link-hover-underline a:hover {
  text-decoration: underline;
}

/* Footer specific styling */
footer {
  /* enforce light background and remove any background-image */
  background-color: var(--bg-light) !important;
  background-image: none !important;
}
footer h5 {
  font-weight: 600;
}
footer a {
  text-decoration: none;
  color: inherit;
}
footer a:hover {
  text-decoration: underline;
}

/*--------------------------------------
  BUTTON STYLES
---------------------------------------*/
.btn-primary {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border: 1px solid var(--btn-primary-bg);
  text-transform: uppercase;
  font-weight: 600;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #26801D;
}

.btn-secondary {
  background-color: transparent;
  color: var(--btn-secondary-text);
  border: 1px solid var(--btn-secondary-border);
  text-transform: uppercase;
  font-weight: 600;
}
/* Secondary becomes primary on hover */
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border-color: var(--btn-primary-bg);
}

/*--------------------------------------
  OTHER LAYOUT & HERO STYLES (unchanged)
---------------------------------------*/
section[id] {
  min-height: calc(100vh - var(--header-height));
  padding-top: var(--header-height);
}

.navbar.fixed-top {
  position: fixed;
  top: 0;
  width: 100%;
  height: var(--header-height);
  z-index: 1000;
}
.nav-link.option-link-decoration-border-bottom-static {
  padding-bottom: .25rem;
  border-bottom: 2px solid transparent;
}
.nav-link.active.option-link-decoration-border-bottom-static {
  color: var(--electric-green) !important;
  border-bottom-color: var(--electric-green);
}
.sb-hero-carousel-section {
  position: relative;
  height: calc(100vh - var(--header-height));
  overflow: hidden;
}
.hero-slider .hero-slide {
  height: calc(100vh - var(--header-height) + 130px);
  background-size: cover;
  background-position: center;
}
.hero-content {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: flex;
}
.hero-card {
  background: rgba(0,0,0,0.6);
  max-width: 75%;
}
@keyframes slide-up { from { opacity: 0; transform: translateY(20px);} to { opacity:1; transform: translateY(0);} }
.animate-slide-up { opacity: 0; animation: slide-up 0.6s forwards; }
.animate-slide-up.delay-1 { animation-delay: 0.3s; }
.animate-slide-up.delay-2 { animation-delay: 0.6s; }