.elementor-334 .elementor-element.elementor-element-a11c4ce{--display:flex;--min-height:150vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:0%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-334 .elementor-element.elementor-element-a11c4ce:not(.elementor-motion-effects-element-type-background), .elementor-334 .elementor-element.elementor-element-a11c4ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://res.cloudinary.com/dymrtnckm/image/upload/q_auto/f_auto/v1778190964/ezgif-7d4b5e7077ff7d57_ik0ikc.webp") 50% 50%;background-size:cover;}.elementor-334 .elementor-element.elementor-element-56ff4bf{--display:flex;--min-height:209px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-334 .elementor-element.elementor-element-e911b9f{--swiper-slides-to-display:4;--swiper-slides-gap:10px;margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 08vw;padding:0vw 8vw 0vw 0vw;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:25px;--arrow-normal-color:var( --e-global-color-667c272 );}.elementor-334 .elementor-element.elementor-element-e911b9f .swiper-slide > .elementor-element{height:100%;}.elementor-334 .elementor-element.elementor-element-4e841c2{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-334 .elementor-element.elementor-element-a11c4ce{--content-width:100%;}}@media(max-width:1024px){.elementor-334 .elementor-element.elementor-element-e911b9f{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-334 .elementor-element.elementor-element-e911b9f{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-e911b9f *//* =========================================
   LOOP / SWIPER FIXES
========================================= */

.elementor-widget-loop-carousel,
.elementor-widget-loop-carousel .swiper,
.elementor-widget-loop-carousel .swiper-wrapper,
.elementor-widget-loop-carousel .swiper-slide,
.elementor-loop-container,
.elementor-loop-container > * {
    overflow: visible !important;
}


/* =========================================
   HOVERED SLIDE ABOVE EVERYTHING
========================================= */

.swiper-slide {
    position: relative !important;

    z-index: 1 !important;
}

.swiper-slide:hover {
    z-index: 900 !important;
}


/* =========================================
   MAIN CARD
========================================= */

.film-card-main-front {
    position: relative !important;

    overflow: visible !important;

    z-index: 5 !important;
}


/* =========================================
   ACCORDION
========================================= */

.film-card-accordion {
    position: relative !important;

    overflow: visible !important;
}


/* =========================================
   REMOVE DEFAULT ACCORDION UI
========================================= */

.film-card-accordion summary,
.film-card-accordion .e-n-accordion-item-title,
.film-card-accordion .e-n-accordion-item-title-header,
.film-card-accordion .e-n-accordion-item-title-text {
    display: none !important;
}


/* =========================================
   ACCORDION ITEMS
========================================= */

.film-card-accordion .e-n-accordion-item {
    border: none !important;

    overflow: visible !important;

    position: static !important;

    background: transparent !important;
}


/* =========================================
   FRONT PANEL
========================================= */

.film-card-front {
    position: relative !important;

    min-height:220px !important;

    overflow: hidden !important;

    z-index: 10 !important;

    isolation: isolate !important;

    background-size: cover !important;
    background-position: center center !important;

    transition:
        transform 1.2s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.film-card-front::after {
    content: "";

    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.45) 45%,
            rgba(0,0,0,.12) 75%,
            transparent 100%
        ) !important;

    transition:
        opacity .6s ease !important;
}


/* =========================================
   FRONT CONTENT
========================================= */

.film-card-front .elementor-widget-container,
.film-card-front .elementor-widget {
    position: relative !important;

    z-index: 2 !important;
}


/* =========================================
   EXPAND PANEL
========================================= */

.film-card-expand {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;

    width: 100% !important;

    background: #fff !important;

    z-index: 999 !important;

    overflow: hidden !important;

    box-shadow:
        0 30px 60px rgba(0,0,0,.22) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translateY(-24px)
        scale(1) !important;

    transform-origin: top center !important;

    transition: opacity .28s ease,
        visibility .28s ease,
        transform .9s cubic-bezier(.16,1,.3,1)
        box-shadow .5s ease !important;
}


/* =========================================
   OPEN STATE
========================================= */

.e-n-accordion-item[open] .film-card-expand {
    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translateY(0)
        scale(1) !important;
}


/* =========================================
   EXPAND CONTENT
========================================= */

.film-card-expand .elementor-widget,
.film-card-expand .elementor-widget-container,
.film-card-expand .elementor-text-editor,
.film-card-expand p {
    opacity: 1 !important;

    color: #111 !important;

    filter: none!important;
    transition:
        transform .9s cubic-bezier(.16,1,.3,1), 
        opacity .35s ease !important;
}


/* =========================================
   FRONT IMAGE MOTION
========================================= */

.film-card-main-front:hover .film-card-front {
    transform:
        scale(1) !important;
}


/* =========================================
   OPTIONAL DEPTH
========================================= */

.film-card-main-front:hover .film-card-expand {
    box-shadow:
        0 40px 90px rgba(0,0,0,.28) !important;
}

/* =========================================
   FORCE ALL LOOP/CAROUSEL WRAPPERS VISIBLE
========================================= */

.elementor-widget-loop-carousel,
.elementor-widget-loop-carousel *,
.elementor-swiper,
.elementor-main-swiper,
.swiper,
.swiper-container,
.swiper-wrapper,
.swiper-slide,
.e-loop-carousel,
.e-loop-carousel .swiper,
.e-loop-carousel .swiper-wrapper,
.e-loop-carousel .swiper-slide {
    overflow: visible !important;
}



/* =========================================
   PREVENT NEXT SECTION COVERING CARD
========================================= */

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a11c4ce */#hero-films-page_main {
    position: relative;
    height: 100vh;
    overflow: visible!important;
}

#hero-films-page_main .elementor-background-video-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

/* THE VIDEO ITSELF */
#hero-films-page_main video {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 120vw;
    height: 120vh;

    object-fit: cover;

    transform: translate(-50%, -50%) scale(1.45);

    transition:
        transform 2.5s cubic-bezier(.16,1,.3,1)!important;

    pointer-events: none;

    will-change: transform;
}

/* Cinematic hover drift */
#hero-films-page_main:hover video {
    transform:
        translate(-50%, -52%)
        scale(1.6);
           transition:
        transform 2.5s cubic-bezier(.16,1,.3,1)!important;

}

/* Optional filmic overlay */
#hero-films-page_main::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.45),
            rgba(0,0,0,0.15),
            rgba(0,0,0,0.7)
        );

    pointer-events: none;
}/* End custom CSS */