html, body {
    overflow-x: hidden;
}

html {
  background-color: #ebf4fa;
}

body {
  background-color: #ebf4fa;
}

.site-container {
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fff
}

/* Dark navy (#011e61) to mint green (#d7fade) vertical gradient */
.hero-gradient {
  background: #fff;
  /*color:; */ /* White text on dark navy */
}

/* Shared .btn-success for Book a Demo / Free Trial / Watch Video */
/* (You could also keep .btn-primary if you prefer blue buttons) */

.btn-primary {
  background-color: #011e61;
  border-color: #011e61;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #0142c2;
  border-color: #0142c2;
}

.hero-cta {
  min-height: 100px; /* Adjust based on actual button height at widest layout */
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-secondary {
    background-color: #d7fade !important;
}

.bg-tertiary {
    background-color: #c6dae1 !important;
}

.bg-4 {
    background-color: #ebf4fa !important;
}

.bg-5 {
    background-color: #f4f6fc !important;
}

.logo-scroll-container {
  scroll-behavior: smooth;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  position: relative;
}
.logo-scroll-container::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

.logo-img {
  display: block;
  width: 2500px; /* Scale up the image width here */
  height: auto;
}

.logo-static-img {
    max-width: 900px;
    width: 100%;
    height: auto;
  }


@media (max-width: 576px) {
  img[alt="Trusted By Logos"] {
    max-width: 90%;
  }
}

.list-normal li {
  padding: 0.5rem 1rem;
  border-radius: 6px;
}

.section-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.standard-shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.transparent-container {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Placeholder text ellipsis for search input */
.fmo3-search .form-control.form-control-lg::placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-control.form-control-lg {
  padding: 1rem 1rem;
}