.elementor-277 .elementor-element.elementor-element-7af7dec{--display:flex;--min-height:450px;--justify-content:center;--overlay-opacity:0.68;}.elementor-277 .elementor-element.elementor-element-7af7dec:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-7af7dec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://juxtafilms.com/wp-content/uploads/2025/11/eDCP-Mastering-Service-Malaysia-Cloud-Based-DCP-Juxta-Films.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-277 .elementor-element.elementor-element-7af7dec::before, .elementor-277 .elementor-element.elementor-element-7af7dec > .elementor-background-video-container::before, .elementor-277 .elementor-element.elementor-element-7af7dec > .e-con-inner > .elementor-background-video-container::before, .elementor-277 .elementor-element.elementor-element-7af7dec > .elementor-background-slideshow::before, .elementor-277 .elementor-element.elementor-element-7af7dec > .e-con-inner > .elementor-background-slideshow::before, .elementor-277 .elementor-element.elementor-element-7af7dec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-277 .elementor-element.elementor-element-8f46fcf{text-align:center;}.elementor-277 .elementor-element.elementor-element-8f46fcf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-astglobalcolor4 );}.elementor-277 .elementor-element.elementor-element-2e23f5b{--display:flex;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-277 .elementor-element.elementor-element-004e46f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-277 .elementor-element.elementor-element-4232e85{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;}.elementor-277 .elementor-element.elementor-element-cf6e79a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-277 .elementor-element.elementor-element-cf6e79a:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-cf6e79a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d1f0794 );}.elementor-277 .elementor-element.elementor-element-f69e33f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-text );}.elementor-277 .elementor-element.elementor-element-7a6264f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-277 .elementor-element.elementor-element-b3d166e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-277 .elementor-element.elementor-element-1dab65d{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-277 .elementor-element.elementor-element-1dab65d:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-1dab65d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d1f0794 );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-277 .elementor-element.elementor-element-5fe6f16{padding:20px 20px 20px 20px;}.elementor-277 .elementor-element.elementor-element-5fe6f16 .elementor-icon-box-wrapper{gap:15px;}.elementor-277 .elementor-element.elementor-element-5fe6f16 .elementor-icon-box-title{margin-block-end:4px;}.elementor-277 .elementor-element.elementor-element-5fe6f16 .elementor-icon-box-title, .elementor-277 .elementor-element.elementor-element-5fe6f16 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;}.elementor-277 .elementor-element.elementor-element-5fe6f16 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;}.elementor-277 .elementor-element.elementor-element-427168b{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-277 .elementor-element.elementor-element-427168b:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-427168b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d1f0794 );}.elementor-277 .elementor-element.elementor-element-5495dd2{padding:20px 20px 20px 20px;}.elementor-277 .elementor-element.elementor-element-5495dd2 .elementor-icon-box-wrapper{gap:15px;}.elementor-277 .elementor-element.elementor-element-5495dd2 .elementor-icon-box-title{margin-block-end:4px;}.elementor-277 .elementor-element.elementor-element-5495dd2 .elementor-icon-box-title, .elementor-277 .elementor-element.elementor-element-5495dd2 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;}.elementor-277 .elementor-element.elementor-element-5495dd2 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;}.elementor-277 .elementor-element.elementor-element-750f46e{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-277 .elementor-element.elementor-element-750f46e:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-750f46e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d1f0794 );}.elementor-277 .elementor-element.elementor-element-f61e97d{padding:20px 20px 20px 20px;}.elementor-277 .elementor-element.elementor-element-f61e97d .elementor-icon-box-wrapper{gap:15px;}.elementor-277 .elementor-element.elementor-element-f61e97d .elementor-icon-box-title{margin-block-end:4px;}.elementor-277 .elementor-element.elementor-element-f61e97d .elementor-icon-box-title, .elementor-277 .elementor-element.elementor-element-f61e97d .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;}.elementor-277 .elementor-element.elementor-element-f61e97d .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;}.elementor-277 .elementor-element.elementor-element-c9fc03d{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-277 .elementor-element.elementor-element-c9fc03d:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-c9fc03d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d1f0794 );}.elementor-277 .elementor-element.elementor-element-bc84c7c{padding:20px 20px 20px 20px;}.elementor-277 .elementor-element.elementor-element-bc84c7c .elementor-icon-box-wrapper{gap:15px;}.elementor-277 .elementor-element.elementor-element-bc84c7c .elementor-icon-box-title{margin-block-end:4px;}.elementor-277 .elementor-element.elementor-element-bc84c7c .elementor-icon-box-title, .elementor-277 .elementor-element.elementor-element-bc84c7c .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;}.elementor-277 .elementor-element.elementor-element-bc84c7c .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;}.elementor-277 .elementor-element.elementor-element-1969852{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-277 .elementor-element.elementor-element-655d8f1{--spacer-size:50px;}.elementor-277 .elementor-element.elementor-element-d8f9364{--display:flex;--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;--padding-top:050px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-277 .elementor-element.elementor-element-d8f9364:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-d8f9364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-277 .elementor-element.elementor-element-d8f9364::before, .elementor-277 .elementor-element.elementor-element-d8f9364 > .elementor-background-video-container::before, .elementor-277 .elementor-element.elementor-element-d8f9364 > .e-con-inner > .elementor-background-video-container::before, .elementor-277 .elementor-element.elementor-element-d8f9364 > .elementor-background-slideshow::before, .elementor-277 .elementor-element.elementor-element-d8f9364 > .e-con-inner > .elementor-background-slideshow::before, .elementor-277 .elementor-element.elementor-element-d8f9364 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-277 .elementor-element.elementor-element-e217952 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;}.elementor-277 .elementor-element.elementor-element-b3e5528{--display:flex;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-277 .elementor-element.elementor-element-d1a54d9{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-277 .elementor-element.elementor-element-d1a54d9:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-d1a54d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-277 .elementor-element.elementor-element-4a991f2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;color:var( --e-global-color-text );}.elementor-277 .elementor-element.elementor-element-594d0b5{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;}.elementor-277 .elementor-element.elementor-element-f3c3033{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-277 .elementor-element.elementor-element-f3c3033:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-f3c3033 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-277 .elementor-element.elementor-element-9def7b0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;color:var( --e-global-color-text );}.elementor-277 .elementor-element.elementor-element-1cea04e{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;}.elementor-277 .elementor-element.elementor-element-cab0397{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-277 .elementor-element.elementor-element-f90d764{--display:flex;--min-height:350px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;}.elementor-277 .elementor-element.elementor-element-f90d764:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-f90d764 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #029292 0%, var( --e-global-color-secondary ) 100%);}.elementor-277 .elementor-element.elementor-element-c2f6c06{--display:flex;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-277 .elementor-element.elementor-element-60bc31c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-277 .elementor-element.elementor-element-b7bb7ff{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;color:var( --e-global-color-d1f0794 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-277 .elementor-element.elementor-element-4108541 .elementor-button{background-color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-277 .elementor-element.elementor-element-4c22be0{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-277 .elementor-element.elementor-element-76fe972{margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-277 .elementor-element.elementor-element-76fe972 img{width:400px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-277 .elementor-element.elementor-element-004e46f .elementor-heading-title{font-size:25px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-277 .elementor-element.elementor-element-f69e33f .elementor-heading-title{font-size:25px;}.elementor-277 .elementor-element.elementor-element-b3d166e{--flex-wrap:wrap;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-277 .elementor-element.elementor-element-e217952 .elementor-heading-title{font-size:25px;}.elementor-277 .elementor-element.elementor-element-c2f6c06{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-277 .elementor-element.elementor-element-7af7dec{--content-width:1400px;}.elementor-277 .elementor-element.elementor-element-2e23f5b{--content-width:1400px;}.elementor-277 .elementor-element.elementor-element-cf6e79a{--content-width:1400px;}.elementor-277 .elementor-element.elementor-element-d8f9364{--content-width:1400px;}.elementor-277 .elementor-element.elementor-element-cab0397{--content-width:1400px;}.elementor-277 .elementor-element.elementor-element-f90d764{--content-width:1400px;}}@media(max-width:767px){.elementor-277 .elementor-element.elementor-element-7af7dec{--min-height:300px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-277 .elementor-element.elementor-element-8f46fcf .elementor-heading-title{font-size:30px;}.elementor-277 .elementor-element.elementor-element-004e46f .elementor-heading-title{font-size:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-277 .elementor-element.elementor-element-4232e85{font-size:11px;}.elementor-277 .elementor-element.elementor-element-f69e33f .elementor-heading-title{font-size:20px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-277 .elementor-element.elementor-element-5fe6f16 .elementor-icon{font-size:50px;}.elementor-277 .elementor-element.elementor-element-5fe6f16 .elementor-icon-box-title, .elementor-277 .elementor-element.elementor-element-5fe6f16 .elementor-icon-box-title a{font-size:18px;}.elementor-277 .elementor-element.elementor-element-5fe6f16 .elementor-icon-box-description{font-size:11px;}.elementor-277 .elementor-element.elementor-element-5495dd2 .elementor-icon{font-size:50px;}.elementor-277 .elementor-element.elementor-element-5495dd2 .elementor-icon-box-title, .elementor-277 .elementor-element.elementor-element-5495dd2 .elementor-icon-box-title a{font-size:18px;}.elementor-277 .elementor-element.elementor-element-5495dd2 .elementor-icon-box-description{font-size:11px;}.elementor-277 .elementor-element.elementor-element-f61e97d .elementor-icon{font-size:50px;}.elementor-277 .elementor-element.elementor-element-f61e97d .elementor-icon-box-title, .elementor-277 .elementor-element.elementor-element-f61e97d .elementor-icon-box-title a{font-size:18px;}.elementor-277 .elementor-element.elementor-element-f61e97d .elementor-icon-box-description{font-size:11px;}.elementor-277 .elementor-element.elementor-element-bc84c7c .elementor-icon{font-size:50px;}.elementor-277 .elementor-element.elementor-element-bc84c7c .elementor-icon-box-title, .elementor-277 .elementor-element.elementor-element-bc84c7c .elementor-icon-box-title a{font-size:18px;}.elementor-277 .elementor-element.elementor-element-bc84c7c .elementor-icon-box-description{font-size:11px;}.elementor-277 .elementor-element.elementor-element-e217952 .elementor-heading-title{font-size:20px;}.elementor-277 .elementor-element.elementor-element-4a991f2 .elementor-heading-title{font-size:15px;}.elementor-277 .elementor-element.elementor-element-594d0b5{font-size:11px;}.elementor-277 .elementor-element.elementor-element-9def7b0 .elementor-heading-title{font-size:15px;}.elementor-277 .elementor-element.elementor-element-1cea04e{font-size:11px;}.elementor-277 .elementor-element.elementor-element-cab0397{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-277 .elementor-element.elementor-element-60bc31c .elementor-heading-title{font-size:25px;}.elementor-277 .elementor-element.elementor-element-b7bb7ff{font-size:11px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-277 .elementor-element.elementor-element-76fe972{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-76fe972 img{width:200px;}}/* Start custom CSS for container, class: .elementor-element-d1a54d9 */<style>
    body {
        overflow-x: hidden;
    }
    .tag {
        backdrop-filter: blur(20px);
    }
    .scroll-container {
        overflow: visible;
        will-change: transform;
        transition: transform 0.2s ease; /* Smooth transition for transform */
    }
    .panel {
        will-change: transform;
        aspect-ratio: 1.5;
        transition: background-size 0.2s ease;
    }
    .panel:hover {
        background-size: 130% !important;
        transition: 0.2s;
    }
    .overflow-hidden {
        overflow: hidden;
    }

   .sticky-section {
    transition: position 0.2s ease; /* Smooth transition for position change */
    }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const scrollContainerParent = document.querySelector('.scroll-container-parent');
    const scrollContainer = document.querySelector('.scroll-container');
    const stickySection = document.querySelector('.sticky-section');
    const panels = document.querySelectorAll('.panel');

    let totalPanelWidth = 0;
    panels.forEach(panel => {
        totalPanelWidth += panel.offsetWidth;
    });

    const panelLeftSpace = panels[0].getBoundingClientRect().left;
    const viewportWidth = window.innerWidth;

    function handleScroll() {
        const isSticky = stickySection.classList.contains('elementor-sticky--active');
        const isPositionFixed = window.getComputedStyle(stickySection).position === 'fixed';
        const isPositionAbsolute = window.getComputedStyle(stickySection).position === 'absolute';

        if (isSticky && isPositionFixed) {
            const scrollTop = window.scrollY;
            const rect = scrollContainerParent.getBoundingClientRect();
            const elementTop = scrollTop + rect.top;
            const parentHeight = scrollContainerParent.offsetHeight;
            const viewportHeight = window.innerHeight;

            const startScroll = elementTop;
            const endScroll = elementTop + parentHeight - viewportHeight;

            let percentage = ((scrollTop - startScroll) / (endScroll - startScroll)) * 100;
            percentage = Math.max(0, Math.min(percentage, 100));

            const translateX = -(totalPanelWidth - viewportWidth + (panelLeftSpace * 2) + viewportWidth / 3) * (percentage / 100);

            // Use requestAnimationFrame to apply the transform
            requestAnimationFrame(() => {
                scrollContainer.style.transform = `translateX(${translateX}px)`;
            });
        }
        else if (!isSticky && !isPositionAbsolute) {
            // Reset transform when not sticky and not absolute
            requestAnimationFrame(() => {
                scrollContainer.style.transform = 'translateX(0)';
            });
        }
    }

    if (scrollContainer && scrollContainerParent && stickySection) {
        window.addEventListener('scroll', handleScroll);
        // Initial call to set up the correct transform
        handleScroll();
    } else {
        console.error('.scroll-container, .scroll-container-parent, or .sticky-section not found!');
    }
});
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3c3033 */<style>
    body {
        overflow-x: hidden;
    }
    .tag {
        backdrop-filter: blur(20px);
    }
    .scroll-container {
        overflow: visible;
        will-change: transform;
        transition: transform 0.2s ease; /* Smooth transition for transform */
    }
    .panel {
        will-change: transform;
        aspect-ratio: 1.5;
        transition: background-size 0.2s ease;
    }
    .panel:hover {
        background-size: 130% !important;
        transition: 0.2s;
    }
    .overflow-hidden {
        overflow: hidden;
    }

   .sticky-section {
    transition: position 0.2s ease; /* Smooth transition for position change */
    }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const scrollContainerParent = document.querySelector('.scroll-container-parent');
    const scrollContainer = document.querySelector('.scroll-container');
    const stickySection = document.querySelector('.sticky-section');
    const panels = document.querySelectorAll('.panel');

    let totalPanelWidth = 0;
    panels.forEach(panel => {
        totalPanelWidth += panel.offsetWidth;
    });

    const panelLeftSpace = panels[0].getBoundingClientRect().left;
    const viewportWidth = window.innerWidth;

    function handleScroll() {
        const isSticky = stickySection.classList.contains('elementor-sticky--active');
        const isPositionFixed = window.getComputedStyle(stickySection).position === 'fixed';
        const isPositionAbsolute = window.getComputedStyle(stickySection).position === 'absolute';

        if (isSticky && isPositionFixed) {
            const scrollTop = window.scrollY;
            const rect = scrollContainerParent.getBoundingClientRect();
            const elementTop = scrollTop + rect.top;
            const parentHeight = scrollContainerParent.offsetHeight;
            const viewportHeight = window.innerHeight;

            const startScroll = elementTop;
            const endScroll = elementTop + parentHeight - viewportHeight;

            let percentage = ((scrollTop - startScroll) / (endScroll - startScroll)) * 100;
            percentage = Math.max(0, Math.min(percentage, 100));

            const translateX = -(totalPanelWidth - viewportWidth + (panelLeftSpace * 2) + viewportWidth / 3) * (percentage / 100);

            // Use requestAnimationFrame to apply the transform
            requestAnimationFrame(() => {
                scrollContainer.style.transform = `translateX(${translateX}px)`;
            });
        }
        else if (!isSticky && !isPositionAbsolute) {
            // Reset transform when not sticky and not absolute
            requestAnimationFrame(() => {
                scrollContainer.style.transform = 'translateX(0)';
            });
        }
    }

    if (scrollContainer && scrollContainerParent && stickySection) {
        window.addEventListener('scroll', handleScroll);
        // Initial call to set up the correct transform
        handleScroll();
    } else {
        console.error('.scroll-container, .scroll-container-parent, or .sticky-section not found!');
    }
});
</script>/* End custom CSS */