/* GoJD — hero mobile carousel progress indicators. */
@media (max-width:768px){
  .home-page .hero-carousel-section .carousel-indicators{left:16px!important;right:16px!important;bottom:18px!important;width:auto!important;max-width:none!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0!important;background:transparent!important;box-shadow:none!important}
  .home-page .hero-carousel-section .indicator{position:relative!important;flex:1 1 0!important;width:auto!important;max-width:28px!important;min-width:8px!important;height:4px!important;min-height:4px!important;padding:0!important;margin:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:999px!important;background:rgba(0,0,0,.10)!important;box-shadow:0 1px 3px rgba(0,0,0,.14)!important;opacity:1!important;transform:none!important;cursor:pointer!important}
  .home-page .hero-carousel-section .indicator::before{content:"";position:absolute;inset:0;width:0;border-radius:inherit;background:#fff;transform-origin:left center;pointer-events:none}
  .home-page .hero-carousel-section .indicator:has(~ .indicator.active)::before{width:100%}
  .home-page .hero-carousel-section .indicator.active::before{width:100%;animation:gojdHeroProgress var(--gojd-hero-progress-duration,5000ms) linear both!important}
  .home-page .hero-carousel-section .carousel-indicators.gojd-progress-static .indicator.active::before{animation:none!important;width:100%!important}
  @keyframes gojdHeroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @media (prefers-reduced-motion:reduce){.home-page .hero-carousel-section .indicator.active::before{animation:none!important;transform:scaleX(1)!important}}
}