.elementor-10 .elementor-element.elementor-element-97341371{--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:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-1f653fbe{--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;}.elementor-10 .elementor-element.elementor-element-7e15ca81{--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;}.elementor-10 .elementor-element.elementor-element-89751793{--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;}.elementor-10 .elementor-element.elementor-element-89751793.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-724466a1{--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;}.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-10 .elementor-element.elementor-element-a13b3e12{--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;}.elementor-10 .elementor-element.elementor-element-a13b3e12.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-8b873fb9{--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;}.elementor-10 .elementor-element.elementor-element-8cff9103 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-eebe2a80 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-f7ccad23 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-9d4118f3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-0037c05f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-4215c68e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-d5c50194.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-c004152d{--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;}.elementor-10 .elementor-element.elementor-element-b96dca4a{--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;}.elementor-10 .elementor-element.elementor-element-66c2131d{--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;}.elementor-10 .elementor-element.elementor-element-1df105f7{--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;}.elementor-10 .elementor-element.elementor-element-797e6a1a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-7d3ca796{--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;}.elementor-10 .elementor-element.elementor-element-55d0d4ed{--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;}.elementor-10 .elementor-element.elementor-element-c252997c{--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;--flex-wrap:wrap;}.elementor-10 .elementor-element.elementor-element-2672ef92{--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;}.elementor-10 .elementor-element.elementor-element-28474d33 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-035582d7{--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;}.elementor-10 .elementor-element.elementor-element-f11ca947 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-a5eb2af4{--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;}.elementor-10 .elementor-element.elementor-element-dac899f8{--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;--flex-wrap:wrap;}.elementor-10 .elementor-element.elementor-element-af753074{--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;}.elementor-10 .elementor-element.elementor-element-9599c59a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-c7c34790{--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;}.elementor-10 .elementor-element.elementor-element-be2f90ad .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-d4556a30{--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;}.elementor-10 .elementor-element.elementor-element-fc3e7b57{--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;}.elementor-10 .elementor-element.elementor-element-f944ead5{--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;--flex-wrap:wrap;}.elementor-10 .elementor-element.elementor-element-134ba3ba{--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;}.elementor-10 .elementor-element.elementor-element-5576267e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-hpbbrc01{--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;}.elementor-10 .elementor-element.elementor-element-14d34cc6{--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;}.elementor-10 .elementor-element.elementor-element-b44a1e71 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-hpbbrc02{--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;}.elementor-10 .elementor-element.elementor-element-30aa631a{--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;}.elementor-10 .elementor-element.elementor-element-bd1d9dfe .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-hpbbrc03{--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;}.elementor-10 .elementor-element.elementor-element-513bbdb0{--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;}.elementor-10 .elementor-element.elementor-element-90af3d70 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-hpbbrc04{--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;}.elementor-10 .elementor-element.elementor-element-098094a{--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;}.elementor-10 .elementor-element.elementor-element-4c2ddd1{--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;}.elementor-10 .elementor-element.elementor-element-ddf259d{--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;}.elementor-10 .elementor-element.elementor-element-bf89d52{--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;}.elementor-10 .elementor-element.elementor-element-5a3ad56{--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;}.elementor-10 .elementor-element.elementor-element-05307aa{--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;}.elementor-10 .elementor-element.elementor-element-fe4c8c6 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-5833141{--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;}.elementor-10 .elementor-element.elementor-element-ed7d59c{--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;}.elementor-10 .elementor-element.elementor-element-a8751d1{--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;}.elementor-10 .elementor-element.elementor-element-5a80cb7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-d9b69a0{--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;}.elementor-10 .elementor-element.elementor-element-9627c5a{--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;}.elementor-10 .elementor-element.elementor-element-6c361f1{--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;}.elementor-10 .elementor-element.elementor-element-8da8ad9 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-12b466b{--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;}.elementor-10 .elementor-element.elementor-element-hpbmag01{--display:flex;}.elementor-10 .elementor-element.elementor-element-hpbmag02{--display:flex;}.elementor-10 .elementor-element.elementor-element-hpbmag03 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-hpbmag04{--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;}.elementor-10 .elementor-element.elementor-element-f1bc98eb{--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;}.elementor-10 .elementor-element.elementor-element-a796c12a{--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;}.elementor-10 .elementor-element.elementor-element-3c7f57a8{--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;}.elementor-10 .elementor-element.elementor-element-f8a3263f{--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;}.elementor-10 .elementor-element.elementor-element-f8a3263f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-859962c0{--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;}.elementor-10 .elementor-element.elementor-element-859962c0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-dd6f2284.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-0328b378{--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;}.elementor-10 .elementor-element.elementor-element-c4237db3{--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;}.elementor-10 .elementor-element.elementor-element-02be0784{--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;}.elementor-10 .elementor-element.elementor-element-ef55ebf2{--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;}.elementor-10 .elementor-element.elementor-element-ef55ebf2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-ce81dba7{--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;}.elementor-10 .elementor-element.elementor-element-d4f7e4e5{--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;}.elementor-10 .elementor-element.elementor-element-d4f7e4e5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-7a15923c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-7a15923c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-7a15923c img{width:50px;}.elementor-10 .elementor-element.elementor-element-ca37381a{--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;}.elementor-10 .elementor-element.elementor-element-ca37381a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-38e4bbec{--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;}.elementor-10 .elementor-element.elementor-element-eca94569{--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;}.elementor-10 .elementor-element.elementor-element-eca94569.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-fbddf744{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-fbddf744.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-fbddf744 img{width:50px;}.elementor-10 .elementor-element.elementor-element-3eea432f{--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;}.elementor-10 .elementor-element.elementor-element-3eea432f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-267bf40f{--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;}.elementor-10 .elementor-element.elementor-element-267bf40f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-fe00a4b2{--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;}.elementor-10 .elementor-element.elementor-element-4e614e5f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-883d9c8b{--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;}.elementor-10 .elementor-element.elementor-element-883d9c8b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-2745ec4b{--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;}.elementor-10 .elementor-element.elementor-element-eefa7bce{--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;}.elementor-10 .elementor-element.elementor-element-eefa7bce.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-9e5df8d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-9e5df8d8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-9e5df8d8 img{width:50px;}.elementor-10 .elementor-element.elementor-element-89d2e446{--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;}.elementor-10 .elementor-element.elementor-element-89d2e446.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-edeabcae{--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;}.elementor-10 .elementor-element.elementor-element-742b5b04{--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;}.elementor-10 .elementor-element.elementor-element-742b5b04.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-3a84f5de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-3a84f5de.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-3a84f5de img{width:50px;}.elementor-10 .elementor-element.elementor-element-4c4c8326{--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;}.elementor-10 .elementor-element.elementor-element-4c4c8326.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-7ad0a19{--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;}.elementor-10 .elementor-element.elementor-element-a51378a{--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;}.elementor-10 .elementor-element.elementor-element-c462f31{--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;}.elementor-10 .elementor-element.elementor-element-228b911{--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;}.elementor-10 .elementor-element.elementor-element-90234e0{--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;}.elementor-10 .elementor-element.elementor-element-3889a5b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-63d3748{--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;}.elementor-10 .elementor-element.elementor-element-21af4f6 .elementor-button{background-color:transparent;fill:#ffffff;color:#ffffff;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-bf21b26{--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;}.elementor-10 .elementor-element.elementor-element-b06e661{--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;}.elementor-10 .elementor-element.elementor-element-70c0b37 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-5b04ac3{--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;}.elementor-10 .elementor-element.elementor-element-8dfdda7 .elementor-button{background-color:transparent;fill:#ffffff;color:#ffffff;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-aeb6626d{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-6dd0b4ee{--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;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-97341371{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-97341371{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-7a15923c img{width:9.09vw;}.elementor-10 .elementor-element.elementor-element-fbddf744 img{width:9.09vw;}.elementor-10 .elementor-element.elementor-element-9e5df8d8 img{width:9.09vw;}.elementor-10 .elementor-element.elementor-element-3a84f5de img{width:9.09vw;}}/* Start custom CSS for heading, class: .elementor-element-45af025d */.elementor-10 .elementor-element.elementor-element-45af025d { color:var(--text-muted); font-size:1.05rem; line-height:1.6; margin-bottom:1.25rem; }
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-45af025d { line-height: 22px !important; }
}
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-45af025d .elementor-heading-title { line-height: 22px !important; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5991b59a */.elementor-10 .elementor-element.elementor-element-5991b59a { border-radius:var(--radius-btn); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-724466a1 */.elementor-10 .elementor-element.elementor-element-724466a1 { margin-top:0.5rem; } .elementor-10 .elementor-element.elementor-element-724466a1 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89751793 */.elementor-10 .elementor-element.elementor-element-89751793 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-89751793 { display:flex; flex-direction:column; justify-content:center; padding-top:0; } .elementor-10 .elementor-element.elementor-element-89751793 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d5c50194 */.elementor-10 .elementor-element.elementor-element-d5c50194 { position: static; height: auto; }
.elementor-10 .elementor-element.elementor-element-d5c50194 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-d5c50194 img { position:absolute; left:52.98%; top:76.47%; width:47.02%; height:auto; max-width:none; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.12); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b873fb9 */.elementor-10 .elementor-element.elementor-element-8b873fb9 { position:relative; width:100%; aspect-ratio:553 / 1105; overflow:visible; margin-top:2rem; } .elementor-10 .elementor-element.elementor-element-8b873fb9 > .e-con-inner { display: contents !important; }

/* Desktop gallery starts level with the hero mockup; mobile retains its current spacing. */
@media (min-width: 768px) {
  .elementor-10 .elementor-element.elementor-element-8b873fb9 { margin-top: 0 !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a13b3e12 */.elementor-10 .elementor-element.elementor-element-a13b3e12 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-a13b3e12 { width:100%; } .elementor-10 .elementor-element.elementor-element-a13b3e12 > .e-con-inner { display: contents !important; }

/* Desktop gallery alignment to Services_Holographic.svg (1440px). */
@media (min-width: 768px) {
  .elementor-10 .elementor-element.elementor-element-a13b3e12 { padding-inline: 0 !important; transform: translateY(-70px) !important; }
}

/* hg:P2:hpb-hero-gallery-bottom-spacing-minus-36-mobile */
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-a13b3e12.service-split-media.service-split-media {
    margin-bottom: calc(44px * var(--hg-vw-scale, 1)) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e15ca81 */.elementor-10 .elementor-element.elementor-element-7e15ca81 { display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; } .elementor-10 .elementor-element.elementor-element-7e15ca81 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-7e15ca81 { gap: 104px !important; }

  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="a13b3e12"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="8b873fb9"] {
    aspect-ratio: 408 / 679 !important;
  }

  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="eebe2a80"],
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="9d4118f3"],
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="4215c68e"],
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="8cff9103"],
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="f7ccad23"],
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="0037c05f"] {
    width: 49.02% !important;
    height: 29.45% !important;
    border-radius: 8px !important;
  }

  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="8cff9103"],
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="f7ccad23"],
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="0037c05f"] {
    left: 52.45% !important;
  }

  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="eebe2a80"] { top: 0% !important; }
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="8cff9103"] { top: 7.95% !important; }
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="9d4118f3"] { top: 31.22% !important; }
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="f7ccad23"] { top: 39.47% !important; }
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="4215c68e"] { top: 62.44% !important; }
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="0037c05f"] { top: 70.54% !important; }

  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="8b873fb9"] .elementor-video,
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="8b873fb9"] img {
    border-radius: 8px !important;
  }

  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="54024b0d"] .font-sans {
    font-weight: 500 !important;
  }

  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="5991b59a"] a.elementor-button.elementor-button-link {
    background-image: linear-gradient(90deg, var(--color-pink), var(--color-orange)) !important;
    padding: 12px 22px !important;
    font-size: 1rem !important;
    letter-spacing: 0 !important;
  }
}
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-7e15ca81 { gap: 0px !important; }
}
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-7e15ca81 [data-id="a13b3e12"] { margin-top: 14px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f653fbe */.elementor-10 .elementor-element.elementor-element-1f653fbe { padding:4rem 0; } .elementor-10 .elementor-element.elementor-element-1f653fbe > .e-con-inner { display: contents !important; }
/* HPB S1 hero — desktop conform Services_Holographic (mockup 1408 -> live 1440, k=1.023). --u = 100vw/1440 */
@media (min-width: 768px) /* hg-zoom A12: was 900px */ {
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="54024b0d"] h1 .font-sans { font-weight: 500 !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="5991b59a"] a.elementor-button.elementor-button-link { background-image: linear-gradient(90deg, #F1AE11, #F26AAA) !important; }
  .elementor-10 .elementor-element.elementor-element-1f653fbe { --u: calc(var(--hg-page-w, 100vw) / 1440); }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe.e-con.e-con { padding: 0 !important; min-height: calc(890 * var(--u)) !important; height: calc(890 * var(--u)) !important; overflow: visible !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="a13b3e12"] { transform: translateY(calc(-37 * var(--u))) !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="89751793"] { align-self: start !important; justify-content: flex-start !important; margin-top: calc(255.6 * var(--u)) !important; margin-left: calc(-53.5 * var(--u)) !important; width: calc(620 * var(--u)) !important; max-width: none !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="54024b0d"] h1 { font-size: calc(41 * var(--u)) !important; line-height: calc(48 * var(--u)) !important; margin: 0 0 calc(15.8 * var(--u)) 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="45af025d"].elementor-widget { margin: 0 0 calc(30 * var(--u)) 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="45af025d"] .elementor-heading-title { font-size: calc(22.5 * var(--u)) !important; line-height: calc(24.5 * var(--u)) !important; color: #403E3E !important; max-width: calc(620 * var(--u)) !important; font-weight: 400 !important; letter-spacing: calc(0.75 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="5991b59a"] a.elementor-button.elementor-button-link { padding: calc(12 * var(--u)) calc(24 * var(--u)) !important; font-size: calc(15.4 * var(--u)) !important; line-height: calc(16 * var(--u)) !important; }
}
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="54024b0d"] h1, html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="54024b0d"] h1 .font-sans, html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="54024b0d"] h1 .font-serif { font-weight: 500 !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="5991b59a"] a.elementor-button.elementor-button-link { background-image: linear-gradient(90deg, #F1AE11, #F26AAA) !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe.e-con.e-con { padding-bottom: 28px !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="89751793"] { padding-top: 19px !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="54024b0d"] h1 { font-size: 25px !important; line-height: 29px !important; margin: 0 0 14.5px 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="54024b0d"] h1 .font-serif { font-size: 25px !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="45af025d"] .elementor-heading-title { font-size: 18px !important; line-height: 22px !important; color: #403E3E !important; max-width: 350px !important; margin: 0 auto !important; letter-spacing: 0.3px !important; text-align: center !important; }
}
@media (max-width: 899px) { html:where(:not(.hg-page-zoom)) body .elementor-10 .elementor-element.elementor-element-1f653fbe br.hpb-d { display: none !important; } }
/* hg:P2:s1-m-para-wrap */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="45af025d"] .elementor-heading-title { font-size: 17px !important; max-width: 360px !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="724466a1"] { margin-top: calc(17px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P2:s1-d-h1-gap */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="89751793"] { margin-top: calc(253.5 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="54024b0d"] h1 { margin-bottom: calc(20.1 * var(--u)) !important; }
}
/* hg:P2:s1-m-para-ls */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="45af025d"] .elementor-heading-title { font-size: 18px !important; letter-spacing: -0.2px !important; }
}
/* hg:P2:s1-m-btn-gap */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe [data-id="724466a1"] { margin-top: calc(11px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P2:s1-d-para-ls — jarak teks↔kolase 49.5 vs 65.5: pemenggalan & y sama, tinta paragraf 3% lebih lebar (ls 0.75). ls 0.2 → ujung baris 665/657/575/679/570/305 vs mockup 664/656/575/682/564/305 */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-1f653fbe.e-con.e-con [data-id="45af025d"].elementor-widget .elementor-heading-title.elementor-heading-title { letter-spacing: 0.2px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3f1efa08 */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-3f1efa08 .elementor-heading-title, .elementor-10 .elementor-element.elementor-element-3f1efa08 p, .elementor-10 .elementor-element.elementor-element-3f1efa08 h2 { font-size: 25px !important; }
  .elementor-10 .elementor-element.elementor-element-3f1efa08 .font-sans { font-weight: 500 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0322235b */.elementor-10 .elementor-element.elementor-element-0322235b { color:var(--text-muted); font-size:1.05rem; line-height:1.6; max-width:640px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66c2131d */.elementor-10 .elementor-element.elementor-element-66c2131d { margin-bottom:2.5rem; text-align:center; } .elementor-10 .elementor-element.elementor-element-66c2131d > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-797e6a1a */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-797e6a1a, .elementor-10 .elementor-element.elementor-element-797e6a1a img, .elementor-10 .elementor-element.elementor-element-797e6a1a video, .elementor-10 .elementor-element.elementor-element-797e6a1a .elementor-wrapper { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
}
/* revisi-13: garis tepi bawah/kiri dari frame video (tidak ada di Figma) -> crop 1.5% */
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-797e6a1a .elementor-wrapper { overflow: hidden !important; }
  .elementor-10 .elementor-element.elementor-element-797e6a1a video { transform: scale(1.02); transform-origin: center; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1df105f7 */.elementor-10 .elementor-element.elementor-element-1df105f7 { display:flex; justify-content:center; } .elementor-10 .elementor-element.elementor-element-1df105f7 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c004152d */.elementor-10 .elementor-element.elementor-element-c004152d { padding:4rem 0; background:#fff; } .elementor-10 .elementor-element.elementor-element-c004152d > .e-con-inner { display: contents !important; }
/* HPB S2 "Experience Holographic Magic!" — conform Services_Holographic / Holo_mobile. */
@media (min-width: 768px) {
  .elementor-10 .elementor-element.elementor-element-c004152d { --u: calc(var(--hg-page-w, 100vw) / 1440); }
  html body .elementor-10 .elementor-element.elementor-element-c004152d.e-con.e-con { padding: calc(17 * var(--u)) 0 0 0 !important; height: calc(790 * var(--u)) !important; min-height: 0 !important; overflow: visible !important; background: #fff !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="66c2131d"] { margin-bottom: calc(27.8 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="3f1efa08"] h2 { font-size: calc(41 * var(--u)) !important; line-height: calc(48 * var(--u)) !important; margin: 0 0 calc(26.2 * var(--u)) 0 !important; text-align: center !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="0322235b"].elementor-widget { margin: 0 auto !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="3f1efa08"] h2 .font-sans, html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="3f1efa08"] h2 .font-serif { font-weight: 500 !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="0322235b"] .elementor-heading-title { font-size: calc(22.5 * var(--u)) !important; line-height: calc(24.5 * var(--u)) !important; color: #403E3E !important; max-width: calc(900 * var(--u)) !important; margin: 0 auto !important; text-align: center !important; font-weight: 400 !important; letter-spacing: calc(0.75 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] { width: calc(523 * var(--u)) !important; height: calc(523 * var(--u)) !important; max-width: none !important; margin: 0 0 0 calc(46 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] video, html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] img, html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] .elementor-wrapper { width: 100% !important; height: 100% !important; object-fit: cover !important; }
}
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="3f1efa08"] h2 .font-sans, html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="3f1efa08"] h2 .font-serif { font-weight: 500 !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d.e-con.e-con { padding: 26px 0 0 0 !important; min-height: 828px !important; overflow: hidden !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="66c2131d"] { margin-bottom: calc(4.5px * var(--hg-vw-scale, 1)) !important; text-align: left !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="66c2131d"] { width: 300px !important; max-width: 300px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="3f1efa08"], html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="0322235b"] { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="3f1efa08"] h2 { font-size: 25px !important; line-height: 30px !important; margin: 0 0 32.5px 0 !important; text-align: left !important; font-weight: 500 !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="0322235b"] .elementor-heading-title { font-size: 18px !important; line-height: 22px !important; color: #403E3E !important; text-align: left !important; margin: 0 !important; max-width: 300px !important; letter-spacing: 0.3px !important; font-weight: 400 !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="1df105f7"] { justify-content: flex-start !important; overflow: visible !important; padding: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] { width: calc(500px * var(--hg-vw-scale, 1)) !important; height: calc(500px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin: 0 0 0 calc(-39px * var(--hg-vw-scale, 1)) !important; flex: none !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] video, html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] img, html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] .elementor-wrapper { width: 100% !important; height: 100% !important; object-fit: cover !important; }
}
.hpb-m{display:none}
@media (max-width: 767px) { html body .elementor-10 .elementor-element.elementor-element-c004152d br.hpb-m { display: inline !important; } }
@media (max-width: 899px) { html:where(:not(.hg-page-zoom)) body .elementor-10 .elementor-element.elementor-element-c004152d br.hpb-d { display: none !important; } }
/* hg:P2:s2-m-para-slider */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="0322235b"] .elementor-heading-title { font-size: 17px !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="66c2131d"] { margin-bottom: calc(20.5px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P2:s2-m-para-ls */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="0322235b"] .elementor-heading-title { font-size: 18px !important; letter-spacing: -0.2px !important; }
}
/* hg:P2:s2-m-head-slider */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-c004152d.e-con.e-con { padding-top: calc(56px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="3f1efa08"] h2 { margin: 0 0 2.5px 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="66c2131d"] { margin-bottom: calc(12.5px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P2:s2-m-head-revert */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-c004152d.e-con.e-con { padding-top: calc(26px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="3f1efa08"] h2 { margin: 0 0 calc(32.5px * var(--hg-vw-scale, 1)) 0 !important; }
}

/* hg:P2:s2-edge-video — mockup PNG: video 511.4 @x464 y1243.5 (svg-geometry 511x511 @x464 y1244), S3 mulai 1818 (band latar) → tinggi 797; mobile svg 500x500 @x-9 y1449, min-height ikut skala (B2) */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-c004152d.e-con.e-con { height: calc(797 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="66c2131d"] { margin-bottom: calc(25.8 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] { width: calc(511.4 * var(--u)) !important; height: calc(511.4 * var(--u)) !important; margin: 0 0 0 calc(44 * var(--u)) !important; }
}
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-c004152d.e-con.e-con { min-height: calc(828px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="66c2131d"] { margin-bottom: calc(6.5px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] { margin: 0 0 0 calc(-9px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] video, html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] img, html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] .elementor-wrapper { max-width: none !important; margin: 0 !important; }
}

/* SMALL 2026-10-01 (koordinator): video S2 mobile diposisikan terhadap LAYAR, bukan container induk: Holo_mobile.svg x=-9 w=500
   (meluber rata ke kedua sisi). Sebelumnya margin-left -9px relatif induk → bergeser ke kanan sebesar offset induk. */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="797e6a1a"] { margin: 0 0 0 calc(50% - 50vw - 9px * var(--hg-vw-scale, 1)) !important; }
}

/* hg:P6:hpb-s2-blok-skala — isu prioritas user 2026-10-04: di lebar <440 blok teks 66c2131d lebar tetap 300px menempel tepi kiri (x10 di 320); mockup 440 x70 w300 diskala 320/440. Mobile saja. */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-c004152d [data-id="66c2131d"].e-con.e-con { width: calc(300px * var(--hg-vw-scale, 1)) !important; max-width: calc(300px * var(--hg-vw-scale, 1)) !important; margin-left: auto !important; margin-right: auto !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-hpbopt01 */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-hpbopt01 .title-gradient, .elementor-10 .elementor-element.elementor-element-hpbopt01 h2, .elementor-10 .elementor-element.elementor-element-hpbopt01 .elementor-heading-title { font-size: 25px !important; }
  .elementor-10 .elementor-element.elementor-element-hpbopt01 .font-sans { font-weight: 500 !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f8c3deef */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-f8c3deef .font-sans { font-weight: 500 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-689cddd3 *//* hg:P4:hpb-m-s3-lebar — review P7: mockup mobile memenggal 'bring / your moments' → kotak teks 10-15px lebih sempit. Mobile saja. */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-689cddd3.elementor-element-689cddd3.elementor-element-689cddd3 { padding-right: calc(14px * var(--hg-vw-scale, 1)) !important; box-sizing: border-box !important; }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-28474d33 */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-28474d33, .elementor-10 .elementor-element.elementor-element-28474d33 img, .elementor-10 .elementor-element.elementor-element-28474d33 video { width: calc(344px * var(--hg-vw-scale, 1)) !important; max-width: calc(344px * var(--hg-vw-scale, 1)) !important; border-radius: 8px !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f4eb650d */.elementor-10 .elementor-element.elementor-element-f4eb650d { display:inline-block; margin-top:0.75rem; padding:0.4rem 1.1rem; border-radius:999px; background:var(--gradient-cta); color:#fff; font-size:0.85rem; font-weight:600; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-f11ca947 */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-f11ca947, .elementor-10 .elementor-element.elementor-element-f11ca947 img, .elementor-10 .elementor-element.elementor-element-f11ca947 video { width: calc(344px * var(--hg-vw-scale, 1)) !important; max-width: calc(344px * var(--hg-vw-scale, 1)) !important; border-radius: 8px !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-edd3524c */.elementor-10 .elementor-element.elementor-element-edd3524c { display:inline-block; margin-top:0.75rem; padding:0.4rem 1.1rem; border-radius:999px; background:var(--gradient-cta); color:#fff; font-size:0.85rem; font-weight:600; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-12250c7e *//* hg:P4:hpb-s3-rata — audit 2026-10-04: paragraf S3 rata kanan di live, rata tengah di mockup. Desktop saja. */
@media (min-width: 768px) {
  body.service-page--holographic-photo-booth.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-element-12250c7e.elementor-element-12250c7e, body.service-page--holographic-photo-booth.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-element-12250c7e .elementor-heading-title { text-align: center !important; }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-9599c59a */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-9599c59a, .elementor-10 .elementor-element.elementor-element-9599c59a img, .elementor-10 .elementor-element.elementor-element-9599c59a video { width: calc(339px * var(--hg-vw-scale, 1)) !important; max-width: calc(339px * var(--hg-vw-scale, 1)) !important; border-radius: 10px !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b3266602 */.elementor-10 .elementor-element.elementor-element-b3266602 { display:inline-block; margin-top:0.75rem; padding:0.4rem 1.1rem; border-radius:999px; background:var(--gradient-cta); color:#fff; font-size:0.85rem; font-weight:600; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-be2f90ad */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-be2f90ad, .elementor-10 .elementor-element.elementor-element-be2f90ad img, .elementor-10 .elementor-element.elementor-element-be2f90ad video { width: calc(339px * var(--hg-vw-scale, 1)) !important; max-width: calc(339px * var(--hg-vw-scale, 1)) !important; border-radius: 10px !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-84a65a54 */.elementor-10 .elementor-element.elementor-element-84a65a54 { display:inline-block; margin-top:0.75rem; padding:0.4rem 1.1rem; border-radius:999px; background:var(--gradient-cta); color:#fff; font-size:0.85rem; font-weight:600; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d3ca796 *//* HPB S3 "Your Moments, Your Way" — desktop >=900 conform (mockup 1408 -> live 1440, k=1.023), posisi absolut dalam section. --u = 100vw/1440 */
@media (min-width: 768px) /* hg-zoom A12: was 900px */ {
  .elementor-10 .elementor-element.elementor-element-7d3ca796 { --u: calc(var(--hg-page-w, 100vw) / 1440); }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con.e-con { display: block !important; position: relative !important; padding: 0 !important; height: calc(982 * var(--u)) !important; min-height: 0 !important; overflow: visible !important; background: #F1F3F7 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 > .e-con-inner { display: contents !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 > *, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .e-con-inner > * { grid-area: auto !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="hpbopt01"] { position: absolute !important; left: 0 !important; right: 0 !important; top: calc(41.6 * var(--u)) !important; margin: 0 !important; padding: 0 !important; width: auto !important; text-align: center !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="hpbopt01"] h2, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="hpbopt01"] .elementor-widget-container { margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-heading { font-size: calc(35.8 * var(--u)) !important; line-height: calc(46 * var(--u)) !important; font-weight: 500 !important; letter-spacing: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-heading .font-sans, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-heading .font-serif { font-weight: 500 !important; font-size: calc(35.8 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="55d0d4ed"] { position: absolute !important; left: calc(822.5 * var(--u)) !important; top: calc(218.6 * var(--u)) !important; width: calc(560 * var(--u)) !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-align: left !important; align-items: flex-start !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="a5eb2af4"] { position: absolute !important; left: 0 !important; top: calc(681.9 * var(--u)) !important; width: calc(612.8 * var(--u)) !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-align: right !important; align-items: flex-end !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="55d0d4ed"] h2, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="a5eb2af4"] h2 { margin: 0 0 calc(8.6 * var(--u)) 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="a5eb2af4"] h2 { margin-bottom: calc(-12.8 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="689cddd3"].elementor-widget, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="12250c7e"].elementor-widget { margin: 0 !important; width: 100% !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="689cddd3"] .elementor-heading-title, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="12250c7e"] .elementor-heading-title { font-size: calc(18.4 * var(--u)) !important; line-height: calc(24.5 * var(--u)) !important; color: #403E3E !important; max-width: none !important; margin: 0 !important; font-weight: 400 !important; letter-spacing: calc(0.5 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="12250c7e"] .elementor-heading-title { text-align: right !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="c252997c"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="dac899f8"] { position: absolute !important; left: 0 !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; height: 0 !important; display: block !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="c252997c"] { top: calc(161 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="dac899f8"] { top: calc(545.5 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="2672ef92"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="035582d7"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="af753074"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="c7c34790"] { position: absolute !important; top: 0 !important; margin: 0 !important; padding: 0 !important; align-items: center !important; gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="2672ef92"] { left: calc(27.6 * var(--u)) !important; width: calc(351 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="035582d7"] { left: calc(395.9 * var(--u)) !important; width: calc(351 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="af753074"] { left: calc(690.5 * var(--u)) !important; width: calc(346.8 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="c7c34790"] { left: calc(1063.8 * var(--u)) !important; width: calc(346.8 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="28474d33"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f11ca947"] { width: calc(351 * var(--u)) !important; height: calc(351 * var(--u)) !important; max-width: none !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="9599c59a"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="be2f90ad"] { width: calc(346.8 * var(--u)) !important; height: calc(346.8 * var(--u)) !important; max-width: none !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="28474d33"] video, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f11ca947"] video, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="9599c59a"] video, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="be2f90ad"] video, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="28474d33"] img, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f11ca947"] img, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="9599c59a"] img, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="be2f90ad"] img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-transition-pill.elementor-widget { margin: calc(-22 * var(--u)) 0 0 0 !important; width: auto !important; position: relative !important; z-index: 5 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="28474d33"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f11ca947"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="9599c59a"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="be2f90ad"] { position: relative !important; z-index: 1 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-transition-pill .elementor-heading-title { padding: calc(11 * var(--u)) calc(22 * var(--u)) !important; font-size: calc(16.4 * var(--u)) !important; line-height: calc(22 * var(--u)) !important; font-weight: 500 !important; border-radius: calc(8 * var(--u)) !important; background: linear-gradient(90deg, #F1AE11, #F26AAA) !important; color: #fff !important; display: inline-block !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-transition-pill { background: none !important; padding: 0 !important; border-radius: 0 !important; }
}
@media (max-width: 899px) { html:where(:not(.hg-page-zoom)) body .elementor-10 .elementor-element.elementor-element-7d3ca796 br.hpb-d { display: none !important; } }
/* hg:P6:overflow-55d0d4ed — tema thegrail-original.css (6 kelas, width:100% !important) mengalahkan width 560 di atas → kotak 1440 di left 822 → overflow 823px (1440) / 439px (768). 7 kelas menang. */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con.e-con [data-id="55d0d4ed"].e-con.e-con.e-con { --width: calc(560 * var(--u)) !important; width: calc(560 * var(--u)) !important; max-width: none !important; }
}

/* hg:P2:s3-desktop — ink mockup (1408→1440): isi S3 relatif tepi section −10..−12 lebih tinggi, tinggi 971 (band #F1F3F7 1819–2790). Judul pusat 730. Kolom variasi rata kanan x=600. Paragraf 18.4 lebih sempit (ls 0.1). Pill 2/3 Photos menonjol 27/21 di bawah video. */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con.e-con { height: calc(971 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="hpbopt01"] { top: calc(29.6 * var(--u)) !important; left: calc(20 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="55d0d4ed"] { top: calc(208.6 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="c252997c"] { top: calc(151 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="dac899f8"] { top: calc(535.5 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="a5eb2af4"] { top: calc(670.9 * var(--u)) !important; width: calc(600 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="689cddd3"] .elementor-heading-title, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="12250c7e"] .elementor-heading-title { letter-spacing: calc(0.1 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="b3266602"].service-transition-pill.elementor-widget { margin-top: calc(-18 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="84a65a54"].service-transition-pill.elementor-widget { margin-top: calc(-24 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="28474d33"].elementor-widget, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="f11ca947"].elementor-widget, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="9599c59a"].elementor-widget, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="be2f90ad"].elementor-widget { border-radius: calc(10 * var(--u)) !important; overflow: hidden !important; }
}
/* hg:P3:s3-radius — tema memberi radius 8 langsung ke <video>; radius di wrapper, video mewarisi (E7) */
html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="28474d33"].elementor-widget video, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="f11ca947"].elementor-widget video, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="9599c59a"].elementor-widget video, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="be2f90ad"].elementor-widget video { border-radius: inherit !important; }
html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="28474d33"].elementor-widget .elementor-wrapper, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="f11ca947"].elementor-widget .elementor-wrapper, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="9599c59a"].elementor-widget .elementor-wrapper, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="be2f90ad"].elementor-widget .elementor-wrapper, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="28474d33"].elementor-widget .elementor-widget-container, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="f11ca947"].elementor-widget .elementor-widget-container, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="9599c59a"].elementor-widget .elementor-widget-container, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="be2f90ad"].elementor-widget .elementor-widget-container { border-radius: inherit !important; overflow: hidden !important; }
/* hg:P2:s3-mobile — ink Holo_mobile.png (tepi section = media S2 +12): judul 119, kartu 344/339, pill 225×69 menumpuk video 35/23/12/29, teks x=61 lebar 330 rata kiri, paragraf 18/22 */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con.e-con.e-con { padding: calc(113px * var(--hg-vw-scale, 1)) calc(20px * var(--hg-vw-scale, 1)) calc(49px * var(--hg-vw-scale, 1)) !important; gap: 0 !important; row-gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="hpbopt01"] h2 { line-height: 28px !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="c252997c"].e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="dac899f8"].e-con.e-con { padding: 0 !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="c252997c"].e-con.e-con { margin-top: calc(29px * var(--hg-vw-scale, 1)) !important; gap: calc(33px * var(--hg-vw-scale, 1)) !important; row-gap: calc(33px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="dac899f8"].e-con.e-con { margin-top: calc(55px * var(--hg-vw-scale, 1)) !important; gap: calc(42px * var(--hg-vw-scale, 1)) !important; row-gap: calc(42px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="55d0d4ed"].e-con.e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="a5eb2af4"].e-con.e-con.e-con { width: calc(330px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin: calc(55px * var(--hg-vw-scale, 1)) 0 0 calc(41px * var(--hg-vw-scale, 1)) !important; padding: 0 !important; gap: 0 !important; row-gap: 0 !important; align-items: flex-start !important; text-align: left !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="a5eb2af4"].e-con.e-con.e-con { margin-top: calc(39px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f8c3deef"] h2, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="e48444e5"] h2 { font-size: 25px !important; line-height: 28px !important; margin: 0 !important; text-align: left !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f8c3deef"] .font-sans, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f8c3deef"] .font-serif, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="e48444e5"] .font-sans, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="e48444e5"] .font-serif { font-size: 25px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f8c3deef"].elementor-widget, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="e48444e5"].elementor-widget { width: 100% !important; margin: 0 !important; text-align: left !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="689cddd3"].elementor-widget, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="12250c7e"].elementor-widget { width: 100% !important; max-width: none !important; margin: 19px 0 0 !important; text-align: left !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="12250c7e"].elementor-widget { margin-top: 22px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="689cddd3"] .elementor-heading-title { max-width: 322px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f8c3deef"] h2 { max-width: 258px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="e48444e5"] h2 { max-width: 200px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="e48444e5"] .font-sans { font-weight: 500 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="12250c7e"] .elementor-heading-title { max-width: 300px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-transition-card.e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-transition-card > .e-con-inner { padding: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="689cddd3"] .elementor-heading-title, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="12250c7e"] .elementor-heading-title { font-size: 18px !important; line-height: 22px !important; letter-spacing: -0.2px !important; text-align: left !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-transition-pill.elementor-widget { background: none !important; padding: 0 !important; border-radius: 0 !important; width: auto !important; max-width: none !important; align-self: center !important; position: relative !important; z-index: 5 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f4eb650d"].elementor-widget { margin: -35px 0 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="edd3524c"].elementor-widget { margin: -23px 0 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="b3266602"].elementor-widget { margin: -12px 0 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="84a65a54"].elementor-widget { margin: -29px 0 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-transition-pill .elementor-heading-title { box-sizing: border-box !important; width: 225px !important; height: 69px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 34px !important; margin: 0 !important; font-size: 17px !important; line-height: 20px !important; font-weight: 600 !important; text-align: center !important; color: #fff !important; border-radius: 5px !important; background: linear-gradient(90deg, #F1AE11, #F26AAA) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="28474d33"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f11ca947"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="9599c59a"], html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="be2f90ad"] { position: relative !important; z-index: 1 !important; }
}

/* hg:P2:s3-mobile-pill18 — lebar tinta "Vertical Transition" mockup 155px = Inter 600 18px (bukan 17); isi pill 161 → "Horizontal Transition" tetap 2 baris */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 .service-transition-pill .elementor-heading-title { font-size: 18px !important; padding: 0 32px !important; }
}

/* hg:P2:s3-mobile-shift - user revision: mobile padding-top 60->28px (-32px; -64px cumulative) */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con.e-con.e-con { padding-top: calc(28px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(70px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P4:s3-s5-mobile-lh30 */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="hpbopt01"] h2 { line-height: 30px !important; margin-top: -1px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con [data-id="c252997c"].e-con.e-con { margin-top: calc(27px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="f8c3deef"] h2, html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="e48444e5"] h2 { line-height: 30px !important; margin-top: -1px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="689cddd3"].elementor-widget { margin-top: 15px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796 [data-id="12250c7e"].elementor-widget { margin-top: 20px !important; }
}

/* hg:quick-m:hpb-s3-band — Holo_mobile.png: pita #F1F3F7 S3 mulai y2465 (kartu Vertical +319), bukan di tepi atas section (live 1967) */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con.e-con.e-con { background: linear-gradient(to bottom, #fff 0, #fff calc(500px * var(--hg-vw-scale, 1)), #F1F3F7 calc(500px * var(--hg-vw-scale, 1))) !important; }
}

/* hg:P2:s3-desktop-top-gap - user revision: increase desktop section top spacing by 36px */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-7d3ca796.e-con.e-con.e-con { margin-top: calc(36 * var(--u)) !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9431b895 */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-9431b895 .title-gradient, .elementor-10 .elementor-element.elementor-element-9431b895 h2 { font-size: 25px !important; }
  .elementor-10 .elementor-element.elementor-element-9431b895 .font-sans { font-weight: 500 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d2c11e82 */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-d2c11e82 .elementor-heading-title { font-size: 20px !important; font-weight: 500 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc447276 *//* hg:P4:hpb-s4-judul3 — review P7: mockup memenggal 'Landscape Design Frame / with QR code' (live 'Frame with / QR code'): lebar 340px. Desktop saja. */
@media (min-width: 768px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-dc447276.elementor-element-dc447276.elementor-element-dc447276 { max-width: 340px !important; width: 340px !important; }
}

/* hg:P4:hpb-s4-judul3-b — reviewer ronde 2: masih 'Frame with / QR code' → lebar 300px (mockup 'Landscape Design Frame / with QR code'). Desktop saja. */
@media (min-width: 768px) {
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-dc447276.elementor-element-dc447276.elementor-element-dc447276 { max-width: 340px !important; width: 340px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4556a30 *//* hg:P2:s4-desktop — ink mockup Services_Holographic (1440): judul 2891-2931, sub 2962-2986 (Inter 30/500), paragraf 3022-3044 (Inter 22), video 463 @x226/751 y3106/3787, kartu copy 444 lebar, overlap 29.5, Design Note 974 @y4461 */
@media (min-width: 768px) {
  .elementor-10 .elementor-element.elementor-element-d4556a30 { --u: calc(var(--hg-page-w, 100vw) / 1440); }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30.e-con.e-con { padding-top: calc(84 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="fc3e7b57"] { gap: 0 !important; margin-bottom: calc(22.3 * var(--u)) !important; max-width: none !important; width: 100% !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="9431b895"] h2 { font-size: calc(41 * var(--u)) !important; line-height: calc(48 * var(--u)) !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="d2c11e82"] { margin-top: calc(24 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="d2c11e82"] .elementor-heading-title { font-size: calc(30.7 * var(--u)) !important; line-height: calc(36 * var(--u)) !important; font-weight: 500 !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="c448ae02"] { margin-top: calc(23.7 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="c448ae02"] .elementor-heading-title { font-size: calc(22.5 * var(--u)) !important; line-height: calc(27 * var(--u)) !important; color: #403E3E !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="f944ead5"].e-con.e-con { grid-template-columns: repeat(2, calc(463 * var(--u))) !important; column-gap: calc(62 * var(--u)) !important; row-gap: calc(66 * var(--u)) !important; width: calc(988 * var(--u)) !important; max-width: none !important; justify-content: center !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 .service-branding-copy-card.e-con.e-con { width: auto !important; margin: calc(-29.5 * var(--u)) calc(9.5 * var(--u)) 0 !important; padding: calc(22.5 * var(--u)) calc(24 * var(--u)) calc(12.3 * var(--u)) calc(31 * var(--u)) !important; gap: calc(12 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="hpbbrc03"].e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="hpbbrc04"].e-con.e-con { min-height: calc(203.5 * var(--u)) !important; margin-top: calc(-23.5 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30.e-con.e-con .service-branding-copy-card .service-content-card-title .elementor-heading-title { font-size: calc(24.5 * var(--u)) !important; line-height: calc(32.7 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30.e-con.e-con .service-branding-copy-card .service-content-card-text .elementor-heading-title { font-size: calc(18 * var(--u)) !important; line-height: calc(24.5 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 .service-hpb-design-note { max-width: none !important; width: calc(974 * var(--u)) !important; margin: calc(1 * var(--u)) auto 0 !important; padding: calc(27 * var(--u)) calc(32.5 * var(--u)) calc(25.5 * var(--u)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 .service-hpb-design-note p { font-size: calc(16 * var(--u)) !important; line-height: calc(24.5 * var(--u)) !important; }
}
/* hg:P2:s4-mobile — ink Holo_mobile (440): judul 4492-4516, sub 20/24 2 baris 4540-4579, paragraf 18/24 4605-4646, video 402/404/405/410 @x19/19/17/15 y4682/5309/5888/6534, kartu copy x28 w385 (atas 5070/5691/6264/6926), band abu berakhir 4874, Design Note 408 @x14 y7155-7375 */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-d4556a30.e-con.e-con { padding-top: calc(44px * var(--hg-vw-scale, 1)) !important; padding-left: calc(20px * var(--hg-vw-scale, 1)) !important; padding-right: calc(20px * var(--hg-vw-scale, 1)) !important; background: linear-gradient(#F1F3F7 0, #F1F3F7 calc(441px * var(--hg-vw-scale, 1)), #FFFFFF calc(441px * var(--hg-vw-scale, 1))) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="fc3e7b57"] { gap: 0 !important; margin-bottom: calc(-6.5px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="9431b895"] h2 { margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="d2c11e82"] { margin-top: 18.2px !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="d2c11e82"] .elementor-heading-title { font-size: 20px !important; line-height: 24px !important; font-weight: 500 !important; max-width: 215px !important; margin: 0 auto !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="c448ae02"] { margin-top: 17.2px !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="c448ae02"] .elementor-heading-title { font-size: 18px !important; line-height: 24px !important; color: #403E3E !important; max-width: 330px !important; margin: 0 auto !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="f944ead5"].e-con.e-con { align-self: stretch !important; width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; gap: calc(29px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="30aa631a"] { margin-bottom: calc(19px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="5576267e"] { align-self: flex-start !important; margin-right: 0 !important; width: calc(402px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin-left: calc(-1px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="b44a1e71"] { align-self: flex-start !important; margin-right: 0 !important; width: calc(404px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin-left: calc(-1px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="bd1d9dfe"] { align-self: flex-start !important; margin-right: 0 !important; width: calc(405px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin-left: calc(-3px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="90af3d70"] { align-self: flex-start !important; margin-right: 0 !important; width: calc(410px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin-left: calc(-5px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 .service-branding-copy-card.e-con.e-con { align-self: flex-start !important; width: calc(385px * var(--hg-vw-scale, 1)) !important; margin-left: calc(8px * var(--hg-vw-scale, 1)) !important; margin-right: 0 !important; padding: calc(22px * var(--hg-vw-scale, 1)) calc(24px * var(--hg-vw-scale, 1)) calc(21px * var(--hg-vw-scale, 1)) calc(32px * var(--hg-vw-scale, 1)) !important; gap: calc(10.5px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="hpbbrc01"].e-con.e-con { margin-top: calc(-14px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="hpbbrc02"].e-con.e-con { margin-top: calc(-22px * var(--hg-vw-scale, 1)) !important; min-height: calc(168px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="hpbbrc03"].e-con.e-con { margin-top: calc(-29px * var(--hg-vw-scale, 1)) !important; min-height: calc(222px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 [data-id="hpbbrc04"].e-con.e-con { margin-top: calc(-18px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30.e-con.e-con .service-branding-copy-card .service-content-card-title .elementor-heading-title { line-height: 32px !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30.e-con.e-con .service-branding-copy-card .service-content-card-text .elementor-heading-title { font-size: 16px !important; line-height: 24px !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30.e-con.e-con [data-id="hpbbrc01"] .service-content-card-text .elementor-heading-title { font-size: 18px !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 .service-hpb-design-note { width: calc(408px * var(--hg-vw-scale, 1)) !important; max-width: none !important; align-self: flex-start !important; margin: calc(-10.5px * var(--hg-vw-scale, 1)) 0 0 calc(-6px * var(--hg-vw-scale, 1)) !important; padding: calc(26px * var(--hg-vw-scale, 1)) calc(24px * var(--hg-vw-scale, 1)) calc(22px * var(--hg-vw-scale, 1)) calc(32px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-d4556a30 .service-hpb-design-note p { font-size: calc(16px * var(--hg-vw-scale, 1)) !important; line-height: calc(24px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P4:s7-judul-kartu-w800 — mockup Services_Holographic.svg: judul kartu Design Frame Inter 24/w800 (desktop); live 600 dari aturan mobile 97341371 yang berlaku semua vp. Mobile tetap 22/600 (Holo_mobile.svg). */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-d4556a30.e-con.e-con .service-branding-copy-card .service-content-card-title .elementor-heading-title { font-weight: 800 !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3dbc0a7 */.elementor-10 .elementor-element.elementor-element-3dbc0a7 .title-gradient { white-space: normal !important; display: block !important; width: 100%; }
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-3dbc0a7 .title-gradient, .elementor-10 .elementor-element.elementor-element-3dbc0a7 h2 { font-size: 25px !important; }
  .elementor-10 .elementor-element.elementor-element-3dbc0a7 .font-sans { font-weight: 500 !important; }
}
/* hg:P4:s8-title-wrap-desktop */
@media (min-width: 768px) {
  .elementor-10 .elementor-element.elementor-element-3dbc0a7 { --u: calc(var(--hg-page-w, 100vw) / 1440); }
  .elementor-10 .elementor-element.elementor-element-3dbc0a7 .title-gradient { max-width: calc(561 * var(--u)) !important; width: calc(561 * var(--u)) !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddf259d */.elementor-10 .elementor-element.elementor-element-ddf259d > .e-con-inner { display: contents !important; }
.elementor-10 .elementor-element.elementor-element-ddf259d { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; align-items: center !important; gap: clamp(2rem, calc(var(--hg-page-w, 100vw) * 6 / 100), 6rem) !important; }
.elementor-10 .elementor-element.elementor-element-ddf259d > *:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; }
.elementor-10 .elementor-element.elementor-element-ddf259d > *:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf89d52 *//* S5 Discover cards: match the four reference slots in Services_Holographic.svg and Holo_mobile.svg. */
@media (min-width: 768px) /* hg-zoom A12: was 900px */ {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-bf89d52 {
    width: calc(100% + 84px) !important;
    max-width: none !important;
    margin-left: -42px !important;
    margin-right: -42px !important;
  }
  body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-bf89d52 .service-related-card-img video,
  body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-bf89d52 .service-related-card-img img {
    aspect-ratio: 156 / 193 !important;
  }
}
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-bf89d52 {
    width: min(calc(386px * var(--hg-vw-scale, 1)), 100%) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: calc(10px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-bf89d52 > .e-con {
    padding-left: calc(10px * var(--hg-vw-scale, 1)) !important;
    padding-right: calc(10px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-bf89d52 .service-related-card-img video,
  body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-bf89d52 .service-related-card-img img {
    aspect-ratio: 156 / 193 !important;
  }
}

/* Center Discover labels and scale them to the mobile reference card width. */
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-bf89d52 .service-related-card-caption {
    width: calc(263px * var(--hg-vw-scale, 1)) !important;
    max-width: 100% !important;
    margin: calc(-20px * var(--hg-vw-scale, 1)) auto 0 !important;
    align-self: center !important;
    box-sizing: border-box !important;
    padding: calc(9px * var(--hg-vw-scale, 1)) calc(16px * var(--hg-vw-scale, 1)) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c2ddd1 *//* Discover-row decoration matched to Services_Holographic.svg / Holo_mobile.svg. */
.elementor-10 .elementor-element.elementor-element-4c2ddd1.hpb-discover-section.hpb-discover-section::before,
.elementor-10 .elementor-element.elementor-element-4c2ddd1.hpb-discover-section.hpb-discover-section::after {
  content: none !important;
  display: none !important;
}
.elementor-10 .elementor-element.elementor-element-4c2ddd1 .service-hpb-discover-grid {
  position: relative !important;
  isolation: isolate;
}
.elementor-10 .elementor-element.elementor-element-4c2ddd1 .service-hpb-discover-grid::before,
.elementor-10 .elementor-element.elementor-element-4c2ddd1 .service-hpb-discover-grid::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
.elementor-10 .elementor-element.elementor-element-4c2ddd1 .service-hpb-discover-grid > .e-con-inner > .e-con,
.elementor-10 .elementor-element.elementor-element-4c2ddd1 .service-hpb-discover-grid > .e-con {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .elementor-10 .elementor-element.elementor-element-4c2ddd1 .service-hpb-discover-grid::before {
    width: 350px;
    height: 350px;
    left: -258px;
    top: -119px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(247,174,188,.76) 0 115px, rgba(247,174,188,.35) 115px 175px, transparent 175px);
  }
  .elementor-10 .elementor-element.elementor-element-4c2ddd1 .service-hpb-discover-grid::after {
    width: 280px;
    height: 250px;
    left: calc(100% - 193px);
    top: 273px;
    background: rgba(241,141,91,.4);
    clip-path: path("M 245.47 52.05 C 210.46 -0.03 215.43 57.77 160.88 94.44 C 106.33 131.12 0.50 141.14 35.51 193.21 C 70.52 245.28 155.54 249.42 210.09 212.74 C 264.64 176.06 280.48 104.12 245.47 52.05 Z");
  }
}
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-4c2ddd1 .service-hpb-discover-grid::before {
    width: 181px;
    height: 181px;
    left: calc(-103px * var(--hg-vw-scale, 1));
    top: calc(-55px * var(--hg-vw-scale, 1));
    border-radius: 50%;
    background: radial-gradient(circle, rgba(247,174,188,.76) 0 59.5px, rgba(247,174,188,.35) 59.5px 90.5px, transparent 90.5px);
    transform: scale(var(--hg-vw-scale, 1));
    transform-origin: top left;
  }
  .elementor-10 .elementor-element.elementor-element-4c2ddd1 .service-hpb-discover-grid::after {
    width: 280px;
    height: 250px;
    left: calc(185px * var(--hg-vw-scale, 1));
    top: calc(1814px * var(--hg-vw-scale, 1));
    background: rgba(241,141,91,.4);
    clip-path: path("M 245.47 52.05 C 210.46 -0.03 215.43 57.77 160.88 94.44 C 106.33 131.12 0.50 141.14 35.51 193.21 C 70.52 245.28 155.54 249.42 210.09 212.74 C 264.64 176.06 280.48 104.12 245.47 52.05 Z");
    transform: scale(var(--hg-vw-scale, 1));
    transform-origin: top left;
  }
}
/* r12 (revisi-12 144:3274/144:3303): posisi ornamen mobile = holographic-mobile.svg (Ellipse 447/446 cx14.5 cy7712.5 r90.5/59.5; Ellipse 450 offset 212,9491) relatif kartu pertama; offset +50 lama dihapus. Blob tidak lagi terpotong: overflow-y section 098094a visible (lihat custom_css 098094a). *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-098094a *//* hg:P2:s5-desktop — ink Services_Holographic (1408→1440): Design Note bawah 4590, judul Inter/Playfair 40.9/46 2 baris ink 4739-4823 x155, paragraf Inter 22.5/24.5 3 baris ink 4742-4813 x779-1279, media 312x385 atas 4874.5 radius 10.2, caption 270x48 atas = media+21, caption→judul S6 179 */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-098094a.e-con.e-con { padding-top: 75px !important; padding-bottom: 68px !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="4c2ddd1"].e-con.e-con { padding-top: 0 !important; padding-bottom: 0 !important; gap: 0 !important; row-gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="ddf259d"].e-con.e-con { max-width: none !important; width: 1130px !important; margin: 0 auto 20.5px !important; padding: 0 !important; grid-template-columns: 624px minmax(0, 1fr) !important; column-gap: 0 !important; row-gap: 0 !important; align-items: start !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="3dbc0a7"] .title-gradient { font-size: 40.9px !important; line-height: 46px !important; margin: 0 !important; max-width: 600px !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="3dbc0a7"] .font-sans { font-weight: 500 !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="2b04e7f"].elementor-widget { margin-top: 12px !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="2b04e7f"] .elementor-heading-title { font-size: 22.5px !important; line-height: 24.5px !important; letter-spacing: 0px !important; color: #403E3E !important; margin: 0 !important; max-width: 560px !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a .service-hpb-discover-grid .service-related-card-caption.e-con.e-con { width: 270px !important; margin-top: -9px !important; padding-top: 12px !important; padding-bottom: 12px !important; }
}
/* hg:P2:s5-mobile — ink Holo_mobile (440): Design Note bawah 7375, judul 25/30 tengah 2 baris ink 7470-7523, paragraf 18/24 tengah 4 baris ink 7553-7639, media 346x428 atas 7697/8195/8696/9209, caption 263x44 menumpuk media 18 */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-098094a.e-con.e-con { padding-top: calc(28px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(0px * var(--hg-vw-scale, 1)) !important; overflow-x: clip !important; overflow-y: visible !important; z-index: 2 !important; } /* r12: blob peach Magnet melewati dasar section seperti mockup (tema .service-section-white overflow:hidden memotongnya) */
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="4c2ddd1"].e-con.e-con { padding-top: 0 !important; padding-bottom: 0 !important; gap: 0 !important; row-gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="ddf259d"].e-con.e-con { grid-template-columns: minmax(0, 1fr) !important; row-gap: 0 !important; column-gap: 0 !important; padding: 0 !important; margin: 0 0 calc(22px * var(--hg-vw-scale, 1)) !important; align-items: start !important; justify-items: center !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="3dbc0a7"], html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="2b04e7f"] { grid-column: 1 !important; text-align: center !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="2b04e7f"] { grid-row: 2 !important; margin-top: 22px !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="3dbc0a7"] .title-gradient { font-size: 25px !important; line-height: 30px !important; margin: 0 auto !important; max-width: 360px !important; text-align: center !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="2b04e7f"] .elementor-heading-title { font-size: 18px !important; line-height: 24px !important; letter-spacing: -0.2px !important; color: #403E3E !important; margin: 0 auto !important; max-width: 318px !important; text-align: center !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="bf89d52"].e-con.e-con { gap: 0 !important; row-gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="ed7d59c"].e-con.e-con { margin-top: calc(13px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="9627c5a"].e-con.e-con { margin-top: calc(16px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="hpbmag01"].e-con.e-con { margin-top: calc(28px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a .service-hpb-discover-grid .service-related-card-caption.e-con.e-con { margin-top: calc(-48px * var(--hg-vw-scale, 1)) !important; padding-top: calc(10px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(10px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P3:s5-radius — mockup radius 10.2 (desktop) / 10 (mobile) pada keempat media; tema memberi 8 di wrapper, 0 di video hpbmag03 */
html body .elementor-10 .elementor-element.elementor-element-098094a .service-hpb-discover-grid .service-related-card-img.e-con { border-radius: 10px !important; overflow: hidden !important; }
html body .elementor-10 .elementor-element.elementor-element-098094a .service-hpb-discover-grid .service-related-card-img video, html body .elementor-10 .elementor-element.elementor-element-098094a .service-hpb-discover-grid .service-related-card-img img { border-radius: 10px !important; }

/* hg:P2:s5-mobile-320 — padding 10 kartu & wrapper media serta gap 20 kartu tidak ikut skala → pitch kartu +18 di 320 (B2); radius media ikut skala */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="bf89d52"] > .e-con-full.e-con, html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="hpbmag01"] > .e-con-inner { padding-top: calc(10px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(10px * var(--hg-vw-scale, 1)) !important; gap: calc(20px * var(--hg-vw-scale, 1)) !important; row-gap: calc(20px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a .service-hpb-discover-grid .service-related-card-img.e-con-full.e-con, html body .elementor-10 .elementor-element.elementor-element-098094a [data-id="hpbmag02"] > .e-con-inner { padding-top: calc(10px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(10px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a .service-hpb-discover-grid .service-related-card-img.e-con.e-con { border-radius: calc(10px * var(--hg-vw-scale, 1)) !important; }
  html body .elementor-10 .elementor-element.elementor-element-098094a .service-hpb-discover-grid .service-related-card-img video, html body .elementor-10 .elementor-element.elementor-element-098094a .service-hpb-discover-grid .service-related-card-img img { border-radius: calc(10px * var(--hg-vw-scale, 1)) !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74d3a33c */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-74d3a33c .title-gradient, .elementor-10 .elementor-element.elementor-element-74d3a33c h2 { font-size: 25px !important; }
  .elementor-10 .elementor-element.elementor-element-74d3a33c .font-sans { font-weight: 500 !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d85e67a6 */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-d85e67a6 .title-gradient, .elementor-10 .elementor-element.elementor-element-d85e67a6 h2, .elementor-10 .elementor-element.elementor-element-d85e67a6 .service-heading { font-size: 25px !important; }
  .elementor-10 .elementor-element.elementor-element-d85e67a6 .font-sans { font-weight: 500 !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a3263f */.elementor-10 .elementor-element.elementor-element-f8a3263f { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dd6f2284 */.elementor-10 .elementor-element.elementor-element-dd6f2284 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-dd6f2284 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; }
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-dd6f2284 { font-size: 18px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-859962c0 */.elementor-10 .elementor-element.elementor-element-859962c0 { --width: initial; width: 100%; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-859962c0 { display:flex; align-items:center; } .elementor-10 .elementor-element.elementor-element-859962c0 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c7f57a8 */.elementor-10 .elementor-element.elementor-element-3c7f57a8 { display:grid; grid-template-columns:1fr; gap:3rem; align-items:start; } .elementor-10 .elementor-element.elementor-element-3c7f57a8 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1bc98eb */.elementor-10 .elementor-element.elementor-element-f1bc98eb { padding:4rem 0; background:var(--bg-light,#fafafa); } .elementor-10 .elementor-element.elementor-element-f1bc98eb > .e-con-inner { display: contents !important; }

/* hg:P2:s6-desktop — ink Services_Holographic (1408→1440): caption S5→judul 178.4 (live sudah 179 — conform memasangkan baris-2 live), judul Inter/Playfair 40.9/48 w500 gradient 3-stop 2 baris tengah ink 5506-5594, judul→paragraf 28.6, paragraf Inter 22.5/24.5 #403E3E 2 baris, latar putih; jarak paragraf→foto diatur S7 */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb.e-con.e-con { padding-top: 84px !important; padding-bottom: 0 !important; background: #fff !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="a796c12a"] > .e-con-inner, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="f8a3263f"] > .e-con-inner, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="3c7f57a8"] > .e-con-inner, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="859962c0"] > .e-con-inner { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="3c7f57a8"].e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="f8a3263f"].e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="859962c0"].e-con.e-con { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="74d3a33c"], html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="d85e67a6"] { text-align: center !important; width: 100% !important; display: flex !important; justify-content: center !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="74d3a33c"] .title-gradient, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="d85e67a6"] .title-gradient { font-size: 40.9px !important; line-height: 48px !important; margin: 0 !important; background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="74d3a33c"] .font-sans, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="d85e67a6"] .font-sans { font-weight: 500 !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="74d3a33c"] .title-gradient > span, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="d85e67a6"] .title-gradient > span { line-height: 1 !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="dd6f2284"].elementor-widget { margin-top: 25px !important; width: 100% !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="dd6f2284"] .elementor-heading-title { font-size: 22.5px !important; line-height: 24.5px !important; letter-spacing: 0px !important; color: #403E3E !important; margin: 0 auto !important; max-width: 540px !important; text-align: center !important; }
}
/* hg:P2:s6-mobile — ink Holo_mobile (440): caption S5→judul 86, judul 25/30 w500 tengah 2 baris ink 9746-9800, judul→paragraf 34, paragraf 18/20 #403E3E 3 baris tengah, latar putih */
@media (max-width: 767px) {
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb.e-con.e-con { padding-top: calc(60px * var(--hg-vw-scale, 1)) !important; padding-bottom: 0 !important; background: #fff !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="a796c12a"] > .e-con-inner, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="f8a3263f"] > .e-con-inner, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="3c7f57a8"] > .e-con-inner, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="859962c0"] > .e-con-inner { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="3c7f57a8"].e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="f8a3263f"].e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="859962c0"].e-con.e-con { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="74d3a33c"], html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="d85e67a6"] { text-align: center !important; width: 100% !important; display: flex !important; justify-content: center !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="74d3a33c"] .title-gradient, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="d85e67a6"] .title-gradient { font-size: 25px !important; line-height: 30px !important; margin: 0 !important; background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="74d3a33c"] .title-gradient > span, html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="d85e67a6"] .title-gradient > span { line-height: 1 !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="dd6f2284"].elementor-widget { margin-top: 30px !important; width: 100% !important; }
  html body .elementor-10 .elementor-element.elementor-element-f1bc98eb [data-id="dd6f2284"] .elementor-heading-title { font-size: 18px !important; line-height: 20px !important; letter-spacing: -0.2px !important; color: #403E3E !important; margin: 0 auto !important; max-width: 340px !important; text-align: center !important; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7a15923c */.elementor-10 .elementor-element.elementor-element-7a15923c { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
/* hg: svg-base */
.elementor-10 .elementor-element.elementor-element-7a15923c img{display:block}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4f7e4e5 */.elementor-10 .elementor-element.elementor-element-d4f7e4e5 { --width: initial; width: 100%; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-d4f7e4e5 { flex-shrink:0; width:48px; height:48px; background:rgba(245,158,11,0.08); border-radius:12px; display:flex; align-items:center; justify-content:center; } .elementor-10 .elementor-element.elementor-element-d4f7e4e5 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-38a7f58f */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-38a7f58f h3 { font-size: 18px !important; font-weight: 500 !important; color: #000000 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0bf30a88 */.elementor-10 .elementor-element.elementor-element-0bf30a88 { color:var(--text-muted); font-size:0.9rem; line-height:1.6; margin:0; }

/* hg:P4:hpb-s7-unlimited — review P7: mockup 'prints for / all your guests.' → lebar teks 265px. Desktop saja. */
@media (min-width: 768px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0bf30a88.elementor-element-0bf30a88.elementor-element-0bf30a88 { max-width: 265px !important; width: 265px !important; margin-left: auto !important; margin-right: auto !important; }
}

/* hg:P4:hpb-s7-unlimited-b — reviewer ronde 2: mockup 'holographic prints for / all your guests.' → lebar 245px. Desktop saja. */
@media (min-width: 768px) {
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0bf30a88.elementor-element-0bf30a88.elementor-element-0bf30a88 { max-width: 245px !important; width: 245px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca37381a */.elementor-10 .elementor-element.elementor-element-ca37381a { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce81dba7 */.elementor-10 .elementor-element.elementor-element-ce81dba7 { display:flex; gap:1rem; align-items:flex-start; } .elementor-10 .elementor-element.elementor-element-ce81dba7 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fbddf744 */.elementor-10 .elementor-element.elementor-element-fbddf744 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
/* hg: svg-base */
.elementor-10 .elementor-element.elementor-element-fbddf744 img{display:block}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca94569 */.elementor-10 .elementor-element.elementor-element-eca94569 { --width: initial; width: 100%; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-eca94569 { flex-shrink:0; width:48px; height:48px; background:rgba(245,158,11,0.08); border-radius:12px; display:flex; align-items:center; justify-content:center; } .elementor-10 .elementor-element.elementor-element-eca94569 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-31cfb3eb */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-31cfb3eb h3 { font-size: 18px !important; font-weight: 500 !important; color: #000000 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f190c263 */.elementor-10 .elementor-element.elementor-element-f190c263 { color:var(--text-muted); font-size:0.9rem; line-height:1.6; margin:0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eea432f */.elementor-10 .elementor-element.elementor-element-3eea432f { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38e4bbec */.elementor-10 .elementor-element.elementor-element-38e4bbec { display:flex; gap:1rem; align-items:flex-start; } .elementor-10 .elementor-element.elementor-element-38e4bbec > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef55ebf2 */.elementor-10 .elementor-element.elementor-element-ef55ebf2 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-ef55ebf2 { display:flex; flex-direction:column; gap:2.5rem; } .elementor-10 .elementor-element.elementor-element-ef55ebf2 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-4e614e5f *//* hg:P1:feature-video GIF Layer 5 -> mp4 (Figma 295b1c35afec 489x869 @462,5594): padanan aturan img */
.elementor-10 .elementor-element.elementor-element-4e614e5f.elementor-widget-video .elementor-wrapper.e-hosted-video { width:100%; }
.elementor-10 .elementor-element.elementor-element-4e614e5f.elementor-widget-video .elementor-wrapper.e-hosted-video video.elementor-video { width:100% !important; height:auto !important; aspect-ratio:500 / 889 !important; object-fit:cover !important; display:block; }
@media (min-width: 768px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center .elementor-wrapper.e-hosted-video, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center video.elementor-video { width:500.1px !important; max-width:500.1px !important; height:888.8px !important; max-height:none !important; min-height:0 !important; object-fit:cover !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe00a4b2 */.elementor-10 .elementor-element.elementor-element-fe00a4b2 { border-radius:20px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.15); } .elementor-10 .elementor-element.elementor-element-fe00a4b2 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-267bf40f */.elementor-10 .elementor-element.elementor-element-267bf40f { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-267bf40f { width:100%; } .elementor-10 .elementor-element.elementor-element-267bf40f > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9e5df8d8 */.elementor-10 .elementor-element.elementor-element-9e5df8d8 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
/* hg: svg-base */
.elementor-10 .elementor-element.elementor-element-9e5df8d8 img{display:block}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eefa7bce */.elementor-10 .elementor-element.elementor-element-eefa7bce { --width: initial; width: 100%; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-eefa7bce { flex-shrink:0; width:48px; height:48px; background:rgba(245,158,11,0.08); border-radius:12px; display:flex; align-items:center; justify-content:center; } .elementor-10 .elementor-element.elementor-element-eefa7bce > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e9eeb954 */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-e9eeb954 h3 { font-size: 18px !important; font-weight: 500 !important; color: #000000 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a8fcb88 */.elementor-10 .elementor-element.elementor-element-2a8fcb88 { color:var(--text-muted); font-size:0.9rem; line-height:1.6; margin:0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89d2e446 */.elementor-10 .elementor-element.elementor-element-89d2e446 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2745ec4b */.elementor-10 .elementor-element.elementor-element-2745ec4b { display:flex; gap:1rem; align-items:flex-start; } .elementor-10 .elementor-element.elementor-element-2745ec4b > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3a84f5de */.elementor-10 .elementor-element.elementor-element-3a84f5de { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
/* hg: svg-base */
.elementor-10 .elementor-element.elementor-element-3a84f5de img{display:block}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-742b5b04 */.elementor-10 .elementor-element.elementor-element-742b5b04 { --width: initial; width: 100%; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-742b5b04 { flex-shrink:0; width:48px; height:48px; background:rgba(245,158,11,0.08); border-radius:12px; display:flex; align-items:center; justify-content:center; } .elementor-10 .elementor-element.elementor-element-742b5b04 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e754262f */@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-e754262f h3 { font-size: 18px !important; font-weight: 500 !important; color: #000000 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-923718f6 */.elementor-10 .elementor-element.elementor-element-923718f6 { color:var(--text-muted); font-size:0.9rem; line-height:1.6; margin:0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c4c8326 */.elementor-10 .elementor-element.elementor-element-4c4c8326 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edeabcae */.elementor-10 .elementor-element.elementor-element-edeabcae { display:flex; gap:1rem; align-items:flex-start; } .elementor-10 .elementor-element.elementor-element-edeabcae > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-883d9c8b */.elementor-10 .elementor-element.elementor-element-883d9c8b { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-10 .elementor-element.elementor-element-883d9c8b { display:flex; flex-direction:column; gap:2.5rem; } .elementor-10 .elementor-element.elementor-element-883d9c8b > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02be0784 */.elementor-10 .elementor-element.elementor-element-02be0784 { display:grid; grid-template-columns:1fr; gap:3rem; align-items:center; } .elementor-10 .elementor-element.elementor-element-02be0784 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0328b378 */.elementor-10 .elementor-element.elementor-element-0328b378 { padding:4rem 0; } .elementor-10 .elementor-element.elementor-element-0328b378 > .e-con-inner { display: contents !important; }
/* Match S7 feature grid to the desktop and mobile mockup geometry. */
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-feature-grid {
    display: grid !important;
    grid-template-columns: 322px 489px 322px !important;
    column-gap: 57px !important;
    row-gap: 0 !important;
    width: 1247px !important;
    max-width: 1247px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin-inline: auto !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left > .e-con-inner,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con-inner {
    gap: 80px !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left > .e-con,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left > .e-con-inner > .e-con,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con-inner > .e-con {
    width: 322px !important;
    min-height: 248px !important;
    box-sizing: border-box !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con-inner > .e-con:last-child,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con:last-child {
    min-height: 291px !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center > .e-con-inner,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center .elementor-element-fe00a4b2 {
    width: 489px !important;
    max-width: 489px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center img {
    display: block !important;
    width: 489px !important;
    max-width: 489px !important;
    height: auto !important;
  }
}
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-feature-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: calc(40px * var(--hg-vw-scale, 1)) !important;
    width: calc(370px * var(--hg-vw-scale, 1)) !important;
    max-width: calc(370px * var(--hg-vw-scale, 1)) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center {
    order: -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 0 calc(9px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center > .e-con-inner,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center .elementor-element-fe00a4b2 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left > .e-con-inner,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: calc(40px * var(--hg-vw-scale, 1)) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left > .e-con,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left > .e-con-inner > .e-con,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con-inner > .e-con {
    width: calc(322px * var(--hg-vw-scale, 1)) !important;
    max-width: 100% !important;
    min-height: calc(236px * var(--hg-vw-scale, 1)) !important;
    box-sizing: border-box !important;
    align-self: center !important;
    justify-self: center !important;
    margin-inline: auto !important;
    padding: calc(24px * var(--hg-vw-scale, 1)) calc(20px * var(--hg-vw-scale, 1)) !important;
  }
}
/* Keep the widened desktop matrix centered inside Elementor's narrower parent. */
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-feature-grid {
    grid-template-columns: 322px 489px 322px !important;
    column-gap: 68px !important;
    width: 1269px !important;
    max-width: 1269px !important;
    align-self: center !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right {
    padding: 0 !important;
  }
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left .elementor-widget-heading,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right .elementor-widget-heading,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left .elementor-widget-text-editor,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right .elementor-widget-text-editor,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left .elementor-widget-container,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right .elementor-widget-container {
  text-align: center !important;
}
/* The grid is wider than Elementor's 1,140px inner wrapper; offset its safe flex-start alignment by half the overflow. */
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-feature-grid {
    align-self: flex-start !important;
    margin-left: -64.5px !important;
    margin-right: 0 !important;
  }
}
/* Match feature-card typography from the page text SVG; global widget zoom handles sub-440px scaling. */
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left .elementor-widget-text-editor,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right .elementor-widget-text-editor {
  font-size: 22px !important;
  line-height: 1.2 !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left .elementor-heading-title,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right .elementor-heading-title {
  font-size: 18px !important;
  line-height: 1.45 !important;
}
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left .elementor-widget-text-editor,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right .elementor-widget-text-editor {
    font-size: 18px !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left .elementor-heading-title,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right .elementor-heading-title {
    font-size: 14px !important;
    line-height: 1.43 !important;
  }
}
/* Keep the tablet desktop layout inside Elementor's available inner width. */
@media (min-width: 1025px) and (max-width: 1279px) {
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-feature-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 489px) minmax(0, 1fr) !important;
    column-gap: clamp(24px, calc(var(--hg-page-w, 100vw) * 4 / 100), 48px) !important;
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    align-self: center !important;
  }
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center,
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center > .e-con-inner,
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center .elementor-element-fe00a4b2 {
    width: 100% !important;
    max-width: 489px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center img {
    display: block !important;
    width: 100% !important;
    max-width: 489px !important;
    height: auto !important;
  }
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left,
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right {
    padding: 0 !important;
  }
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left > .e-con,
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con,
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left > .e-con-inner > .e-con,
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con-inner > .e-con {
    width: 100% !important;
    max-width: 322px !important;
    min-height: 248px !important;
    box-sizing: border-box !important;
  }
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con-inner > .e-con:last-child,
  :where(html:not(.hg-page-zoom)) body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con:last-child {
    min-height: 291px !important;
  }
}
/* Trim the residual S7 section height after matching its internal grid. */
@media (min-width: 768px) /* hg-zoom A12: was 1280px */ {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 {
    padding-bottom: 51px !important;
  }
}
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 {
    padding-bottom: calc(35px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con-inner > .e-con:last-child,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right > .e-con:last-child {
    padding-top: calc(17px * var(--hg-vw-scale, 1)) !important;
    padding-bottom: calc(17px * var(--hg-vw-scale, 1)) !important;
  }
}

/* hg:P2:s7-desktop — Services_Holographic svg-path (1408→1440 ×1.0227): foto 472.5,+0 500.1×888.8 r8.2 (paragraf S6→foto 52.4); kartu luar 331.4×255.7 (SC 299.6) x84/1030, atas = foto+141, jarak baris 80, gap kolom 57.5; isi kartu tengah vertikal: ikon tinta 45, ikon→judul 24.5, judul Inter 22.5/500 #403E3E, judul→isi 23.5 (baseline→tinta), isi Inter 18.4/25.6 #403E3E; foto→S8 66.5 */
@media (min-width: 768px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378.e-con.e-con { padding-top: 50px !important; padding-bottom: 66.5px !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="c4237db3"] > .e-con-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-feature-grid.e-con.e-con { grid-template-columns: 331.4px 500.1px 331.4px !important; column-gap: 57.5px !important; width: 1277.9px !important; max-width: 1277.9px !important; margin-left: -66px !important; align-items: start !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left.e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-right.e-con.e-con { align-self: start !important; margin-top: 141px !important; gap: 80px !important; row-gap: 80px !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center.e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="fe00a4b2"].e-con.e-con { width: 500.1px !important; max-width: 500.1px !important; border-radius: 8.2px !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center img { width: 500.1px !important; max-width: 500.1px !important; height: 888.8px !important; max-height: none !important; min-height: 0 !important; object-fit: cover !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="ce81dba7"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="38e4bbec"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="2745ec4b"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="edeabcae"].e-con.e-con { width: 331.4px !important; max-width: none !important; min-height: 255.7px !important; padding: 0 24.7px !important; justify-content: center !important; align-items: center !important; gap: 0 !important; row-gap: 0 !important; border-radius: 7.2px !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="edeabcae"].e-con.e-con.e-con { min-height: 299.6px !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="ce81dba7"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="38e4bbec"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="2745ec4b"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="edeabcae"] > .e-con-inner { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="d4f7e4e5"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="eca94569"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="eefa7bce"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="742b5b04"].e-con.e-con { width: auto !important; height: auto !important; background: none !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="7a15923c"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="fbddf744"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="9e5df8d8"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="3a84f5de"] { line-height: 0 !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="7a15923c"] svg, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="fbddf744"] svg, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="9e5df8d8"] svg, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="3a84f5de"] svg { display: block !important; width: 54px !important; height: 54px !important; stroke: #000 !important; stroke-width: 1 !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="ca37381a"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="3eea432f"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="89d2e446"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="4c4c8326"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="ca37381a"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="3eea432f"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="89d2e446"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="4c4c8326"] > .e-con-inner { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; width: 100% !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="38a7f58f"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="31cfb3eb"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="e9eeb954"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="e754262f"] { margin-top: 15px !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="38a7f58f"] h3, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="31cfb3eb"] h3, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="e9eeb954"] h3, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="e754262f"] h3 { font-size: 22.5px !important; font-weight: 500 !important; line-height: 27px !important; color: #403E3E !important; margin: 0 !important; text-align: center !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="0bf30a88"].elementor-widget, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="f190c263"].elementor-widget, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="2a8fcb88"].elementor-widget, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="923718f6"].elementor-widget { margin-top: 12px !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="0bf30a88"] p.elementor-heading-title.elementor-heading-title, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="f190c263"] p.elementor-heading-title.elementor-heading-title, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="2a8fcb88"] p.elementor-heading-title.elementor-heading-title, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="923718f6"] p.elementor-heading-title.elementor-heading-title { font-size: 18.4px !important; line-height: 25.6px !important; color: #403E3E !important; margin: 0 !important; text-align: center !important; }
}
/* hg:P2:s7-mobile — Holo_mobile svg-path (440): paragraf S6→foto 32.3; foto 35,370×658 r8; foto→kartu 48; kartu luar 324×238 x58, jarak 38/40/40, isi tengah vertikal: ikon tinta 36, ikon→judul 21, judul Inter 18/500 hitam, judul→isi 14 (tinta), isi Inter 14/20 #403E3E; kartu terakhir→S8 56 */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378.e-con.e-con { padding-top: calc(32px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(56px * var(--hg-vw-scale, 1)) !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="c4237db3"] > .e-con-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-center.e-con.e-con { margin-bottom: calc(8px * var(--hg-vw-scale, 1)) !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left.e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 .service-hpb-features-left > .e-con-inner { gap: calc(38px * var(--hg-vw-scale, 1)) !important; row-gap: calc(38px * var(--hg-vw-scale, 1)) !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="ce81dba7"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="38e4bbec"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="2745ec4b"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="edeabcae"].e-con.e-con { width: calc(324px * var(--hg-vw-scale, 1)) !important; max-width: 100% !important; min-height: calc(238px * var(--hg-vw-scale, 1)) !important; padding: 0 calc(21px * var(--hg-vw-scale, 1)) !important; justify-content: center !important; align-items: center !important; gap: 0 !important; row-gap: 0 !important; border-radius: calc(7px * var(--hg-vw-scale, 1)) !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="ce81dba7"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="38e4bbec"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="2745ec4b"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="edeabcae"] > .e-con-inner { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="d4f7e4e5"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="eca94569"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="eefa7bce"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="742b5b04"].e-con.e-con { width: auto !important; height: auto !important; background: none !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="7a15923c"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="fbddf744"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="9e5df8d8"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="3a84f5de"] { line-height: 0 !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="7a15923c"] svg, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="fbddf744"] svg, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="9e5df8d8"] svg, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="3a84f5de"] svg { display: block !important; width: calc(43px * var(--hg-vw-scale, 1)) !important; height: calc(43px * var(--hg-vw-scale, 1)) !important; stroke: #000 !important; stroke-width: 1.1 !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="ca37381a"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="3eea432f"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="89d2e446"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="4c4c8326"].e-con.e-con, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="ca37381a"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="3eea432f"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="89d2e446"] > .e-con-inner, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="4c4c8326"] > .e-con-inner { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; width: 100% !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="38a7f58f"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="31cfb3eb"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="e9eeb954"], html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="e754262f"] { margin-top: 14px !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="38a7f58f"] h3, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="31cfb3eb"] h3, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="e9eeb954"] h3, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="e754262f"] h3 { font-size: 18px !important; font-weight: 500 !important; line-height: 22px !important; color: #000 !important; margin: 0 !important; text-align: center !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="0bf30a88"].elementor-widget, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="f190c263"].elementor-widget, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="2a8fcb88"].elementor-widget, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="923718f6"].elementor-widget { margin-top: 6px !important; }
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="0bf30a88"] p.elementor-heading-title.elementor-heading-title, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="f190c263"] p.elementor-heading-title.elementor-heading-title, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="2a8fcb88"] p.elementor-heading-title.elementor-heading-title, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="923718f6"] p.elementor-heading-title.elementor-heading-title { font-size: 14px !important; line-height: 20px !important; color: #403E3E !important; margin: 0 !important; text-align: center !important; }
}

/* hg:quick-m:hpb-s7-wrap — Holo_mobile.png: Backdrops baris 205px (3 baris), Supporting Crew baris 225px (4 baris) */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="2a8fcb88"] p.elementor-heading-title.elementor-heading-title { max-width: 212px !important; margin: 0 auto !important; }
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-0328b378 [data-id="923718f6"] p.elementor-heading-title.elementor-heading-title { max-width: 232px !important; margin: 0 auto !important; }
}

/* hg:P5:hpb-s7-gradien — review P7 2026-10-04: border kartu fitur S7 mockup vertikal oranye (atas) → pink (bawah) #F1AE11→#F26AAA, live diagonal terbalik. */
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-ce81dba7.elementor-element-ce81dba7.elementor-element-ce81dba7,
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-38e4bbec.elementor-element-38e4bbec.elementor-element-38e4bbec,
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-2745ec4b.elementor-element-2745ec4b.elementor-element-2745ec4b,
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-edeabcae.elementor-element-edeabcae.elementor-element-edeabcae { border: 2px solid transparent !important; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(180deg, #F1AE11 0%, #F26AAA 100%) border-box !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de52baf *//* hg:P4:hpb-s8-judul-mobile — isu prioritas user 2026-10-04: judul kartu 'masih besar' di mobile → 21px (mockup 25px; penyimpangan sengaja atas permintaan user). Mobile saja. */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-de52baf.elementor-element-de52baf a, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-de52baf.elementor-element-de52baf a span { font-size: 21px !important; line-height: 1.15 !important; }
}

/* hg:P4:hpb-s8-mobile-title-gap */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element-c462f31.service-related-grid.service-hpb-also-grid .elementor-element-de52baf.elementor-element-de52baf .service-hpb-also-description {
    margin-top: calc(18px * var(--hg-vw-scale, 1)) !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21af4f6 *//* hg:P2:hpb-s8-native-arrow-widget: native Button fills the existing positioned card affordance. */
.elementor-10 .elementor-element.elementor-element-21af4f6 .elementor-widget-container, .elementor-10 .elementor-element.elementor-element-21af4f6 .elementor-button-wrapper { width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; }
.elementor-10 .elementor-element.elementor-element-21af4f6 .elementor-button, .elementor-10 .elementor-element.elementor-element-21af4f6 .elementor-button:hover { box-sizing:border-box; display:flex; width:100% !important; height:100% !important; min-height:0 !important; align-items:center; justify-content:center; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#fff !important; font-family:Arial,sans-serif !important; font-size:inherit !important; font-weight:700 !important; line-height:1 !important; }
.elementor-10 .elementor-element.elementor-element-21af4f6 .elementor-button-content-wrapper { display:flex; align-items:center; justify-content:center; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85ca7df */.elementor-10 .elementor-element.elementor-element-85ca7df .hpb-rover-mobile { display: none; }
/* hg:P1:s8-rover-card-title — mockup desktop: "Party Rover"; mockup mobile: "Holographic Party Rover" (mock-text 1440 vs 440, refresh-1002). */
@media (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-85ca7df .hpb-rover-mobile { display: inline; }
}
/* hg:P1:s8-rover-mobile-before: prefix stays in the responsive Elementor text span; no generated text. */


/* hg:P4:hpb-s8-judul-mobile-rover — judul kartu Party Rover mobile 21px (sama dengan kartu Luggage Tag). Mobile saja. */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-85ca7df.elementor-element-85ca7df a, html body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-85ca7df.elementor-element-85ca7df a span { font-size: 21px !important; line-height: 1.15 !important; }
}

/* hg:P4:hpb-s8-mobile-title-gap */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth .elementor-10 .elementor-element-c462f31.service-related-grid.service-hpb-also-grid .elementor-element-85ca7df.elementor-element-85ca7df .service-hpb-also-description {
    margin-top: calc(18px * var(--hg-vw-scale, 1)) !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8dfdda7 *//* hg:P2:hpb-s8-native-arrow-widget: native Button fills the existing positioned card affordance. */
.elementor-10 .elementor-element.elementor-element-8dfdda7 .elementor-widget-container, .elementor-10 .elementor-element.elementor-element-8dfdda7 .elementor-button-wrapper { width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; }
.elementor-10 .elementor-element.elementor-element-8dfdda7 .elementor-button, .elementor-10 .elementor-element.elementor-element-8dfdda7 .elementor-button:hover { box-sizing:border-box; display:flex; width:100% !important; height:100% !important; min-height:0 !important; align-items:center; justify-content:center; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#fff !important; font-family:Arial,sans-serif !important; font-size:inherit !important; font-weight:700 !important; line-height:1 !important; }
.elementor-10 .elementor-element.elementor-element-8dfdda7 .elementor-button-content-wrapper { display:flex; align-items:center; justify-content:center; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c462f31 */@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-related-grid.service-hpb-also-grid {
    box-sizing: border-box !important;
    width: calc(391px * var(--hg-vw-scale, 1)) !important;
    max-width: none !important;
    margin-left: calc((100% - 391px * var(--hg-vw-scale, 1)) / 2) !important;
    margin-right: calc((100% - 391px * var(--hg-vw-scale, 1)) / 2) !important;
    gap: calc(61px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-90234e0.elementor-element-90234e0.elementor-element-90234e0.service-related-card-img,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-b06e661.elementor-element-b06e661.elementor-element-b06e661.service-related-card-img {
    box-sizing: border-box !important;
    height: calc(491px * var(--hg-vw-scale, 1)) !important;
    min-height: calc(491px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-90234e0.elementor-element-90234e0.elementor-element-90234e0.service-related-card-img .elementor-widget-container,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-b06e661.elementor-element-b06e661.elementor-element-b06e661.service-related-card-img .elementor-widget-container {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-90234e0.elementor-element-90234e0.elementor-element-90234e0.service-related-card-img video {
    width: calc(328px * var(--hg-vw-scale, 1)) !important;
    height: calc(405px * var(--hg-vw-scale, 1)) !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: calc(43px * var(--hg-vw-scale, 1)) auto 0 !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-b06e661.elementor-element-b06e661.elementor-element-b06e661.service-related-card-img video {
    width: calc(335px * var(--hg-vw-scale, 1)) !important;
    height: calc(414px * var(--hg-vw-scale, 1)) !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: calc(38.5px * var(--hg-vw-scale, 1)) auto 0 !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-228b911.elementor-element-228b911,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-bf21b26.elementor-element-bf21b26 {
    box-sizing: border-box !important;
    flex-wrap: nowrap !important;
    height: calc(665px * var(--hg-vw-scale, 1)) !important;
    min-height: calc(665px * var(--hg-vw-scale, 1)) !important;
    max-height: calc(665px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-63d3748.elementor-element-63d3748.service-related-card-caption,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-5b04ac3.elementor-element-5b04ac3.service-related-card-caption {
    box-sizing: border-box !important;
    height: calc(172px * var(--hg-vw-scale, 1)) !important;
    min-height: calc(172px * var(--hg-vw-scale, 1)) !important;
    padding-left: calc(23px * var(--hg-vw-scale, 1)) !important;
    padding-right: calc(70px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .service-related-card-caption .elementor-widget-text-editor {
    font-size: calc(25px * var(--hg-vw-scale, 1)) !important;
    font-weight: 500 !important;
    line-height: calc(28px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .service-related-card-caption .service-hpb-also-description {
    /* hg:P2:hpb-also-title-gap-mobile-add-4 */
    margin-top: calc(10px * var(--hg-vw-scale, 1)) !important;
    color: #6d758f !important;
    font-size: calc(20px * var(--hg-vw-scale, 1)) !important;
    font-weight: 500 !important;
    line-height: calc(28px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .service-related-card-caption .service-hpb-also-arrow {
    top: calc(58px * var(--hg-vw-scale, 1)) !important;
    right: calc(24px * var(--hg-vw-scale, 1)) !important;
    width: calc(40px * var(--hg-vw-scale, 1)) !important;
    height: calc(35px * var(--hg-vw-scale, 1)) !important;
    border-radius: 4px !important;
    font-size: 16px !important;
  }

}
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-90234e0.elementor-element-90234e0.elementor-element-90234e0.service-related-card-img,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .elementor-element-b06e661.elementor-element-b06e661.elementor-element-b06e661.service-related-card-img {
    height: calc(491px * var(--hg-vw-scale, 1)) !important;
    min-height: 0 !important;
    max-height: calc(491px * var(--hg-vw-scale, 1)) !important;
    flex: 0 0 auto !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .service-related-card-img .elementor-widget-video,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .service-related-card-img .elementor-widget-video .elementor-widget-container,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid .service-related-card-img .elementor-widget-video .elementor-wrapper {
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ad0a19 */@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-7ad0a19.service-section-light {
    padding-top: calc(25px * var(--hg-vw-scale, 1)) !important;
    padding-bottom: calc(62px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-7ad0a19.service-section-light .elementor-element-e10f078 .title-gradient {
    font-size: 25px !important;
    font-weight: 500 !important;
    line-height: 30px !important;
  }
}
/* hg:P2:s8-desktop — mockup Services_Holographic.png ×1.0227: band 6677–7666, judul Inter 40 tinta 6741, kartu 506×654 @x200 gap 34 top 6839, media a 337×416 / b 414×414 @+47, caption 147. Selector 9 kelas (tema: 6 kelas + 2 elemen). */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; height: 920px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="a51378a"].e-con.e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="a51378a"].e-con.e-con.e-con > .e-con-inner { padding: 0 !important; gap: 0 !important; max-width: none !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="e10f078"].elementor-widget.elementor-widget { margin: 52px 0 0 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="e10f078"] h2.title-gradient, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="e10f078"] h2.title-gradient .font-sans { font-size: 40px !important; line-height: 48px !important; font-weight: 500 !important; margin: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="c462f31"].e-con.e-con.e-con { width: 1046px !important; max-width: none !important; margin: 62px auto 0 !important; position: relative !important; left: 3px !important; padding: 0 !important; gap: 34px !important; grid-template-columns: 506px 506px !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="228b911"].e-con.e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="bf21b26"].e-con.e-con.e-con { width: 506px !important; max-width: none !important; height: 658px !important; min-height: 658px !important; padding: 0 !important; margin: 0 !important; gap: 0 !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="90234e0"].e-con.e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="b06e661"].e-con.e-con.e-con { height: 507px !important; min-height: 507px !important; max-height: 507px !important; padding: 0 !important; margin: 0 !important; flex: 0 0 auto !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="3889a5b"] .elementor-wrapper.e-hosted-video video.elementor-video, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="3889a5b"] .elementor-wrapper img { width: 337px !important; height: 416px !important; max-width: none !important; min-height: 0 !important; margin: 47px 0 0 86px !important; object-fit: cover !important; aspect-ratio: auto !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="70c0b37"] .elementor-wrapper.e-hosted-video video.elementor-video, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="70c0b37"] .elementor-wrapper img { width: 414px !important; height: 414px !important; max-width: none !important; min-height: 0 !important; margin: 47px 0 0 44px !important; object-fit: cover !important; aspect-ratio: auto !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="3889a5b"].elementor-widget.elementor-widget, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="70c0b37"].elementor-widget.elementor-widget, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="3889a5b"] .elementor-widget-container.elementor-widget-container, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="70c0b37"] .elementor-widget-container.elementor-widget-container, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="3889a5b"] .elementor-wrapper.elementor-wrapper, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="70c0b37"] .elementor-wrapper.elementor-wrapper { width: 100% !important; height: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; aspect-ratio: auto !important; }
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="63d3748"].e-con.e-con.e-con, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="5b04ac3"].e-con.e-con.e-con { height: 147px !important; min-height: 147px !important; margin: 0 !important; }
}
/* hg:P2:s8-d-desc — deskripsi kartu (dibuat main.js) 15.2/1.6 dari tema (6 kelas) → mockup Inter 20/28 #6D758F; tinta baris 7405 & 7433 */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="c462f31"].e-con.e-con .service-related-card-caption.service-related-card-caption .service-hpb-also-description.service-hpb-also-description { font-size: 20px !important; line-height: 28px !important; color: #6D758F !important; font-weight: 400 !important; margin-top: 0 !important; }
}
/* hg:P2:s8-d-desc-wrap — koreksi: pemenggalan setelah "guests" (mockup baris 1 x226–604) dan baris 1 4px lebih rendah */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="c462f31"].e-con.e-con .service-related-card-caption.service-related-card-caption .service-hpb-also-description.service-hpb-also-description { max-width: 385px !important; margin-top: 8px !important; }
}
/* hg:P2:s8-d-desc-wrap-b — kartu Party Rover: baris 1 mockup x764–1175 (411) → max-width sendiri */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="c462f31"].e-con.e-con [data-id="5b04ac3"].service-related-card-caption .service-hpb-also-description.service-hpb-also-description { max-width: 420px !important; }
}
/* hg:P4:s10-also-available-40.9 — mockup 40 pada frame 1408 → 40.9 @1440 (judul lain di halaman ini sudah calc(40.9 * var(--u))). */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="e10f078"] h2.title-gradient, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="e10f078"] h2.title-gradient .font-sans { font-size: calc(40.9 * var(--u)) !important; }
}
/* hg:P4:s10-also-available-40.9-fix — perbaikan: var(--u) tidak terdefinisi di scope ini (beda dari kontainer S3), calc() jadi invalid dan font-size jatuh ke inherited (~16px). Ganti nilai tetap 40.9px konsisten dengan rule lain di blok ini (40px, 48px, dst tanpa --u). */
@media (min-width: 768px) {
  html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="e10f078"] h2.title-gradient, html body .elementor-10 .elementor-element.elementor-element-7ad0a19.e-con.e-con [data-id="e10f078"] h2.title-gradient .font-sans { font-size: 40.9px !important; }
}

/* hg:quick-m:hpb-s8-title-1line — Holo_mobile.png: 'Holographic Luggage Tag' 1 baris x49–343 (294px) melewati kolom panah */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-7ad0a19 [data-id="de52baf"] a { white-space: nowrap !important; }
}

/* hg:quick-m:hpb-s8-caption-down — Holo_mobile.png: judul+deskripsi kartu 'Also available' ±9px lebih rendah dari live */
@media (max-width: 767px) {
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-7ad0a19 [data-id="de52baf"].elementor-widget, html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-7ad0a19 [data-id="85ca7df"].elementor-widget { margin-top: 9px !important; }
}

/* hg:P5:hpb-s8-kartu-tepi — isu prioritas user 2026-10-04: garis bawah kartu tipis/tak terlihat → mockup: border-bawah 3px gradien + bayangan bawah lembut. Semua ukuran. */
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-63d3748.elementor-element-63d3748.elementor-element-63d3748,
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-5b04ac3.elementor-element-5b04ac3.elementor-element-5b04ac3 { border-bottom-width: 3px !important; box-shadow: 0 4px 8px rgba(54, 56, 75, 0.14) !important; }

/* hg:P5:hpb-s8-pembungkus — isu prioritas user 2026-10-04: border bawah kartu (3px) terpotong 2px oleh pembungkus overflow:hidden setinggi 654 → 658. Desktop saja. */
@media (min-width: 768px) {
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-228b911.elementor-element-228b911.elementor-element-228b911,
  html body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-bf21b26.elementor-element-bf21b26.elementor-element-bf21b26 { min-height: 658px !important; height: 658px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aeb6626d *//* hg: social-var */
.elementor-10 .elementor-element.elementor-element-aeb6626d{--hg-social-t:100px;--hg-social-pb:76px;--hg-social-bg:#FFFFFF;--hg-social-tm:7.27vw;--hg-social-pbm:6.34vw;--hg-social-fsm:20px;--hg-social-lhm:24px;width:100%}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97341371 *//* service-holographic-photo-booth.css */

/* thegrail-original.css's @media (max-width: 899px) generic
   `.service-hpb-discover-grid .service-related-card-img img` rule sets
   height:100%+aspect-ratio:auto but no width or object-fit:cover — below
   768px (where the >=768px breakpoint's correctly-complete bf89d52-specific
   rule, width+height+object-fit:cover, stops applying) each of the 4
   "Discover" cards' images falls back to rendering at ITS OWN intrinsic
   aspect ratio's width instead of a uniform crop, since the swapped-in real
   assets (name-card/sticker/coaster/magnet) all have different native
   ratios. Same fix as the working >=768px rule, just extended down. */
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-element-bf89d52 .service-related-card-img img,
  body.service-page--holographic-photo-booth .elementor-element-bf89d52 .service-related-card-img video {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
  }
}



/* Light Theme Variables (as requested) */
.service-page--holographic-photo-booth {
  --bg-color: #ffffff;
  --text-color: #403E3E;
  --text-muted: rgba(64, 62, 62, 0.7);
  --color-pink: #F26AAA;
  --color-orange: #F1AE11;
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-sans, 'Inter', sans-serif);
  position: relative;
  overflow-x: hidden; /* Fix horizontal scrollbar */
}



.service-page--holographic-photo-booth .site-main {
  padding-top: 0;
}



/* Typography Mixins */
.font-sans {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
}


.font-serif {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 500;
}



/* Title Gradient 1 line */
.title-gradient {
  background: linear-gradient(90deg, var(--color-orange), var(--color-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  white-space: nowrap; /* forces 1 line */
}



/* Section Contact Text Contrast */
.service-page--holographic-photo-booth .section-contact {
  background-color: var(--bg-color);
  color: var(--text-color);
}


.service-page--holographic-photo-booth .section-contact p {
  color: var(--text-muted);
}



/* Hero gallery position (elementor-element-7e15ca81 / a13b3e12): the
   column-width ratio and gap were already tuned to the mockup elsewhere
   (see service-responsive.css's "Desktop mockup...heroes" comment), but
   the whole photo collage still sits ~54px too far left compared to
   Services_Holographic.png — the mock's collage rects span x=789-1350 in
   its 1440 canvas (bleeding slightly past the standard 1200px container's
   own right edge at x=1320), while the live gallery only reached
   x=735-1240. Widened to the mock's true 561px collage width and shifted
   right by a fixed offset (not gap, which would also resize both tracks). */
@media (min-width: 768px) /* hg-zoom A12: was 1200px */ {
  body.service-page--holographic-photo-booth .elementor-element-a13b3e12 {
    position: relative !important;
    left: 54px;
    width: 561px !important;
  }
}



/* Hero photo collage (elementor-element-8b873fb9, the 7-widget absolute-positioned
   collage inside the gallery column): Services_Holographic.svg's collage rects show
   only 6 photos (3 per column, x=789 and x=1082, ~260px squares, overall bounding box
   561x903 -> aspect-ratio ~0.621) and the LEFT column (x=789) sits higher (starts at
   the collage's very top, y=90) while the RIGHT column (x=1082) is staggered lower
   (first image starts ~8.2% down). The live markup instead has 7 image widgets (an
   extra 4th one stacked into the "right" column with no mock counterpart) on a
   553/1105 (~1:2) aspect-ratio container -- almost double the mock's ~1:1.61 ratio --
   and the stagger direction is inverted (its "right"-positioned images start at the
   very top, "left" ones lower). This alone accounted for a large chunk of the
   ~1138px desktop overage on this page. Fix: match the mock's real aspect ratio,
   hide the unmatched 4th image, and re-time each remaining image's top offset to the
   mock's actual proportions (values below are exact fractions of the mock's 903px
   collage height, computed from Services_Holographic.svg's <rect> coordinates).
   Unconditional (not gated to a min-width): Holo_mobile.svg's own collage rects
   confirm the exact same 6-photo, 2-column, same-order composition at 440px, just
   scaled down — the container is already fluid (aspect-ratio + %-based width via
   the shared .service-split-media{width:100%}

 rule), so the same top offsets and
   the hidden-7th-image rule are correct at every width, not just >=1200px. Before
   this fix these rules only applied at >=1200px, so tablet/mobile fell back to the
   raw, wrong _elementor_data top values and showed all 7 images (2026-09-12,
   user-reported: "responsive belum benar, bisa berubah jadi 7 gambar"). */
body.service-page--holographic-photo-booth .elementor-element-8b873fb9 {
  aspect-ratio: 561 / 903 !important;
}


/* left column (mock x=789): starts at collage top, 3 images */
body.service-page--holographic-photo-booth .elementor-element-eebe2a80 img,
body.service-page--holographic-photo-booth .elementor-element-eebe2a80 video {
  top: 0% !important;
}


body.service-page--holographic-photo-booth .elementor-element-9d4118f3 img,
body.service-page--holographic-photo-booth .elementor-element-9d4118f3 video {
  top: 31.23% !important;
}


body.service-page--holographic-photo-booth .elementor-element-4215c68e img,
body.service-page--holographic-photo-booth .elementor-element-4215c68e video {
  top: 62.46% !important;
}


/* right column (mock x=1082): staggered lower, only 3 images -- 4th hidden below */
body.service-page--holographic-photo-booth .elementor-element-8cff9103 img,
body.service-page--holographic-photo-booth .elementor-element-8cff9103 video {
  top: 8.19% !important;
}


body.service-page--holographic-photo-booth .elementor-element-f7ccad23 img,
body.service-page--holographic-photo-booth .elementor-element-f7ccad23 video {
  top: 40.09% !important;
}


body.service-page--holographic-photo-booth .elementor-element-0037c05f img,
body.service-page--holographic-photo-booth .elementor-element-0037c05f video {
  top: 70.43% !important;
}


body.service-page--holographic-photo-booth .elementor-element-d5c50194 {
  display: none !important;
}



/* Sec-2 heading (elementor-element-3f1efa08, "Experience Holographic Magic!"):
   the shared `.title-gradient{white-space:nowrap}

` rule (needed so the
   linear-gradient text-fill reads as one continuous band) forces this
   29-char heading onto a single 395px-wide line, which overflows past the
   440px mobile viewport and gets visibly cut off ("...Holographic Magi").
   Holo_mobile.svg's own text shows this heading wrapped across two lines
   ("Experience" / "Holographic Magic!"), so allow wrapping here specifically
   rather than loosening the shared class (which every other page-heading on
   this page already fits fine under, per a computed-width check). */
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-element-3f1efa08 .title-gradient {
    white-space: normal !important;
  }
}



/* "Discover our complete range of Holographic Services" heading
   (elementor-element-3dbc0a7): service-responsive.css already fixes this
   exact heading's forced nowrap for tablet/desktop
   (`min-width:768px`...`white-space:normal`), but that rule has no mobile
   counterpart, so under 768px the page's own base `.title-gradient{
   white-space:nowrap}

` wins unopposed. At 440px the inline-block gets
   compressed by its flex/grid ancestor (own box measures ~346px) while the
   nowrap text still needs ~580px, so the second line overflows silently
   past the viewport edge (clipped only by the page's overflow-x:hidden,
   not visibly scrollable) -- this was the only one of the page's 10
   `.title-gradient` headings that actually overflows at mobile width
   (checked all 10 via each span's real rendered right edge, since an
   overflowing nowrap box doesn't show up in its own bounding rect). */
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth .elementor-element-3dbc0a7 .title-gradient {
    white-space: normal !important;
  }
}



/* Sec-2 "Experience Holographic Magic!" photo (elementor-element-797e6a1a):
   Elementor's per-widget CSS hardcodes aspect-ratio:3/4 (portrait, rendering
   480x640), but Services_Holographic.svg's rect for this exact slot is
   454,1216,500x500 -- a square. Restoring the mock's 1:1 ratio here trims
   another ~160px off sec-2's height. */
body.service-page--holographic-photo-booth .elementor-element-797e6a1a img ,
body.service-page--holographic-photo-booth .elementor-element-797e6a1a video {
  aspect-ratio: 1 / 1 !important;
}



/* "Feature grid" (elementor-element-02be0784, left cards / center image / right
   cards, inside sec-7 elementor-element-0328b378): Services_Holographic.svg's
   own rect for the center photo is x=462,y=5594,489x869 (the "489 x 869px"
   noted in a thegrail-original.css comment near this same .elementor-10 .elementor-element.elementor-element-97341371) -- but a
   *different*, higher-specificity rule in service-responsive.css
   (`.service-hpb-feature-grid` inside a `(min-width:768px)` query with no
   upper bound) sets `1fr 2fr 1fr`, which was only ever meant to fix a tablet
   clipping issue but has no max-width so it also wins on desktop, stretching
   the center column to ~609px (and its height, driven by the image's aspect
   ratio, to ~1012px instead of the mock's 869px) -- a big contributor to the
   desktop overage. Restored the mock's true 489px center column at desktop,
   beating that rule with one extra attribute-.elementor-10 .elementor-element.elementor-element-97341371 specificity point
   (data-id, already present on every Elementor element) rather than editing
   the shared file. */
@media (min-width: 768px) /* hg-zoom A12: was 1200px */ {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-02be0784.service-hpb-feature-grid[data-id="02be0784"] {
    grid-template-columns: minmax(0, 1fr) 489px minmax(0, 1fr) !important;
  }
}



/* "Also available in" related cards (elementor-element-c462f31).
   The reference uses full editorial cards, not the compact image + floating
   caption treatment used by the preceding service range.  Both desktop and
   mobile keep the same 328x405 media window and 494px media stage; only the
   outer card width and grid arrangement change. */
body.service-page--holographic-photo-booth .elementor-element-c462f31.service-hpb-also-grid {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 498px)) !important;
  justify-content: center;
  align-items: stretch;
  gap: 28px !important;
  width: min(1024px, calc(100% - 40px)) !important;
  min-width: 0 !important;
  max-width: 1024px !important;
  --width: min(1024px, calc(100% - 40px)) !important;
  --content-width: 1024px !important;
  --container-widget-width: 1024px !important;
  --container-widget-flex-grow: 0 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  /* main.js sets this to the inverse browser/device scale on high-density
     desktop displays. This keeps the card at the mockup's physical size on
     the 150% Windows display used for review, while remaining 1 at 100%. */
  zoom: var(--hpb-review-scale, 1);
  margin-inline: auto !important;
  padding: 0 !important;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31.service-hpb-also-grid > .e-con {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  width: 498px !important;
  min-width: 498px !important;
  max-width: 498px !important;
  --width: 498px !important;
  --content-width: 498px !important;
  --container-widget-width: 498px !important;
  --container-widget-flex-grow: 0 !important;
  flex: 0 0 498px !important;
  justify-self: center;
  height: 640px;
  min-width: 0;
  min-height: 0;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #e1e4ed;
  border-radius: 9px;
  background: #fff;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31.service-hpb-also-grid > .e-con > .e-con-inner {
  display: contents !important;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-img {
  box-sizing: border-box;
  display: flex !important;
  flex: 0 0 494px;
  width: 100% !important;
  height: 494px !important;
  min-height: 494px !important;
  align-items: center;
  justify-content: center;
  padding: 45px 0 43px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-img > .e-con-inner {
  display: contents !important;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-img .elementor-widget-image,
body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-img .elementor-widget-html {
  flex: 0 0 328px;
  width: 328px !important;
  max-width: calc(100% - 48px) !important;
  /* Elementor's own `.elementor-widget{align-self:var(--align-self,initial)}`
     resolves to stretch here, which overrides the parent's
     `align-items:center` (flex-direction is column, so align-items is the
     horizontal/cross axis). The widget then stretches flush to the
     container's left edge and only shrinks to fit via max-width, dumping
     all the leftover space on the right instead of splitting it evenly --
     on narrow phones (where 328px doesn't fit) this reads as the photo
     bleeding to the left edge with no inset, unlike the mockup's centred
     card image. */
  align-self: center !important;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-img img,
body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-img video {
  display: block;
  width: 328px !important;
  max-width: 100% !important;
  height: 405px !important;
  aspect-ratio: 328 / 405 !important;
  object-fit: cover;
  border-radius: 0 !important;
}



/* The desktop reference deliberately uses two different media windows:
   Luggage Tag is 328x405, while Party Rover is a centred 405px square. */
@media (min-width: 768px) {
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-90234e0,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-b06e661 {
    width: 100% !important;
    max-width: 100% !important;
    --width: 100% !important;
    --content-width: 100% !important;
    --container-widget-width: 100% !important;
    align-self: stretch !important;
    align-items: center !important;
  }

  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-b06e661 .elementor-widget-image,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-b06e661 .elementor-widget-html,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-b06e661 img,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-b06e661 video {
    width: 405px !important;
    max-width: 405px !important;
  }

  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-b06e661 img,
  body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-b06e661 video {
    height: 405px !important;
    aspect-ratio: 1 / 1 !important;
  }
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption {
  box-sizing: border-box;
  position: relative;
  display: block !important;
  flex: 1 1 auto;
  width: 100% !important;
  min-height: 145px !important;
  margin: 0 !important;
  padding: 20px 58px 18px 24px !important;
  border: 0 !important;
  border-top: 1px solid #e1e4ed !important;
  border-radius: 0 !important;
  background: #fff;
  box-shadow: none !important;
  text-align: left !important;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption > .e-con-inner {
  display: contents !important;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor {
  color: var(--color-orange);
  font-size: 25px !important;
  font-weight: 500;
  line-height: 1.15 !important;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor a {
  background-image: linear-gradient(90deg, #f1ae11, #f26aaa) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}



body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor a span {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-hpb-also-description {
  display: block;
  margin-top: 5px;
  margin-bottom: 0;
  color: #6d758f;
  font-family: var(--font-sans, 'Inter', sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}



/* Match the reference's mixed serif/sans title treatment. */
body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption .font-serif {
  font-family: 'Playfair Display', serif !important;
  font-style: italic;
  font-weight: 500;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption .font-sans {
  font-family: var(--font-sans, 'Inter', sans-serif) !important;
  font-style: normal;
  font-weight: 500;
}



body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption .service-hpb-also-arrow {
  box-sizing: border-box;
  position: absolute;
  top: 23px !important;
  right: 24px !important;
  bottom: auto !important;
  display: flex !important;
  width: 26px !important;
  height: 24px !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border-radius: 4px !important;
  background: #285689 !important;
  color: #fff !important;
  font-family: Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
}



@media (max-width: 767px) {

  body.service-page--holographic-photo-booth .elementor-element-c462f31.service-hpb-also-grid {
    grid-template-columns: minmax(0, 391px) !important;
    gap: 61px !important;
    width: min(391px, calc(100% - 48px)) !important;
    max-width: 391px !important;
    --width: min(391px, calc(100% - 48px)) !important;
    --content-width: 391px !important;
    --container-widget-width: 391px !important;
    zoom: 1;
  }



  body.service-page--holographic-photo-booth .elementor-element-c462f31.service-hpb-also-grid > .e-con {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 391px !important;
    --width: 100% !important;
    --content-width: 391px !important;
    --container-widget-width: 391px !important;
    flex-basis: auto !important;
    height: 665px;
  }



  body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption {
    min-height: 170px !important;
    padding-right: 58px !important;
  }
}



/* Services_Holographic.png / Holo_mobile.png: "Your Moments, Your Way /
   Personalised Just For You" (elementor-element-hpbopt01) sits inside
   .service-hpb-sec-5b with real top spacing before the heading — measured
   from the mock's own pixels (background-to-glyph gap), not guessed.
   Elementor's own per-widget setting only gave this 32px on desktop and
   nothing at all on mobile (0px — the heading started flush against the
   previous section, gapAbove measured 0 on live). */
@media (min-width: 768px) {
  body.service-page--holographic-photo-booth .service-hpb-sec-5b {
    padding-top: 64px !important;
  }
}



@media (max-width: 767px) {

  /* thegrail-original.css has a blanket mobile reset,
     ".elementor-10>.elementor-element.elementor-element-97341371>.e-con-inner>*
     { padding-top:0 !important }

", that zeroes every top-level section's own
     padding-top as a clean slate for section-specific overrides — but this
     section never got its own override, so it was landing flush against the
     previous section with literally 0px above it. That reset .elementor-10 .elementor-element.elementor-element-97341371 has 4
     classes of specificity; matching it here needs the same class count. */
  body.service-page--holographic-photo-booth .service-hpb-sec-5b.service-section.e-con {
    padding-top: 64px !important;
  }
}
/* Reversed title-gradient direction confirmed per-heading against Holo_mobile.svg's
   own gradient stops (paint3/4 etc: F26AAA -> F28C5E at 50% -> F1AE11) -- these 8
   headings differ from the shared default (orange->pink, 2-stop) that S1's own
   title (elementor-element-54024b0d) correctly uses, so the shared .title-gradient
   rule itself is left untouched; only these specific headings get this override.
   Exact 3-stop match used (not a plain 2-stop pink->orange) since the linear
   interpolation midpoint of a 2-stop gradient still failed conform's color check. */
body.service-page--holographic-photo-booth [data-id="3f1efa08"] .title-gradient,
body.service-page--holographic-photo-booth [data-id="hpbopt01"] .title-gradient,
body.service-page--holographic-photo-booth [data-id="f8c3deef"] .title-gradient,
body.service-page--holographic-photo-booth [data-id="e48444e5"] .title-gradient,
body.service-page--holographic-photo-booth [data-id="3dbc0a7"] .title-gradient,
body.service-page--holographic-photo-booth [data-id="74d3a33c"] .title-gradient,
body.service-page--holographic-photo-booth [data-id="e10f078"] .title-gradient,
body.service-page--holographic-photo-booth [data-id="aeb6626d"] .title-gradient {
  background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important;
}
/* Transition/variation card badge pills (Vertical/Horizontal Transition, 2/3 Photos):
   shared .service-hpb-transition-cards/.service-hpb-variation-cards .elementor-heading-title
   rule (thegrail-original.css ~6310) uses var(--text-sm)/var(--font-medium) (14px/500)
   !important, beating each card's own per-widget custom_css (0.85rem/600) since it's more
   specific -- mock wants these badges at 18px/600. Beats it here via the extra `body` type
   .elementor-10 .elementor-element.elementor-element-97341371 (same class-count, one more type .elementor-10 .elementor-element.elementor-element-97341371 -> higher specificity tier). */
body.service-page--holographic-photo-booth .service-hpb-transition-cards .elementor-heading-title,
body.service-page--holographic-photo-booth .service-hpb-variation-cards .elementor-heading-title {
  font-size: 18px !important;
  font-weight: 600 !important;
}
/* Branding grid (Tear Away/Landscape/Landscape QR/Portrait design frame cards):
   shared card title/text rules (thegrail-original.css ~6482-6494) use
   var(--text-xl)/var(--font-bold) (20px/700) for titles and
   var(--color-text-muted)/var(--text-base) (#6b6b6b/16px) for body text --
   mock wants 22px/600 titles and #403e3e/18px body text, for all 4 cards. */
body.service-page--holographic-photo-booth .service-hpb-branding-grid .service-branding-copy-card .service-content-card-title .elementor-heading-title {
  font-size: 22px !important;
  font-weight: 600 !important;
}
body.service-page--holographic-photo-booth .service-hpb-branding-grid .service-branding-copy-card .service-content-card-text .elementor-heading-title {
  color: #403e3e !important;
  font-size: 18px !important;
}

/* Branding grid card media: the shared image-sizing rule (~6425) only targets
   `.elementor-widget-image img/video` -- but main.js swapped these 4 slots to
   real <video> widgets (`.elementor-widget-video`), which the .elementor-10 .elementor-element.elementor-element-97341371 never
   matched (mechanism #8), so they kept their raw intrinsic size (368px, 0
   radius) instead of the intended 100%-width 4:3 card treatment. */
body.service-page--holographic-photo-booth .service-hpb-branding-grid .elementor-widget-video video,
body.service-page--holographic-photo-booth .service-hpb-branding-grid .elementor-widget-video img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  border-radius: var(--radius-card) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1) !important;
}
/* Discover-grid card captions (Name Card/Sticker/Coaster/Magnet): shared rule
   (thegrail-original.css ~6814) sets a solid orange color + 16px -- mock wants
   an actual gradient text-fill (orange->pink, same default direction as S1's
   title) at 20px/500, for all 4 cards in this grid at once. */
body.service-page--holographic-photo-booth .service-hpb-discover-grid .service-related-card-caption .elementor-widget-text-editor {
  background: linear-gradient(90deg, var(--color-orange), var(--color-pink)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-size: 20px !important;
}
body.service-page--holographic-photo-booth .service-hpb-discover-grid .service-related-card-caption .font-sans {
  font-weight: 500 !important;
}

/* Discover-grid caption container itself: mock wants a narrower card (263px,
   no border) than the base .service-related-card-caption rule (~6778) gives
   (currently 320px wide with the base's 1px border), for all 4 cards. */
body.service-page--holographic-photo-booth .service-hpb-discover-grid .service-related-card-caption {
  width: 263px !important;
  border: none !important;
}
/* Feature list (Unlimited Prints/Custom Overlay Design/Backdrops/Supporting
   Crew) descriptions: shared rule (thegrail-original.css ~6641) sets
   var(--text-sm) (16px) muted-gray and left-aligned text -- mock wants 14px,
   a darker #403e3e, and centered, for all 4 cards at once. */
body.service-page--holographic-photo-booth .service-hpb-features-left .elementor-heading-title,
body.service-page--holographic-photo-booth .service-hpb-features-right .elementor-heading-title {
  font-size: 14px !important;
  color: #403e3e !important;
  text-align: center !important;
}
/* 'Also available in..' cards (Luggage Tag / Party Rover, elementor-element-c462f31):
   a later, more specific rule (post-10.css, originally from this same element's
   custom_css) forces the title link to a solid #24262c with no gradient --
   overriding an EARLIER gradient rule in the same file. Mock wants the gradient.
   Re-declared here (same .elementor-10 .elementor-element.elementor-element-97341371, later in source order) to win the tie. */
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor a,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor a span {
  color: transparent !important;
  background: none !important;
  background-image: linear-gradient(90deg, #f1ae11, #f26aaa) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor {
  font-size: 25px !important;
}
body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-hpb-also-description {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #6d758f !important;
}
/* Previous attempt (same block, appears earlier in 97341371's own custom_css
   since this element compiles near the top of the tree) lost to another rule
   at post-10.css:6952 belonging to a later-compiled element -- same
   specificity + !important, so source order decided it. Bumping specificity
   here with a repeated class to win outright regardless of position. */
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor.elementor-widget-text-editor a,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor.elementor-widget-text-editor a span {
  color: transparent !important;
  background: none !important;
  background-image: linear-gradient(90deg, #f1ae11, #f26aaa) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body.service-page--holographic-photo-booth .elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor.elementor-widget-text-editor {
  font-size: 25px !important;
}
/* Third attempt: the competing rule at post-10.css:6940 includes BOTH
   `.elementor-10` and `.elementor-element` as separate compound classes
   (6 classes total), one more than my prior attempt (5 classes) -- matching
   its exact prefix here plus a doubled class for the tie-break. */
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor.elementor-widget-text-editor {
  font-size: 25px !important;
}

/* KOREKSI 2026-09-27 (kategori A): rasio 4/3 di atas salah - mockup (Services_Holographic.svg M16-M19) 
   minta persegi (~1:1), bukan 4:3 (selisih rasio 33% di conform). Border-radius juga tidak pernah 
   ter-render karena sitewide rule .elementor-widget-video .elementor-wrapper.e-hosted-video 
   video.elementor-video{border-radius:inherit!important} (3 kelas, menang atas 2 kelas di atas) 
   memaksa video mewarisi radius WRAPPER-nya yang tidak diset - radius perlu diset di wrapper juga. */
body.service-page--holographic-photo-booth .service-hpb-branding-grid .elementor-widget-video video,
body.service-page--holographic-photo-booth .service-hpb-branding-grid .elementor-widget-video img {
  aspect-ratio: 1 / 1 !important;
}
body.service-page--holographic-photo-booth .service-hpb-branding-grid .elementor-widget-video .elementor-wrapper {
  border-radius: var(--radius-card) !important;
}
/* hg:P4:s3-baris2-gradien — svg-text desktop & mobile: baris "Your Moments, Your Way" = 3 titik #F26AAA→#F28C5E→#F1AE11 (override lama benar),
   baris "Personalised Just For You" = 2 titik #F1AE11→#F26AAA kiri→kanan. Satu sapuan dibagi di batas kata (≈50% lebar baris; campuran 50% = #F28C5E). */
body.service-page--holographic-photo-booth [data-id="hpbopt01"] .title-gradient br ~ span {
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
}
body.service-page--holographic-photo-booth [data-id="hpbopt01"] .title-gradient br ~ span.font-serif { background-image: linear-gradient(90deg, #F1AE11, #F28C5E) !important; }
body.service-page--holographic-photo-booth [data-id="hpbopt01"] .title-gradient br ~ span.font-sans { background-image: linear-gradient(90deg, #F28C5E, #F26AAA) !important; }
/* hg:P4:s6-judul-3titik — "Customised Branding Space" desktop = 3 titik #F26AAA→#F28C5E→#F1AE11 (svg-text desktop); mobile tetap 2 titik (Holo_mobile.svg). */
@media (min-width: 768px) {
  body.service-page--holographic-photo-booth [data-id="9431b895"] .title-gradient { background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; }
}
/* hg:P5:s5-caption-discover — svg-path desktop (filter0) & mobile (filter28–31): kotak caption 263×45 putih rx 6, tanpa border, bayangan dy 1 σ2 hitam 25%. */
body.service-page--holographic-photo-booth .service-hpb-discover-grid .service-related-card-caption {
  border-radius: 6px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25) !important;
}
/* hg:P4:berat-judul — svg-text: "Customised Branding Space" Inter/Playfair 40 w500 (desktop; mobile sudah 500 di 9431b895), "Also available in.." 25 w500 mobile (desktop sudah 500 di 7ad0a19). */
@media (min-width: 768px) {
  body.service-page--holographic-photo-booth [data-id="9431b895"] h2.title-gradient, body.service-page--holographic-photo-booth [data-id="9431b895"] h2.title-gradient span { font-weight: 500 !important; }
}
@media (max-width: 767px) {
  body.service-page--holographic-photo-booth [data-id="e10f078"] h2.title-gradient, body.service-page--holographic-photo-booth [data-id="e10f078"] h2.title-gradient span { font-weight: 500 !important; }
}
/* hg:hpb-caption-equal — tinggi card caption sebaris sama (Landscape = Tear Away) */
@media (min-width: 768px) {
  body.service-page--holographic-photo-booth.service-page--holographic-photo-booth .service-hpb-branding-grid .elementor-element.elementor-element-hpbbrc02.service-branding-copy-card { min-height: 182px !important; box-sizing: border-box; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dd0b4ee */.elementor-10 .elementor-element.elementor-element-6dd0b4ee { display: none; }
/* hg: html-style 120fe2a9 */
@media(min-width: 768px) /* hg-zoom A12: was 900px */ {

				.service-hpb-sec-1 {
					margin-top: -256px;
					padding-top: calc(256px + 4rem);
				}
				.service-hpb-sec-1 .service-split-grid { grid-template-columns: 1fr 1fr !important; }
			
.service-hpb-sec-1 .service-split-grid > .e-con-inner { display: contents !important; }
}
@media(min-width: 768px) /* hg-zoom A12: was 900px */ {

				.service-hpb-sec-2 { margin-top: -224px; }
			
}
@media(min-width: 768px) /* hg-zoom A12: was 900px */ {

				.service-hpb-sec-4 .service-split-grid { grid-template-columns: 1fr 1fr !important; }
			
.service-hpb-sec-4 .service-split-grid > .e-con-inner { display: contents !important; }
}
@media(min-width: 768px) /* hg-zoom A12: was 900px */ {

				.service-hpb-sec-5 .service-split-grid {
					grid-template-columns: 1.5fr 1fr !important;
				}
				.service-hpb-sec-5 .service-split-media { order: 1 !important; }
				.service-hpb-sec-5 .service-split-text { order: 2 !important; }
			
.service-hpb-sec-5 .service-split-grid > .e-con-inner { display: contents !important; }
}
@media(min-width: 768px) /* hg-zoom A12: was 900px */ {

				.service-hpb-sec-6 .service-split-grid { grid-template-columns: 1fr 1fr !important; }
			
.service-hpb-sec-6 .service-split-grid > .e-con-inner { display: contents !important; }
}
@media(min-width: 768px) /* hg-zoom A12: was 900px */ {

				.service-hpb-features-wrap {
					grid-template-columns: 1fr 1.2fr 1fr !important;
				}
			
.service-hpb-features-wrap > .e-con-inner { display: contents !important; }
}/* End custom CSS */
/* Start custom CSS *//* hg:themecss */
/* The CTA lives in its own nested Elementor container.  Explicitly remove
   the container/widget start offset so its box begins on the same x-axis as
   the service title, while retaining the CTA's internal text padding. */
.service-holographic-photo-booth .elementor-element-724466a1{
  width: auto;
  margin-left: 0 !important;
  padding-left: 0 !important;
  align-self: flex-start;
  align-items: flex-start;
}
.service-holographic-photo-booth .elementor-element-5991b59a,
.service-holographic-photo-booth .elementor-element-5991b59a .elementor-button{
  margin-left: 0 !important;
}
/* ========================================================================
   Holographic Photo Booth — Elementor layout parity

   The mockup's lower half is a deliberately composed sequence, not the
   generic service-detail stack. Keep the content as Elementor containers
   and native widgets, then scope the composition to this one service.
   ======================================================================== */
/* Sec-2: match the mockup's centered heading + square media card rather than
   the default Elementor 990px portrait block. */
body.service-page--holographic-photo-booth .elementor-element-c004152d{
  padding-top: 4rem !important;
  padding-bottom: 2rem !important;
}
body.service-page--holographic-photo-booth .elementor-element-b96dca4a{
  width: min(100%, 1230px) !important;
  max-width: 1230px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.service-page--holographic-photo-booth .elementor-element-66c2131d{
  margin-bottom: 2rem !important;
  text-align: center !important;
}
body.service-page--holographic-photo-booth .elementor-element-1df105f7{
  display: flex !important;
  justify-content: center !important;
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  margin: 0 auto !important;
}
body.service-page--holographic-photo-booth .elementor-element-797e6a1a,
body.service-page--holographic-photo-booth .elementor-element-797e6a1a .elementor-wrapper,
body.service-page--holographic-photo-booth .elementor-element-797e6a1a img,
body.service-page--holographic-photo-booth .elementor-element-797e6a1a video{
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
  object-fit: cover !important;
}
body.service-page--holographic-photo-booth .elementor-element-797e6a1a{
  display: block !important;
  margin: 0 auto !important;
}
/* Use the exact DOM class string to beat Elementor's specificity on margin and width */
.elementor-element-55d0d4ed.e-flex.e-con-full.container.service-hpb-transition-copy.e-con{
  --width: 100% !important;
  --margin-left: 0px !important;
  --margin-right: 0px !important;
  --margin-inline-start: 0px !important;
  --margin-inline-end: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
}
/* The mockup renders "Where Your Vision Meets Our Innovation" with the same
   gradient treatment as the section title, not as muted body copy like the
   paragraph beneath it. */
.service-holographic-photo-booth .elementor-element-d2c11e82 .elementor-heading-title{
  background: linear-gradient(90deg, var(--color-orange), var(--color-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: var(--font-bold);
}
.service-holographic-photo-booth .service-hpb-features-center .elementor-element-fe00a4b2{
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
}
/* The section's live Elementor container is a 2-card grid with a wide, editorial
   media area on the left and a square media tile on the right. Override the
   generic related-card rules so the actual video/container stack matches the
   mockup instead of the default card generator. */
body.service-page--holographic-photo-booth .elementor-element-c462f31.service-hpb-also-grid{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: clamp(18px, calc(var(--hg-page-w, 100vw) * 1.5 / 100), 28px) !important;
  width: min(1040px, calc(100% - 32px)) !important;
  max-width: 1040px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31.service-hpb-also-grid>.e-con{
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  /* mockup (svg-path desktop & mobile): panel putih rx 8.5 + stroke 1px #E1E4ED terpusat → radius tepi luar 9 */
  border: 1px solid #E1E4ED !important;
  border-radius: 9px !important;
  background: #fff !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-90234e0.service-related-card-img,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-b06e661.service-related-card-img{
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: clamp(220px, calc(var(--hg-page-w, 100vw) * 21 / 100), 360px) !important;
  min-height: clamp(220px, calc(var(--hg-page-w, 100vw) * 21 / 100), 360px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  /* mockup: gambar di atas panel putih, bukan pita abu (radius = panel 9 − border 1) */
  background: #fff !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-90234e0.service-related-card-img .elementor-widget-image,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-90234e0.service-related-card-img .elementor-widget-html,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-b06e661.service-related-card-img .elementor-widget-image,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-b06e661.service-related-card-img .elementor-widget-html,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-90234e0.service-related-card-img video,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-90234e0.service-related-card-img img,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-b06e661.service-related-card-img video,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-b06e661.service-related-card-img img{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  align-self: stretch !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-90234e0,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .elementor-element-b06e661{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  border: 0 !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption{
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 138px !important;
  margin: 0 !important;
  padding: 16px 52px 16px 18px !important;
  /* mockup: kotak caption stroke 2px gradien VERTIKAL #F1AE11 (atas) → #F26AAA (bawah), rx 7 + stroke 2 → tepi luar 8 (desktop paint35/36, mobile paint26/27) */
  border: 2px solid transparent !important;
  border-radius: 8px !important;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #F1AE11 0%, #F26AAA 100%) border-box !important;
  box-shadow: none !important;
  text-align: left !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .service-hpb-also-description{
  margin: 12px 0 0 !important;
  color: #4f5665 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor{
  color: #24262c !important;
  font-size: 18.4px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor a,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .elementor-widget-text-editor a span,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .font-serif,
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .font-sans{
  color: #24262c !important;
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: #24262c !important;
  text-shadow: none !important;
}
body.service-page--holographic-photo-booth .elementor-10 .elementor-element.elementor-element-c462f31 .service-related-card-caption .service-hpb-also-arrow{
  position: absolute !important;
  top: 23px !important;
  right: 24px !important;
  bottom: auto !important;
  display: flex !important;
  width: 26px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 4px !important;
  background: #285689 !important;
  color: #fff !important;
  font-family: Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
.service-holographic-photo-booth .service-hpb-sec-7 .elementor-element-c4237db3{
  box-sizing: border-box;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
@media (max-width: 767px){
body.service-page--holographic-photo-booth .service-split-text .elementor-element-724466a1{
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
}
@media (max-width: 767px){
body.service-page--holographic-photo-booth .elementor-element-66c2131d{
    text-align: left !important;
    align-items: flex-start !important;
    padding: 0 32px !important;
  }
}
@media (max-width: 767px){
body.service-page--holographic-photo-booth .elementor-element-89751793.service-split-text{
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center !important;
  }
}
/* /hg:themecss *//* End custom CSS */