/* Hero: three full-bleed images, CSS crossfade only (no Slider Revolution). Copy stays static. */

.alimran-hero {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.alimran-hero__bg-stack {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.alimran-hero__cover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 27s;
}

/* ~9s per image; image 1 is visible on first paint (no JS). */
.alimran-hero__cover--1 {
    opacity: 1;
    animation-name: alimranHeroBg1;
}

.alimran-hero__cover--2 {
    animation-name: alimranHeroBg2;
}

.alimran-hero__cover--3 {
    animation-name: alimranHeroBg3;
}

@keyframes alimranHeroBg1 {
    0% { opacity: 1; }
    31% { opacity: 1; }
    34% { opacity: 0; }
    97% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes alimranHeroBg2 {
    0%, 31% { opacity: 0; }
    34% { opacity: 1; }
    64% { opacity: 1; }
    67% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes alimranHeroBg3 {
    0%, 64% { opacity: 0; }
    67% { opacity: 1; }
    94% { opacity: 1; }
    97% { opacity: 0; }
    100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .alimran-hero__cover {
        animation: none !important;
    }

    .alimran-hero__cover--1 {
        opacity: 1;
    }

    .alimran-hero__cover--2,
    .alimran-hero__cover--3 {
        opacity: 0;
        visibility: hidden;
    }
}

.alimran-hero .gradient-bg1.bg-overlay,
.alimran-hero > .bg-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.alimran-hero .gradient-bg1.bg-overlay {
    background: linear-gradient(105deg, rgba(26, 26, 46, 0.55) 0%, rgba(26, 26, 46, 0.12) 55%, transparent 82%);
}

.alimran-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.alimran-hero__eyebrow {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0.75rem;
    letter-spacing: 0.02em;
}

.alimran-hero__title {
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: clamp(1.75rem, 4vw, 3rem);
    line-height: 1.15;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 1rem;
}

.alimran-hero__lead {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.55;
    color: #fff;
    max-width: 36rem;
    margin-bottom: 0;
}

.alimran-hero__actions {
    margin-top: 1.75rem;
}

.alimran-hero__actions .btn + .btn {
    margin-top: 0.75rem;
}

@media (min-width: 992px) {
    .alimran-hero__actions .btn + .btn {
        margin-top: 0;
        margin-left: 0.75rem;
    }
}

.alimran-hero__ghost {
    border: 2px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
}

.alimran-hero__ghost:hover {
    color: #1a1a2e !important;
    background: #fff !important;
}

/* Side menu: dark scrim + narrow drawer; theme cyan layer disabled. Drawer + hamburger only below lg. */
.side-menu:before {
    display: none !important;
}

.side-menu__backdrop {
    position: fixed;
    inset: 0;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    cursor: pointer;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.side-menu.side-menu-active .side-menu__backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.side-menu .inner-wrapper {
    position: relative;
    z-index: 1;
    max-width: min(92vw, 360px);
    width: 100%;
    margin-right: auto;
    background: transparent !important;
    pointer-events: auto;
}

.side-menu .side-nav .nav-link {
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) {
    #sidemenu_toggle,
    header .side-nav-btn {
        display: none !important;
    }

    .side-menu,
    .side-menu.side-menu-active {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* Landing only: larger navbar logo than Bizwa default (35px). */
header a.logo img {
    max-height: 56px;
    max-width: 200px;
    width: auto;
    height: auto;
    object-fit: contain;
}