/* EKS Hero Slider v1.7 */
.eks-hero{ width:100%; max-width:1400px; margin-inline:auto; position:relative; padding:0; box-sizing:border-box; background:#0B7EEB;  }
.eks-hero__inner{ width:100%; height:100%; }
.eks-slide{ position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:16px; min-height:560px; }
.eks-media{ position:relative; }
.eks-content{ position:relative; text-align:right; max-width: var(--eks-content-mxw, 680px); padding-right: var(--eks-content-pr, 0px); margin-left:auto; }

/* Orbs */
.eks-orb{ position:absolute; left:0; top:50%; transform: translate3d(calc(var(--eks-orb-dx, 0px)), calc(-50% + var(--eks-orb-dy, 0px)), 0); will-change: transform; display:block; width:500px; height:500px; aspect-ratio:1/1; object-fit:contain; }
@media (min-width:1025px){ .eks-orb--mobile{ display:none; } }
@media (max-width:1024px){ .eks-orb--desktop{ display:none; } }

/* Bubbles */
.eks-bubble{ position:absolute; z-index:3; padding:10px 14px; border-radius:12px; backdrop-filter:blur(6px); line-height:1.4; }
.eks-bubble--top{ top:24px; right:24px; }
.eks-bubble--bottom{ bottom:24px; left:24px; }

/* Typography */
.eks-title{ font-weight:800; font-size:48px; margin:0 0 12px; color:#1a1a1a; }
.eks-subtitle{ font-size:18px; opacity:.9; margin-bottom:24px; color:#0e223d; }

/* CTA */
.eks-cta{ display:inline-flex; gap:10px; align-items:center; justify-content:center; padding:10px 16px; border-radius:12px; background:#2b6cb0; color:#fff; text-decoration:none; transition:all .2s ease; }
.eks-cta:hover{ transform:translateY(-1px); }

/* Controls bar — bottom-left: exact 184x32 */
.eks-controls{ position:absolute; left:24px; bottom:24px; z-index:6; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; width:184px; height:32px; gap:16px; padding:0; margin:0; }
.eks-controls .swiper-button-prev,
.eks-controls .swiper-button-next{ position:static; flex:0 0 32px; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.28); color:#fff; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.18); backdrop-filter:blur(4px); }
.eks-controls .swiper-pagination{ position:static; flex:0 0 88px; width:88px; height:32px; display:flex; align-items:center; justify-content:center;  background:#5DA9FF; border-radius:16px; }
.eks-controls .swiper-pagination-bullet{ width:8px; height:8px; background:#fff; opacity:1; margin:0; }
.eks-controls .swiper-pagination-bullet-active{ background:#000; }
.swiper-pagination{ bottom:auto !important; }

/* Features Bar */
.eks-features{ padding:8px 12px; position:absolute; right:24px; bottom:24px; z-index:4; display:flex; gap:24px; align-items:center; white-space:nowrap; font-size:14px; color:#0e223d; }
.eks-feature::after{ content:'✓'; margin-inline-start:8px; opacity:.6; }

/* Responsive */
@media (max-width:1024px){
  .eks-slide{ grid-template-columns:1fr; text-align:center; min-height:560px; }
  .eks-content{ text-align:center; }
  .eks-features{ padding:8px 12px; right:16px; left:16px; justify-content:center; flex-wrap:wrap; }
}
@media (max-width:767px){
  .eks-title{ font-size:34px; }
  .eks-subtitle{ font-size:16px; }
}

/* Full width mode: stretch to viewport edges */
.eks-hero.eks-hero--full{
  width:100vw;
  max-width:none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Prevent Swiper default arrow icons */
.swiper-button-prev::after, .swiper-button-next::after{ content: none !important; }

/* Vertical alignment for controls */
.eks-controls, .eks-controls .swiper-button-prev, .eks-controls .swiper-button-next, .eks-controls .swiper-pagination{
  line-height: 0;
}

/* Pagination gap removed per request */
.eks-controls .swiper-pagination{ gap:0 !important; }

/* Force arrow margin-top to 0 */
.swiper-button-next, .swiper-button-prev{ margin-top:0 !important; }

/* Force pagination gap & bullet margins to zero */
.eks-controls .swiper-pagination{ gap:0 !important; }
.eks-controls .swiper-pagination .swiper-pagination-bullet{ margin:0 !important; }

/* Force arrows margin-top to zero */
.swiper-button-next, .swiper-button-prev{ margin-top:0 !important; }