

p.heading-one {
  color: #333!important;
  letter-spacing: -1px!important;
  font-size: 62px!important;
  font-weight: 700!important;
}

h1.eyebrow-heading {
  color: #d52d25!important;
  font-size: 16px !important;
  font-weight: 600!important;
  letter-spacing: 2px!important;
  text-transform: uppercase!important;
}
.svg-background {
  position: absolute;
  top: 190px;
  width: 100%;
  overflow: hidden;
  pointer-events: none; 
  opacity: 0.5;
  z-index: -1; /* Ensures it's above the background gradient */
}

.video-hero-container {
  position: relative; /* Ensures proper stacking context for child elements */
  z-index: 2; /* Ensures content appears above the SVG */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#shine-div {
  /* position: relative;
  animation: colorChange 4s infinite alternate;
  background: radial-gradient(farthest-corner at top, #056eea38 0, #ffffff00 40%) 100% 0/175% 175%;
  font-weight: 700;
  z-index: 0; /* Ensures the gradient is below the SVG */*

  position: relative;
  background: linear-gradient(to top, #ffffff 0%, #056eea38 100%);
  font-weight: 700;
  z-index: 0; /* Ensures the gradient is below the SVG */
}



/*
@keyframes colorChange {
  to {
    background-position: 0 0
  }
}

*/

a.button.outline-button {
  background: transparent;
  color: #d52d25;
}
a.button.outline-button:hover {
  background: #044087;
  border: 2px solid #044087;
  color:white;
}
.button-container-hero {
  /* margin: 0 auto; */
  display: flex
    ;
  /* text-align: center; */
  justify-content: center;
  gap: 10px;
}
.video-hero-container  a.button {border: 2px solid #d52d25;}


.video-hero-container iframe {
  border-radius: 5px !important;
  -webkit-box-shadow: 0 0 15px -2px rgba(51, 51, 51, .11);
  -moz-box-shadow: 0 0 15px -2px rgba(51, 51, 51, .11);
  box-shadow: 0 0 15px -2px rgba(51, 51, 51, .11);

  background: white!important;
}

.inner-container.page-center {
  padding: 190px 0px 0px 0px;
  color: white;
}
.inner-container.page-center p,
.inner-container.page-center h1 {  text-align:center }

.inner-container.page-center h1 {letter-spacing: -1px; color: #333;}
.inner-container.page-center p {font-size: 16px;}
.video-copy-container {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
  padding-bottom: 25px;
}

.copy-for-hero {
  padding-top: 25px;
  max-width: 65%;
  margin: 0 auto;
}

.video-hero-container .hs-video-widget {
  max-width: 75%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .button-container-hero {
    display: grid;
    /* grid-gap: 0px; */
    gap: 0px;
}
  
  p.heading-one {
    font-size: 46px !important;
    line-height: 1.2;
  }

  .video-hero-container .hs-video-widget {
    max-width: 100%;}

  .copy-for-hero {
    max-width: 100%;}

}

/* ===== Split hero layout: copy left / video right (home page) ===== */
.video-hero-container.hero-split .inner-container.page-center { padding: 128px 0 20px 0; }
.hero-split .svg-background { top: 128px; }

.hero-split .hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: 48px;
  align-items: center;
}
.hero-split .hero-col-copy { text-align: left; }
.hero-split p.heading-one:empty { display: none; }
.hero-split .hero-col-copy .video-copy-container {
  max-width: none;
  margin: 0;
  padding-bottom: 10px;
  text-align: left;
}
.hero-split .hero-col-copy h1.eyebrow-heading {
  text-align: left !important;
  font-size: 14px !important;
  letter-spacing: 2.5px !important;
  line-height: 1.4;
}
.hero-split .hero-col-copy .copy-for-hero { max-width: none; margin: 0; padding-top: 0; }
.hero-split .hero-col-copy .copy-for-hero p {
  text-align: left !important;
  font-size: 17px;
  line-height: 1.55;
  color: #333;
}
.hero-split .hero-col-copy .copy-for-hero p:first-of-type { margin: 0 0 14px 0; }
.hero-split .hero-col-copy .copy-for-hero p:first-of-type strong {
  display: block;
  font-size: 42px;
  line-height: 1.08;
  letter-spacing: -1.2px;
  color: #1B3A6B;
}
.hero-split .hero-proof {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 0 0;
  font-size: 15px !important;
  line-height: 1.3;
  color: #1B3A6B;
  text-align: left !important;
}
.hero-split .hero-proof__score {
  background: #1B3A6B;
  color: #fff;
  font-weight: 700;
  border-radius: 4px;
  padding: 4px 10px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.hero-split .hero-col-video .hs-video-widget { max-width: 100%; margin: 0; }

@media (max-width: 1024px) {
  .hero-split .hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .hero-split .hero-col-copy,
  .hero-split .hero-col-copy .video-copy-container { text-align: center; }
  .hero-split .hero-col-copy h1.eyebrow-heading,
  .hero-split .hero-col-copy .copy-for-hero p { text-align: center !important; }
  .hero-split .hero-proof { justify-content: center; }
  .video-hero-container.hero-split .inner-container.page-center { padding: 120px 0 18px 0; }
}
@media (max-width: 767px) {
  .hero-split .hero-col-copy .copy-for-hero p:first-of-type strong { font-size: 32px; }
  .video-hero-container.hero-split .inner-container.page-center { padding: 100px 0 14px 0; }
  .hero-split .hero-proof { flex-wrap: wrap; justify-content: center; font-size: 14px !important; }
}

/* KLAS proof bar under the split hero */
.hero-split .hero-stats {
  display: flex;
  align-items: center;
  gap: 26px;
  margin-top: 22px;
  padding: 16px 30px;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 15px -2px rgba(51, 51, 51, .11);
}
.hero-split .hero-stats__badge {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  padding-right: 26px;
  border-right: 1px solid #e3e9f1;
}
.hero-split .hero-stats__badge img { height: 54px; width: auto; }
.hero-split .hero-stats__badge-text { display: flex; flex-direction: column; line-height: 1.25; text-align: left; }
.hero-split .hero-stats__badge-text em {
  font-style: normal;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #6b7a8d;
}
.hero-split .hero-stats__badge-text strong { font-size: 15px; font-weight: 700; color: #044087; }
.hero-split .hero-stats__list { display: flex; flex: 1 1 auto; gap: 20px; }
.hero-split .hero-stat { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0; text-align: center; }
.hero-split .hero-stat__num {
  font-size: 32px;
  line-height: 1.05;
  font-weight: 700;
  color: #044087;
  letter-spacing: -0.5px;
}
.hero-split .hero-stat__label { font-size: 13px; line-height: 1.3; color: #5a6b7f; }

@media (max-width: 1024px) {
  .hero-split .hero-stats { flex-direction: column; gap: 16px; padding: 18px 22px; }
  .hero-split .hero-stats__badge { border-right: 0; border-bottom: 1px solid #e3e9f1; padding: 0 0 14px 0; }
  .hero-split .hero-stats__list { width: 100%; }
}
@media (max-width: 600px) {
  .hero-split .hero-stats__list { flex-wrap: wrap; gap: 16px 10px; }
  .hero-split .hero-stat { flex: 1 1 40%; }
  .hero-split .hero-stat__num { font-size: 26px; }
  .hero-split .hero-stat__label { font-size: 12px; }
}

/* KLAS badge as an anchor link to the KLAS section */
.hero-split a.hero-stats__badge { text-decoration: none; color: inherit; transition: opacity .15s ease; }
.hero-split a.hero-stats__badge:hover { opacity: .85; }
.hero-split a.hero-stats__badge:hover .hero-stats__badge-text strong { text-decoration: underline; }
