/* LawHub Exams 10.13.30 — stable edge controls + unified shadow transition
   One slider motion system only: controls never resize/move on hover, desktop slides
   crossfade directionally, and the matching edge shades without affecting layout. */

body.lhp-home-page .lh15-showcase{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  --lh30-nav-w:46px;
  --lh30-nav-h:82px;
  --lh30-delay:6400ms;
}
body.lhp-home-page .lh15-showcase-track{
  position:relative!important;
  z-index:2!important;
  height:100%!important;
}

/* Disable the older nested copy/visual entrance animations so slider motion does not stack. */
body.lhp-home-page .lh15-slide.is-active .lh15-slide-copy,
body.lhp-home-page .lh15-slide.is-active .lh15-visual{
  animation:none!important;
}

/* Full-showcase navigation layer. */
body.lhp-home-page .lh15-slider-bar{
  position:absolute!important;
  z-index:90!important;
  inset:0!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
body.lhp-home-page .lh15-slider-arrows{
  position:absolute!important;
  z-index:6!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  transform:none!important;
  pointer-events:none!important;
}
body.lhp-home-page .lh15-slider-arrows button{
  position:absolute!important;
  top:50%!important;
  display:grid!important;
  place-items:center!important;
  width:var(--lh30-nav-w)!important;
  height:var(--lh30-nav-h)!important;
  min-width:var(--lh30-nav-w)!important;
  min-height:var(--lh30-nav-h)!important;
  padding:0!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(21,46,74,.60),rgba(8,27,47,.48))!important;
  color:rgba(250,252,255,.94)!important;
  box-shadow:0 12px 30px rgba(1,11,22,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(12px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(116%)!important;
  opacity:.92!important;
  visibility:visible!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease,opacity .24s ease,backdrop-filter .24s ease!important;
  will-change:auto!important;
}
body.lhp-home-page #lhg-slide-prev{left:14px!important;right:auto!important}
body.lhp-home-page #lhg-slide-next{right:14px!important;left:auto!important}
body.lhp-home-page .lh15-slider-arrows button::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:13px;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 46%,transparent 70%);
  opacity:.55;
  transition:opacity .24s ease!important;
}
body.lhp-home-page .lh15-slider-arrows button::after{
  content:"";
  position:absolute;
  top:16%;
  bottom:16%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent);
  opacity:.55;
}
body.lhp-home-page #lhg-slide-prev::after{right:6px}
body.lhp-home-page #lhg-slide-next::after{left:6px}
body.lhp-home-page .lh15-slider-arrows button svg{
  position:relative!important;
  z-index:2!important;
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transform:none!important;
  transition:opacity .24s ease,stroke-width .24s ease!important;
}
@media (hover:hover) and (pointer:fine){
  body.lhp-home-page .lh15-slider-arrows button:hover{
    /* Geometry intentionally stays 100% fixed on hover. */
    width:var(--lh30-nav-w)!important;
    height:var(--lh30-nav-h)!important;
    min-width:var(--lh30-nav-w)!important;
    min-height:var(--lh30-nav-h)!important;
    transform:translateY(-50%)!important;
    border-color:rgba(255,255,255,.42)!important;
    background:linear-gradient(180deg,rgba(31,59,88,.78),rgba(10,31,52,.68))!important;
    color:#fff!important;
    opacity:1!important;
    box-shadow:0 17px 42px rgba(0,9,18,.28),inset 0 1px 0 rgba(255,255,255,.17),0 0 0 1px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(16px) saturate(128%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(128%)!important;
  }
  body.lhp-home-page .lh15-slider-arrows button:hover::before{opacity:.92!important}
  body.lhp-home-page .lh15-slider-arrows button:hover svg{stroke-width:2!important}
}
body.lhp-home-page .lh15-slider-arrows button:active{
  transform:translateY(-50%)!important;
  background:linear-gradient(180deg,rgba(14,37,61,.90),rgba(7,24,41,.84))!important;
  box-shadow:0 8px 20px rgba(0,8,17,.24),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.lhp-home-page .lh15-slider-arrows button:focus-visible,
body.lhp-home-page .lh15-slider-dots button:focus-visible{
  outline:2px solid rgba(255,255,255,.96)!important;
  outline-offset:3px!important;
}
body.lhp-home-page .lh15-slider-arrows button[aria-disabled="true"]{opacity:.46!important;cursor:default!important}

/* Hover edge shading: visual only, never changes control geometry or slide layout. */
body.lhp-home-page .lh29-edge-shade{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  z-index:42!important;
  width:min(31%,360px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .28s cubic-bezier(.2,.72,.2,1)!important;
}
body.lhp-home-page .lh29-edge-shade.is-left{
  left:0!important;
  background:linear-gradient(90deg,rgba(2,11,21,.52) 0%,rgba(5,19,34,.26) 38%,rgba(7,23,40,.08) 72%,transparent 100%)!important;
}
body.lhp-home-page .lh29-edge-shade.is-right{
  right:0!important;
  background:linear-gradient(270deg,rgba(2,11,21,.52) 0%,rgba(5,19,34,.26) 38%,rgba(7,23,40,.08) 72%,transparent 100%)!important;
}
body.lhp-home-page .lh15-showcase.is-hover-prev .lh29-edge-shade.is-left,
body.lhp-home-page .lh15-showcase.is-hover-next .lh29-edge-shade.is-right{opacity:1!important}

/* Directional transition shadow. */
body.lhp-home-page .lh29-transition-wash{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  z-index:48!important;
  width:38%!important;
  left:-38%!important;
  opacity:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent 0%,rgba(1,9,18,.06) 18%,rgba(2,12,23,.30) 45%,rgba(255,255,255,.045) 57%,rgba(3,15,28,.08) 72%,transparent 100%)!important;
  filter:blur(8px)!important;
  will-change:transform,opacity!important;
}
body.lhp-home-page .lh15-showcase.is-sliding-next .lh29-transition-wash{animation:lh30WashNext .62s cubic-bezier(.2,.68,.2,1) both!important}
body.lhp-home-page .lh15-showcase.is-sliding-prev .lh29-transition-wash{animation:lh30WashPrev .62s cubic-bezier(.2,.68,.2,1) both!important}
@keyframes lh30WashNext{
  0%{opacity:0;transform:translate3d(365%,0,0)}
  20%{opacity:.76}
  66%{opacity:.52}
  100%{opacity:0;transform:translate3d(-6%,0,0)}
}
@keyframes lh30WashPrev{
  0%{opacity:0;transform:translate3d(-6%,0,0)}
  20%{opacity:.76}
  66%{opacity:.52}
  100%{opacity:0;transform:translate3d(365%,0,0)}
}

/* Bottom dots: compact and stable. Active item shows autoplay progress. */
body.lhp-home-page .lh15-slider-dots{
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(7,23,40,.48)!important;
  box-shadow:0 8px 24px rgba(3,14,26,.14)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  pointer-events:auto!important;
}
body.lhp-home-page .lh15-slider-dots button{
  position:relative!important;
  display:block!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  min-height:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.34)!important;
  overflow:hidden!important;
  opacity:1!important;
  cursor:pointer!important;
  transition:width .2s ease,background .2s ease!important;
}
body.lhp-home-page .lh15-slider-dots button.is-active{width:31px!important;background:rgba(255,255,255,.18)!important}
body.lhp-home-page .lh15-slider-dots button i{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:#fff!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  animation:none!important;
}
body.lhp-home-page .lh15-slider-dots button.is-active i{animation:lh30DotProgress var(--lh30-delay) linear forwards!important}
@keyframes lh30DotProgress{to{transform:scaleX(1)}}
body.lhp-home-page .lh15-slider-count{
  position:absolute!important;
  z-index:7!important;
  right:24px!important;
  bottom:22px!important;
  display:block!important;
  color:#aebdca!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.1em!important;
  pointer-events:none!important;
}
body.lhp-home-page .lh15-slider-count span{color:#fff!important;font-size:9px!important}

/* Desktop uses layered slides; there is no moving track and therefore no wrap-around jump. */
@media (min-width:981px){
  body.lhp-home-page .lh15-showcase-track{
    display:block!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.lhp-home-page .lh15-slide.lhg-showcase-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    min-width:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:1!important;
    transform:none!important;
    filter:none!important;
  }
  body.lhp-home-page .lh15-slide.lhg-showcase-slide.is-active,
  body.lhp-home-page .lh15-slide.lhg-showcase-slide.lh30-leaving{
    visibility:visible!important;
  }
  body.lhp-home-page .lh15-slide.lhg-showcase-slide.is-active{
    opacity:1!important;
    pointer-events:auto!important;
    z-index:3!important;
  }
  body.lhp-home-page .lh15-slide.lhg-showcase-slide.lh30-leaving{
    z-index:2!important;
    pointer-events:none!important;
  }
  body.lhp-home-page .lh15-showcase.is-sliding-next .lh15-slide.lhg-showcase-slide.is-active{animation:lh30SlideInNext .58s cubic-bezier(.2,.72,.2,1) both!important}
  body.lhp-home-page .lh15-showcase.is-sliding-prev .lh15-slide.lhg-showcase-slide.is-active{animation:lh30SlideInPrev .58s cubic-bezier(.2,.72,.2,1) both!important}
  body.lhp-home-page .lh15-slide.lhg-showcase-slide.lh30-leaving.lh30-to-next{animation:lh30SlideOutNext .58s cubic-bezier(.2,.72,.2,1) both!important}
  body.lhp-home-page .lh15-slide.lhg-showcase-slide.lh30-leaving.lh30-to-prev{animation:lh30SlideOutPrev .58s cubic-bezier(.2,.72,.2,1) both!important}
}
@keyframes lh30SlideInNext{
  0%{opacity:0;transform:translate3d(16px,0,0) scale(.998)}
  36%{opacity:.66}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes lh30SlideOutNext{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  100%{opacity:0;transform:translate3d(-10px,0,0) scale(.998)}
}
@keyframes lh30SlideInPrev{
  0%{opacity:0;transform:translate3d(-16px,0,0) scale(.998)}
  36%{opacity:.66}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes lh30SlideOutPrev{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  100%{opacity:0;transform:translate3d(10px,0,0) scale(.998)}
}

/* Laptop-height tuning keeps the controls visible while preserving geometry. */
@media (min-width:981px) and (max-height:760px){
  body.lhp-home-page .lh15-showcase{--lh30-nav-w:42px;--lh30-nav-h:70px}
}

/* Tablet/mobile keep a compact bottom rail and the existing horizontal track. */
@media (max-width:980px){
  body.lhp-home-page .lh29-edge-shade,
  body.lhp-home-page .lh29-transition-wash{display:none!important}
  body.lhp-home-page .lh15-slider-bar{
    inset:auto 20px 12px 20px!important;
    min-height:42px!important;
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    align-items:center!important;
    gap:10px!important;
    padding:5px 7px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:12px!important;
    background:rgba(8,25,43,.46)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body.lhp-home-page .lh15-slider-dots,
  body.lhp-home-page .lh15-slider-count,
  body.lhp-home-page .lh15-slider-arrows{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.lhp-home-page .lh15-slider-dots{justify-self:start!important;padding:0!important;min-height:0!important;pointer-events:auto!important}
  body.lhp-home-page .lh15-slider-count{justify-self:center!important;pointer-events:none!important}
  body.lhp-home-page .lh15-slider-arrows{justify-self:end!important;display:flex!important;gap:6px!important;width:auto!important;height:auto!important;pointer-events:auto!important}
  body.lhp-home-page .lh15-slider-arrows button{
    position:static!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    transform:none!important;
    border-radius:10px!important;
    pointer-events:auto!important;
  }
  body.lhp-home-page .lh15-slider-arrows button:active{transform:none!important}
  body.lhp-home-page .lh15-slider-arrows button::after{display:none!important}
  body.lhp-home-page .lh15-slider-arrows button svg{width:16px!important;height:16px!important}
  body.lhp-home-page .lh15-slider-dots button.is-active i{animation:none!important;transform:scaleX(1)!important}
}
@media (max-width:520px){
  body.lhp-home-page .lh15-slider-bar{left:12px!important;right:12px!important;bottom:10px!important}
  body.lhp-home-page .lh15-slider-count{display:none!important}
  body.lhp-home-page .lh15-slider-bar{grid-template-columns:1fr auto!important}
}

@media (prefers-reduced-motion:reduce){
  body.lhp-home-page .lh29-transition-wash{display:none!important}
  body.lhp-home-page .lh15-slide.lhg-showcase-slide{animation:none!important}
  body.lhp-home-page .lh15-slider-arrows button,
  body.lhp-home-page .lh29-edge-shade,
  body.lhp-home-page .lh15-slider-dots button{transition:none!important}
  body.lhp-home-page .lh15-slider-dots button.is-active i{animation:none!important;transform:scaleX(1)!important}
}
body.lhp-home-page .lh15-showcase.is-autoplay-paused .lh15-slider-dots button.is-active i{animation-play-state:paused!important}

/* Preserve the compact public-hero composition that keeps both CTAs visible on laptop displays. */
@media (min-width:981px){
  body.lhp-home-page .lh15-showcase{height:526px!important}
  body.lhp-home-page .lh15-slide.lhg-showcase-slide{padding:38px 60px 58px!important;gap:36px!important}
  body.lhp-home-page .lh15-slide-copy h1{font-size:clamp(37px,3.45vw,52px)!important;line-height:1.015!important}
  body.lhp-home-page .lh15-slide-copy>p{font-size:11.3px!important;line-height:1.62!important}
  body.lhp-home-page .lh15-actions{margin:17px 0 14px!important}
  body.lhp-home-page .lh15-slide-points{margin-top:14px!important}
  body.lhp-home-page .lh15-slide-points li{min-height:43px!important}
  body.lhp-home-page .lh15-visual{max-width:530px!important;box-shadow:0 24px 58px rgba(7,19,33,.22)!important}
}
@media (min-width:981px) and (max-height:760px){
  body.lhp-home-page .lh15-showcase{height:470px!important}
  body.lhp-home-page .lh15-slide.lhg-showcase-slide{padding:27px 58px 50px!important;gap:30px!important}
  body.lhp-home-page .lh15-slide-copy h1{font-size:clamp(33px,3vw,44px)!important;margin:8px 0 9px!important}
  body.lhp-home-page .lh15-slide-copy>p{font-size:10.2px!important;line-height:1.5!important}
  body.lhp-home-page .lh15-actions{margin:12px 0 10px!important}
  body.lhp-home-page .lh15-actions a,body.lhp-home-page .lh15-actions button{min-height:37px!important}
  body.lhp-home-page .lh15-slide-points{margin-top:10px!important}
  body.lhp-home-page .lh15-slide-points li{min-height:37px!important}
  body.lhp-home-page .lh15-visual{max-width:500px!important}
}