section.hero-background,
.hero-background {
  background: linear-gradient(to right, rgba(0, 63, 169, 0.9), rgba(0, 49, 131, 0.98)), url("/assets/images/calatoghive-background-white.svg") !important;
  background-size: auto, auto !important;
  background-position: center, center !important;
  background-repeat: no-repeat, repeat !important;
  background-attachment: scroll, scroll !important;
  background-color: #2563eb !important;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  section.hero-background,
  .hero-background {
    background-size: auto, contain;
    background-repeat: no-repeat, repeat-y;
  }
}

.hero-background-alt {
  background-image: url("/assets/images/calatoghive-background-white.svg");
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  background-attachment: scroll;
  position: relative;
  overflow: hidden;
}
.hero-background-alt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(37, 99, 235, 0.95), rgba(30, 64, 175, 0.95));
  z-index: 1;
  pointer-events: none;
}
.hero-background-alt > * {
  position: relative;
  z-index: 2;
}

.hero-background-pattern {
  background: linear-gradient(to right, rgba(31, 41, 55, 0.95), rgba(31, 41, 55, 0.97)), url("/assets/images/calatoghive-background-white.svg");
  background-size: auto, auto;
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
  background-color: #1f2937;
}
.hero-background-pattern.animated {
  animation: patternFloat 20s ease-in-out infinite;
}

@keyframes patternFloat {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: 20px 20px;
  }
}
.hero-background.light-overlay {
  background: linear-gradient(to right, rgba(37, 99, 235, 0.7), rgba(30, 64, 175, 0.7)), url("/assets/images/calatoghive-background-white.svg");
}
.hero-background.dark-overlay {
  background: linear-gradient(to right, rgba(37, 99, 235, 0.95), rgba(30, 64, 175, 0.95)), url("/assets/images/calatoghive-background-white.svg");
}
.hero-background.no-overlay {
  background-image: url("/assets/images/calatoghive-background-white.svg");
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
}

.blue-banner {
  background: linear-gradient(to right, rgba(0, 63, 169, 0.9), rgba(0, 49, 131, 0.98)), url("/assets/images/calatoghive-background-white.svg") !important;
  background-size: auto, auto !important;
  background-position: center, center !important;
  background-repeat: no-repeat, repeat !important;
  background-attachment: scroll, scroll !important;
  background-color: #2563eb !important;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .blue-banner {
    background-size: auto, contain;
    background-repeat: no-repeat, repeat-y;
  }
}/*# sourceMappingURL=custom_styles.css.map */