.elementor-16 .elementor-element.elementor-element-55503ee0{--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-16 .elementor-element.elementor-element-2c2acab1{--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-16 .elementor-element.elementor-element-6607208a{--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-16 .elementor-element.elementor-element-2ab1b4b6{--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-16 .elementor-element.elementor-element-2ab1b4b6.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-16 .elementor-element.elementor-element-324a873e{--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-16 .elementor-element.elementor-element-e0a8e3f0{--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-16 .elementor-element.elementor-element-e0a8e3f0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-5ef49dc2{--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-16 .elementor-element.elementor-element-29831a91 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-16 .elementor-element.elementor-element-cfec19fa{--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-16 .elementor-element.elementor-element-ec0216d8{--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-16 .elementor-element.elementor-element-2099b161{--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-16 .elementor-element.elementor-element-a92bf7ff{--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-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-16 .elementor-element.elementor-element-39344e64{--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-16 .elementor-element.elementor-element-2f3296f3{--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-16 .elementor-element.elementor-element-72ccb2c3{--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-16 .elementor-element.elementor-element-875bab29{--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-16 .elementor-element.elementor-element-e59b9483{--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-16 .elementor-element.elementor-element-752f7296{--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-16 .elementor-element.elementor-element-34906ee9{--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-16 .elementor-element.elementor-element-e9b30001{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-3132020f{--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-16 .elementor-element.elementor-element-e9b30002{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-b0bc5797 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-16 .elementor-element.elementor-element-25038df4{--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-16 .elementor-element.elementor-element-30c35259{--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-16 .elementor-element.elementor-element-9be6d10d{--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-16 .elementor-element.elementor-element-b9f825f7{--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-16 .elementor-element.elementor-element-e9b30003{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-64114b1a{--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-16 .elementor-element.elementor-element-e9b30004{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-0cd7589c{--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-16 .elementor-element.elementor-element-1150485e{--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-16 .elementor-element.elementor-element-585842ca{--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-16 .elementor-element.elementor-element-d0078351{--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-16 .elementor-element.elementor-element-e9b30005{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-7ea69608{--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-16 .elementor-element.elementor-element-80c81168{--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-16 .elementor-element.elementor-element-46756baf{--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-16 .elementor-element.elementor-element-82ef57ed{--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-16 .elementor-element.elementor-element-9d391340 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-16 .elementor-element.elementor-element-e8434419{--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-16 .elementor-element.elementor-element-943eb40e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-16 .elementor-element.elementor-element-c2bc0329{--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-16 .elementor-element.elementor-element-fa319947 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-16 .elementor-element.elementor-element-20a10cb7{--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-16 .elementor-element.elementor-element-3fa95b71{--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-16 .elementor-element.elementor-element-e02dc3f8{--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-16 .elementor-element.elementor-element-4c8ad7d6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-97fb6ea4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-53bc7a21.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-ebab2ed0{--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-16 .elementor-element.elementor-element-3414f76d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-7492393a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-dd41a112.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-1cd99e74{--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-16 .elementor-element.elementor-element-4035d54d{--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-16 .elementor-element.elementor-element-64951080{--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-16 .elementor-element.elementor-element-64951080.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-211fabb9{--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-16 .elementor-element.elementor-element-211fabb9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-c814e5e8{--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-16 .elementor-element.elementor-element-b145c7b1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-eae00298.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-91e71ce4{--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-16 .elementor-element.elementor-element-4e038ff3{--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-16 .elementor-element.elementor-element-c88b3c06{--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-16 .elementor-element.elementor-element-c88b3c06.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-fc485d6f{--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-16 .elementor-element.elementor-element-fc485d6f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-397a801b{--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-16 .elementor-element.elementor-element-641ef58d{--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-16 .elementor-element.elementor-element-891a77b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-891a77b6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-891a77b6 img{width:50px;}.elementor-16 .elementor-element.elementor-element-e58c29ae{--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-16 .elementor-element.elementor-element-e58c29ae.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-c743d73f{--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-16 .elementor-element.elementor-element-df6826e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-df6826e7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-df6826e7 img{width:50px;}.elementor-16 .elementor-element.elementor-element-f11be2d5{--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-16 .elementor-element.elementor-element-f11be2d5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-17554144{--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-16 .elementor-element.elementor-element-44724232.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-44724232{text-align:start;}.elementor-16 .elementor-element.elementor-element-44724232 img{width:50px;}.elementor-16 .elementor-element.elementor-element-3a783fc5{--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-16 .elementor-element.elementor-element-3a783fc5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-34871948{--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-16 .elementor-element.elementor-element-d96d7aeb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-d96d7aeb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-d96d7aeb img{width:50px;}.elementor-16 .elementor-element.elementor-element-893930e4{--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-16 .elementor-element.elementor-element-893930e4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-ed47afa0{--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-16 .elementor-element.elementor-element-9cc2d61b{--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-16 .elementor-element.elementor-element-9880a31c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-9880a31c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-9880a31c img{width:50px;}.elementor-16 .elementor-element.elementor-element-dcb63e45{--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-16 .elementor-element.elementor-element-dcb63e45.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-81a682c3{--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-16 .elementor-element.elementor-element-21f12f34.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-21f12f34{text-align:start;}.elementor-16 .elementor-element.elementor-element-21f12f34 img{width:50px;}.elementor-16 .elementor-element.elementor-element-365b5940{--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-16 .elementor-element.elementor-element-365b5940.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-db27ef0d{--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-16 .elementor-element.elementor-element-204658f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-204658f8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-204658f8 img{width:50px;}.elementor-16 .elementor-element.elementor-element-5f29a48c{--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-16 .elementor-element.elementor-element-5f29a48c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-b6e45375{--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-16 .elementor-element.elementor-element-ffc922a0{--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-16 .elementor-element.elementor-element-55503ee0{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-55503ee0{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-16 .elementor-element.elementor-element-e9b30001{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-e9b30002{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-e9b30003{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-e9b30004{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-e9b30005{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-891a77b6 img{width:9.09vw;}.elementor-16 .elementor-element.elementor-element-df6826e7 img{width:9.09vw;}.elementor-16 .elementor-element.elementor-element-44724232 img{width:40px;}.elementor-16 .elementor-element.elementor-element-d96d7aeb img{width:9.09vw;}.elementor-16 .elementor-element.elementor-element-9880a31c img{width:9.09vw;}.elementor-16 .elementor-element.elementor-element-21f12f34 img{width:40px;}.elementor-16 .elementor-element.elementor-element-204658f8 img{width:9.09vw;}}/* Start custom CSS for heading, class: .elementor-element-4634a576 */.elementor-16 .elementor-element.elementor-element-4634a576 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; margin-bottom:1.5rem; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4c76dcb3 */.elementor-16 .elementor-element.elementor-element-4c76dcb3 { border-radius:var(--radius-btn); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ab1b4b6 */.elementor-16 .elementor-element.elementor-element-2ab1b4b6 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-2ab1b4b6 { display:flex; flex-direction:column; justify-content:center; } .elementor-16 .elementor-element.elementor-element-2ab1b4b6 > .e-con-inner { display: contents !important; }@media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-2ab1b4b6 { position: relative !important; left: -26px !important; } .elementor-16 .elementor-element.elementor-element-2ab1b4b6 [data-id="881a78f9"] h1.title-gradient.title-gradient { background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; } .elementor-16 .elementor-element.elementor-element-2ab1b4b6 [data-id="4634a576"] p { font-size: 22px !important; line-height: 24px !important; } } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-2ab1b4b6 [data-id="881a78f9"] h1.title-gradient.title-gradient { font-size: 25px !important; background-image: linear-gradient(90deg, var(--color-pink), var(--color-orange)) !important; } .elementor-16 .elementor-element.elementor-element-2ab1b4b6 [data-id="4634a576"] { padding-left: calc(85px - 34px / var(--hg-vw-scale, 1)) !important; padding-right: calc(85px - 34px / var(--hg-vw-scale, 1)) !important; } .elementor-16 .elementor-element.elementor-element-2ab1b4b6 [data-id="4634a576"] p { font-size: 18px !important; } }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-29831a91 */@media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-29831a91 .elementor-video, .elementor-16 .elementor-element.elementor-element-29831a91 video { width: 92% !important; border-radius: 10px !important; } } /* hg:lm-P2 radius media = 10px (mockup) */ .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element, .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element img, .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element video, .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element .elementor-wrapper, .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element .elementor-widget-container { border-radius:10px !important; } .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element .elementor-widget-container, .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element .elementor-wrapper { overflow:hidden; } /* hg:lm-P2b mobile mockup radius 0 */ @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element, .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element img, .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element video, .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element .elementor-wrapper, .elementor-16 .elementor-element.elementor-element-29831a91.elementor-element.elementor-element .elementor-widget-container { border-radius:0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5ef49dc2 */.elementor-16 .elementor-element.elementor-element-5ef49dc2 { display:grid; grid-template-columns:repeat(3,1fr); gap:0.5rem; height:100%; min-height:480px; } .elementor-16 .elementor-element.elementor-element-5ef49dc2 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e0a8e3f0 */.elementor-16 .elementor-element.elementor-element-e0a8e3f0 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-e0a8e3f0 { width:100%; align-self:stretch; } .elementor-16 .elementor-element.elementor-element-e0a8e3f0 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6607208a */.elementor-16 .elementor-element.elementor-element-6607208a { display:grid; grid-template-columns:1fr; gap:4rem; align-items:stretch; } .elementor-16 .elementor-element.elementor-element-6607208a > .e-con-inner { display: contents !important; } @media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-6607208a.elementor-element-6607208a { min-height: 926px !important; padding: 72px 0 10px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2c2acab1 */.elementor-16 .elementor-element.elementor-element-2c2acab1 { padding:4rem 0; background:#fff; } .elementor-16 .elementor-element.elementor-element-2c2acab1 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b3404543 */.elementor-16 .elementor-element.elementor-element-b3404543 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; max-width:760px; } /* hg:P4:epb-s2-lebar — pixel 2026-10-04: paragraf S2 mockup 3 baris (live 4, 'flash.' sendirian, +28px sampai bawah) → lebar 1020px. Desktop saja. */ @media (min-width: 768px) { body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-b3404543.elementor-element-b3404543 { width: 1020px !important; max-width: 1020px !important; margin-left: auto !important; margin-right: auto !important; } } /* hg:P4:auto-lebar — klarifikasi gap 2026-10-05: lebar teks dicocokkan ke jumlah baris & posisi baris pertama mockup. */ @media (min-width: 768px) { html body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element.elementor-element-b3404543.elementor-element-b3404543.elementor-element-b3404543 { width: 1044px !important; max-width: 1044px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2099b161 */.elementor-16 .elementor-element.elementor-element-2099b161 { margin-bottom:2.5rem; } .elementor-16 .elementor-element.elementor-element-2099b161 > .e-con-inner { display: contents !important; }@media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-2099b161 [data-id="8cbbf670"] h2.title-gradient.title-gradient { background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; } .elementor-16 .elementor-element.elementor-element-2099b161 [data-id="2ed6f3a1"] h3.title-gradient.title-gradient, .elementor-16 .elementor-element.elementor-element-2099b161 [data-id="2ed6f3a1"] h3 { background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } .elementor-16 .elementor-element.elementor-element-2099b161 [data-id="b3404543"] p { font-size: 22px !important; } } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-2099b161 [data-id="8cbbf670"] h2.title-gradient.title-gradient { font-size: 25px !important; background-image: linear-gradient(90deg, var(--color-pink), var(--color-orange)) !important; } .elementor-16 .elementor-element.elementor-element-2099b161 [data-id="2ed6f3a1"] h3.title-gradient.title-gradient, .elementor-16 .elementor-element.elementor-element-2099b161 [data-id="2ed6f3a1"] h3 { font-size: 25px !important; background-image: linear-gradient(90deg, var(--color-pink), var(--color-orange)) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } .elementor-16 .elementor-element.elementor-element-2099b161 [data-id="b3404543"] p { font-size: 18px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f389fd95 */.elementor-16 .elementor-element.elementor-element-f389fd95 img { width:100%; height:auto; display:block; } /* hg:P3:epb-m-corkboard — pixel 2026-10-04 (mobile): papan gabus mockup 462x327 di x-9 (live 422x298 x10; isi gambar punya tepi transparan). Mobile saja. */ @media (max-width: 767px) { body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-f389fd95.elementor-element-f389fd95 { width: calc(462px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin-left: calc(-19px * var(--hg-vw-scale, 1)) !important; margin-bottom: calc(-29px * var(--hg-vw-scale, 1)) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a92bf7ff */.elementor-16 .elementor-element.elementor-element-a92bf7ff { border-radius:20px; overflow:hidden; box-shadow:0 16px 48px rgba(0,0,0,0.12); } .elementor-16 .elementor-element.elementor-element-a92bf7ff > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec0216d8 */@media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-ec0216d8.elementor-element-ec0216d8 { padding-bottom: 12px !important; } .elementor-16 .elementor-element.elementor-element-ec0216d8 .elementor-element-2099b161 { margin-bottom: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cfec19fa */.elementor-16 .elementor-element.elementor-element-cfec19fa { padding: 4rem 0; background: var(--bg-light, #fafafa); } .elementor-16 .elementor-element.elementor-element-cfec19fa > .e-con-inner { display: contents !important; } @media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-cfec19fa.service-epb-sec-2.service-section.service-section.service-section { margin-bottom: -22px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1f162ea8 *//* hg:P4:epb-m-angka-tengah — isu prioritas user 2026-10-05: angka langkah S3 mobile rata kiri dalam kotak → rata tengah. Mobile saja. */ @media (max-width: 767px) { html body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-1f162ea8.elementor-element-1f162ea8.elementor-element-1f162ea8, html body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-1f162ea8.elementor-element-1f162ea8 .elementor-heading-title { text-align: center !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7d9f9742 */.elementor-16 .elementor-element.elementor-element-7d9f9742 img { width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:12px; display:block; } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-16 .elementor-element.elementor-element-7d9f9742.elementor-element.elementor-element, .elementor-16 .elementor-element.elementor-element-7d9f9742.elementor-element.elementor-element img, .elementor-16 .elementor-element.elementor-element-7d9f9742.elementor-element.elementor-element video, .elementor-16 .elementor-element.elementor-element-7d9f9742.elementor-element.elementor-element .elementor-wrapper, .elementor-16 .elementor-element.elementor-element-7d9f9742.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e9b30011 *//* hg:P2:epb-m-label — review P7 2026-10-04: label penggaris mobile rata kanan seperti mockup. Mobile saja. */ @media (max-width: 767px) { html body .elementor-16 .elementor-element-e9b30011.elementor-element-e9b30011.elementor-element-e9b30011 { text-align: right !important; } html body .elementor-16 .elementor-element-e9b30011.elementor-element-e9b30011 .elementor-heading-title { text-align: right !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e9b30021 *//* hg:P2:epb-m-label — review P7 2026-10-04: label penggaris mobile rata bawah seperti mockup. Mobile saja. */ @media (max-width: 767px) { html body .elementor-16 .elementor-element-e9b30021.elementor-element-e9b30021.elementor-element-e9b30021 { text-align: end !important; } html body .elementor-16 .elementor-element-e9b30021.elementor-element-e9b30021 .elementor-heading-title { text-align: end !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-450eddb2 */.elementor-16 .elementor-element.elementor-element-450eddb2 { display:inline-block; margin-bottom:0.6rem; padding:0.3rem 0.9rem; border-radius:999px; background:rgba(245,158,11,0.12); color:#f59e0b; font-size:0.75rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-512f8610 */.elementor-16 .elementor-element.elementor-element-512f8610 img { width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:12px; display:block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-392cb23b */.elementor-16 .elementor-element.elementor-element-392cb23b { display:inline-block; margin-bottom:0.6rem; padding:0.3rem 0.9rem; border-radius:999px; background:rgba(245,158,11,0.12); color:#f59e0b; font-size:0.75rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; } /* hg:P1:S3-badge-prints — 'Strip x GIF Print' + span .hg-epb-dsk 's' (desktop saja, Services_Express Photo Booth.svg: STRIP X GIF PRINTS). Judul badge display:flex membuat span jadi item blok (innerText 'PRINT\nS'); display:contents menyatukan teksnya. */ @media (min-width: 768px) { .elementor-16 .elementor-element.elementor-element-392cb23b .hg-epb-dsk { display: contents !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-752f7296 */.elementor-16 .elementor-element.elementor-element-752f7296 { display:grid; grid-template-columns: 1fr; gap: 1.5rem; } .elementor-16 .elementor-element.elementor-element-752f7296 > .e-con-inner { display:contents; } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .elementor-16 .elementor-element.elementor-element-752f7296 { grid-template-columns: minmax(0, 184px) minmax(0, 231px); justify-content: start; gap: 4rem; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-875bab29 */.elementor-16 .elementor-element.elementor-element-875bab29 { align-items:start; gap:2rem; } .elementor-16 .elementor-element.elementor-element-875bab29 > .e-con-inner { display: contents !important; } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .elementor-16 .elementor-element.elementor-element-875bab29 { grid-template-columns: 0.6fr 2fr !important; } .elementor-16 .elementor-element.elementor-element-875bab29 > .e-con-inner { display: contents !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5e57ee36 *//* hg:P4:epb-m-angka-tengah — isu prioritas user 2026-10-05: angka langkah S3 mobile rata kiri dalam kotak → rata tengah. Mobile saja. */ @media (max-width: 767px) { html body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-5e57ee36.elementor-element-5e57ee36.elementor-element-5e57ee36, html body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-5e57ee36.elementor-element-5e57ee36 .elementor-heading-title { text-align: center !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d8db3b69 */.elementor-16 .elementor-element.elementor-element-d8db3b69 img { width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:12px; display:block; } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-16 .elementor-element.elementor-element-d8db3b69.elementor-element.elementor-element, .elementor-16 .elementor-element.elementor-element-d8db3b69.elementor-element.elementor-element img, .elementor-16 .elementor-element.elementor-element-d8db3b69.elementor-element.elementor-element video, .elementor-16 .elementor-element.elementor-element-d8db3b69.elementor-element.elementor-element .elementor-wrapper, .elementor-16 .elementor-element.elementor-element-d8db3b69.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e9b30013 *//* hg:P2:epb-m-label — review P7 2026-10-04: label penggaris mobile rata kanan seperti mockup. Mobile saja. */ @media (max-width: 767px) { html body .elementor-16 .elementor-element-e9b30013.elementor-element-e9b30013.elementor-element-e9b30013 { text-align: right !important; } html body .elementor-16 .elementor-element-e9b30013.elementor-element-e9b30013 .elementor-heading-title { text-align: right !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e9b30023 *//* hg:P2:epb-m-label — review P7 2026-10-04: label penggaris mobile rata bawah seperti mockup. Mobile saja. */ @media (max-width: 767px) { html body .elementor-16 .elementor-element-e9b30023.elementor-element-e9b30023.elementor-element-e9b30023 { text-align: end !important; } html body .elementor-16 .elementor-element-e9b30023.elementor-element-e9b30023 .elementor-heading-title { text-align: end !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7233f47d */.elementor-16 .elementor-element.elementor-element-7233f47d { display:inline-block; margin-bottom:0.6rem; padding:0.3rem 0.9rem; border-radius:999px; background:rgba(245,158,11,0.12); color:#f59e0b; font-size:0.75rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7de5a2d0 */.elementor-16 .elementor-element.elementor-element-7de5a2d0 img { width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:12px; display:block; } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-16 .elementor-element.elementor-element-7de5a2d0.elementor-element.elementor-element, .elementor-16 .elementor-element.elementor-element-7de5a2d0.elementor-element.elementor-element img, .elementor-16 .elementor-element.elementor-element-7de5a2d0.elementor-element.elementor-element video, .elementor-16 .elementor-element.elementor-element-7de5a2d0.elementor-element.elementor-element .elementor-wrapper, .elementor-16 .elementor-element.elementor-element-7de5a2d0.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e9b30014 *//* hg:P2:epb-m-label — review P7 2026-10-04: label penggaris mobile rata kanan seperti mockup. Mobile saja. */ @media (max-width: 767px) { html body .elementor-16 .elementor-element-e9b30014.elementor-element-e9b30014.elementor-element-e9b30014 { text-align: right !important; } html body .elementor-16 .elementor-element-e9b30014.elementor-element-e9b30014 .elementor-heading-title { text-align: right !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e9b30024 *//* hg:P2:epb-m-label — review P7 2026-10-04: label penggaris mobile rata bawah seperti mockup. Mobile saja. */ @media (max-width: 767px) { html body .elementor-16 .elementor-element-e9b30024.elementor-element-e9b30024.elementor-element-e9b30024 { text-align: end !important; } html body .elementor-16 .elementor-element-e9b30024.elementor-element-e9b30024 .elementor-heading-title { text-align: end !important; } } /* hg:P5:r12-epb-m-dim-h — revisi-12 151:3726: label '10.2CM' 4R Landscape keluar layar di 375/390 (offset garis tetap 14px). Mockup mobile Line 100_2 x405.5 = tepi foto 397 + 8.5 → offset ikut skala. Mobile saja. */ @media (max-width: 767px) { html body .elementor-16 .service-epb-keepsakes .elementor-element-e9b30004 > .elementor-element-e9b30024.elementor-element-e9b30024.elementor-element-e9b30024 { left: calc(100% + 8.5px * var(--hg-vw-scale, 1)) !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3887ca41 */.elementor-16 .elementor-element.elementor-element-3887ca41 { display:inline-block; margin-bottom:0.6rem; padding:0.3rem 0.9rem; border-radius:999px; background:rgba(245,158,11,0.12); color:#f59e0b; font-size:0.75rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9be6d10d */.elementor-16 .elementor-element.elementor-element-9be6d10d { display:grid; grid-template-columns: 1fr; gap: 1.5rem; } .elementor-16 .elementor-element.elementor-element-9be6d10d > .e-con-inner { display:contents; } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .elementor-16 .elementor-element.elementor-element-9be6d10d { grid-template-columns: repeat(2, 1fr); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-25038df4 */.elementor-16 .elementor-element.elementor-element-25038df4 { align-items:start; gap:2rem; } .elementor-16 .elementor-element.elementor-element-25038df4 > .e-con-inner { display: contents !important; } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .elementor-16 .elementor-element.elementor-element-25038df4 { grid-template-columns: 0.6fr 2fr !important; } .elementor-16 .elementor-element.elementor-element-25038df4 > .e-con-inner { display: contents !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-671360c0 *//* hg:P4:epb-m-angka-tengah — isu prioritas user 2026-10-05: angka langkah S3 mobile rata kiri dalam kotak → rata tengah. Mobile saja. */ @media (max-width: 767px) { html body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-671360c0.elementor-element-671360c0.elementor-element-671360c0, html body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-671360c0.elementor-element-671360c0 .elementor-heading-title { text-align: center !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-edd0dd87 */.elementor-16 .elementor-element.elementor-element-edd0dd87 img { width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:12px; display:block; } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-16 .elementor-element.elementor-element-edd0dd87.elementor-element.elementor-element, .elementor-16 .elementor-element.elementor-element-edd0dd87.elementor-element.elementor-element img, .elementor-16 .elementor-element.elementor-element-edd0dd87.elementor-element.elementor-element video, .elementor-16 .elementor-element.elementor-element-edd0dd87.elementor-element.elementor-element .elementor-wrapper, .elementor-16 .elementor-element.elementor-element-edd0dd87.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9c932d93 */.elementor-16 .elementor-element.elementor-element-9c932d93 { display:inline-block; margin-bottom:0.6rem; padding:0.3rem 0.9rem; border-radius:999px; background:rgba(245,158,11,0.12); color:#f59e0b; font-size:0.75rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-585842ca */.elementor-16 .elementor-element.elementor-element-585842ca { display:grid; grid-template-columns: 1fr; gap: 1.5rem; } .elementor-16 .elementor-element.elementor-element-585842ca > .e-con-inner { display:contents; } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .elementor-16 .elementor-element.elementor-element-585842ca { grid-template-columns: repeat(1, 1fr); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0cd7589c */.elementor-16 .elementor-element.elementor-element-0cd7589c { align-items:start; gap:2rem; } .elementor-16 .elementor-element.elementor-element-0cd7589c > .e-con-inner { display: contents !important; } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .elementor-16 .elementor-element.elementor-element-0cd7589c { grid-template-columns: 0.6fr 2fr !important; } .elementor-16 .elementor-element.elementor-element-0cd7589c > .e-con-inner { display: contents !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72ccb2c3 */.elementor-16 .elementor-element.elementor-element-72ccb2c3 { display:flex; flex-direction:column; gap:3rem; margin-top:2.5rem; } /* hg:P5:r11-circle - lingkaran kuning bawah (mockup Ellipse 453, bawah y 5402) terpotong di tepi bawah container (5343): perluas area lukis 60px tanpa menggeser layout */ @media (min-width:768px){ body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-72ccb2c3.elementor-element-72ccb2c3 { padding-bottom: 60px !important; margin-bottom: -60px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-39344e64 */@media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-39344e64 .service-step-number { font-size: 75px !important; font-weight: 600 !important; } .elementor-16 .elementor-element.elementor-element-39344e64 .service-step-title { font-size: 25px !important; font-weight: 500 !important; } .elementor-16 .elementor-element.elementor-element-39344e64 [data-id="37b691ea"] h2.title-gradient.title-gradient { background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; } .elementor-16 .elementor-element.elementor-element-39344e64 [data-id="6340ef01"] p { font-size: 22px !important; line-height: 24px !important; } } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-39344e64 .service-step-number { font-size: calc(60px * var(--hg-vw-scale, 1)) !important; font-weight: 600 !important; } .elementor-16 .elementor-element.elementor-element-39344e64 .service-step-title { font-size: calc(20px * var(--hg-vw-scale, 1)) !important; font-weight: 500 !important; } .elementor-16 .elementor-element.elementor-element-39344e64 [data-id="37b691ea"] h2.title-gradient.title-gradient { font-size: calc(20px * var(--hg-vw-scale, 1)) !important; background-image: linear-gradient(90deg, var(--color-pink), var(--color-orange)) !important; } .elementor-16 .elementor-element.elementor-element-39344e64 [data-id="6340ef01"] p { font-size: calc(14px * var(--hg-vw-scale, 1)) !important; } } @media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-39344e64 { padding-bottom: 85px !important; } } @media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-39344e64 { padding: 82px 0 107px !important; } } /* hg:P1:S3-text-content — label ukuran cetak = widget Heading di .service-print-frame (dulu ::before/::after media) */ body.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-39344e64 .service-print-frame.e-con.e-con { --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --gap: 0px; padding: 0 !important; gap: 0 !important; min-height: 0; } body.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-39344e64 .service-print-frame.e-con.e-con > .elementor-widget:not(.service-print-dim) { width: 100% !important; max-width: none !important; margin: 0 !important; transform: none !important; order: 0 !important; position: relative; } body.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-39344e64 .service-print-frame > .service-print-dim.elementor-widget-heading { position: absolute !important; z-index: 3; margin: 0 !important; pointer-events: none; color: #403e3e; line-height: 1; } body.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-39344e64 .service-print-dim.service-print-dim .elementor-heading-title { margin: 0; padding: 0; font: inherit !important; color: inherit !important; letter-spacing: inherit; text-transform: none; text-align: inherit; } @media (min-width: 768px) { body.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-39344e64 .service-step-title .service-print-size { display: none; } } @media (max-width: 439.98px) { body.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-39344e64 .service-print-frame > .service-print-dim.elementor-widget-heading { zoom: 1 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80c81168 */@media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-80c81168 [data-id="fe04f302"] h2.title-gradient.title-gradient { background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-dce3e3a9 */.elementor-16 .elementor-element.elementor-element-dce3e3a9 { text-align:center; letter-spacing:0.08em; font-weight:700; color:var(--color-text-muted); margin-top:2.5rem; margin-bottom:1.5rem; }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-9d391340 *//* hg:P1:overlay-video GIF->mp4: padanan aturan img */ .elementor-16 .elementor-element.elementor-element-9d391340 .elementor-wrapper, .elementor-16 .elementor-element.elementor-element-9d391340 .elementor-widget-container { width:100%; } .elementor-16 .elementor-element.elementor-element-9d391340 .elementor-wrapper { border-radius:12px; overflow:hidden; } .elementor-16 .elementor-element.elementor-element-9d391340 video.elementor-video { width:100% !important; height:auto !important; aspect-ratio:2/3 !important; object-fit:cover !important; border-radius:12px !important; display:block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d632a143 */.elementor-16 .elementor-element.elementor-element-d632a143 { position:relative; margin-top:-2.5rem; margin-left:0.75rem; margin-right:0.75rem; display:inline-block; padding:0.4rem 1rem; border-radius:999px; background:var(--gradient-cta); color:#fff; font-size:0.85rem; font-weight:600; z-index:2; }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-943eb40e *//* hg:P1:overlay-video GIF->mp4: padanan aturan img */ .elementor-16 .elementor-element.elementor-element-943eb40e .elementor-wrapper, .elementor-16 .elementor-element.elementor-element-943eb40e .elementor-widget-container { width:100%; } .elementor-16 .elementor-element.elementor-element-943eb40e .elementor-wrapper { border-radius:12px; overflow:hidden; } .elementor-16 .elementor-element.elementor-element-943eb40e video.elementor-video { width:100% !important; height:auto !important; aspect-ratio:2/3 !important; object-fit:cover !important; border-radius:12px !important; display:block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-34de42cb */.elementor-16 .elementor-element.elementor-element-34de42cb { position:relative; margin-top:-2.5rem; margin-left:0.75rem; margin-right:0.75rem; display:inline-block; padding:0.4rem 1rem; border-radius:999px; background:var(--gradient-cta); color:#fff; font-size:0.85rem; font-weight:600; z-index:2; }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-fa319947 *//* hg:P1:overlay-video GIF->mp4: padanan aturan img */ .elementor-16 .elementor-element.elementor-element-fa319947 .elementor-wrapper, .elementor-16 .elementor-element.elementor-element-fa319947 .elementor-widget-container { width:100%; } .elementor-16 .elementor-element.elementor-element-fa319947 .elementor-wrapper { border-radius:12px; overflow:hidden; } .elementor-16 .elementor-element.elementor-element-fa319947 video.elementor-video { width:100% !important; height:auto !important; aspect-ratio:2/3 !important; object-fit:cover !important; border-radius:12px !important; display:block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-aacfb917 */.elementor-16 .elementor-element.elementor-element-aacfb917 { position:relative; margin-top:-2.5rem; margin-left:0.75rem; margin-right:0.75rem; display:inline-block; padding:0.4rem 1rem; border-radius:999px; background:var(--gradient-cta); color:#fff; font-size:0.85rem; font-weight:600; z-index:2; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46756baf */.elementor-16 .elementor-element.elementor-element-46756baf { display:grid; grid-template-columns: 1fr; gap: 2rem; } .elementor-16 .elementor-element.elementor-element-46756baf > .e-con-inner { display:contents; } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .elementor-16 .elementor-element.elementor-element-46756baf { grid-template-columns: repeat(3, 1fr); } } /* KOREKSI 2026-09-27 (kategori A): Elementor default "boxed" 80px padding tiap sisi mengecilkan 3 kartu dari target 400px jadi 346.67px (rasio 2:3 ikut salah karena height sudah fixed 600px terpisah). */ .elementor-16 .elementor-element.elementor-element-46756baf { padding-inline: 0 !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4c8ad7d6 */.elementor-16 .elementor-element.elementor-element-4c8ad7d6 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-4c8ad7d6 img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); transform:rotate(-5deg); position:relative; z-index:1; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-97fb6ea4 */.elementor-16 .elementor-element.elementor-element-97fb6ea4 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-97fb6ea4 img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); transform:rotate(5deg); position:relative; z-index:1; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-53bc7a21 */.elementor-16 .elementor-element.elementor-element-53bc7a21 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-53bc7a21 img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e02dc3f8 */.elementor-16 .elementor-element.elementor-element-e02dc3f8 { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:1rem; align-items:center; } .elementor-16 .elementor-element.elementor-element-e02dc3f8 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3414f76d */.elementor-16 .elementor-element.elementor-element-3414f76d { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-3414f76d img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7492393a */.elementor-16 .elementor-element.elementor-element-7492393a { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-7492393a img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-dd41a112 */.elementor-16 .elementor-element.elementor-element-dd41a112 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-dd41a112 img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ebab2ed0 */.elementor-16 .elementor-element.elementor-element-ebab2ed0 { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; } .elementor-16 .elementor-element.elementor-element-ebab2ed0 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-20a10cb7 */.elementor-16 .elementor-element.elementor-element-20a10cb7 { padding:4rem 0; background:#fff; } .elementor-16 .elementor-element.elementor-element-20a10cb7 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-77a9fc6 */.elementor-16 .elementor-element.elementor-element-77a9fc6 { display: block; margin: 0 0 24px; color: #403e3e; font-size: 24px; line-height: 1.25; font-weight: 500; } /* hg:P1:s5-subtitle — dipindah dari ::before (service-paragraph/elementor-element-c814e5e8) ke widget nyata. */ @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-77a9fc6 { font-size: 19px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5ca388a3 */.elementor-16 .elementor-element.elementor-element-5ca388a3 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-64951080 */.elementor-16 .elementor-element.elementor-element-64951080 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-64951080 { display:flex; flex-direction:column; justify-content:center; } .elementor-16 .elementor-element.elementor-element-64951080 > .e-con-inner { display: contents !important; }@media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-64951080 [data-id="7541bd16"] h2.title-gradient.title-gradient { background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; } .elementor-16 .elementor-element.elementor-element-64951080 [data-id="7541bd16"] h2 span.font-sans:last-child { font-weight: 600 !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b145c7b1 */.elementor-16 .elementor-element.elementor-element-b145c7b1 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-b145c7b1 img { width:100%; height:auto; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,0.1); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eae00298 */.elementor-16 .elementor-element.elementor-element-eae00298 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-eae00298 img { width:100%; height:auto; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,0.1); margin-top:2rem; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c814e5e8 */.elementor-16 .elementor-element.elementor-element-c814e5e8 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-items:end; } .elementor-16 .elementor-element.elementor-element-c814e5e8 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-211fabb9 */.elementor-16 .elementor-element.elementor-element-211fabb9 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-211fabb9 { width:100%; } .elementor-16 .elementor-element.elementor-element-211fabb9 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4035d54d */.elementor-16 .elementor-element.elementor-element-4035d54d { display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; } .elementor-16 .elementor-element.elementor-element-4035d54d > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1cd99e74 */.elementor-16 .elementor-element.elementor-element-1cd99e74 { padding:4rem 0; background:var(--bg-light,#fafafa); } .elementor-16 .elementor-element.elementor-element-1cd99e74 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d5599ce */.elementor-16 .elementor-element.elementor-element-4d5599ce { color:var(--text-muted); font-size:1.05rem; line-height:1.6; margin-bottom:1.5rem; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-df6c51b8 */.elementor-16 .elementor-element.elementor-element-df6c51b8 { border-radius:var(--radius-btn); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c88b3c06 */.elementor-16 .elementor-element.elementor-element-c88b3c06 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-891a77b6 */.elementor-16 .elementor-element.elementor-element-891a77b6 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } /* Ikon fitur inline SVG (26x26 tetap) -> ukuran mockup Services_Express Photo Booth.svg (~50x50 desktop, ~40x40 mobile). Keputusan user 2026-09-27: batalkan rencana Font Awesome, resize SVG yang sudah ada. */ @media (min-width:768px){ .elementor-16 .elementor-element.elementor-element-891a77b6 svg { width:50px !important; height:50px !important; } } @media (max-width:767px){ .elementor-16 .elementor-element.elementor-element-891a77b6 svg { width:calc(40px * var(--hg-vw-scale,1)) !important; height:calc(40px * var(--hg-vw-scale,1)) !important; } } /* hg: svg-base */ .elementor-16 .elementor-element.elementor-element-891a77b6 img{display:block} /* hg: svg-gap */ .elementor-16 .elementor-element.elementor-element-891a77b6.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-16 .elementor-element.elementor-element-891a77b6.elementor-element{padding-bottom:10px!important}} @media (max-width:359px){.elementor-16 .elementor-element.elementor-element-891a77b6.elementor-element{padding-bottom:10px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b432b79c */.elementor-16 .elementor-element.elementor-element-b432b79c { 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-e58c29ae */.elementor-16 .elementor-element.elementor-element-e58c29ae { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }@media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-e58c29ae .elementor-widget-text-editor h2, .elementor-16 .elementor-element.elementor-element-e58c29ae .elementor-widget-heading h2 { color: #000 !important; font-weight: 500 !important; font-size: 20px !important; } } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-e58c29ae .elementor-widget-text-editor h2, .elementor-16 .elementor-element.elementor-element-e58c29ae .elementor-widget-heading h2 { color: #000 !important; font-weight: 500 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-641ef58d */.elementor-16 .elementor-element.elementor-element-641ef58d { display:flex; gap:1rem; align-items:flex-start; } .elementor-16 .elementor-element.elementor-element-641ef58d > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-df6826e7 */.elementor-16 .elementor-element.elementor-element-df6826e7 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } @media (min-width:768px){ .elementor-16 .elementor-element.elementor-element-df6826e7 svg { width:50px !important; height:50px !important; } } @media (max-width:767px){ .elementor-16 .elementor-element.elementor-element-df6826e7 svg { width:calc(40px * var(--hg-vw-scale,1)) !important; height:calc(40px * var(--hg-vw-scale,1)) !important; } } /* hg: svg-base */ .elementor-16 .elementor-element.elementor-element-df6826e7 img{display:block} /* hg: svg-gap */ .elementor-16 .elementor-element.elementor-element-df6826e7.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-16 .elementor-element.elementor-element-df6826e7.elementor-element{padding-bottom:10px!important}} @media (max-width:359px){.elementor-16 .elementor-element.elementor-element-df6826e7.elementor-element{padding-bottom:10px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d646ec54 */.elementor-16 .elementor-element.elementor-element-d646ec54 { 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-f11be2d5 */.elementor-16 .elementor-element.elementor-element-f11be2d5 { --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-c743d73f */.elementor-16 .elementor-element.elementor-element-c743d73f { display:flex; gap:1rem; align-items:flex-start; } .elementor-16 .elementor-element.elementor-element-c743d73f > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-44724232 */.elementor-16 .elementor-element.elementor-element-44724232 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } @media (min-width:768px){ .elementor-16 .elementor-element.elementor-element-44724232 :is(svg, img) { width:50px !important; height:50px !important; } } @media (max-width:767px){ .elementor-16 .elementor-element.elementor-element-44724232 :is(svg, img) { width:calc(40px * var(--hg-vw-scale,1)) !important; height:calc(40px * var(--hg-vw-scale,1)) !important; } } .elementor-16 .elementor-element.elementor-element-44724232 img { flex-shrink:0 !important; margin-top:2px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9ea6a949 */.elementor-16 .elementor-element.elementor-element-9ea6a949 { 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-3a783fc5 */.elementor-16 .elementor-element.elementor-element-3a783fc5 { --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-17554144 */.elementor-16 .elementor-element.elementor-element-17554144 { display:flex; gap:1rem; align-items:flex-start; } .elementor-16 .elementor-element.elementor-element-17554144 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d96d7aeb */.elementor-16 .elementor-element.elementor-element-d96d7aeb { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } @media (min-width:768px){ .elementor-16 .elementor-element.elementor-element-d96d7aeb svg { width:50px !important; height:50px !important; } } @media (max-width:767px){ .elementor-16 .elementor-element.elementor-element-d96d7aeb svg { width:calc(40px * var(--hg-vw-scale,1)) !important; height:calc(40px * var(--hg-vw-scale,1)) !important; } } /* hg: svg-base */ .elementor-16 .elementor-element.elementor-element-d96d7aeb img{display:block} /* hg: svg-gap */ .elementor-16 .elementor-element.elementor-element-d96d7aeb.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-16 .elementor-element.elementor-element-d96d7aeb.elementor-element{padding-bottom:10px!important}} @media (max-width:359px){.elementor-16 .elementor-element.elementor-element-d96d7aeb.elementor-element{padding-bottom:10px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6a029d1a */.elementor-16 .elementor-element.elementor-element-6a029d1a { 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-893930e4 */.elementor-16 .elementor-element.elementor-element-893930e4 { --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-34871948 */.elementor-16 .elementor-element.elementor-element-34871948 { display:flex; gap:1rem; align-items:flex-start; } .elementor-16 .elementor-element.elementor-element-34871948 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-397a801b */.elementor-16 .elementor-element.elementor-element-397a801b { display:flex; flex-direction:column; gap:1.75rem; padding:1.75rem; border:1.5px solid transparent; border-radius:12px; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(180deg, #f1ab19, #f2768f) border-box; } .elementor-16 .elementor-element.elementor-element-397a801b > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9880a31c */.elementor-16 .elementor-element.elementor-element-9880a31c { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } @media (min-width:768px){ .elementor-16 .elementor-element.elementor-element-9880a31c svg { width:50px !important; height:50px !important; } } @media (max-width:767px){ .elementor-16 .elementor-element.elementor-element-9880a31c svg { width:calc(40px * var(--hg-vw-scale,1)) !important; height:calc(40px * var(--hg-vw-scale,1)) !important; } } /* hg:P5:r11-stroke - stroke ikon 2px pada 50px seperti Figma (revisi-11), desktop */ @media (min-width:768px){ .elementor-16 .elementor-element.elementor-element-9880a31c svg { stroke-width: 0.96px; } } /* hg: svg-base */ .elementor-16 .elementor-element.elementor-element-9880a31c img{display:block} /* hg: svg-gap */ .elementor-16 .elementor-element.elementor-element-9880a31c.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-16 .elementor-element.elementor-element-9880a31c.elementor-element{padding-bottom:10px!important}} @media (max-width:359px){.elementor-16 .elementor-element.elementor-element-9880a31c.elementor-element{padding-bottom:10px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-638176bd */.elementor-16 .elementor-element.elementor-element-638176bd { 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-dcb63e45 */.elementor-16 .elementor-element.elementor-element-dcb63e45 { --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-9cc2d61b */.elementor-16 .elementor-element.elementor-element-9cc2d61b { display:flex; gap:1rem; align-items:flex-start; } .elementor-16 .elementor-element.elementor-element-9cc2d61b > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-21f12f34 */.elementor-16 .elementor-element.elementor-element-21f12f34 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } @media (min-width:768px){ .elementor-16 .elementor-element.elementor-element-21f12f34 :is(svg, img) { width:50px !important; height:50px !important; } } @media (max-width:767px){ .elementor-16 .elementor-element.elementor-element-21f12f34 :is(svg, img) { width:calc(40px * var(--hg-vw-scale,1)) !important; height:calc(40px * var(--hg-vw-scale,1)) !important; } } .elementor-16 .elementor-element.elementor-element-21f12f34 img { flex-shrink:0 !important; margin-top:2px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e236dccf */.elementor-16 .elementor-element.elementor-element-e236dccf { 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-365b5940 */.elementor-16 .elementor-element.elementor-element-365b5940 { --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-81a682c3 */.elementor-16 .elementor-element.elementor-element-81a682c3 { display:flex; gap:1rem; align-items:flex-start; } .elementor-16 .elementor-element.elementor-element-81a682c3 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-204658f8 */.elementor-16 .elementor-element.elementor-element-204658f8 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } @media (min-width:768px){ .elementor-16 .elementor-element.elementor-element-204658f8 svg { width:50px !important; height:50px !important; } } @media (max-width:767px){ .elementor-16 .elementor-element.elementor-element-204658f8 svg { width:calc(40px * var(--hg-vw-scale,1)) !important; height:calc(40px * var(--hg-vw-scale,1)) !important; } } /* hg:P5:r11-stroke - stroke ikon 2px pada 50px seperti Figma (revisi-11), desktop */ @media (min-width:768px){ .elementor-16 .elementor-element.elementor-element-204658f8 svg { stroke-width: 0.96px; } } /* hg: svg-base */ .elementor-16 .elementor-element.elementor-element-204658f8 img{display:block} /* hg: svg-gap */ .elementor-16 .elementor-element.elementor-element-204658f8.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-16 .elementor-element.elementor-element-204658f8.elementor-element{padding-bottom:10px!important}} @media (max-width:359px){.elementor-16 .elementor-element.elementor-element-204658f8.elementor-element{padding-bottom:10px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-51bd75c3 */.elementor-16 .elementor-element.elementor-element-51bd75c3 { 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-5f29a48c */.elementor-16 .elementor-element.elementor-element-5f29a48c { --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-db27ef0d */.elementor-16 .elementor-element.elementor-element-db27ef0d { display:flex; gap:1rem; align-items:flex-start; } .elementor-16 .elementor-element.elementor-element-db27ef0d > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed47afa0 */.elementor-16 .elementor-element.elementor-element-ed47afa0 { display:flex; flex-direction:column; gap:1.75rem; padding:1.75rem; border:1.5px solid transparent; border-radius:12px; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(180deg, #f1ab19, #f2768f) border-box; } .elementor-16 .elementor-element.elementor-element-ed47afa0 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc485d6f */.elementor-16 .elementor-element.elementor-element-fc485d6f { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-16 .elementor-element.elementor-element-fc485d6f { display:flex; flex-direction:column; gap:2.5rem; } .elementor-16 .elementor-element.elementor-element-fc485d6f > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e038ff3 */.elementor-16 .elementor-element.elementor-element-4e038ff3 { display:grid; grid-template-columns:1fr; gap:4rem; align-items:start; } .elementor-16 .elementor-element.elementor-element-4e038ff3 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-91e71ce4 */.elementor-16 .elementor-element.elementor-element-91e71ce4 { padding:4rem 0; background:#fff; } .elementor-16 .elementor-element.elementor-element-91e71ce4 > .e-con-inner { display: contents !important; } @media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-16 .elementor-element.elementor-element-91e71ce4 .service-split-text { margin-bottom: 30px !important; } } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-91e71ce4 .service-split-text { margin-bottom: 0 !important; } } /* hg:P2:epb-m-s6-kartu-tengah — isu prioritas user 2026-10-05 (pengecualian mockup): kartu S6 mobile terpusat dengan margin kanan mockup (30px) di kedua sisi. Mobile saja. */ @media (max-width: 767px) { html body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-16 .elementor-element-91e71ce4 .elementor-element-397a801b.elementor-element-397a801b.elementor-element-397a801b, html body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-16 .elementor-element-91e71ce4 .elementor-element-ed47afa0.elementor-element-ed47afa0.elementor-element-ed47afa0 { width: calc(380px * var(--hg-vw-scale, 1)) !important; max-width: calc(380px * var(--hg-vw-scale, 1)) !important; margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b6e45375 *//* hg: social-var */ .elementor-16 .elementor-element.elementor-element-b6e45375{--hg-social-t:30.4px;--hg-social-pb:76px;--hg-social-bg:#FFFFFF;--hg-social-tm:8.41vw;--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-55503ee0 *//* Section 1: Express hero matched to the supplied desktop/mobile mockups. Same legacy post-16.css custom-CSS field as sec-2/4/5 below stamps this element with its own 4rem padding — it has no !important, but neither did our old background-only rule for the top/bottom pair, so its non-important 4rem padding-bottom silently added to elementor-element-6607208a's own 72px bottom padding. Force padding to 0 so only the inner element (which already carries its own tuned padding for both breakpoints) controls it. */ body.service-page--express-photo-booth .service-epb-sec-1 { width: 100%; max-width: 100%; overflow: hidden; padding: 0 !important; background: #fff; } body.service-page--express-photo-booth .service-epb-sec-1 > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-6607208a > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-6607208a { display: grid; grid-template-columns: minmax(0, 1fr) 491px; align-items: center; gap: 100px; width: min(calc(100% - 96px), 1064px); min-height: 980px; margin-inline: auto; padding: 72px 0 64px; } body.service-page--express-photo-booth .service-epb-sec-1 .service-split-text, body.service-page--express-photo-booth .service-epb-sec-1 .service-split-media, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-5ef49dc2 { --width: 100% !important; --container-widget-width: 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-5ef49dc2 { grid-template-columns: minmax(0, 1fr) !important; min-height: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-1 .service-split-media { justify-self: end; } body.service-page--express-photo-booth .service-epb-sec-1 .service-split-text > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-1 .service-split-media > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-5ef49dc2 > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-sec-1 .service-heading { margin: 0 0 22px !important; font-size: 40px; line-height: 1.12; font-weight: 500; white-space: normal; overflow-wrap: anywhere; } body.service-page--express-photo-booth .service-epb-sec-1 .service-paragraph { width: min(100%, 440px); margin: 0 0 28px; } body.service-page--express-photo-booth .service-epb-sec-1 .service-paragraph .elementor-heading-title { margin: 0; color: #403e3e; font-size: 17px; line-height: 1.48; font-weight: 400; overflow-wrap: anywhere; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-324a873e, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-324a873e > .e-con-inner { display: block !important; width: max-content; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-4c76dcb3 .elementor-button { min-height: 44px; padding: 12px 24px; border: 0; border-radius: 6px; background: linear-gradient(90deg, #f5a800, #f26aaa); color: #fff; font-size: 14px; font-weight: 700; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-29831a91, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-29831a91 .elementor-widget-container { --container-widget-width: 100% !important; width: 100% !important; max-width: none !important; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-29831a91 img, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-29831a91 video { display: block; width: 491px !important; height: 874px; max-width: 100% !important; border-radius: 8px; object-fit: cover; object-position: center; } @media (max-width: 767px) { body.service-page--express-photo-booth .service-epb-sec-1 { padding-top: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-6607208a { grid-template-columns: 1fr; gap: 42px; width: calc(100% - 40px); min-height: 0; padding: 0 0 72px; max-width: calc(100% - 40px) !important; /* This grid is the direct parent of .service-split-media, which breaks out to 100vw via negative margins (calc(50% - 50vw)) to go full-bleed edge-to-edge per Express_Mobile.png. overflow:hidden here clipped that breakout back down to this grid's own calc(100% - 40px) box, so the hero photo visually rendered with a ~20px gap on each side even though its own geometry (getBoundingClientRect) correctly reported 0/100vw — the clip was invisible to layout measurement, only visible on render. */ overflow: visible; } /* Express_Mobile.png: the hero photo is full-bleed edge-to-edge (image ends at y=853, nav ends ~y=64, giving a 440x789 photo, no side inset, no radius) — live had it as the desktop layout's tall 9:16 portrait crop, inset and centered at max 330px wide. Break it out of the sec-1 grid (itself inset calc(100% - 40px) on mobile) to the full viewport. */ body.service-page--express-photo-booth .service-epb-sec-1 .service-split-media { grid-row: 1; align-self: start !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 0 !important; } /* The mobile mockup begins this image immediately below the fixed header. Clear Elementor's container spacing on the media wrapper and both of its inner boxes; retain the outer grid's 42px gap only after the image. */ body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-e0a8e3f0, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-e0a8e3f0 > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-e0a8e3f0 .elementor-element-5ef49dc2, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-e0a8e3f0 .elementor-element-29831a91 { margin-top: 0 !important; padding-top: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-1 .service-split-media .elementor-element-5ef49dc2, body.service-page--express-photo-booth .service-epb-sec-1 .service-split-media .elementor-element-29831a91 { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-1 .service-split-text { grid-row: 2; text-align: center; } body.service-page--express-photo-booth .service-epb-sec-1 .service-heading { margin-bottom: 18px !important; font-size: 30px; } body.service-page--express-photo-booth .service-epb-sec-1 .service-paragraph { width: calc(100% - 24px) !important; max-width: calc(100% - 24px) !important; margin-inline: auto; margin-bottom: 24px; } body.service-page--express-photo-booth .service-epb-sec-1 .service-paragraph .elementor-heading-title { font-size: 15px; line-height: 1.5; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-324a873e, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-324a873e > .e-con-inner { margin-inline: auto; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-29831a91 img, body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-29831a91 video { width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 440 / 789; object-fit: cover; border-radius: 0 !important; margin-inline: 0; } } /* The six-image legacy gallery is not part of the supplied Express mockup. */ body.service-page--express-photo-booth .service-epb-sec-3 { display: none !important; } /* Express Party Rover. Same legacy post-16.css custom-CSS field as sec-1/2/5 stamps this element with its own non-important 4rem padding + #fafafa background — since our rules here were also non-important, post-16's higher-specificity .elementor-16 .elementor-element.elementor-element-55503ee0 (3 classes vs. our 2) won outright, so this section was always rendering at a flat 64px/64px grey band regardless of viewport, ignoring the values below entirely. Force !important so ours actually applies. */ body.service-page--express-photo-booth .service-epb-sec-4 { width: 100%; max-width: 100%; padding: 116px 0 122px !important; overflow: hidden; background: #fff !important; } body.service-page--express-photo-booth .service-epb-sec-4 > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-4035d54d > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-4 .service-split-text > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-4 .service-split-media > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-c814e5e8 > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-4035d54d { --width: min(calc(100% - 80px), 1230px) !important; display: grid !important; grid-template-columns: 550px minmax(0, 1fr) !important; align-items: center; gap: 64px; width: min(calc(100% - 80px), 1230px) !important; max-width: 1230px !important; margin: 0 auto !important; } body.service-page--express-photo-booth .service-epb-sec-4 .service-split-media { grid-column: 1; grid-row: 1; width: 550px !important; max-width: 100%; } body.service-page--express-photo-booth .service-epb-sec-4 .service-split-text { grid-column: 2; grid-row: 1; width: 100% !important; max-width: 100%; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-b145c7b1, body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-b145c7b1 .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-b145c7b1 img { display: block; width: 550px !important; height: 550px !important; border-radius: 8px; object-fit: cover; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-eae00298 { display: none !important; } body.service-page--express-photo-booth .service-epb-sec-4 .service-heading, body.service-page--express-photo-booth .service-epb-sec-4 .service-heading > span { margin: 0 0 24px !important; font-size: 40px !important; line-height: 1.14 !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .service-heading { background: linear-gradient(90deg, #f5a800, #f26aaa); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent !important; } /* 2026-10-02: subtitle "Unparalleled convenience..." dipindah dari ::before ke widget heading nyata (elementor-element-77a9fc6, anak 64951080 di antara judul 7541bd16 dan paragraf 5ca388a3) — urutan DOM desktop sudah benar tanpa CSS tambahan di sini; styling widget baru ada di custom_css widget itu sendiri. */ body.service-page--express-photo-booth .service-epb-sec-4 .service-paragraph .elementor-heading-title { margin: 0; color: #403e3e; font-size: 22px; line-height: 1.28; font-weight: 400; } /* Instant print / digital impact feature section. Same legacy post-16.css custom-CSS field as sec-1/2/4 stamps this element with its own non-important 4rem padding (and would-be #fff background, coincidentally correct here) — force !important so this section's own 122px-top/0-bottom padding actually applies instead of a flat 64px/64px. */ body.service-page--express-photo-booth .service-epb-sec-5 { width: 100%; max-width: 100%; padding: 122px 0 0 !important; overflow: hidden; background: #fff !important; } body.service-page--express-photo-booth .service-epb-sec-5 > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-4e038ff3 > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-5 .service-split-text > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-5 .service-split-features > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-4e038ff3 { --width: min(calc(100% - 80px), 1120px) !important; display: block !important; width: min(calc(100% - 80px), 1120px) !important; max-width: 1120px !important; margin: 0 auto !important; } body.service-page--express-photo-booth .service-epb-sec-5 .service-split-text { width: 100% !important; max-width: 100%; margin: 0 auto 76px !important; text-align: center; } body.service-page--express-photo-booth .service-epb-sec-5 .service-heading, body.service-page--express-photo-booth .service-epb-sec-5 .service-heading > span { margin: 0 0 26px !important; font-size: 40px !important; line-height: 1.15 !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .service-heading { background: linear-gradient(90deg, #f5a800, #f26aaa); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent !important; } body.service-page--express-photo-booth .service-epb-sec-5 .service-paragraph { width: min(100%, 760px); margin-inline: auto; } body.service-page--express-photo-booth .service-epb-sec-5 .service-paragraph .elementor-heading-title { margin: 0; color: #403e3e; font-size: 18px; line-height: 1.55; font-weight: 400; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-df6c51b8 { display: none !important; } body.service-page--express-photo-booth .service-epb-sec-5 .service-split-features { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 48px 72px; width: min(100%, 900px) !important; max-width: 900px !important; margin: 0 auto 112px !important; } /* The mockup groups the six features into two bordered cards. Each card holds three feature rows, with a narrow icon column and a wider text column. */ body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px; width: min(100%, 1120px) !important; max-width: 1120px !important; align-items: stretch; justify-items: stretch; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features > .e-con-inner > .e-con { display: flex !important; flex-direction: column; gap: 1.75rem; width: 100% !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features > .e-con-inner > .e-con > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con { display: grid !important; grid-template-columns: 26px minmax(0, 1fr) !important; column-gap: 1rem; align-items: start; width: 100% !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .elementor-widget-html { grid-column: 1; grid-row: 1; width: 26px; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .e-con { grid-column: 2; grid-row: 1; min-width: 0; width: auto !important; } @media (max-width: 767px) { body.service-page--express-photo-booth .service-epb-sec-4 { padding: 76px 0 84px !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-4035d54d { --width: calc(100% - 40px) !important; grid-template-columns: 1fr !important; gap: 42px; width: calc(100% - 40px) !important; } /* Express_Mobile.svg's order for this section is heading → subtitle → image → paragraph. Subtitle is now a real widget (77a9fc6, a DOM sibling of the heading inside service-split-text) instead of a ::before, so it needs the same display:contents treatment to become individually orderable alongside the heading/image/paragraph in the outer grid. */ body.service-page--express-photo-booth .service-epb-sec-4 .service-split-media, body.service-page--express-photo-booth .service-epb-sec-4 .service-split-text { display: contents; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-7541bd16 { order: 1; width: 100% !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-77a9fc6 { order: 2; width: 100% !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-c814e5e8 { order: 3; width: 100% !important; } body.service-page--express-photo-booth .service-epb-sec-4 .service-paragraph { order: 4; width: 100% !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-b145c7b1 img { width: min(100%, 550px) !important; height: auto !important; aspect-ratio: 1; margin-inline: auto; } body.service-page--express-photo-booth .service-epb-sec-4 .service-heading, body.service-page--express-photo-booth .service-epb-sec-4 .service-heading > span, body.service-page--express-photo-booth .service-epb-sec-5 .service-heading, body.service-page--express-photo-booth .service-epb-sec-5 .service-heading > span { font-size: 30px !important; } body.service-page--express-photo-booth .service-epb-sec-4 .service-paragraph .elementor-heading-title, body.service-page--express-photo-booth .service-epb-sec-5 .service-paragraph .elementor-heading-title { font-size: 15px; line-height: 1.5; } body.service-page--express-photo-booth .service-epb-sec-5 { padding-top: 82px !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-4e038ff3 { --width: calc(100% - 40px) !important; width: calc(100% - 40px) !important; } body.service-page--express-photo-booth .service-epb-sec-5 .service-split-text { margin-bottom: 54px !important; } body.service-page--express-photo-booth .service-epb-sec-5 .service-split-features { grid-template-columns: 1fr !important; gap: 40px; width: 100% !important; margin-bottom: 82px !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features { grid-template-columns: 1fr !important; gap: 16px; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features > .e-con-inner > .e-con { gap: 24px; padding: 20px !important; } } /* Keepsakes: three print-format rows matched to the desktop SVG. */ body.service-page--express-photo-booth .service-epb-keepsakes { width: 100%; max-width: 100%; padding: 104px 0 128px; overflow: hidden; background: #fff; } body.service-page--express-photo-booth .service-epb-keepsakes > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 { --width: 100% !important; --content-width: 100% !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --gap: 0px !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; max-width: none !important; min-width: 0; margin: 0 !important; padding: 0 !important; overflow: visible; background: radial-gradient(circle 27px at calc(50% + 313px) 222px, rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(ellipse 40px 41px at calc(50% + 376px) 280px, #ffe2df 0 99%, transparent 100%), radial-gradient(circle 115px at calc(50% - 294px) 403px, rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(circle 175px at calc(50% - 293px) 402px, rgba(247, 174, 188, 0.35) 0 99%, transparent 100%), radial-gradient(circle 180px at calc(50% + 202px) 398px, rgba(247, 174, 188, 0.35) 0 99%, transparent 100%), radial-gradient(ellipse 46px 45px at calc(50% + 445px) 909px, rgba(244, 200, 178, 0.4) 0 99%, transparent 100%), radial-gradient(ellipse 109px 112px at calc(50% + 567px) 1031px, rgba(241, 141, 91, 0.4) 0 99%, transparent 100%), radial-gradient(ellipse 143px 150px at calc(50% + 147px) 1882px, rgba(241, 174, 17, 0.31) 0 99%, transparent 100%), radial-gradient(circle 175px at calc(50% - 214px) 2650px, rgba(241, 174, 17, 0.31) 0 99%, transparent 100%); background-repeat: no-repeat; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 > .service-split-grid { flex: 0 0 auto !important; align-self: center !important; min-width: 0; background: transparent !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 .container, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 .e-con-inner { background-color: transparent !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-2f3296f3, body.service-page--express-photo-booth .service-epb-keepsakes .service-split-grid { --width: min(calc(100% - 80px), 1120px) !important; width: min(calc(100% - 80px), 1120px) !important; max-width: 1120px !important; margin-inline: auto !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-2f3296f3 { display: block; margin-bottom: 88px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-2f3296f3 > .e-con-inner, body.service-page--express-photo-booth .service-epb-keepsakes .service-split-grid > .e-con-inner, body.service-page--express-photo-booth .service-epb-keepsakes .service-step-head > .e-con-inner, body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-heading { margin: 0 0 20px !important; font-size: 40px !important; line-height: 1.15 !important; font-weight: 500 !important; background: linear-gradient(90deg, #f5a800 0%, #f58a36 48%, #f26aaa 100%); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-paragraph { width: min(100%, 710px); } body.service-page--express-photo-booth .service-epb-keepsakes .service-paragraph .elementor-heading-title { margin: 0; color: #403e3e; font-size: 22px; line-height: 1.28; font-weight: 400; } body.service-page--express-photo-booth .service-epb-keepsakes .service-split-grid { display: grid !important; grid-template-columns: 100px minmax(0, 1fr) !important; align-items: start; gap: 71px; } body.service-page--express-photo-booth .service-epb-keepsakes .service-split-grid + .service-split-grid { margin-top: 116px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-head { display: block !important; width: 100px !important; max-width: 100px !important; padding-top: 3px; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-number, body.service-page--express-photo-booth .service-epb-keepsakes .service-step-heading { width: 100% !important; margin: 0 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-heading { display: none !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-number .elementor-heading-title { margin: 0; font-size: 75px; line-height: 0.95; font-weight: 600; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-875bab29 .service-step-number .elementor-heading-title { color: rgba(247, 174, 188, 0.7); } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-25038df4 .service-step-number .elementor-heading-title { color: rgba(241, 141, 91, 0.76); } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-0cd7589c .service-step-number .elementor-heading-title { color: rgba(241, 173, 19, 0.74); } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-heading .elementor-heading-title { margin: 10px 0 0; color: #403e3e; font-size: 22px; line-height: 1.2; font-weight: 500; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-752f7296, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-9be6d10d { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: start; gap: 80px; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-585842ca { display: block !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card { display: flex !important; flex-direction: column; align-items: flex-start; min-width: 0; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-badge { order: 1; width: auto !important; margin: 0 0 13px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-badge .elementor-widget-container { width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-badge .elementor-heading-title { display: inline-flex; min-height: 42px; align-items: center; margin: 0; padding: 7px 16px; border: 1px solid currentColor; border-radius: 6px; font-size: 18px; line-height: 1; font-weight: 600; text-transform: uppercase; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-875bab29 .service-step-badge .elementor-heading-title { color: #e94565; background: rgba(247, 174, 188, 0.35); } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-25038df4 .service-step-badge .elementor-heading-title { color: #f95e00; background: rgba(241, 141, 91, 0.32); } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-0cd7589c .service-step-badge .elementor-heading-title { color: #ffb300; background: rgba(254, 199, 73, 0.27); } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-title { order: 2; margin: 0 0 24px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-title .elementor-heading-title { margin: 0; color: #403e3e; font-size: 20px !important; line-height: 1.25; font-weight: 500; white-space: nowrap; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-widget-image, body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .service-print-frame--image { order: 3; width: 100% !important; margin: 0 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-widget-image img { display: block; width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain; } /* Legacy post-16.css (a per-widget custom-CSS field predating this file) set an approximate aspect-ratio on each of these four measurement-labelled images — close enough to their real print ratios (10.2x15.2, 15.2x10.2, 21x29.7) to go unnoticed, but wildly wrong for the strip print (2/3 vs. the actual 5x15 strip's 1/3). height:auto doesn't override a competing aspect-ratio declaration (they combine rather than conflict), so the box kept resolving to a 2:3 shape; with object-fit:contain that letterboxed the naturally 1:3 strip photo down to roughly half its container's width, which is what made this card look off-center. Use each image's own exact print ratio (already recorded on the ancestor as --print-width/height-label). */ body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-7d9f9742 img { aspect-ratio: 5 / 15 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-d8db3b69 img { aspect-ratio: 10.2 / 15.2 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-7de5a2d0 img { aspect-ratio: 15.2 / 10.2 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-edd0dd87 img { aspect-ratio: 21 / 29.7 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-34906ee9 { max-width: 334px; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-3132020f { max-width: 408px; display: grid !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 570px; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-3132020f .service-step-badge { grid-column: 1; grid-row: 1; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-3132020f .service-step-title { grid-column: 1; grid-row: 2; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-3132020f .elementor-widget-image { grid-column: 1; grid-row: 3; align-self: start; margin: 0 !important; } /* .service-step-card .elementor-widget-image (4 classes) outranks a plain .elementor-element-512f8610/-b0bc5797 .elementor-16 .elementor-element.elementor-element-55503ee0 (3 classes), so these two overlapping-collage images were losing their own width to that generic single-image rule and rendering at the card's full width instead of their 43%/57% split — qualify with .service-step-card too so they always win. */ body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-512f8610.elementor-widget-image { z-index: 1; justify-self: start; width: 175px !important; margin: 38px 0 0 -18px !important; transform: rotate(-11deg); transform-origin: center; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-b0bc5797.elementor-widget-image { z-index: 2; position: relative; justify-self: end; width: 231px !important; margin: 152px -1px 0 0 !important; overflow: visible; transform: translate(15px, 18px) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30002 > .service-print-dim--w { position: absolute; top: calc(100% + 12px); left: 0; width: 100%; padding-top: 7px; border-top: 1px dashed #403e3e; color: #403e3e; font-size: 15px; line-height: 1; text-align: right; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30002 > .service-print-dim--h { position: absolute; z-index: 3; top: 0; left: calc(100% + 14px); height: 100%; padding-left: 7px; border-left: 1px dashed #403e3e; color: #403e3e; font-size: 15px; line-height: 1; writing-mode: vertical-rl; text-align: right; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-512f8610 img, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-b0bc5797 img, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-b0bc5797 video { width: 100% !important; height: auto !important; aspect-ratio: auto !important; border-radius: 0 !important; object-fit: contain !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30001, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30003, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30004, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30005 { position: relative; overflow: visible; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30001 > .service-print-dim--w, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30003 > .service-print-dim--w, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30004 > .service-print-dim--w, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30005 > .service-print-dim--w { position: absolute; top: calc(100% + 12px); left: 0; width: 100%; padding-top: 7px; border-top: 1px dashed #403e3e; color: #403e3e; font-size: 15px; line-height: 1; text-align: center; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30001 > .service-print-dim--h, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30003 > .service-print-dim--h, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30004 > .service-print-dim--h, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30005 > .service-print-dim--h { position: absolute; z-index: 3; top: 0; left: calc(100% + 14px); height: 100%; padding-left: 7px; border-left: 1px dashed #403e3e; color: #403e3e; font-size: 15px; line-height: 1; writing-mode: vertical-rl; text-align: center; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-b9f825f7 { max-width: 333px; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-64114b1a { max-width: 509px; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-d0078351 { width: min(100%, 670px) !important; max-width: 670px; } @media (max-width: 767px) { body.service-page--express-photo-booth .service-epb-keepsakes { padding: 72px 0 88px; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-2f3296f3, body.service-page--express-photo-booth .service-epb-keepsakes .service-split-grid { --width: calc(100% - 40px) !important; width: calc(100% - 40px) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 { background: radial-gradient(circle 78px at 18% 360px, rgba(247, 174, 188, 0.42) 0 99%, transparent 100%), radial-gradient(circle 92px at 82% 690px, rgba(247, 174, 188, 0.34) 0 99%, transparent 100%), radial-gradient(circle 72px at 88% 1510px, rgba(241, 141, 91, 0.3) 0 99%, transparent 100%), radial-gradient(circle 105px at 25% 2510px, rgba(241, 174, 17, 0.26) 0 99%, transparent 100%); background-repeat: no-repeat; } /* Express_Mobile.svg centers this intro heading + paragraph; the desktop mock keeps it left-aligned, so this is mobile-only. */ body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-2f3296f3 { margin-bottom: 60px !important; text-align: center; } body.service-page--express-photo-booth .service-epb-keepsakes .service-heading { font-size: 30px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-paragraph .elementor-heading-title { font-size: 15px; line-height: 1.5; } body.service-page--express-photo-booth .service-epb-keepsakes .service-split-grid { grid-template-columns: 1fr !important; gap: 34px; } /* Express_Mobile.svg centers the "01./02./03." step number, the pill badge, the title, and the print image as one column — the step-head number and the step-card content were both left-aligned instead (the step-head has an explicit narrower width than its grid column but no margin to center it in that column; the card's align-items:flex-start left-aligns its auto-width badge/title children the same way). */ body.service-page--express-photo-booth .service-epb-keepsakes .service-step-head { width: 84px !important; max-width: 84px !important; margin-inline: auto !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-split-grid + .service-split-grid { margin-top: 88px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-number .elementor-heading-title { font-size: 58px; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-heading .elementor-heading-title { margin-top: 6px; font-size: 20px; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-752f7296, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-9be6d10d { grid-template-columns: 1fr !important; gap: 64px; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-d0078351 { width: 100% !important; max-width: 100%; align-items: center !important; text-align: center; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-3132020f { grid-template-rows: auto auto clamp(400px, 132vw, 570px); } /* Same .service-step-card qualifier as the base rule above — without it the generic 4-class .service-step-card .elementor-widget-image rule (width:100%!important) outranks this 3-class .elementor-16 .elementor-element.elementor-element-55503ee0 and the image renders at the card's full width instead of 43%, which combined with the base rule's rotate(-11deg) ballooned the rotated bounding box to ~570px wide/1150px tall and spilled off-screen. That earlier looked like the rotation itself was the bug, so it got zeroed out — but Express_Mobile.svg's own geometry (145.386x436.158, transform="rotate(-11.111 38 3204.02)") confirms the strip is meant to stay tilted on mobile too, matching desktop's -11deg; the real fix was the width, not removing the rotation. */ body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-512f8610.elementor-widget-image { width: 43% !important; margin: 9% 0 0 -4% !important; transform: rotate(-11deg) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-b0bc5797.elementor-widget-image { width: 57% !important; margin: 37% 0 0 !important; transform: translate(3%, 5%) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-badge .elementor-heading-title { min-height: 36px; padding: 6px 12px; font-size: 14px; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-title .elementor-heading-title { font-size: 18px !important; white-space: nowrap; } } /* Animated overlay customisation. */ body.service-page--express-photo-booth .service-epb-overlay { width: 100%; max-width: 100%; padding: 112px 0 132px; overflow: hidden; background: #fff; } body.service-page--express-photo-booth .service-epb-overlay > .e-con-inner, body.service-page--express-photo-booth .service-epb-overlay .elementor-element-80c81168 > .e-con-inner, body.service-page--express-photo-booth .service-epb-overlay .elementor-element-46756baf > .e-con-inner, body.service-page--express-photo-booth .service-epb-overlay .service-overlay-card > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-80c81168 { --width: min(calc(100% - 80px), 1016px) !important; display: grid !important; grid-template-columns: 445px minmax(0, 1fr) !important; align-items: start; gap: 72px; width: min(calc(100% - 80px), 1016px) !important; max-width: 1016px !important; margin: 0 auto 0 !important; } body.service-page--express-photo-booth .service-epb-overlay .service-heading, body.service-page--express-photo-booth .service-epb-overlay .service-heading > .font-sans, body.service-page--express-photo-booth .service-epb-overlay .service-heading > .font-serif { margin: 0 !important; font-size: 40px !important; line-height: 1.14 !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-overlay .service-heading { background: linear-gradient(90deg, #f5a800 0%, #f58a36 48%, #f26aaa 100%); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent !important; } body.service-page--express-photo-booth .service-epb-overlay .service-paragraph, body.service-page--express-photo-booth .service-epb-overlay .service-paragraph .elementor-widget-container { margin: 0 !important; padding: 0 !important; } body.service-page--express-photo-booth .service-epb-overlay .service-paragraph .elementor-heading-title { margin: 0; color: #403e3e !important; font-size: 22px !important; line-height: 1.1 !important; font-weight: 400 !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-eyebrow { width: 100% !important; margin: 94px 0 42px !important; text-align: center; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-eyebrow .elementor-heading-title { margin: 0; color: #403e3e; font-size: 24px; line-height: 1.2; font-weight: 700; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-46756baf { --width: min(calc(100% - 40px), 1264px) !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 400px)) !important; justify-content: center; align-items: start; gap: 32px; width: min(calc(100% - 40px), 1264px) !important; max-width: 1264px !important; margin: 0 auto !important; padding-bottom: 43px; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-card { position: relative; display: block !important; width: 400px !important; max-width: 100%; height: 600px; padding: 0 !important; overflow: visible; border: 0 !important; border-radius: 10px; background: transparent !important; box-shadow: none !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-card .elementor-widget-image, body.service-page--express-photo-booth .service-epb-overlay .service-overlay-card .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 100%; margin: 0 !important; padding: 0 !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-card img { display: block; width: 100% !important; height: 600px !important; border-radius: 10px; object-fit: cover; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-pill { position: absolute; z-index: 2; bottom: -43px; left: 50%; width: 227px !important; margin: 0 !important; padding: 0 !important; transform: translateX(-50%); border: 0 !important; background: transparent !important; box-shadow: none !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-pill .elementor-heading-title { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 63px; margin: 0; padding: 10px 18px; border-radius: 6px; background: linear-gradient(90deg, #f5a800, #f26aaa); color: #fff; font-size: 16px; line-height: 1.35; font-weight: 500; text-align: center; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-d632a143 .elementor-heading-title { flex-direction: column; } @media (max-width: 767px) { body.service-page--express-photo-booth .service-epb-overlay { padding: 78px 0 92px; } /* Desktop keeps this split-grid text left-aligned beside its image column; Express_Mobile.svg centers both the heading and paragraph once they stack into a single column, so this is mobile-only. */ body.service-page--express-photo-booth .service-epb-overlay .elementor-element-80c81168 { --width: calc(100% - 40px) !important; grid-template-columns: 1fr !important; gap: 24px; width: calc(100% - 40px) !important; text-align: center; } body.service-page--express-photo-booth .service-epb-overlay .service-heading, body.service-page--express-photo-booth .service-epb-overlay .service-heading > .font-sans, body.service-page--express-photo-booth .service-epb-overlay .service-heading > .font-serif { font-size: 30px !important; } body.service-page--express-photo-booth .service-epb-overlay .service-paragraph .elementor-heading-title { font-size: 15px !important; line-height: 1.5 !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-eyebrow { margin: 62px 0 30px !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-eyebrow .elementor-heading-title { font-size: 19px; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-46756baf { --width: calc(100% - 40px) !important; grid-template-columns: 1fr !important; gap: 88px; width: calc(100% - 40px) !important; padding-bottom: 43px; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-card { width: min(100%, 360px) !important; height: auto; aspect-ratio: 2 / 3; margin-inline: auto !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-card img { height: 100% !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-pill { width: min(70%, 227px) !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-pill .elementor-heading-title { min-height: 56px; font-size: 14px; } } /* Section 2: Instant Fun / corkboard showcase. A legacy Elementor custom-CSS field (post-16.css, ".elementor-16 .elementor-element-cfec19fa") stamps this section with a #fafafa grey background and its own 4rem top/bottom padding, beating the plain rule below on specificity and stacking with elementor-element-ec0216d8's own 72px padding to create a much bigger gap than Express_Mobile.svg wants — the mock keeps this section plain white with no padding of its own. */ body.service-page--express-photo-booth .service-epb-sec-2 { width: 100%; max-width: 100%; overflow: hidden; background: #fff !important; padding: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-2 > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-ec0216d8 > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-ec0216d8 { display: block; width: min(calc(100% - 64px), 1165px) !important; max-width: 1165px !important; margin-inline: auto; padding: 108px 0 104px; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2099b161, body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-a92bf7ff { --width: 100% !important; --container-widget-width: 100% !important; width: 100% !important; max-width: 100% !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2099b161 > .e-con-inner, body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-a92bf7ff > .e-con-inner { display: contents !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2099b161 { margin-bottom: 54px; text-align: center; } body.service-page--express-photo-booth .service-epb-sec-2 .service-heading, body.service-page--express-photo-booth .service-epb-sec-2 .service-heading > .font-sans, body.service-page--express-photo-booth .service-epb-sec-2 .service-heading > .font-serif { margin: 0 0 10px !important; font-size: 40px !important; line-height: 1.15 !important; font-weight: 500; } body.service-page--express-photo-booth .service-epb-sec-2 .service-heading { background: linear-gradient(90deg, #f5a800, #f26aaa); -webkit-background-clip: text; background-clip: text; color: transparent; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3, body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3 > span { margin: 0 0 22px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 40px !important; line-height: 1.15 !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3 { background: linear-gradient(90deg, #f5a800 0%, #f58a36 48%, #f26aaa 100%); -webkit-background-clip: text; background-clip: text; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3 .font-serif { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 500; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3 .font-sans { font-family: inherit; font-style: normal; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-sec-2 .service-paragraph { width: min(100%, 980px); margin: 0 auto; } body.service-page--express-photo-booth .service-epb-sec-2 .service-paragraph .elementor-heading-title { margin: 0; color: #403e3e; font-size: 16px; line-height: 1.5; font-weight: 400; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-f389fd95, body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-f389fd95 .elementor-widget-container { --container-widget-width: 100% !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-a92bf7ff { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-f389fd95 img { display: block; width: 100% !important; height: auto; aspect-ratio: 1964 / 1389; border-radius: 0 !important; object-fit: contain; box-shadow: none !important; } @media (max-width: 767px) { body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-ec0216d8 { width: calc(100% - 40px) !important; padding: 72px 0 76px; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2099b161 { margin-bottom: 34px; } body.service-page--express-photo-booth .service-epb-sec-2 .service-heading, body.service-page--express-photo-booth .service-epb-sec-2 .service-heading > .font-sans, body.service-page--express-photo-booth .service-epb-sec-2 .service-heading > .font-serif { font-size: 30px !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3, body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3 > span { margin-bottom: 18px !important; font-size: 30px !important; } body.service-page--express-photo-booth .service-epb-sec-2 .service-paragraph { width: calc(100% - 16px); } body.service-page--express-photo-booth .service-epb-sec-2 .service-paragraph .elementor-heading-title { font-size: 14px; line-height: 1.5; } } /* Fix: .elementor-element-875bab29/25038df4/0cd7589c each carry the generic .service-split-grid utility class (Elementor's own reused layout-preset class), which collides with two OTHER equal-specificity !important rules also targeting .service-split-grid: this page's own broader "100px/1fr" rule (meant for a different, step-head layout) and a SITEWIDE rule in service-responsive.css. That last one is the real reason a plain equal-specificity override here can never win: per 6-LIST-REMAINING-GAP.md, service-responsive.css's loads AFTER even this page's own theme CSS file, so it wins any same-specificity tie against custom_css too. Reassert each row's own intended split with a deliberately bumped .elementor-16 .elementor-element.elementor-element-55503ee0 (doubled state class - an inert specificity bump, matches the same elements) so it wins outright. */ @media (min-width: 768px) /* hg-zoom A12: was 900px */ { body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-875bab29, body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-25038df4, body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-0cd7589c { grid-template-columns: 0.6fr 2fr !important; } } /* hg:P1:band-B123 — pita gradient di belakang corkboard (mockup desktop rect -14,1630 1483x341; mobile rect -841,1553 1483x130), posisi relatif tinggi gambar */ body.service-page--express-photo-booth .elementor-element-a92bf7ff { overflow: visible !important; } body.service-page--express-photo-booth .elementor-element-f389fd95 { position: relative; isolation: isolate; } body.service-page--express-photo-booth .elementor-element-f389fd95::before { content: ""; position: absolute; z-index: -1; left: 50%; width: calc(var(--hg-page-w, 100vw) + 60px); margin-left: calc((var(--hg-page-w, 100vw) + 60px) / -2); top: 30.95%; height: 41.38%; background: linear-gradient(117.2deg, #F26AAA 0%, #F1AE11 100%); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); pointer-events: none; } @media (max-width: 767px) { body.service-page--express-photo-booth .elementor-element-f389fd95::before { top: 36.06%; height: 45.95%; background: linear-gradient(143.4deg, #F28D5C 0%, #F1A720 100%); } } /* hg:P1:card-B2 — kartu Animated Overlay Styles (mockup desktop 64.5,5728.5 1311x783 rx8.5 stroke #E1E4ED; mobile 40.5,6140.5 359x1737) */ body.service-page--express-photo-booth .elementor-element-7ea69608 { isolation: isolate; } body.service-page--express-photo-booth .elementor-element-46756baf { position: relative; overflow: visible; } body.service-page--express-photo-booth .elementor-element-46756baf::before { content: ""; position: absolute; z-index: -1; top: -95.5px; bottom: -34.5px; left: -23.5px; right: -23.5px; width: auto; height: auto; opacity: 1; mix-blend-mode: normal; background: #fff; border: 1px solid #E1E4ED; border-radius: 8.5px; box-shadow: 0 1px 4px rgba(25, 33, 60, 0.08); pointer-events: none; } @media (max-width: 767px) { body.service-page--express-photo-booth .elementor-element-46756baf::before { top: calc(10px - 56.5px * var(--hg-vw-scale, 1)); bottom: calc(-33.5px * var(--hg-vw-scale, 1)); left: calc(20.5px * var(--hg-vw-scale, 1)); right: calc(20.5px * var(--hg-vw-scale, 1)); } } /* hg:P1:blobs-B10 — desktop: lapisan blob sama + blob path oranye B10 (mockup 239.5,3890.7 280x249, relatif jangkar y 2577.5) */ @media (min-width: 768px) { body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 { background: radial-gradient(circle 27px at calc(50% + 313px) 222px, rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(ellipse 40px 41px at calc(50% + 376px) 280px, #ffe2df 0 99%, transparent 100%), radial-gradient(circle 115px at calc(50% - 294px) 403px, rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(circle 175px at calc(50% - 293px) 402px, rgba(247, 174, 188, 0.35) 0 99%, transparent 100%), radial-gradient(circle 180px at calc(50% + 202px) 398px, rgba(247, 174, 188, 0.35) 0 99%, transparent 100%), radial-gradient(ellipse 46px 45px at calc(50% + 445px) 909px, rgba(244, 200, 178, 0.4) 0 99%, transparent 100%), radial-gradient(ellipse 109px 112px at calc(50% + 567px) 1031px, rgba(241, 141, 91, 0.4) 0 99%, transparent 100%), radial-gradient(ellipse 143px 150px at calc(50% + 147px) 1882px, rgba(241, 174, 17, 0.31) 0 99%, transparent 100%), radial-gradient(circle 175px at calc(50% - 214px) 2650px, rgba(241, 174, 17, 0.31) 0 99%, transparent 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='239.452 3890.73 279.98 249.44'%3E%3Cpath d='M274.463 3942.8C309.474 3890.73 304.504 3948.52 359.053 3985.2C413.601 4021.87 519.431 4031.89 484.419 4083.96C449.408 4136.03 364.387 4140.17 309.839 4103.49C255.29 4066.81 239.452 3994.87 274.463 3942.8Z' fill='%23F18D5B' fill-opacity='0.4'/%3E%3C/svg%3E") calc(50% - 340.55px) 1313.2px / 279.98px 249.44px; background-repeat: no-repeat; } } /* hg:P1:blobs-mobile — mobile: blob persis Express_Mobile.svg (B12 B13 B14 B17 B20 B24 B25 + 3 kecil), jangkar y 2165.5 = pill STRIP PRINT - 122 */ @media (max-width: 767px) { body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 { background: radial-gradient(ellipse calc(104px * var(--hg-vw-scale, 1)) calc(108.5px * var(--hg-vw-scale, 1)) at calc(388px * var(--hg-vw-scale, 1)) calc(3088px * var(--hg-vw-scale, 1)), rgba(241, 174, 17, 0.31) 0 99%, transparent 100%), radial-gradient(ellipse calc(127.5px * var(--hg-vw-scale, 1)) calc(127px * var(--hg-vw-scale, 1)) at calc(142.5px * var(--hg-vw-scale, 1)) calc(3532.5px * var(--hg-vw-scale, 1)), rgba(241, 174, 17, 0.31) 0 99%, transparent 100%), radial-gradient(ellipse calc(27.5px * var(--hg-vw-scale, 1)) calc(28.5px * var(--hg-vw-scale, 1)) at calc(357.5px * var(--hg-vw-scale, 1)) calc(2416px * var(--hg-vw-scale, 1)), rgba(244, 200, 178, 0.4) 0 99%, transparent 100%), radial-gradient(ellipse calc(79.5px * var(--hg-vw-scale, 1)) calc(77.5px * var(--hg-vw-scale, 1)) at calc(399.5px * var(--hg-vw-scale, 1)) calc(2516px * var(--hg-vw-scale, 1)), rgba(241, 141, 91, 0.4) 0 99%, transparent 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-17.6175 4252.73 279.98 249.44'%3E%3Cpath d='M17.3938 4304.8C52.4052 4252.73 47.4344 4310.52 101.983 4347.2C156.532 4383.87 262.361 4393.89 227.35 4445.96C192.339 4498.03 107.318 4502.17 52.7694 4465.49C-1.77936 4428.81 -17.6175 4356.87 17.3938 4304.8Z' fill='%23F18D5B' fill-opacity='0.4'/%3E%3C/svg%3E") calc(-17.62px * var(--hg-vw-scale, 1)) calc(2087.23px * var(--hg-vw-scale, 1)) / calc(279.98px * var(--hg-vw-scale, 1)) calc(249.44px * var(--hg-vw-scale, 1)), radial-gradient(ellipse calc(33px * var(--hg-vw-scale, 1)) calc(34.5px * var(--hg-vw-scale, 1)) at calc(340px * var(--hg-vw-scale, 1)) calc(1140px * var(--hg-vw-scale, 1)), #ffe2df 0 99%, transparent 100%), radial-gradient(ellipse calc(23px * var(--hg-vw-scale, 1)) calc(23.5px * var(--hg-vw-scale, 1)) at calc(289px * var(--hg-vw-scale, 1)) calc(1090px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(ellipse calc(148px * var(--hg-vw-scale, 1)) calc(153.5px * var(--hg-vw-scale, 1)) at calc(197px * var(--hg-vw-scale, 1)) calc(1239px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, 0.35) 0 99%, transparent 100%), radial-gradient(ellipse calc(108.85px * var(--hg-vw-scale, 1)) calc(100.61px * var(--hg-vw-scale, 1)) at calc(220.7px * var(--hg-vw-scale, 1)) calc(531.47px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(ellipse calc(165.65px * var(--hg-vw-scale, 1)) calc(153.1px * var(--hg-vw-scale, 1)) at calc(221.65px * var(--hg-vw-scale, 1)) calc(530.6px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, 0.35) 0 99%, transparent 100%); background-repeat: no-repeat; } } /* hg:P1:band-B123 — pita gradient di belakang corkboard (mockup desktop rect -14,1630 1483x341; mobile rect -841,1553 1483x130), posisi relatif tinggi gambar */ body.service-page--express-photo-booth .elementor-element-a92bf7ff { overflow: visible !important; } body.service-page--express-photo-booth .elementor-element-f389fd95 { position: relative; isolation: isolate; } body.service-page--express-photo-booth .elementor-element-f389fd95::before { content: ""; position: absolute; z-index: -1; left: 50%; width: calc(var(--hg-page-w, 100vw) + 60px); margin-left: calc((var(--hg-page-w, 100vw) + 60px) / -2); top: 30.95%; height: 41.38%; background: linear-gradient(117.2deg, #F26AAA 0%, #F1AE11 100%); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); pointer-events: none; } @media (max-width: 767px) { body.service-page--express-photo-booth .elementor-element-f389fd95::before { top: 36.06%; height: 45.95%; background: linear-gradient(143.4deg, #F28D5C 0%, #F1A720 100%); } } /* hg:P1:card-B2 — kartu Animated Overlay Styles (mockup desktop 64.5,5728.5 1311x783 rx8.5 stroke #E1E4ED; mobile 40.5,6140.5 359x1737) */ body.service-page--express-photo-booth .elementor-element-7ea69608 { isolation: isolate; } body.service-page--express-photo-booth .elementor-element-46756baf { position: relative; overflow: visible; } body.service-page--express-photo-booth .elementor-element-46756baf::before { content: ""; position: absolute; z-index: -1; top: -95.5px; bottom: -34.5px; left: -23.5px; right: -23.5px; width: auto; height: auto; opacity: 1; mix-blend-mode: normal; background: #fff; border: 1px solid #E1E4ED; border-radius: 8.5px; box-shadow: 0 1px 4px rgba(25, 33, 60, 0.08); pointer-events: none; } @media (max-width: 767px) { body.service-page--express-photo-booth .elementor-element-46756baf::before { top: calc(10px - 56.5px * var(--hg-vw-scale, 1)); bottom: calc(-33.5px * var(--hg-vw-scale, 1)); left: calc(20.5px * var(--hg-vw-scale, 1)); right: calc(20.5px * var(--hg-vw-scale, 1)); } } /* hg:P1:blobs-B10 — desktop: lapisan blob sama + blob path oranye B10 (mockup 239.5,3890.7 280x249, relatif jangkar y 2577.5) */ @media (min-width: 768px) { body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 { background: radial-gradient(circle 27px at calc(50% + 313px) 222px, rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(ellipse 40px 41px at calc(50% + 376px) 280px, #ffe2df 0 99%, transparent 100%), radial-gradient(circle 115px at calc(50% - 294px) 403px, rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(circle 175px at calc(50% - 293px) 402px, rgba(247, 174, 188, 0.35) 0 99%, transparent 100%), radial-gradient(circle 180px at calc(50% + 202px) 398px, rgba(247, 174, 188, 0.35) 0 99%, transparent 100%), radial-gradient(ellipse 46px 45px at calc(50% + 445px) 909px, rgba(244, 200, 178, 0.4) 0 99%, transparent 100%), radial-gradient(ellipse 109px 112px at calc(50% + 567px) 1031px, rgba(241, 141, 91, 0.4) 0 99%, transparent 100%), radial-gradient(ellipse 143px 150px at calc(50% + 147px) 1882px, rgba(241, 174, 17, 0.31) 0 99%, transparent 100%), radial-gradient(circle 175px at calc(50% - 214px) 2650px, rgba(241, 174, 17, 0.31) 0 99%, transparent 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='239.452 3890.73 279.98 249.44'%3E%3Cpath d='M274.463 3942.8C309.474 3890.73 304.504 3948.52 359.053 3985.2C413.601 4021.87 519.431 4031.89 484.419 4083.96C449.408 4136.03 364.387 4140.17 309.839 4103.49C255.29 4066.81 239.452 3994.87 274.463 3942.8Z' fill='%23F18D5B' fill-opacity='0.4'/%3E%3C/svg%3E") calc(50% - 340.55px) 1313.2px / 279.98px 249.44px; background-repeat: no-repeat; } } /* hg:P1:blobs-mobile — mobile: blob persis Express_Mobile.svg (B12 B13 B14 B17 B20 B24 B25 + 3 kecil), jangkar y 2165.5 = pill STRIP PRINT - 122 */ @media (max-width: 767px) { body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-72ccb2c3 { background: radial-gradient(ellipse calc(104px * var(--hg-vw-scale, 1)) calc(108.5px * var(--hg-vw-scale, 1)) at calc(388px * var(--hg-vw-scale, 1)) calc(3088px * var(--hg-vw-scale, 1)), rgba(241, 174, 17, 0.31) 0 99%, transparent 100%), radial-gradient(ellipse calc(127.5px * var(--hg-vw-scale, 1)) calc(127px * var(--hg-vw-scale, 1)) at calc(142.5px * var(--hg-vw-scale, 1)) calc(3532.5px * var(--hg-vw-scale, 1)), rgba(241, 174, 17, 0.31) 0 99%, transparent 100%), radial-gradient(ellipse calc(27.5px * var(--hg-vw-scale, 1)) calc(28.5px * var(--hg-vw-scale, 1)) at calc(357.5px * var(--hg-vw-scale, 1)) calc(2416px * var(--hg-vw-scale, 1)), rgba(244, 200, 178, 0.4) 0 99%, transparent 100%), radial-gradient(ellipse calc(79.5px * var(--hg-vw-scale, 1)) calc(77.5px * var(--hg-vw-scale, 1)) at calc(399.5px * var(--hg-vw-scale, 1)) calc(2516px * var(--hg-vw-scale, 1)), rgba(241, 141, 91, 0.4) 0 99%, transparent 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-17.6175 4252.73 279.98 249.44'%3E%3Cpath d='M17.3938 4304.8C52.4052 4252.73 47.4344 4310.52 101.983 4347.2C156.532 4383.87 262.361 4393.89 227.35 4445.96C192.339 4498.03 107.318 4502.17 52.7694 4465.49C-1.77936 4428.81 -17.6175 4356.87 17.3938 4304.8Z' fill='%23F18D5B' fill-opacity='0.4'/%3E%3C/svg%3E") calc(-17.62px * var(--hg-vw-scale, 1)) calc(2087.23px * var(--hg-vw-scale, 1)) / calc(279.98px * var(--hg-vw-scale, 1)) calc(249.44px * var(--hg-vw-scale, 1)), radial-gradient(ellipse calc(33px * var(--hg-vw-scale, 1)) calc(34.5px * var(--hg-vw-scale, 1)) at calc(340px * var(--hg-vw-scale, 1)) calc(1140px * var(--hg-vw-scale, 1)), #ffe2df 0 99%, transparent 100%), radial-gradient(ellipse calc(23px * var(--hg-vw-scale, 1)) calc(23.5px * var(--hg-vw-scale, 1)) at calc(289px * var(--hg-vw-scale, 1)) calc(1090px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(ellipse calc(148px * var(--hg-vw-scale, 1)) calc(153.5px * var(--hg-vw-scale, 1)) at calc(197px * var(--hg-vw-scale, 1)) calc(1239px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, 0.35) 0 99%, transparent 100%), radial-gradient(ellipse calc(108.85px * var(--hg-vw-scale, 1)) calc(100.61px * var(--hg-vw-scale, 1)) at calc(220.7px * var(--hg-vw-scale, 1)) calc(531.47px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, 0.76) 0 99%, transparent 100%), radial-gradient(ellipse calc(165.65px * var(--hg-vw-scale, 1)) calc(153.1px * var(--hg-vw-scale, 1)) at calc(221.65px * var(--hg-vw-scale, 1)) calc(530.6px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, 0.35) 0 99%, transparent 100%); background-repeat: no-repeat; } } /* hg:P4:gradien-judul — Services_Express Photo Booth.svg / Express_Mobile.svg (arah visual): "Seamless Keepsakes…" & "Dynamic Overlay Customisation" mobile 3 titik #F26AAA→#F28C5E→#F1AE11 (live 2 titik / aturan section warna luar palet); "The Classic Booth Re-imagined: Express Party Rover" desktop 2 titik #F1AE11→#F26AAA (live pink→oranye), mobile 2 titik #F26AAA→#F1AE11; "Bridging Instant Prints with Digital Impact" 2 titik #F1AE11→#F26AAA (live #f5a800→#f26aaa). */ @media (max-width: 767px) { body.service-page--express-photo-booth [data-id="37b691ea"] h2.title-gradient.title-gradient.title-gradient, body.service-page--express-photo-booth [data-id="fe04f302"] .service-heading.service-heading { background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; } body.service-page--express-photo-booth [data-id="7541bd16"] .service-heading.service-heading.service-heading { background-image: linear-gradient(90deg, #F26AAA, #F1AE11) !important; } } @media (min-width: 768px) { body.service-page--express-photo-booth [data-id="7541bd16"] h2.title-gradient.title-gradient.title-gradient { background-image: linear-gradient(90deg, #F1AE11, #F26AAA) !important; } } body.service-page--express-photo-booth [data-id="5aef1f0b"] .service-heading.service-heading { background-image: linear-gradient(90deg, #F1AE11, #F26AAA) !important; } /* hg:P5:kartu-fitur — 2 kartu sec-5: mockup stroke 2px gradien vertikal #F1AE11→#F26AAA rx 7 → tepi luar 8 (live 1.5px #f1ab19→#f2768f r12). */ body.service-page--express-photo-booth .service-epb-sec-5 :is(.elementor-element-397a801b, .elementor-element-ed47afa0).e-con { 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; } /* hg:epb-mobile-quick — Express_Mobile.png (440) */ @media (max-width: 767px) { /* S1 */ body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-4634a576.service-paragraph .elementor-heading-title { font-size: 18px !important; line-height: 20px !important; width: 340px !important; max-width: none !important; margin-left: calc(50% - 170px) !important; } body.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-4c76dcb3 .elementor-button { width: 146px !important; height: 40px !important; min-height: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 40px !important; } body.service-page--express-photo-booth .service-epb-sec-1 { padding-bottom: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-2 { padding-top: 0 !important; } /* S2 */ body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-8cbbf670 .service-heading, body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-8cbbf670 .service-heading > span, body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3, body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3 > span { font-size: 25px !important; line-height: 30px !important; margin: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-8cbbf670 { margin-bottom: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 { margin-top: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-b3404543.service-paragraph .elementor-heading-title { font-size: 17px !important; line-height: 24px !important; max-width: 360px !important; margin-inline: auto !important; } body.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-a92bf7ff { width: 422px !important; max-width: none !important; margin-left: -10px !important; } /* S3 head */ body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-37b691ea .service-heading, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-37b691ea .service-heading > span { font-size: 25px !important; line-height: 35px !important; font-family: var(--font-sans, Inter, sans-serif) !important; font-style: normal !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-37b691ea h2.title-gradient { background-image: linear-gradient(90deg, #f26aaa, #f28c5e, #f1ae11) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-6340ef01.service-paragraph .elementor-heading-title { font-size: 18px !important; line-height: 28px !important; max-width: 268px !important; margin-inline: auto !important; } /* S3 kartu 01: strip 184px */ body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-e9b30001.service-print-frame { width: 184px !important; margin: 0 auto !important; } } /* hg:epb-mobile-quick-gap — jarak S1→S2 mobile (mockup ±38px dari tombol ke judul) */ @media (max-width: 767px) { body.service-page--express-photo-booth .elementor-element.elementor-element-6607208a { padding-bottom: 0 !important; } body.service-page--express-photo-booth .elementor-element.elementor-element-cfec19fa.service-epb-sec-2 { padding-top: 0 !important; } body.service-page--express-photo-booth .elementor-element.elementor-element-ec0216d8 { padding-top: 28px !important; } } /* hg:quick-m:express — S3–S6 mobile (Express_Mobile.svg 440: koordinat teks/rect) */ @media (max-width: 767px) { body.service-page--express-photo-booth { --q: var(--hg-vw-scale, 1); } /* S2→S3 jarak: korkboard bawah 1755 → judul S3 1822 */ body.service-page--express-photo-booth .elementor-element.elementor-element-ec0216d8 { padding-bottom: calc(47px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-keepsakes.service-epb-keepsakes { padding: 0 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-2f3296f3 { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; margin-bottom: calc(4px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-37b691ea h2.service-heading { margin: 0 !important; line-height: 35px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-37b691ea, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-6340ef01 { margin: 0 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-6340ef01 { margin-top: 21.5px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-6340ef01.service-paragraph .elementor-heading-title.elementor-heading-title { max-width: 312px !important; margin: 0 auto !important; font-size: 18px !important; line-height: 28px !important; } /* blok kartu: jangkar blob 72ccb2c3 = y2165.5 */ body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-72ccb2c3 { padding: calc(42px * var(--q)) 0 calc(50px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-split-grid.service-split-grid { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-25038df4.service-split-grid { margin-top: calc(95.5px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-0cd7589c.service-split-grid { margin-top: calc(104.5px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-head.service-step-head { padding: 0 !important; margin: 0 auto 23px !important; width: 120px !important; max-width: 120px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-number .elementor-heading-title.elementor-heading-title { font-size: 60px !important; line-height: 57px !important; font-weight: 600 !important; margin: 0 !important; } body.service-page--express-photo-booth .service-epb-keepsakes :is(.elementor-element-752f7296, .elementor-element-9be6d10d, .elementor-element-585842ca).elementor-element { padding: 0 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-752f7296 { row-gap: calc(116.5px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-9be6d10d { row-gap: calc(134.5px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card.service-step-card { row-gap: 0 !important; gap: 0 !important; } /* badge: mockup 18px/600, padding 22, tinggi 37 (01) / 42 (02–03) */ body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .service-step-badge .elementor-heading-title.elementor-heading-title { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; min-height: 0 !important; height: 42px !important; padding: 0 22px !important; font-size: 18px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0 !important; white-space: nowrap; } body.service-page--express-photo-booth .service-epb-keepsakes :is(.elementor-element-34906ee9, .elementor-element-3132020f) .service-step-badge .elementor-heading-title.elementor-heading-title { height: 37px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .service-step-badge.service-step-badge { width: auto !important; margin: 0 0 14.5px !important; justify-self: center; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-3132020f .service-step-badge.service-step-badge { margin-bottom: 18.5px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-b9f825f7 .service-step-badge.service-step-badge { margin-bottom: 17.5px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-64114b1a .service-step-badge.service-step-badge { margin-bottom: 21.5px !important; } /* judul kartu 22px/500 */ body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .service-step-title .elementor-heading-title.elementor-heading-title { margin: 0 !important; font-size: 22px !important; line-height: 28px !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .service-step-title.service-step-title { width: auto !important; margin: 0 0 35px !important; justify-self: center; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-3132020f .service-step-title.service-step-title { margin-bottom: 0 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-b9f825f7 .service-step-title.service-step-title { margin-bottom: 23px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-64114b1a .service-step-title.service-step-title { margin-bottom: 21px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-d0078351 .service-step-title.service-step-title { margin-bottom: 14px !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-d0078351 .service-step-title .service-print-size { display: block; margin-top: 9px; font-size: 18px; line-height: 24px; font-weight: 500; } /* gambar cetak */ body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-e9b30001.service-print-frame { width: calc(185.3px * var(--q)) !important; margin: 0 auto !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-e9b30003.service-print-frame { width: calc(317px * var(--q)) !important; max-width: none !important; margin: 0 auto !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-e9b30004.service-print-frame { width: calc(362px * var(--q)) !important; max-width: none !important; margin: 0 0 0 calc(50% - 185px * var(--q)) !important; align-self: flex-start !important; flex-shrink: 0; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-e9b30005.service-print-frame { width: calc(411px * var(--q)) !important; max-width: none !important; margin: 0 0 0 calc(50% - 205.5px * var(--q)) !important; align-self: flex-start !important; flex-shrink: 0; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card :is(.elementor-element-7d9f9742, .elementor-element-d8db3b69, .elementor-element-7de5a2d0, .elementor-element-edd0dd87) img { width: 100% !important; height: auto !important; max-width: none !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30005 > .service-print-dim--h, body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-e9b30005 > .service-print-dim--w { display: none !important; } body.service-page--express-photo-booth .service-epb-keepsakes :is(.elementor-element-e9b30001, .elementor-element-e9b30003, .elementor-element-e9b30004, .elementor-element-e9b30002) > .service-print-dim--h, body.service-page--express-photo-booth .service-epb-keepsakes :is(.elementor-element-e9b30001, .elementor-element-e9b30003, .elementor-element-e9b30004, .elementor-element-e9b30002) > .service-print-dim--w { font-size: 16px !important; } /* komposit Strip x GIF: strip rect 38,3204 145.4x436 rotate(-11.111) poros kiri-atas; video 204,3299 191.5x211 */ body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-3132020f { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto calc(474px * var(--q)) !important; justify-items: center; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-512f8610.elementor-widget-image.elementor-widget-image { grid-row: 3; grid-column: 1; justify-self: start !important; align-self: start !important; width: calc(145.4px * var(--q)) !important; max-width: none !important; margin: calc(46px * var(--q)) 0 0 calc(18px * var(--q)) !important; transform: rotate(-11.111deg) !important; transform-origin: 0 0 !important; } body.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element.elementor-element-e9b30002.service-print-frame.service-print-frame { grid-row: 3; grid-column: 1; justify-self: start !important; align-self: start !important; width: calc(191.5px * var(--q)) !important; max-width: none !important; margin: calc(141px * var(--q)) 0 0 calc(184px * var(--q)) !important; transform: none !important; position: relative !important; overflow: visible !important; z-index: 2; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-b0bc5797 .elementor-widget-container { overflow: visible !important; } body.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-b0bc5797 video { width: 100% !important; height: auto !important; aspect-ratio: 191.5 / 211 !important; object-fit: cover !important; } /* S4 Dynamic Overlay Customisation */ body.service-page--express-photo-booth .service-epb-overlay.service-epb-overlay { padding: calc(51px * var(--q)) 0 calc(101.5px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element.elementor-element-80c81168 { padding: 0 !important; gap: 20px !important; row-gap: 20px !important; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-fe04f302 .service-heading.service-heading { max-width: 230px !important; margin: 0 auto !important; font-size: 25px !important; line-height: 35px !important; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-fe04f302 .service-heading.service-heading::before { content: none !important; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-fe04f302 .service-heading > span.font-serif { font-family: var(--font-serif, "Playfair Display", serif) !important; font-style: italic !important; font-size: 25px !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-fe04f302 .service-heading > span.font-sans { font-family: Inter, var(--font-sans), sans-serif !important; font-style: normal !important; font-size: 25px !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-overlay .service-paragraph .elementor-heading-title.elementor-heading-title { max-width: 345px !important; margin: 0 auto !important; font-size: 18px !important; line-height: 24px !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-eyebrow.service-overlay-eyebrow { margin: 51.8px 0 -11.8px !important; position: relative; z-index: 1; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-eyebrow .elementor-heading-title.elementor-heading-title { font-size: 16px !important; line-height: 20px !important; font-weight: 600 !important; letter-spacing: 0 !important; color: #403E3E !important; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element.elementor-element-46756baf { padding: calc(10px * var(--q)) 0 calc(36.5px * var(--q)) !important; gap: calc(73px * var(--q)) !important; row-gap: calc(73px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-card.service-overlay-card { width: calc(325px * var(--q)) !important; height: calc(487px * var(--q)) !important; aspect-ratio: auto !important; margin: 0 auto !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-card.service-overlay-card img { height: 100% !important; border-radius: 10px !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-pill.service-overlay-pill { width: 226px !important; bottom: -34px !important; top: auto !important; } body.service-page--express-photo-booth .service-epb-overlay .service-overlay-pill .elementor-heading-title.elementor-heading-title { min-height: 0 !important; height: 50px !important; padding: 0 10px !important; box-sizing: border-box; border-radius: 6px !important; font-size: 16px !important; line-height: 18px !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-d632a143 .elementor-heading-title::after { content: none !important; } body.service-page--express-photo-booth .service-epb-overlay .elementor-element-d632a143 em { font-family: Inter, sans-serif; font-style: italic; } /* S5 Party Rover: pita abu #F1F3F7 7945–8780 */ body.service-page--express-photo-booth .service-epb-sec-4.service-epb-sec-4 { background: #F1F3F7 !important; padding: calc(41px * var(--q)) 0 calc(61.5px * var(--q)) !important; margin: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element.elementor-element-4035d54d { display: flex !important; flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0 !important; margin: 0 auto !important; } body.service-page--express-photo-booth .service-epb-sec-4 .epb-party-rover-arrow { display: none !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element.elementor-element-7541bd16 { order: 1; margin: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element.elementor-element-77a9fc6 { order: 2; margin: 22.5px 0 0 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element.elementor-element-c814e5e8 { order: 3; margin: 28.5px 0 0 !important; padding: 0 !important; width: auto !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element.elementor-element-5ca388a3 { order: 4; margin: 39.5px 0 0 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-7541bd16 .service-heading.service-heading { margin: 0 !important; font-size: 25px !important; line-height: 30px !important; text-align: center; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-7541bd16 .service-heading > span { display: block !important; margin: 0 !important; padding: 0 !important; font-size: 25px !important; line-height: 30px !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-7541bd16 .service-heading br { display: none !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-7541bd16 .service-heading > span:last-child { font-weight: 600 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-77a9fc6 .elementor-heading-title.elementor-heading-title { max-width: 250px !important; margin: 0 auto !important; font-size: 18px !important; line-height: 28px !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element.elementor-element-b145c7b1 { width: calc(300px * var(--q)) !important; height: calc(300px * var(--q)) !important; margin: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-b145c7b1 img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 100% !important; border-radius: 8px !important; box-shadow: none !important; } body.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-5ca388a3 .elementor-heading-title.elementor-heading-title { max-width: 372px !important; margin: 0 auto !important; font-size: 18px !important; line-height: 28px !important; } /* S6 Bridging Instant Prints + 2 kartu fitur */ body.service-page--express-photo-booth .service-epb-sec-5.service-epb-sec-5 { padding-top: calc(39px * var(--q)) !important; padding-bottom: calc(106px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element.elementor-element-4e038ff3 { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element.elementor-element-c88b3c06 { padding: 0 !important; gap: 0 !important; row-gap: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element.elementor-element-5aef1f0b { margin: 0 !important; padding: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-5aef1f0b .service-heading.service-heading { margin: 0 !important; font-size: 25px !important; line-height: 40px !important; text-align: center; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-5aef1f0b .service-heading > span { font-size: 25px !important; line-height: 40px !important; font-weight: 500 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-5aef1f0b .service-heading > span:nth-child(2)::after { content: "\A"; white-space: pre; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element.elementor-element-4d5599ce { margin: 25.5px 0 0 !important; padding: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-4d5599ce .elementor-heading-title.elementor-heading-title { max-width: 345px !important; margin: 0 auto !important; font-size: 18px !important; line-height: 20px !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element.elementor-element-df6c51b8 { display: none !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element.elementor-element-fc485d6f { margin: 51.5px 0 0 !important; padding: 0 !important; gap: calc(36px * var(--q)) !important; row-gap: calc(36px * var(--q)) !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features > .e-con-inner > .e-con { width: calc(358px * var(--q)) !important; max-width: none !important; margin: 0 0 0 calc(32px * var(--q)) !important; box-sizing: border-box !important; gap: 27.7px !important; row-gap: 27.7px !important; padding: 33.8px 14px 40px 30px !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features > .e-con-inner > .e-con.elementor-element-ed47afa0 { padding: 42.8px 14px 25px 30px !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con { grid-template-columns: 40px minmax(0, 1fr) !important; column-gap: 24px !important; row-gap: 0 !important; padding: 0 !important; margin: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .elementor-widget-html { width: 40px !important; margin: 4px 0 0 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .elementor-widget-html :is(img, svg) { width: 40px !important; height: 40px !important; max-width: none !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .e-con { padding: 0 !important; margin: 0 !important; gap: 8.3px !important; row-gap: 8.3px !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner { gap: 8.3px !important; row-gap: 8.3px !important; padding: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .e-con .elementor-element { margin: 0 !important; padding: 0 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f h3 { margin: 0 !important; font-size: 16px !important; line-height: 20px !important; font-weight: 500 !important; color: #000 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f p.elementor-heading-title { max-width: 250px !important; margin: 0 !important; font-size: 14px !important; line-height: 18px !important; color: #403E3E !important; } } /* hg:quick-d:express-teks — varian ejaan/pemenggalan per ukuran (svg-text desktop: "customizable", "STRIP X GIF PRINTS"; mobile: "customisable", "STRIP X GIF PRINT", baris manual) */ @media (min-width: 768px) { body.service-page--express-photo-booth.service-page--express-photo-booth .hg-epb-mob, body.service-page--express-photo-booth.service-page--express-photo-booth br.hg-epb-mbr { display: none !important; } } @media (max-width: 767px) { body.service-page--express-photo-booth.service-page--express-photo-booth .hg-epb-dsk { display: none !important; } } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2ed6f3a1 h3 .font-serif { font-family: var(--font-serif, "Playfair Display", serif) !important; } /* hg:quick-d:express — desktop >=768 (Services_Express Photo Booth.svg 1440, px mentah; zoom sitewide) */ @media (min-width: 768px) { /* S1 hero: teks x186, video 794,157 491x874, tombol 146x40 */ body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-2ab1b4b6.service-split-text { padding-left: 24px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-881a78f9 h1.service-heading { margin-bottom: 16.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-4634a576.service-paragraph { margin-bottom: 24.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-4634a576 .elementor-heading-title { line-height: 28px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-324a873e, body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-324a873e > .e-con-inner { padding: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-4c76dcb3 .elementor-button { width: 146px !important; height: 40px !important; min-height: 0 !important; padding: 0 !important; justify-content: center !important; font-size: 15.375px !important; line-height: 40px !important; letter-spacing: 0 !important; border-radius: 6px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-6607208a.service-split-grid { padding-top: 26px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-29831a91 { width: 491px !important; height: 874px !important; overflow: hidden !important; max-width: none !important; margin-left: 22px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-29831a91 video { width: 491px !important; height: 874px !important; object-fit: cover !important; border-radius: 10px !important; } /* S2: judul 2 baris rapat (46.8), paragraf 3 baris 22/28 */ body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-2ed6f3a1 { margin-top: -11.2px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-ec0216d8 { padding-top: 121px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-a92bf7ff { margin-top: -37.7px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-b3404543 .elementor-heading-title { max-width: 1000px !important; margin-inline: auto !important; line-height: 28px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-b3404543.service-paragraph { margin-top: 6.6px !important; } /* S3 kepala: x160, paragraf 800 / 22/28 */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-2f3296f3 { padding: 12.2px 0 0 !important; margin-bottom: 91.3px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-37b691ea h2.service-heading { margin-bottom: 25.4px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-6340ef01 .elementor-heading-title { max-width: 800px !important; line-height: 28px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-6340ef01.service-paragraph { width: 800px !important; max-width: none !important; } /* S3 baris 01-03: kolom nomor 160..264 (tengah 212), kartu mulai x331.5 */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-split-grid.service-split-grid { padding: 0 !important; gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; grid-template-columns: 171.5px minmax(0, 1fr) !important; align-items: start !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-head.service-step-head { padding: 0 !important; width: 104px !important; text-align: center !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-number .elementor-heading-title { font-size: 75px !important; line-height: 75px !important; text-align: center !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-1f162ea8 { margin-top: 12px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes :is(.elementor-element-5e57ee36, .elementor-element-671360c0) { margin-top: -10px !important; margin-left: -7.3px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes :is(.elementor-element-752f7296, .elementor-element-9be6d10d, .elementor-element-585842ca).elementor-element { padding: 0 !important; gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; align-items: start !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-752f7296.elementor-element { grid-template-columns: 415.2px minmax(0, 1fr) !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-9be6d10d.elementor-element { grid-template-columns: 462px minmax(0, 1fr) !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-25038df4.service-split-grid { margin-top: 200.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-0cd7589c.service-split-grid { margin-top: 217.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-card.service-step-card { gap: 0 !important; row-gap: 0 !important; max-width: none !important; width: auto !important; } /* badge 42 tinggi, lebar mockup, teks 18 tanpa letter-spacing */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-badge.service-step-badge { margin: 0 !important; width: auto !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-badge .elementor-heading-title { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; height: 42px !important; min-height: 0 !important; padding: 0 !important; font-size: 18px !important; line-height: 1 !important; letter-spacing: 0 !important; border-radius: 6px !important; white-space: nowrap; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes :is(.elementor-element-450eddb2, .elementor-element-7233f47d) .elementor-heading-title { width: 151px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-392cb23b .elementor-heading-title { width: 205px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-3887ca41 .elementor-heading-title { width: 194px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-9c932d93 .elementor-heading-title { width: 237px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-392cb23b.service-step-badge { margin-top: 16px !important; } /* judul kartu 25/30 */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-title .elementor-heading-title { font-size: 25px !important; line-height: 30px !important; margin: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-title.service-step-title { margin: 11.5px 0 0 !important; width: auto !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-5461387a.service-step-title { margin-top: 27.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-87244b17.service-step-title { margin-top: 12.5px !important; } /* gambar cetak (slot mockup) */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-e9b30001.service-print-frame { width: 183.67px !important; max-width: none !important; margin: 25px 0 0 3.7px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-e9b30003.service-print-frame { width: 333px !important; max-width: none !important; margin: 19px 0 0 -0.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-e9b30004.service-print-frame { width: 509px !important; max-width: none !important; margin: 19px 0 0 -0.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-e9b30005.service-print-frame { width: 670px !important; max-width: none !important; margin: 39px 0 0 -20.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-7d9f9742 img { width: 100% !important; height: 551px !important; aspect-ratio: auto !important; object-fit: cover !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-d8db3b69 img { width: 100% !important; height: 499px !important; aspect-ratio: auto !important; object-fit: cover !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-7de5a2d0 img { width: 100% !important; height: 339px !important; aspect-ratio: auto !important; object-fit: cover !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-edd0dd87 img { width: 100% !important; height: 947px !important; aspect-ratio: auto !important; object-fit: cover !important; } /* komposit Strip x GIF: strip 728,2738.9 174.85x524.56 rotate(-11.111) poros kiri-atas; video 922.2,2853 231.5x255 */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element.elementor-element-3132020f { grid-template-rows: auto auto 575px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element-512f8610.elementor-widget-image { justify-self: start !important; align-self: start !important; width: 174.85px !important; max-width: none !important; margin: 59.9px 0 0 -18.5px !important; transform: rotate(-11.111deg) !important; transform-origin: 0 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .service-step-card .elementor-element.elementor-element-e9b30002.service-print-frame { grid-row: 3; grid-column: 1; justify-self: start !important; align-self: start !important; width: 231.5px !important; max-width: none !important; margin: 174px 0 0 175.7px !important; transform: none !important; position: relative !important; overflow: visible !important; z-index: 2; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-b0bc5797 .elementor-widget-container { overflow: visible !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-b0bc5797 video { width: 100% !important; height: 255px !important; aspect-ratio: auto !important; object-fit: cover !important; } /* label dimensi 20px rata ujung (mockup) */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes :is(.elementor-element-e9b30001, .elementor-element-e9b30003, .elementor-element-e9b30004, .elementor-element-e9b30005, .elementor-element-e9b30002) > .service-print-dim--h, body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes :is(.elementor-element-e9b30001, .elementor-element-e9b30003, .elementor-element-e9b30004, .elementor-element-e9b30005, .elementor-element-e9b30002) > .service-print-dim--w { font-size: 20px !important; text-align: right !important; } /* S4 Dynamic Overlay: judul x212 (2 baris 40/45), paragraf x729 22/24 lebar 500; gambar kartu y5834 */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-overlay .elementor-element-80c81168 { padding: 0 !important; grid-template-columns: 517px 500px !important; column-gap: 0 !important; gap: 0 !important; align-items: start !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-overlay .elementor-element-fe04f302 { margin-top: 2.1px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-overlay.service-epb-overlay { padding-top: 104.7px !important; padding-bottom: 142px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-overlay .elementor-element-fe04f302 h2.service-heading { width: 400px !important; line-height: 45px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-overlay .elementor-element-b75d3522 .elementor-heading-title { max-width: 500px !important; line-height: 24px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-overlay .service-overlay-eyebrow.service-overlay-eyebrow { margin: 92.3px 0 11.9px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-overlay .service-overlay-eyebrow .elementor-heading-title { letter-spacing: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-overlay .service-overlay-pill .elementor-heading-title { background: linear-gradient(90deg, #F26AAA 0%, #F1AE11 100%) !important; } /* S5 Party Rover: pita #F1F3F7 tinggi 890, gambar 105,6792 550x550, teks x719 */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4.service-epb-sec-4 { background: #F1F3F7 !important; padding: 173px 0 167px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-4035d54d.service-split-grid { padding: 0 !important; grid-template-columns: 550px 621px !important; column-gap: 64px !important; align-items: start !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 :is(.elementor-element-211fabb9, .elementor-element-c814e5e8, .elementor-element-64951080).elementor-element { padding: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-b145c7b1 { width: 550px !important; height: 550px !important; max-width: none !important; margin: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-b145c7b1 img { width: 550px !important; height: 550px !important; object-fit: cover !important; object-position: 50% 100% !important; border-radius: 8px !important; box-shadow: none !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .elementor-16 .elementor-element.elementor-element-64951080 [data-id="7541bd16"] h2.title-gradient.title-gradient.title-gradient.title-gradient { background-image: linear-gradient(90deg, #F1AE11, #F26AAA) !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-64951080.service-split-text { align-self: start !important; margin-top: 73.3px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-77a9fc6 { margin-top: 28.7px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-5ca388a3 { margin-top: -5.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .epb-party-rover-arrow { margin-top: 30.8px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-7541bd16 .service-heading, body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-7541bd16 .service-heading > span { line-height: 45px !important; margin: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-77a9fc6 .elementor-heading-title { font-size: 24px !important; line-height: 29px !important; font-weight: 500 !important; max-width: none !important; white-space: nowrap; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .elementor-element-5ca388a3 .elementor-heading-title { font-size: 22px !important; line-height: 28px !important; max-width: 520px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .epb-party-rover-arrow { width: 35px !important; height: 35px !important; min-width: 0 !important; border-radius: 4px !important; } /* S6 Bridging + 2 kartu fitur 516 (L 585, R 479), judul 20/500 #000, deskripsi 16/24 */ body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-4d5599ce .elementor-heading-title { font-size: 18px !important; line-height: 28px !important; max-width: 830px !important; margin-inline: auto !important; text-align: center !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-4d5599ce.service-paragraph { width: 830px !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-4e038ff3.service-split-grid { padding: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5.service-epb-sec-5 { padding-top: 101.3px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-c88b3c06.service-split-text { margin-bottom: 31.6px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features { padding: 0 !important; grid-template-columns: 516px 516px !important; column-gap: 36px !important; justify-content: start !important; align-items: start !important; margin-left: 66px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 :is(.elementor-element-397a801b, .elementor-element-ed47afa0).e-con { box-sizing: border-box !important; padding: 48.3px 20px 0 45px !important; gap: 35.5px !important; row-gap: 35.5px !important; justify-content: flex-start !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-397a801b.e-con { height: 585px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-ed47afa0.e-con { height: 479px !important; padding-top: 49.3px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f > .e-con-inner > .e-con > .e-con-inner > .e-con { grid-template-columns: 50px minmax(0, 1fr) !important; column-gap: 24px !important; padding: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f .elementor-widget-html { width: 50px !important; margin-top: 6px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f .elementor-widget-html svg { width: 50px !important; height: 50px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .e-con, body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner { padding: 0 !important; gap: 5.5px !important; row-gap: 5.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f h3 { font-size: 20px !important; line-height: 24px !important; font-weight: 500 !important; color: #000 !important; margin: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f p.elementor-heading-title { font-size: 16px !important; line-height: 24px !important; margin: 0 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-b432b79c p { max-width: 340px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-d646ec54 p { max-width: 300px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 :is(.elementor-element-9ea6a949, .elementor-element-6a029d1a, .elementor-element-51bd75c3) p { max-width: 352px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-638176bd p { max-width: 320px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-e236dccf p { max-width: 292px !important; } } /* hg:quick-m:express-wrap — mobile 440: lebar paragraf agar pemenggalan baris = Express_Mobile.svg (diukur canvas Inter) */ @media (max-width: 767px) { body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-4634a576.service-paragraph .elementor-heading-title { width: 328px !important; margin-left: calc(50% - 164px) !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-b3404543.service-paragraph .elementor-heading-title { font-size: 18px !important; max-width: 357px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-6340ef01.service-paragraph .elementor-heading-title.elementor-heading-title { max-width: 320px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-b432b79c p.elementor-heading-title { max-width: 232px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-d646ec54 p.elementor-heading-title { max-width: 225px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-9ea6a949 p.elementor-heading-title { max-width: 250px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 :is(.elementor-element-6a029d1a, .elementor-element-638176bd) p.elementor-heading-title { max-width: 240px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-5 :is(.elementor-element-e236dccf, .elementor-element-51bd75c3) p.elementor-heading-title { max-width: 230px !important; } } /* hg:P2:S1-S2-epb — Services_Express Photo Booth.svg / Express_Mobile.svg (svg-text baseline & rect): desktop: board S2 (f389fd95) rect y1375, live 1348 → +27. Lebar paragraf S1 430px (pemenggalan baris mockup: 420 ≤ W < 439). mobile 440: tombol S1 y1089 (live 1102), paragraf S2 lebar 359 (7 baris mockup: 358 ≤ W < 360), judul→paragraf +12, board rect y1451 (live 1501). Lebar S1 334px (6 baris mockup: 331 ≤ W < 338). */ @media (min-width: 768px) { body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-f389fd95 { margin-top: 27px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-4634a576 .elementor-heading-title { max-width: 430px !important; } } @media (max-width: 767px) { body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-4634a576.service-paragraph { margin-bottom: 11.5px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-1 .elementor-element-4634a576.service-paragraph .elementor-heading-title { width: 334px !important; margin-left: calc(50% - 167px) !important; } body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-b3404543.service-paragraph { margin-top: 12px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-b3404543.service-paragraph .elementor-heading-title { max-width: 359px !important; } body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-2099b161.e-con { margin-bottom: calc(9px * var(--hg-vw-scale, 1)) !important; } } /* hg:P2:S2-bottom-m — Express_Mobile.svg: board S2 bawah y1749, judul S3 mulai y1822 (jarak 73; live 48) */ @media (max-width: 767px) { body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-cfec19fa.service-epb-sec-2.e-con { padding-bottom: calc(25px * var(--hg-vw-scale, 1)) !important; } } /* hg:P6:S2-board-320 — board S2 422px/-10px (mockup 440) tidak diskalakan di <440 → melebar 422px di 320 */ @media (max-width: 439.98px) { body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-2 .elementor-element-a92bf7ff.e-con { width: calc(422px * var(--hg-vw-scale, 1)) !important; margin-left: calc(-10px * var(--hg-vw-scale, 1)) !important; } } /* hg:P6:S6-cards-320 — aturan quick-m kartu fitur (padding/gap/ikon px mentah 440) tidak diskalakan di <440: di 320 kolom teks 148px (seharusnya 179) → teks membungkus lebih banyak, S6 +215px. */ @media (max-width: 439.98px) { body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features.service-split-features > .e-con-inner > .e-con { gap: calc(27.7px * var(--hg-vw-scale, 1)) !important; row-gap: calc(27.7px * var(--hg-vw-scale, 1)) !important; padding: calc(33.8px * var(--hg-vw-scale, 1)) calc(14px * var(--hg-vw-scale, 1)) calc(40px * var(--hg-vw-scale, 1)) calc(30px * var(--hg-vw-scale, 1)) !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features.service-split-features > .e-con-inner > .e-con.elementor-element-ed47afa0 { padding: calc(42.8px * var(--hg-vw-scale, 1)) calc(14px * var(--hg-vw-scale, 1)) calc(25px * var(--hg-vw-scale, 1)) calc(30px * var(--hg-vw-scale, 1)) !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con { grid-template-columns: calc(40px * var(--hg-vw-scale, 1)) minmax(0, 1fr) !important; column-gap: calc(24px * var(--hg-vw-scale, 1)) !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .elementor-widget-html { width: calc(40px * var(--hg-vw-scale, 1)) !important; margin: calc(4px * var(--hg-vw-scale, 1)) 0 0 !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .elementor-widget-html :is(img, svg) { width: calc(40px * var(--hg-vw-scale, 1)) !important; height: calc(40px * var(--hg-vw-scale, 1)) !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .e-con { gap: calc(8.3px * var(--hg-vw-scale, 1)) !important; row-gap: calc(8.3px * var(--hg-vw-scale, 1)) !important; } body.service-page--express-photo-booth .service-epb-sec-5 .elementor-element-fc485d6f.service-split-features.service-split-features.service-split-features > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner > .e-con > .e-con-inner { gap: calc(8.3px * var(--hg-vw-scale, 1)) !important; row-gap: calc(8.3px * var(--hg-vw-scale, 1)) !important; } } /* hg:P4:S3-par-m+S5-arrow — Express_Mobile.svg: paragraf S3 8 baris dengan pemenggalan mockup (324 ≤ W < 325 dengan metrik Inter live). Services_Express Photo Booth.svg: tombol panah Party Rover rect 35×35 rx4 #285689 (live #1d3557 dari main.js). */ @media (max-width: 767px) { body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-keepsakes .elementor-element-6340ef01.service-paragraph .elementor-heading-title { width: 324.5px !important; max-width: none !important; margin-left: calc(50% - 162.25px) !important; } } body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .epb-party-rover-arrow { background: #285689 !important; } body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .service-epb-sec-4 .epb-party-rover-arrow:hover { background: #F26AAA !important; } /* hg:P2:S6-bottom-d — Services_Express Photo Booth.svg: kartu fitur S6 bawah y8380, judul "Check Us Out" y≈8674 (live 8600) → +72px di bawah S6 desktop */ @media (min-width: 768px) { body.service-page--express-photo-booth.service-page--express-photo-booth.service-page--express-photo-booth .elementor-element-91e71ce4.e-con { padding-bottom: 72px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ffc922a0 */.elementor-16 .elementor-element.elementor-element-ffc922a0 { display: none; } /* hg: html-style 0bb29e79 */ @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .service-epb-sec-1 .service-split-grid { grid-template-columns: 1fr 1fr !important; min-height:540px; } .service-epb-sec-1 .service-split-grid > .e-con-inner { display: contents !important; } } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .service-epb-sec-4 .service-split-grid { grid-template-columns: 1fr 1fr !important; } .service-epb-sec-4 .service-split-grid > .e-con-inner { display: contents !important; } } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .service-epb-sec-5 .service-split-grid { grid-template-columns: 1fr 1fr !important; } .service-epb-sec-5 .service-split-grid > .e-con-inner { display: contents !important; } }/* End custom CSS */ /* Start custom CSS *//* hg:themecss */ /* Express Photo Booth "Classic Booth Re-imagined: Express Party Rover" cross-link photo (elementor-element-c814e5e8): this wrapper is a 2-column grid (grid-template-columns:1fr 1fr), sized for a pair of images, but only holds a single image widget now - the lone photo only fills the first 1fr track (~247px of the 550px-square media slot), leaving the second track blank. Mockup shows one photo filling the whole square. */ body.service-page--express-photo-booth .elementor-element-c814e5e8{ grid-template-columns: 1fr !important; } /* /hg:themecss *//* End custom CSS */