.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.impact-card {
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}
.impact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.navbar, .footer {
  background-color: #003049;
}
.text-white {
  color: #fdf0d5 !important;
}
.text-primary {
  color: #003049 !important;
}
.bg-primary {
  background-color: #003049 !important;
}

/* Hover on the SVG itself */
.state-bg-image:hover {
  filter: drop-shadow(0 0 5px #003049); /* Only drop shadow on hover */
  opacity: 1;
  transform: scale(1.2);
}


   .hero-section {
   overflow: hidden;
   position: relative;
   z-index: 0;
}

.parallax-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 130%;
   background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.05)), url('/assets/images/index/hero.jpg') center/cover no-repeat;
   background-attachment: fixed;
   z-index: -1;
}

.scroll-indicator {
   bottom: 30px;
   opacity: 0.8;
   transition: opacity 0.3s;
}

.scroll-indicator:hover {
   opacity: 1;
}

.hero-section h1,
.hero-section p {
   text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.subpage-hero {
   height: 20vh;
   min-height: 300px;
   background-color: #000;
   overflow: hidden;
   position: relative;
   z-index: 0;
}

.subpage-hero .parallax-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 150%;
   background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.05)), url('/assets/images/index/hero.jpg') center/cover no-repeat;
   background-attachment: fixed;
   z-index: -1;
}

.subpage-hero h1, .subpage-hero p {
   text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

#regions_div {
  transition: transform 0.3s ease-in-out;
}

#regions_div:hover {
  transform: scale(1.01);
}

@keyframes scrollLinear {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}