/* ==========================================================
   ExplainItSimply Final Release Polish
   Safe ASCII CSS for Web Forms / Visual Studio 2010
   ========================================================== */

.eits-page-banner {
  position: relative;
  margin-top: var(--header-h);
  padding-top: 16px;
  background: #071a33;
  color: #ffffff;
  overflow: hidden;
  border-bottom: 1px solid rgba(15, 58, 107, 0.18);
}

.eits-banner-shell {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 20px;
  position: relative;
}

.eits-banner-track {
  position: relative;
  min-height: 220px;
  border-radius: 26px;
  overflow: hidden;
  background: #0f2747;
  box-shadow: 0 22px 55px rgba(2, 6, 23, 0.22);
}

.eits-banner-slide {
  display: none;
  min-height: 220px;
  padding: 34px 92px 34px 42px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.eits-banner-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4, 18, 38, 0.92), rgba(4, 18, 38, 0.70), rgba(4, 18, 38, 0.24));
}

.eits-banner-slide.active {
  display: flex;
  align-items: center;
  animation: eitsFadeIn .55s ease;
}

.eits-banner-content {
  max-width: 650px;
  position: relative;
  z-index: 2;
}

.eits-banner-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  color: #fed7aa;
  background: rgba(249, 115, 22, .16);
  border: 1px solid rgba(249, 115, 22, .30);
  border-radius: 999px;
  padding: 8px 12px;
  margin-bottom: 14px;
}

.eits-banner-content h2 {
  color: #ffffff;
  font-size: clamp(1.65rem, 3vw, 3rem);
  line-height: 1.05;
  margin: 0 0 12px;
}

.eits-banner-content p {
  color: #dbeafe;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 20px;
}

.eits-banner-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  background: #f97316;
  color: #ffffff;
  font-weight: 800;
  border-radius: 999px;
  padding: 11px 18px;
  box-shadow: 0 12px 26px rgba(249, 115, 22, .28);
}

.eits-banner-link:hover {
  transform: translateY(-1px);
  background: #ea580c;
}

.eits-banner-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  color: #0f172a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 22px;
  font-weight: 900;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .22);
}

.eits-banner-arrow:hover {
  background: #ffffff;
}

.eits-banner-arrow.prev { left: 16px; }
.eits-banner-arrow.next { right: 16px; }

.eits-banner-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 5;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.eits-banner-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .45);
  border: 0;
  cursor: pointer;
}

.eits-banner-dot.active {
  width: 26px;
  background: #f97316;
}

@keyframes eitsFadeIn {
  from { opacity: 0; transform: scale(1.01); }
  to { opacity: 1; transform: scale(1); }
}

/* Footer slogan banner */
.footer-slogan-banner {
  margin-top: 30px;
  border-radius: 24px;
  padding: 22px 24px;
  background: linear-gradient(90deg, #071a33, #123b73, #071a33);
  border: 1px solid rgba(96, 165, 250, .28);
  color: #ffffff;
  text-align: center;
  overflow: hidden;
}

.footer-slogan-banner strong {
  display: block;
  font-size: clamp(1.2rem, 2.4vw, 2rem);
  margin-bottom: 8px;
  color: #ffffff;
}

.footer-slogan-banner span {
  color: #bfdbfe;
  font-weight: 700;
  letter-spacing: .02em;
}

.footer-slogan-banner em {
  color: #f97316;
  font-style: normal;
  font-weight: 900;
}

/* Safer FAQ accordion polish */
.faq-accordion .faq-item,
.about-faq-accordion .about-faq-card {
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}

.faq-accordion .faq-item:hover,
.about-faq-accordion .about-faq-card:hover {
  transform: translateY(-2px);
}

.faq-answer {
  animation: eitsFaqOpen .25s ease;
}

@keyframes eitsFaqOpen {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.tick,
.check-mark {
  color: #f97316;
  font-weight: 900;
  margin-right: 8px;
}

@media (max-width: 800px) {
  .eits-page-banner { padding-top: 12px; }
  .eits-banner-shell { padding: 12px; }
  .eits-banner-track { min-height: 260px; border-radius: 20px; }
  .eits-banner-slide { min-height: 260px; padding: 28px 58px 34px; }
  .eits-banner-content p { font-size: .95rem; }
  .eits-banner-arrow { width: 34px; height: 34px; font-size: 18px; }
  .eits-banner-arrow.prev { left: 10px; }
  .eits-banner-arrow.next { right: 10px; }
}


/* ============================================================
   FINAL HERO IMAGE SLIDER WITH READABLE OVERLAY
   ============================================================ */
.hero.has-hero-slider,
.eits-hero.has-hero-slider,
.page-hero.has-hero-slider{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.hero.has-hero-slider{
  background:#071a33;
}

.eits-hero.has-hero-slider,
.page-hero.has-hero-slider{
  background:#071a33 !important;
}

.hero-slider-layer{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}

.hero-slider-layer::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(7,26,51,.92) 0%, rgba(7,26,51,.78) 42%, rgba(7,26,51,.50) 100%);
  z-index:2;
}

.hero-slider-image{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.04);
  transition:opacity 1.1s ease, transform 7s ease;
  z-index:1;
}

.hero-slider-image.active{
  opacity:1;
  transform:scale(1);
}

.hero.has-hero-slider .hero-bg{
  opacity:0 !important;
}

.hero.has-hero-slider .hero-overlay{
  background:linear-gradient(135deg, rgba(7,26,51,.86) 0%, rgba(26,58,107,.58) 54%, rgba(15,118,110,.48) 100%);
  z-index:1;
}

.hero.has-hero-slider .hero-accent-bar,
.hero.has-hero-slider .hero-container,
.eits-hero.has-hero-slider .container,
.page-hero.has-hero-slider .container,
.eits-hero.has-hero-slider .eits-wave,
.page-hero.has-hero-slider .eits-wave{
  position:relative;
  z-index:3;
}

.eits-hero.has-hero-slider::before,
.page-hero.has-hero-slider::before{
  z-index:1;
  background:radial-gradient(circle at 18% 20%, rgba(255,255,255,.16), transparent 30%), radial-gradient(circle at 84% 20%, rgba(249,115,22,.24), transparent 30%);
}

.eits-hero.has-hero-slider p,
.page-hero.has-hero-slider p,
.hero.has-hero-slider .hero-copy p{
  color:rgba(255,255,255,.88);
  text-shadow:0 2px 16px rgba(0,0,0,.35);
}

.eits-hero.has-hero-slider h1,
.page-hero.has-hero-slider h1,
.hero.has-hero-slider h1{
  text-shadow:0 4px 22px rgba(0,0,0,.42);
}

@media (max-width:768px){
  .hero-slider-layer::after{
    background:linear-gradient(180deg, rgba(7,26,51,.88) 0%, rgba(7,26,51,.78) 54%, rgba(7,26,51,.88) 100%);
  }

  .hero-slider-image{
    background-position:center top;
  }
}

/* Final mobile safety override */
@media (max-width:768px){.hero.has-hero-slider{min-height:calc(100svh - var(--header-h))!important;height:auto!important}.eits-hero.has-hero-slider,.page-hero.has-hero-slider{min-height:auto!important}.hero-slider-image{background-size:cover!important;background-position:center!important}}