/* Alhassani Home Slider - the big banner at the top of the homepage.
   Same file is used by the website ([alhassani_hero]) and by the CMS preview (admin/sliders/). */
.ahh{position:relative;width:100%;overflow:hidden;aspect-ratio:3/1;background:#0b0f1a;-webkit-user-select:none;user-select:none;touch-action:pan-y;line-height:0}
.ahh.ahh-full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.ahh-track{display:flex;width:100%;height:100%;will-change:transform;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94)}
.ahh-track.ahh-jump{transition:none!important}
.ahh-slide{flex:0 0 100%;width:100%;height:100%;display:block;position:relative;overflow:hidden;outline:0}
.ahh-slide picture,.ahh-slide img{display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0}
.ahh-slide img{object-fit:cover;-webkit-user-drag:none;user-drag:none}
.ahh-slide:focus-visible{box-shadow:inset 0 0 0 3px #fff}
.ahh-arrow{position:absolute;top:50%;z-index:3;width:32px;height:32px;margin:-16px 0 0;padding:0;border:0;background:transparent;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent}
.ahh-arrow svg{display:block;width:32px;height:32px}
.ahh-arrow:focus{outline:0}
.ahh-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
.ahh-prev{left:15px}
.ahh-next{right:15px}
.ahh-next svg{transform:scaleX(-1)}
.ahh.ahh-single .ahh-arrow{display:none}
.ahh.ahh-dragging .ahh-track{transition:none}
@media (max-width:600px){.ahh.ahh-has-mobile{aspect-ratio:6/5}}
.ahh.ahh-force-mobile.ahh-has-mobile{aspect-ratio:6/5}
@media (prefers-reduced-motion:reduce){.ahh-track{transition-duration:.01s}}