/* Hero Slider Styles */

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-charcoal\/70 {
  --tw-gradient-from: rgba(38, 34, 33, 0.7);
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), transparent,
    var(--tw-gradient-to);
}

.to-transparent {
  --tw-gradient-to: transparent;
}

.backdrop-blur-sm {
  backdrop-filter: blur(4px);
}

.bg-primary {
  background-color: #ff8a80;
}