.elementor-70 .elementor-element.elementor-element-69f94fa > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-70 .elementor-element.elementor-element-69f94fa:not(.elementor-motion-effects-element-type-background), .elementor-70 .elementor-element.elementor-element-69f94fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adlercollege.pk/wp-content/uploads/2026/06/creative-students-A27YFWY.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-70 .elementor-element.elementor-element-69f94fa > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(110deg, var( --e-global-color-primary ) 53%, var( --e-global-color-7b1170c ) 100%);opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-70 .elementor-element.elementor-element-69f94fa{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-103px;margin-bottom:0px;padding:14em 0em 10em 0em;}.elementor-70 .elementor-element.elementor-element-44cfc099{padding:50px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-44cfc099 .elementor-heading-title{font-family:var( --e-global-typography-ff959e9-font-family ), Sans-serif;font-size:var( --e-global-typography-ff959e9-font-size );font-weight:var( --e-global-typography-ff959e9-font-weight );text-transform:var( --e-global-typography-ff959e9-text-transform );line-height:var( --e-global-typography-ff959e9-line-height );color:var( --e-global-color-3ad29f8 );}.elementor-70 .elementor-element.elementor-element-25deecca{padding:8em 0em 1em 0em;}.elementor-70 .elementor-element.elementor-element-f758586 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-70 .elementor-element.elementor-element-f758586{margin-top:0px;margin-bottom:25px;}.elementor-bc-flex-widget .elementor-70 .elementor-element.elementor-element-2f61d436.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-70 .elementor-element.elementor-element-2f61d436.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-70 .elementor-element.elementor-element-2f61d436.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-70 .elementor-element.elementor-element-2341d37f{width:auto;max-width:auto;}.elementor-70 .elementor-element.elementor-element-5af6e60a{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-70 .elementor-element.elementor-element-5af6e60a .elementor-heading-title{font-family:var( --e-global-typography-ac7903a-font-family ), Sans-serif;font-size:var( --e-global-typography-ac7903a-font-size );font-weight:var( --e-global-typography-ac7903a-font-weight );text-transform:var( --e-global-typography-ac7903a-text-transform );line-height:var( --e-global-typography-ac7903a-line-height );letter-spacing:var( --e-global-typography-ac7903a-letter-spacing );color:var( --e-global-color-primary );}.elementor-70 .elementor-element.elementor-element-72ade235{text-align:center;}.elementor-70 .elementor-element.elementor-element-72ade235 .elementor-heading-title{font-family:var( --e-global-typography-492a247-font-family ), Sans-serif;font-size:var( --e-global-typography-492a247-font-size );font-weight:var( --e-global-typography-492a247-font-weight );text-transform:var( --e-global-typography-492a247-text-transform );line-height:var( --e-global-typography-492a247-line-height );}.elementor-70 .elementor-element.elementor-element-7b18a687{--divider-border-style:zigzag;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;--divider-pattern-height:15px;--divider-pattern-size:20px;}.elementor-70 .elementor-element.elementor-element-7b18a687 .elementor-divider-separator{width:90px;margin:0 auto;margin-center:0;}.elementor-70 .elementor-element.elementor-element-7b18a687 .elementor-divider{text-align:center;padding-block-start:10px;padding-block-end:10px;}.elementor-70 .elementor-element.elementor-element-529bd580{margin:0px 250px calc(var(--kit-widget-spacing, 0px) + 0px) 250px;text-align:center;}.elementor-70 .elementor-element.elementor-element-f3a5a41{--display:flex;}.elementor-70 .elementor-element.elementor-element-f3a5a41.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-70 .elementor-element.elementor-element-0109d21 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap, 
                    .elementor-70 .elementor-element.elementor-element-0109d21 .eael-filterable-gallery-item-wrap .eael-grid-fg-box .eael-grid-fg-img,
                    .elementor-70 .elementor-element.elementor-element-0109d21 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img .grid__cell-img-inner{height:300px;}.elementor-70 .elementor-element.elementor-element-0109d21 .gallery-item-caption-wrap{transition:500ms;}.elementor-70 .elementor-element.elementor-element-0109d21 .eael-filter-gallery-wrapper{background-color:#fff;border-radius:0px;}.elementor-70 .elementor-element.elementor-element-0109d21 .eael-filter-gallery-control ul li.control{color:#444;}.elementor-70 .elementor-element.elementor-element-0109d21 .eael-filter-gallery-control ul > li.control{border-radius:0px;}.elementor-70 .elementor-element.elementor-element-0109d21 .eael-filter-gallery-control ul li.active{color:#fff;}.elementor-70 .elementor-element.elementor-element-0109d21 .eael-filter-gallery-control ul li.control.active{background:#333;border-radius:0px;}.elementor-70 .elementor-element.elementor-element-0109d21 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                    .elementor-70 .elementor-element.elementor-element-0109d21 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-70 .elementor-element.elementor-element-0109d21 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{border-radius:0px;}.elementor-70 .elementor-element.elementor-element-0109d21 .gallery-item-caption-wrap .gallery-item-hoverer-bg{background-color:rgba(0,0,0,0.7);}.elementor-70 .elementor-element.elementor-element-0109d21 .gallery-item-caption-wrap.caption-style-hoverer .fg-item-title{color:#ffffff;}.elementor-70 .elementor-element.elementor-element-0109d21 .gallery-item-caption-wrap.caption-style-hoverer .fg-item-content{color:#ffffff;}.elementor-70 .elementor-element.elementor-element-0109d21 .video-popup-bg{background-color:rgba(0, 0, 0, .7);}.elementor-70 .elementor-element.elementor-element-0109d21 .video-popup:hover > img{transform:scale(1.1);}.elementor-70 .elementor-element.elementor-element-0109d21 .gallery-item-caption-wrap .gallery-item-buttons > a span{background:#ff622a;color:#fff;height:50px;line-height:50px;width:50px;font-size:18px;border-radius:100px;transition:300ms;}.elementor-70 .elementor-element.elementor-element-0109d21 .gallery-item-caption-wrap .gallery-item-buttons > a span img{height:18px;width:18px;}.elementor-70 .elementor-element.elementor-element-0109d21 .gallery-item-caption-wrap .gallery-item-buttons > a span:hover{background:#ff622a;color:#fff;border-radius:100px;}.elementor-70 .elementor-element.elementor-element-0109d21 #eael-fg-no-items-found{text-align:center;color:#858e9a;border-radius:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-70 .elementor-element.elementor-element-44cfc099 .elementor-heading-title{font-size:var( --e-global-typography-ff959e9-font-size );line-height:var( --e-global-typography-ff959e9-line-height );}.elementor-70 .elementor-element.elementor-element-25deecca{padding:5em 0em 1em 0em;}.elementor-70 .elementor-element.elementor-element-5af6e60a .elementor-heading-title{font-size:var( --e-global-typography-ac7903a-font-size );line-height:var( --e-global-typography-ac7903a-line-height );letter-spacing:var( --e-global-typography-ac7903a-letter-spacing );}.elementor-70 .elementor-element.elementor-element-72ade235 .elementor-heading-title{font-size:var( --e-global-typography-492a247-font-size );line-height:var( --e-global-typography-492a247-line-height );}.elementor-70 .elementor-element.elementor-element-529bd580{margin:0px 150px calc(var(--kit-widget-spacing, 0px) + 0px) 150px;}}@media(max-width:767px){.elementor-70 .elementor-element.elementor-element-69f94fa{padding:10em 0em 8em 0em;}.elementor-70 .elementor-element.elementor-element-44cfc099{text-align:center;}.elementor-70 .elementor-element.elementor-element-44cfc099 .elementor-heading-title{font-size:var( --e-global-typography-ff959e9-font-size );line-height:var( --e-global-typography-ff959e9-line-height );}.elementor-70 .elementor-element.elementor-element-5af6e60a .elementor-heading-title{font-size:var( --e-global-typography-ac7903a-font-size );line-height:var( --e-global-typography-ac7903a-line-height );letter-spacing:var( --e-global-typography-ac7903a-letter-spacing );}.elementor-70 .elementor-element.elementor-element-72ade235 .elementor-heading-title{font-size:var( --e-global-typography-492a247-font-size );line-height:var( --e-global-typography-492a247-line-height );}.elementor-70 .elementor-element.elementor-element-529bd580{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-70 .elementor-element.elementor-element-2669c5ad{width:50.263%;}.elementor-70 .elementor-element.elementor-element-d4c3a66{width:49.737%;}.elementor-70 .elementor-element.elementor-element-f3a5a41{--width:90%;}}/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-0109d21 *//* Formal Mobile Horizontal Scroll for Filterable Galleries */
@media (max-width: 767px) {
    
    /* 1. Parent Scroll Track Container: Forces everything into a clean single line */
    .elementor-widget-filterable-gallery ul,
    .elementor-widget-filterable-gallery div[class*="-filter"],
    .elementor-widget-filterable-gallery div[class*="-menu"],
    .elementor-widget-filterable-gallery .eael-filterable-gallery-control,
    .elementor-widget-filterable-gallery .elementor-gallery-titles,
    #adler-filter ul, 
    #adler-filter .eael-filterable-gallery-control {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important; /* Enables horizontal swipe */
        overflow-y: hidden !important;
        justify-content: flex-start !important;
        align-items: center !important;
        -webkit-overflow-scrolling: touch !important; /* Smooth swiping on mobile */
        
        /* Layout spacing preserving original style bounds */
        gap: 15px !important; 
        padding-bottom: 8px !important; /* Tiny breathing room for the indicator bar below */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. Individual Filter Items: Preserves native fonts, colors, and box weights */
    .elementor-widget-filterable-gallery li,
    .elementor-widget-filterable-gallery span[class*="-item"],
    .elementor-widget-filterable-gallery a[class*="-item"],
    .elementor-widget-filterable-gallery .eael-filterable-gallery-control li,
    #adler-filter li {
        white-space: nowrap !important; /* Prevents words from snapping onto two text lines */
        display: inline-block !important;
        flex-shrink: 0 !important; /* Stops tabs from compressing on small viewports */
    }

    /* ==========================================================================
       BASIC FORMAL SCROLL INDICATOR (No Vibrant Colors)
       ========================================================================== */
       
    /* Thin, non-intrusive scrollbar track dimensions */
    .elementor-widget-filterable-gallery ul::-webkit-scrollbar,
    .elementor-widget-filterable-gallery div[class*="-filter"]::-webkit-scrollbar,
    .elementor-widget-filterable-gallery .eael-filterable-gallery-control::-webkit-scrollbar,
    #adler-filter ul::-webkit-scrollbar {
        display: block !important;
        height: 2px !important; 
    }

    /* Track Background matching your formal theme space */
    .elementor-widget-filterable-gallery ul::-webkit-scrollbar-track,
    .elementor-widget-filterable-gallery div[class*="-filter"]::-webkit-scrollbar-track,
    #adler-filter ul::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.05) !important; 
    }

    /* Slider Handle matching the dark color of the active text block */
    .elementor-widget-filterable-gallery ul::-webkit-scrollbar-thumb,
    .elementor-widget-filterable-gallery div[class*="-filter"]::-webkit-scrollbar-thumb,
    #adler-filter ul::-webkit-scrollbar-thumb {
        background: #333333 !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6021f50 *//* Container Layout */
.splash-gallery-section {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
    font-family: 'Poppins', sans-serif;
}

/* Heading Layout Matching image_8bb621.png */
.gallery-title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 40px;
}
.event-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}
.event-badge .yellow-box {
    width: 24px;
    height: 24px;
    background-color: #ffb606;
    display: inline-block;
}
.event-badge .sub-title {
    color: #0d233a;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}
.gallery-title-wrapper h2 {
    color: #1e3d59;
    font-size: 38px;
    font-weight: 800;
    margin: 0;
    letter-spacing: 0.5px;
}

/* E-commerce Style Layout split matching image_8bb6de.png */
.ecommerce-gallery-container {
    display: grid;
    grid-template-columns: 8.5fr 2.5fr; 
    gap: 25px;
    align-items: stretch;
}

/* Main Viewport Constraints (Prevents empty display spaces) */
.gallery-left-video {
    width: 100%;
}
.gallery-left-video .video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 550px; 
    background-color: #000;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.gallery-left-video .video-wrapper video,
.gallery-left-video .video-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; /* Assures perfect layout configuration without distortion or stretching */
    background: #000;
}

/* Side scrolling Thumbnail Column */
.gallery-right-thumbs {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 550px; 
    overflow-y: auto; 
    padding-right: 8px;
}

/* Custom Navigation Scrollbar */
.gallery-right-thumbs::-webkit-scrollbar {
    width: 5px;
}
.gallery-right-thumbs::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.gallery-right-thumbs::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

/* Base Thumbnail Cards Styling */
.thumb-card {
    position: relative;
    width: 100%;
    height: 95px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;
    opacity: 0.75;
    background: #000;
}
.thumb-card img, 
.thumb-card video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Custom Special Video Frame Thumbnail */
.thumb-card.video-thumb {
    background-color: #1e3d59;
}
.video-thumb-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(13, 35, 58, 0.45);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    z-index: 2;
    transition: background 0.2s;
}
.thumb-card.video-thumb:hover .video-thumb-overlay {
    background: rgba(13, 35, 58, 0.2);
}

/* Hover & Navigation Select Indication Layouts */
.thumb-card:hover {
    opacity: 1;
}
.thumb-card.active {
    border-color: #ffb606;
    opacity: 1;
    box-shadow: 0 2px 10px rgba(255, 182, 6, 0.35);
}

/* Responsive Adaptive Viewports */
@media (max-width: 850px) {
    .ecommerce-gallery-container {
        grid-template-columns: 1fr;
    }
    .gallery-left-video .video-wrapper {
        min-height: auto;
        padding-top: 56.25%;
    }
    .gallery-right-thumbs {
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        padding-bottom: 10px;
    }
    .thumb-card {
        width: 110px;
        height: 80px;
    }
}/* End custom CSS */