/* Hero Section Overlay */
.hero-section {
  position: relative;
  width: 100%;
  height: 40vh;
  overflow: hidden;
}

.hero-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Dark overlay */
}

.hero-section .text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* BUTTON OVERRIDES */
.btn-primary {
  background-color: #7749f8 !important;
  border-color: #5b33c7 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #5b33c7 !important;
  border-color: #411f99 !important;
  box-shadow: 0 0 10px rgba(123, 92, 255, 0.6) !important;
}
.btn-outline-primary {
  color: #7749f8 !important;
  border-color: #7749f8 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #7749f8 !important;
  color: #fff !important;
  border-color: #5b33c7 !important;
  box-shadow: 0 0 10px rgba(123, 92, 255, 0.6) !important;
}