.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#043B81;--e-global-color-c5d953c:#D16262;--e-global-color-84c24fb:#62A1D1;--e-global-typography-primary-font-family:"Oswald";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"brandon-grotesque";--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.3em;--e-global-typography-text-letter-spacing:-0.3px;--e-global-typography-accent-font-family:"Bebas Neue";--e-global-typography-accent-font-weight:500;color:#000000;font-family:"brandon-grotesque", Sans-serif;font-size:20px;font-weight:100;line-height:1.4em;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:#2A1C1C;}.elementor-kit-8 h1{font-family:"Josefin Sans", Sans-serif;font-size:80px;}.elementor-kit-8 h2{color:#000000;font-family:"Bebas Neue", Sans-serif;font-size:91px;font-weight:100;}.elementor-kit-8 h3{color:#FFFFFF;font-size:64px;}.elementor-kit-8 h4{color:#FFFFFF;font-family:"brandon-grotesque", Sans-serif;font-size:30px;line-height:0.8em;letter-spacing:-1.1px;}.elementor-kit-8 h5{color:#FF0000;}.elementor-kit-8 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-header-icons-size:10px;--lightbox-navigation-icons-size:10px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:18px;letter-spacing:-0.1px;}.elementor-kit-8 h1{font-size:42px;letter-spacing:0px;}.elementor-kit-8 h2{font-size:36px;line-height:0.9em;letter-spacing:-0.1px;}.elementor-kit-8 h3{font-size:32px;letter-spacing:-0.6px;}.elementor-kit-8 h4{font-size:14px;letter-spacing:-0.3px;}.elementor-kit-8 h5{font-size:14px;line-height:0.8em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* SECTION HEIGHT = controls scroll distance */
.scroll-section {
    height: 300vh; /* 3 panels → 300vh */
    position: relative;
}

/* STICKY VIEWPORT */
.sticky-wrapper {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
}

/* HORIZONTAL TRACK */
.horizontal-track {
    display: flex;
    height: 100vh;
    width: 300vw; /* 3 panels */
    will-change: transform;
}

/* PANELS */
.panel {
    min-width: 100vw;   /* ← KEY FIX */
    height: 100vh;
    flex-shrink: 0;
    display: flex;
}
.scroll-section,
.sticky-wrapper {
    max-width: none !important;
}
.panel img {
    transform: scale(1.05);
}

.scroll-section {
    height: 300vh !important;
}
.horizontal-track {
    will-change: transform;
    transform: translateX(0); /* stabilizes initial state */
}
.scroll-section {
    height: 400vh; /* stable viewport height */
}
.sticky-wrapper,
.panel {
    height: 100vh;
}
.horizontal-track {
    transform: translate3d(0,0,0);
}
@media (max-width: 768px) {

    .scroll-section {
        height: auto !important;
        overflow: visible !important;
    }

    .sticky-wrapper {
        position: relative;
        height: auto;
        overflow: visible !important;
    }

    .horizontal-track {
        display: flex;
        flex-direction: row;
        width: auto !important;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;

        transform: none !important; /* KEY FIX */
    }

    .panel {
        min-width: 100%;
        height: auto;
        scroll-snap-align: start;
    }
}
.horizontal-track::-webkit-scrollbar {
    display: none;
}
.horizontal-track {
    scrollbar-width: none;
}

.custom-line{
    border: none;
    border-top: 6px solid black;
    margin-top: 6px !important;
}

.elementor-kit-8 img{
    cursor:pointer;
    transition:0.3s ease;
}

.elementor-kit-8 img:hover{
    transform:scale(1.03);
}/* End custom CSS */