.elementor-56 .elementor-element.elementor-element-9d11ebf{--display:flex;--min-height:450px;--justify-content:center;}.elementor-56 .elementor-element.elementor-element-9d11ebf:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-9d11ebf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);}.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-56 .elementor-element.elementor-element-051f8fd{text-align:center;}.elementor-56 .elementor-element.elementor-element-051f8fd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-be08069{--display:flex;--min-height:20px;--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:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-56 .elementor-element.elementor-element-be08069:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-be08069 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ece0c22 );}.elementor-56 .elementor-element.elementor-element-dd3ce13{--display:flex;--min-height:300px;--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-56 .elementor-element.elementor-element-36326de{--display:flex;}.elementor-56 .elementor-element.elementor-element-402eed9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;}.elementor-56 .elementor-element.elementor-element-c789b67{--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;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-56 .elementor-element.elementor-element-87b495f{width:var( --container-widget-width, 20% );max-width:20%;background-color:#FFFFFF00;padding:25px 25px 25px 25px;--container-widget-width:20%;--container-widget-flex-grow:0;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon-box-wrapper{gap:15px;}.elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:700;}.elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}.elementor-56 .elementor-element.elementor-element-4fbc916{width:var( --container-widget-width, 20% );max-width:20%;background-color:transparent;padding:25px 25px 25px 25px;--container-widget-width:20%;--container-widget-flex-grow:0;background-image:radial-gradient(at bottom left, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-wrapper{gap:15px;}.elementor-56 .elementor-element.elementor-element-4fbc916.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-4fbc916.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-4fbc916.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-4fbc916.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-4fbc916.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-4fbc916.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-4fbc916.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-4fbc916.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-4fbc916.elementor-view-default:has(:focus) .elementor-icon{fill:#EAFF00;color:#EAFF00;border-color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:700;}.elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-4fbc916:has(:hover) .elementor-icon-box-title,
					 .elementor-56 .elementor-element.elementor-element-4fbc916:has(:focus) .elementor-icon-box-title{color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-d1f0794 );}.elementor-56 .elementor-element.elementor-element-d0ff8c5{width:var( --container-widget-width, 20% );max-width:20%;background-color:transparent;padding:25px 25px 25px 25px;--container-widget-width:20%;--container-widget-flex-grow:0;background-image:radial-gradient(at bottom left, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-wrapper{gap:15px;}.elementor-56 .elementor-element.elementor-element-d0ff8c5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-d0ff8c5.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-d0ff8c5.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-d0ff8c5.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-d0ff8c5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-d0ff8c5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-d0ff8c5.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-d0ff8c5.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-d0ff8c5.elementor-view-default:has(:focus) .elementor-icon{fill:#EAFF00;color:#EAFF00;border-color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:700;}.elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-d0ff8c5:has(:hover) .elementor-icon-box-title,
					 .elementor-56 .elementor-element.elementor-element-d0ff8c5:has(:focus) .elementor-icon-box-title{color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-d1f0794 );}.elementor-56 .elementor-element.elementor-element-bbb2dad{width:var( --container-widget-width, 20% );max-width:20%;background-color:transparent;padding:25px 25px 25px 25px;--container-widget-width:20%;--container-widget-flex-grow:0;background-image:radial-gradient(at bottom left, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-wrapper{gap:15px;}.elementor-56 .elementor-element.elementor-element-bbb2dad.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-bbb2dad.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-bbb2dad.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-bbb2dad.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-bbb2dad.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-bbb2dad.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-bbb2dad.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-bbb2dad.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-bbb2dad.elementor-view-default:has(:focus) .elementor-icon{fill:#EAFF00;color:#EAFF00;border-color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:700;}.elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-bbb2dad:has(:hover) .elementor-icon-box-title,
					 .elementor-56 .elementor-element.elementor-element-bbb2dad:has(:focus) .elementor-icon-box-title{color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-d1f0794 );}.elementor-56 .elementor-element.elementor-element-aa79ee9{width:var( --container-widget-width, 20% );max-width:20%;background-color:transparent;padding:25px 25px 25px 25px;--container-widget-width:20%;--container-widget-flex-grow:0;background-image:radial-gradient(at bottom left, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-wrapper{gap:15px;}.elementor-56 .elementor-element.elementor-element-aa79ee9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-aa79ee9.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-aa79ee9.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-aa79ee9.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-aa79ee9.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-aa79ee9.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-aa79ee9.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-aa79ee9.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-56 .elementor-element.elementor-element-aa79ee9.elementor-view-default:has(:focus) .elementor-icon{fill:#EAFF00;color:#EAFF00;border-color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:700;}.elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-aa79ee9:has(:hover) .elementor-icon-box-title,
					 .elementor-56 .elementor-element.elementor-element-aa79ee9:has(:focus) .elementor-icon-box-title{color:#EAFF00;}.elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-d1f0794 );}.elementor-56 .elementor-element.elementor-element-c91bf9c{--display:flex;}.elementor-56 .elementor-element.elementor-element-c63286c{--display:flex;}.elementor-56 .elementor-element.elementor-element-51cf421{--spacer-size:50px;}.elementor-56 .elementor-element.elementor-element-8f5669b{--display:flex;--min-height:600px;--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;--overflow:hidden;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-56 .elementor-element.elementor-element-8f5669b:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-8f5669b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d1f0794 );}.elementor-56 .elementor-element.elementor-element-668bdc6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-56 .elementor-element.elementor-element-3d1ddea{--display:flex;}.elementor-56 .elementor-element.elementor-element-7e9084e{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-bec97b3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-bec97b3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-3db643f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:700;color:#757677;}.elementor-56 .elementor-element.elementor-element-6f45d1d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;}.elementor-56 .elementor-element.elementor-element-9f17659 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-text );}.elementor-56 .elementor-element.elementor-element-168305c{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-56 .elementor-element.elementor-element-40f644f{--display:flex;--gap:200px 200px;--row-gap:200px;--column-gap:200px;}.elementor-56 .elementor-element.elementor-element-75fff76{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-b34f5bc{--display:flex;--min-height:300px;--justify-content:flex-end;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:020px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-56 .elementor-element.elementor-element-b34f5bc:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-b34f5bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juxtafilms.com/wp-content/uploads/2025/10/Film-Movie-Pre-Production-Service-Malaysia-Juxta-Films-Sdn-Bhd.jpg");background-position:center center;background-size:cover;}.elementor-56 .elementor-element.elementor-element-b34f5bc::before, .elementor-56 .elementor-element.elementor-element-b34f5bc > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-b34f5bc > .e-con-inner > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-b34f5bc > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-b34f5bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-b34f5bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F4F4F400 0%, var( --e-global-color-astglobalcolor6 ) 100%);}.elementor-56 .elementor-element.elementor-element-b34f5bc.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-e7c2dd3{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-56 .elementor-element.elementor-element-d35b970{width:var( --container-widget-width, 60% );max-width:60%;background-color:#FFFFFF00;--container-widget-width:60%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:20px 20px 20px 20px;text-align:center;}.elementor-56 .elementor-element.elementor-element-d35b970 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-d35b970 .elementor-heading-title a{transition-duration:0.7s;}.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-56 .elementor-element.elementor-element-53df82c{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-56 .elementor-element.elementor-element-53df82c a{color:var( --e-global-color-ece0c22 );}.elementor-56 .elementor-element.elementor-element-ae12b1d{--display:flex;--min-height:300px;--justify-content:flex-end;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:020px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-56 .elementor-element.elementor-element-ae12b1d:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-ae12b1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juxtafilms.com/wp-content/uploads/2025/10/Film-Movie-Post-Production-Service-Malaysia-Juxta-Films-Sdn-Bhd-scaled.jpg");background-position:center center;background-size:cover;}.elementor-56 .elementor-element.elementor-element-ae12b1d::before, .elementor-56 .elementor-element.elementor-element-ae12b1d > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-ae12b1d > .e-con-inner > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-ae12b1d > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-ae12b1d > .e-con-inner > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-ae12b1d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F4F4F400 0%, var( --e-global-color-astglobalcolor6 ) 100%);}.elementor-56 .elementor-element.elementor-element-ae12b1d.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-3d2a7a0{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-56 .elementor-element.elementor-element-c20ec6a{width:var( --container-widget-width, 60% );max-width:60%;background-color:#FFFFFF00;--container-widget-width:60%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:20px 20px 20px 20px;text-align:center;}.elementor-56 .elementor-element.elementor-element-c20ec6a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-c20ec6a .elementor-heading-title a{transition-duration:0.7s;}.elementor-56 .elementor-element.elementor-element-7f9d350{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-56 .elementor-element.elementor-element-7f9d350 a{color:var( --e-global-color-ece0c22 );}.elementor-56 .elementor-element.elementor-element-afd5616{--display:flex;--min-height:300px;--justify-content:flex-end;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:020px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-56 .elementor-element.elementor-element-afd5616:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-afd5616 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juxtafilms.com/wp-content/uploads/2025/10/Film-Movie-Production-Service-Malaysia-Juxta-Films-Sdn-Bhd-scaled.jpg");background-position:center center;background-size:cover;}.elementor-56 .elementor-element.elementor-element-afd5616::before, .elementor-56 .elementor-element.elementor-element-afd5616 > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-afd5616 > .e-con-inner > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-afd5616 > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-afd5616 > .e-con-inner > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-afd5616 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F4F4F400 0%, var( --e-global-color-astglobalcolor6 ) 100%);}.elementor-56 .elementor-element.elementor-element-afd5616.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-0c5c0b5{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-56 .elementor-element.elementor-element-1da3457{width:var( --container-widget-width, 60% );max-width:60%;background-color:#FFFFFF00;--container-widget-width:60%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:20px 20px 20px 20px;text-align:center;}.elementor-56 .elementor-element.elementor-element-1da3457 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-1da3457 .elementor-heading-title a{transition-duration:0.7s;}.elementor-56 .elementor-element.elementor-element-0f98d23{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-56 .elementor-element.elementor-element-0f98d23 a{color:var( --e-global-color-ece0c22 );}.elementor-56 .elementor-element.elementor-element-dbf8f84{--display:flex;--min-height:300px;--justify-content:flex-end;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:020px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-56 .elementor-element.elementor-element-dbf8f84:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-dbf8f84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juxtafilms.com/wp-content/uploads/2025/10/Film-Movie-Distribution-Malaysia-Juxta-Films-Sdn-Bhd-scaled.jpg");background-position:center center;background-size:cover;}.elementor-56 .elementor-element.elementor-element-dbf8f84::before, .elementor-56 .elementor-element.elementor-element-dbf8f84 > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-dbf8f84 > .e-con-inner > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-dbf8f84 > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-dbf8f84 > .e-con-inner > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-dbf8f84 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F4F4F400 0%, var( --e-global-color-astglobalcolor6 ) 100%);}.elementor-56 .elementor-element.elementor-element-dbf8f84.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-f4e912e{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-56 .elementor-element.elementor-element-72bed0b{width:100%;max-width:100%;background-color:#FFFFFF00;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:20px 20px 20px 20px;text-align:center;}.elementor-56 .elementor-element.elementor-element-72bed0b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-astglobalcolor4 );}.elementor-56 .elementor-element.elementor-element-72bed0b .elementor-heading-title a{transition-duration:0.7s;}.elementor-56 .elementor-element.elementor-element-dfd328b{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-56 .elementor-element.elementor-element-dfd328b a{color:var( --e-global-color-ece0c22 );}.elementor-56 .elementor-element.elementor-element-ce5632e{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-56 .elementor-element.elementor-element-3a29d78{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;color:var( --e-global-color-text );}: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-56 .elementor-element.elementor-element-402eed9 .elementor-heading-title{font-size:25px;}.elementor-56 .elementor-element.elementor-element-c789b67{--flex-wrap:nowrap;}.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-56 .elementor-element.elementor-element-3db643f .elementor-heading-title{font-size:25px;}.elementor-56 .elementor-element.elementor-element-6f45d1d .elementor-heading-title{font-size:25px;}.elementor-56 .elementor-element.elementor-element-9f17659 .elementor-heading-title{font-size:25px;}.elementor-56 .elementor-element.elementor-element-75fff76{--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-d35b970{width:100%;max-width:100%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-56 .elementor-element.elementor-element-1da3457{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-56 .elementor-element.elementor-element-9d11ebf{--content-width:1400px;}.elementor-56 .elementor-element.elementor-element-36326de{--content-width:1400px;}.elementor-56 .elementor-element.elementor-element-668bdc6{--content-width:1400px;}.elementor-56 .elementor-element.elementor-element-bec97b3{--width:50%;}.elementor-56 .elementor-element.elementor-element-40f644f{--content-width:1400px;}.elementor-56 .elementor-element.elementor-element-ce5632e{--content-width:1400px;}}@media(max-width:767px){.elementor-56 .elementor-element.elementor-element-9d11ebf{--min-height:300px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-56 .elementor-element.elementor-element-051f8fd .elementor-heading-title{font-size:30px;}.elementor-56 .elementor-element.elementor-element-be08069{--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-56 .elementor-element.elementor-element-402eed9 .elementor-heading-title{font-size:20px;}.elementor-56 .elementor-element.elementor-element-c789b67{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--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-56 .elementor-element.elementor-element-87b495f{width:100%;max-width:100%;}.elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon-box-wrapper{gap:5px;}.elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon-box-title{margin-block-end:1px;}.elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon{font-size:25px;}.elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon-box-title a{font-size:15px;}.elementor-56 .elementor-element.elementor-element-87b495f .elementor-icon-box-description{font-size:9px;}.elementor-56 .elementor-element.elementor-element-4fbc916{width:100%;max-width:100%;background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 47%);}.elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-wrapper{gap:5px;}.elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-title{margin-block-end:1px;}.elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon{font-size:25px;}.elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-title a{font-size:15px;}.elementor-56 .elementor-element.elementor-element-4fbc916 .elementor-icon-box-description{font-size:9px;}.elementor-56 .elementor-element.elementor-element-d0ff8c5{width:100%;max-width:100%;background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 47%);}.elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-wrapper{gap:5px;}.elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-title{margin-block-end:1px;}.elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon{font-size:25px;}.elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-title a{font-size:15px;}.elementor-56 .elementor-element.elementor-element-d0ff8c5 .elementor-icon-box-description{font-size:9px;}.elementor-56 .elementor-element.elementor-element-bbb2dad{width:100%;max-width:100%;background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 47%);}.elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-wrapper{gap:5px;}.elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-title{margin-block-end:1px;}.elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon{font-size:25px;}.elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-title a{font-size:15px;}.elementor-56 .elementor-element.elementor-element-bbb2dad .elementor-icon-box-description{font-size:9px;}.elementor-56 .elementor-element.elementor-element-aa79ee9{width:100%;max-width:100%;background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 47%);}.elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-wrapper{gap:5px;}.elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-title{margin-block-end:1px;}.elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon{font-size:25px;}.elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-title a{font-size:15px;}.elementor-56 .elementor-element.elementor-element-aa79ee9 .elementor-icon-box-description{font-size:9px;}.elementor-56 .elementor-element.elementor-element-7e9084e{--flex-wrap:nowrap;}.elementor-56 .elementor-element.elementor-element-bec97b3{--width:69.503%;}.elementor-56 .elementor-element.elementor-element-3db643f .elementor-heading-title{font-size:14px;}.elementor-56 .elementor-element.elementor-element-6f45d1d .elementor-heading-title{font-size:20px;}.elementor-56 .elementor-element.elementor-element-9f17659 .elementor-heading-title{font-size:20px;}.elementor-56 .elementor-element.elementor-element-168305c{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-168305c.e-con{--order:99999 /* order end hack */;}.elementor-56 .elementor-element.elementor-element-75fff76{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56 .elementor-element.elementor-element-b34f5bc{--min-height:200px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-56 .elementor-element.elementor-element-b34f5bc.e-con{--align-self:flex-end;}.elementor-56 .elementor-element.elementor-element-e7c2dd3{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-56 .elementor-element.elementor-element-d35b970{width:var( --container-widget-width, 163px );max-width:163px;--container-widget-width:163px;--container-widget-flex-grow:0;text-align:center;}.elementor-56 .elementor-element.elementor-element-d35b970 .elementor-heading-title{font-size:15px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-56 .elementor-element.elementor-element-53df82c{font-size:9px;}.elementor-56 .elementor-element.elementor-element-ae12b1d{--min-height:200px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-56 .elementor-element.elementor-element-ae12b1d.e-con{--align-self:flex-end;}.elementor-56 .elementor-element.elementor-element-3d2a7a0{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-56 .elementor-element.elementor-element-c20ec6a{width:var( --container-widget-width, 163px );max-width:163px;--container-widget-width:163px;--container-widget-flex-grow:0;text-align:center;}.elementor-56 .elementor-element.elementor-element-c20ec6a .elementor-heading-title{font-size:15px;}.elementor-56 .elementor-element.elementor-element-7f9d350{font-size:9px;}.elementor-56 .elementor-element.elementor-element-afd5616{--min-height:200px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-56 .elementor-element.elementor-element-afd5616.e-con{--align-self:flex-end;}.elementor-56 .elementor-element.elementor-element-0c5c0b5{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-56 .elementor-element.elementor-element-1da3457{width:var( --container-widget-width, 163px );max-width:163px;--container-widget-width:163px;--container-widget-flex-grow:0;text-align:center;}.elementor-56 .elementor-element.elementor-element-1da3457 .elementor-heading-title{font-size:15px;}.elementor-56 .elementor-element.elementor-element-0f98d23{font-size:9px;}.elementor-56 .elementor-element.elementor-element-dbf8f84{--min-height:200px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-56 .elementor-element.elementor-element-dbf8f84.e-con{--align-self:flex-end;}.elementor-56 .elementor-element.elementor-element-f4e912e{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-56 .elementor-element.elementor-element-72bed0b{width:100%;max-width:100%;text-align:center;}.elementor-56 .elementor-element.elementor-element-72bed0b .elementor-heading-title{font-size:15px;}.elementor-56 .elementor-element.elementor-element-dfd328b{font-size:9px;}.elementor-56 .elementor-element.elementor-element-ce5632e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-56 .elementor-element.elementor-element-3a29d78{font-size:12px;}}/* Start custom CSS for icon-box, class: .elementor-element-87b495f */<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 heading, class: .elementor-element-d35b970 */<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 heading, class: .elementor-element-c20ec6a */<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 heading, class: .elementor-element-1da3457 */<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 heading, class: .elementor-element-72bed0b */<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 */