.elementor-13 .elementor-element.elementor-element-3c2e372e{--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-13 .elementor-element.elementor-element-8fb941a7{--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-13 .elementor-element.elementor-element-7514fdb2{--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-13 .elementor-element.elementor-element-ffea462c{--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-13 .elementor-element.elementor-element-ffea462c.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-13 .elementor-element.elementor-element-f619b23f{--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-13 .elementor-element.elementor-element-784a25b3{--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-13 .elementor-element.elementor-element-784a25b3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-68606846 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-13 .elementor-element.elementor-element-5b568012{--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-13 .elementor-element.elementor-element-2a4d7cce{--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-13 .elementor-element.elementor-element-6b2704fb{--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-13 .elementor-element.elementor-element-89b9f6f7{--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-13 .elementor-element.elementor-element-aa4102ae{--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-13 .elementor-element.elementor-element-d0ffe590{margin:107px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-d0ffe590 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-13 .elementor-element.elementor-element-95cf5784.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-95cf5784 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-13 .elementor-element.elementor-element-bcd668ef{margin:107px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-bcd668ef .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-13 .elementor-element.elementor-element-c82969d8{--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-13 .elementor-element.elementor-element-7924e5cc{--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-13 .elementor-element.elementor-element-s4_hd_row{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-10f8c14d{--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-13 .elementor-element.elementor-element-8658cd69{--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-13 .elementor-element.elementor-element-8658cd69.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-ac2a9506{--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-13 .elementor-element.elementor-element-a230a4a6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-a230a4a6 img{width:50px;}.elementor-13 .elementor-element.elementor-element-b7f91d81{--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-13 .elementor-element.elementor-element-b7f91d81.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-c27ace5f{--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-13 .elementor-element.elementor-element-ce5468ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-ce5468ed img{width:50px;}.elementor-13 .elementor-element.elementor-element-21876c36{--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-13 .elementor-element.elementor-element-21876c36.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-04258261{--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-13 .elementor-element.elementor-element-a6b47126{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-a6b47126 img{width:50px;}.elementor-13 .elementor-element.elementor-element-726a420d{--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-13 .elementor-element.elementor-element-726a420d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-dcb4a544{--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-13 .elementor-element.elementor-element-8f626017{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-8f626017 img{width:50px;}.elementor-13 .elementor-element.elementor-element-657397f0{--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-13 .elementor-element.elementor-element-c4b604e5{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-3c2e372e{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-3c2e372e{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-13 .elementor-element.elementor-element-a230a4a6 img{width:9.09vw;}.elementor-13 .elementor-element.elementor-element-ce5468ed img{width:9.09vw;}.elementor-13 .elementor-element.elementor-element-a6b47126 img{width:9.09vw;}.elementor-13 .elementor-element.elementor-element-8f626017 img{width:9.09vw;}}/* Start custom CSS for text-editor, class: .elementor-element-05e11a68 *//* hg:P2:s1-title-gap — ink judul bawah 351 → tagline 385 (live 47 → 34) */
@media (min-width: 768px) { body.service-page--holographic-coaster .elementor-13 .elementor-element.elementor-element-05e11a68 h1.service-heading.service-heading { margin-bottom: 26px !important; } }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b09c137a *//* hg:P2:s1-tagline-gap */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-b09c137a { margin-bottom: 31px; }
}
/* hg:P2:s1-mobile-tagline-y */
@media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-b09c137a { margin-top: calc(-7.1px * var(--hg-vw-scale, 1)); } }
/* hg:P4:tagline-gradient — mock: tagline gradien #F1AE11→#F26AAA (oranye→pink), live abu-abu solid */
.elementor-13 .elementor-element.elementor-element-b09c137a .elementor-heading-title { background-image: linear-gradient(90deg, #F1AE11 0%, #F26AAA 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; display: inline-block !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-aa895ef5 */.elementor-13 .elementor-element.elementor-element-aa895ef5 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; margin-bottom:1.5rem; }
/* hg:P2:s1-mobile-cta-gap */
@media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-aa895ef5 { margin-bottom: calc(16.8px * var(--hg-vw-scale, 1)); } }
/* hg:P2:s1-cta-gap — paragraf bawah 625 → tombol 662 */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-aa895ef5 { margin-bottom: 27px; } }
/* hg:P4:mobile-font-std-P — mobile = standar halaman lain (judul 25 / sub 20 / isi 18) */
@media (max-width:767px){ html body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-13 .elementor-element.elementor-element-aa895ef5.elementor-element-aa895ef5.elementor-element-aa895ef5 :is(.elementor-heading-title,p,h2,h3,span,em,strong,div){font-size:18px !important;line-height:1.5 !important;} }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f01cdd9a */.elementor-13 .elementor-element.elementor-element-f01cdd9a { border-radius:var(--radius-btn); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f619b23f *//* hg:P2:s1-btn-x — tombol x189 = tepi teks */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-f619b23f.e-con { padding-left: 0 !important; padding-right: 0 !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffea462c */.elementor-13 .elementor-element.elementor-element-ffea462c { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-13 .elementor-element.elementor-element-ffea462c { display:flex; flex-direction:column; justify-content:center; } .elementor-13 .elementor-element.elementor-element-ffea462c > .e-con-inner { display: contents !important; }
/* hg:P2:s1-text-top — judul ink top mock 312 (+10 header) */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-ffea462c.service-split-text { align-self: start !important; margin-top: 109px !important; } }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-68606846 */@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-68606846, .elementor-13 .elementor-element.elementor-element-68606846 video { width: 575px !important; height: 541px !important; max-width: none !important; max-height: none !important; }
}

.elementor-13 .elementor-element.elementor-element-68606846 .elementor-wrapper { border-radius: 10px !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784a25b3 */.elementor-13 .elementor-element.elementor-element-784a25b3 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-13 .elementor-element.elementor-element-784a25b3 { width:100%; } .elementor-13 .elementor-element.elementor-element-784a25b3 > .e-con-inner { display: contents !important; }
/* hg:P3:s1-video-position */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-784a25b3 { align-self: flex-start; margin-top: 45px; margin-left: 0; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7514fdb2 */.elementor-13 .elementor-element.elementor-element-7514fdb2 { display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; } .elementor-13 .elementor-element.elementor-element-7514fdb2 > .e-con-inner { display: contents !important; }
/* hg:P2:s1-grid-desktop — Services_Coaster.png: teks x189 (paragraf 6 baris, ink 189–700), video x739 w575 y230 (+10 header) */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-7514fdb2.service-split-grid.service-split-grid { grid-template-columns: 550px 585px !important; column-gap: 0 !important; padding-left: 59px !important; padding-right: 0 !important; align-items: start !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fb941a7 */.elementor-13 .elementor-element.elementor-element-8fb941a7 { padding:4rem 0; background:#fff; } .elementor-13 .elementor-element.elementor-element-8fb941a7 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d2437a55 */@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-d2437a55.elementor-element-d2437a55 h2 { font-size:40px !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2bd07d2c */.elementor-13 .elementor-element.elementor-element-2bd07d2c { color:var(--text-muted); line-height:1.6; max-width:620px; margin:0 auto 0.75rem; }
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-2bd07d2c.elementor-element-2bd07d2c { font-size:22px !important; }
}
@media (max-width: 767px) {
  .elementor-13 .elementor-element.elementor-element-2bd07d2c.elementor-element-2bd07d2c { font-size:16px !important; }
}
/* hg:P4:s2-para-desktop — Services_Coaster.svg: Inter 22 pitch 24, 3 baris terpusat (baris 2 = 882.7px live), ink top 958 (judul +71); paragraf 2 = +96 */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-2bd07d2c.elementor-element-2bd07d2c { width: 100% !important; max-width: 900px !important; margin: 13px auto 24px !important; } .elementor-13 .elementor-element.elementor-element-2bd07d2c .elementor-heading-title { font-size: 22px !important; line-height: 24px !important; } }
/* hg:P4:mobile-font-std-P — mobile = standar halaman lain (judul 25 / sub 20 / isi 18) */
@media (max-width:767px){ html body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-13 .elementor-element.elementor-element-2bd07d2c.elementor-element-2bd07d2c.elementor-element-2bd07d2c :is(.elementor-heading-title,p,h2,h3,span,em,strong,div){font-size:18px !important;line-height:1.5 !important;} }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ecb833dd */.elementor-13 .elementor-element.elementor-element-ecb833dd { color:var(--text-muted); font-size:1.05rem; line-height:1.6; max-width:620px; margin:0 auto; }
/* hg:P4:s2-para2-desktop — Inter 22 pitch 24 */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-ecb833dd.elementor-element-ecb833dd { width: 100% !important; max-width: 900px !important; margin: 0 auto !important; } .elementor-13 .elementor-element.elementor-element-ecb833dd .elementor-heading-title { font-size: 22px !important; line-height: 24px !important; } }
/* hg:P4:mobile-font-std-P — mobile = standar halaman lain (judul 25 / sub 20 / isi 18) */
@media (max-width:767px){ html body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-13 .elementor-element.elementor-element-ecb833dd.elementor-element-ecb833dd.elementor-element-ecb833dd :is(.elementor-heading-title,p,h2,h3,span,em,strong,div){font-size:18px !important;line-height:1.5 !important;} }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a4d7cce */.elementor-13 .elementor-element.elementor-element-2a4d7cce { text-align:center; } .elementor-13 .elementor-element.elementor-element-2a4d7cce > .e-con-inner { display: contents !important; }
/* hg:P2:s2-para-maxwidth — mock mobile lebar paragraf ±345px, live ±410px */
@media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-2a4d7cce [data-id="2bd07d2c"] .elementor-heading-title { max-width: calc(345px * var(--hg-vw-scale, 1)) !important; margin-inline: auto !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b568012 */.elementor-13 .elementor-element.elementor-element-5b568012 { padding:3rem 0 2rem; background:#fff; } .elementor-13 .elementor-element.elementor-element-5b568012 > .e-con-inner { display: contents !important; }
/* hg:P2:s2-top — judul ink top mock 887 (+10 header), video bawah 771 */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-5b568012.e-con { padding-top: 33px !important; } }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-d0ffe590 *//* hg:P1:s3-video GIF->mp4 (Figma 1d7e.../3fef... c2/c3) padanan aturan img */
.elementor-13 .elementor-element.elementor-element-d0ffe590 { --width: initial; width:auto; --container-widget-width: initial; flex-grow:0; flex-shrink:0; }
.elementor-13 .elementor-element.elementor-element-d0ffe590.elementor-widget-video .elementor-wrapper.e-hosted-video { border-radius:10px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,0.1); width:100% !important; }
.elementor-13 .elementor-element.elementor-element-d0ffe590.elementor-widget-video .elementor-wrapper.e-hosted-video video.elementor-video { width:100% !important; height:auto !important; aspect-ratio:1 !important; object-fit:cover !important; display:block; }
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-d0ffe590.elementor-widget-video { width:379px !important; max-width:none !important; } }
@media (max-width: 767px) { body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa4102ae .elementor-widget-video.elementor-widget-video { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-95cf5784 *//* hg:P1:img->video coaster-2, sejajar dengan sibling (mockup: 3 coaster satu baris, tanpa offset) */
.elementor-13 .elementor-element.elementor-element-95cf5784 { --width: initial; width:auto; --container-widget-width: initial; flex-grow:0; flex-shrink:0; }
.elementor-13 .elementor-element.elementor-element-95cf5784.elementor-widget-video .elementor-wrapper.e-hosted-video { border-radius:10px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,0.1); width:100% !important; }
.elementor-13 .elementor-element.elementor-element-95cf5784.elementor-widget-video .elementor-wrapper.e-hosted-video video.elementor-video { width:100% !important; height:auto !important; aspect-ratio:1 !important; object-fit:cover !important; display:block; }
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-95cf5784.elementor-widget-video { width:379px !important; max-width:none !important; } }
@media (max-width: 767px) { body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa4102ae .elementor-widget-video.elementor-widget-video { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-bcd668ef *//* hg:P1:s3-video GIF->mp4 (Figma 1d7e.../3fef... c2/c3) padanan aturan img */
.elementor-13 .elementor-element.elementor-element-bcd668ef { --width: initial; width:auto; --container-widget-width: initial; flex-grow:0; flex-shrink:0; }
.elementor-13 .elementor-element.elementor-element-bcd668ef.elementor-widget-video .elementor-wrapper.e-hosted-video { border-radius:10px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,0.1); width:100% !important; }
.elementor-13 .elementor-element.elementor-element-bcd668ef.elementor-widget-video .elementor-wrapper.e-hosted-video video.elementor-video { width:100% !important; height:auto !important; aspect-ratio:1 !important; object-fit:cover !important; display:block; }
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-bcd668ef.elementor-widget-video { width:379px !important; max-width:none !important; } }
@media (max-width: 767px) { body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa4102ae .elementor-widget-video.elementor-widget-video { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa4102ae */.elementor-13 .elementor-element.elementor-element-aa4102ae { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; align-items:flex-end; overflow:visible; } .elementor-13 .elementor-element.elementor-element-aa4102ae > .e-con-inner { display: contents !important; }
/* hg:P3:s3-grid-position */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-aa4102ae { padding-left: 0; padding-right: 0; margin-left: -68px; width: 1177px; gap: 20px; }
}


/* hg:P2:s3-stagger-gallery */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-aa4102ae { align-items: flex-start !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b2704fb */.elementor-13 .elementor-element.elementor-element-6b2704fb { padding:2rem 0 3rem; background:#fff; } .elementor-13 .elementor-element.elementor-element-6b2704fb > .e-con-inner { display: contents !important; }
/* hg:P2:s3-pad-bottom — mock S4 mulai 43px lebih rendah dari foto S3 terakhir */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-6b2704fb.e-con { padding-bottom: 91px !important; } }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-s4_hd_left */@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-s4_hd_left.elementor-element-s4_hd_left h2 { font-size:40px !important; }
}
/* hg:P2:s4-title-y — mock judul 7px lebih rendah */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-s4_hd_left { margin-top: 7px !important; } }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-s4_hd_right */@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-s4_hd_right.elementor-element-s4_hd_right p { font-size:18px !important; }
}
/* hg:P4:s4-intro — mock 18px/24px #403E3E rata tengah */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-s4_hd_right p { text-align: center !important; color: #403e3e !important; line-height: 24px !important; } }
/* hg:P4:s4-intro-right — koreksi: mock rata kanan */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-s4_hd_right p { text-align: right !important; } }
/* hg:P2:s4-intro-y — mock baris pertama paragraf 86px dari tepi section */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-s4_hd_right { margin-top: 24px !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s4_hd_row */.elementor-13 .elementor-element.elementor-element-s4_hd_row { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; margin-bottom:2.5rem; } .elementor-13 .elementor-element.elementor-element-s4_hd_row > .e-con-inner { display:contents !important; }
/* hg:P2:s4-header-cards-gap */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-s4_hd_row { margin-bottom: 10px; }
}
/* hg:P2:s4-hd-x — mock judul x=90, paragraf tengah di kolom 510px */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-s4_hd_row.e-con { grid-template-columns: 1fr 510px !important; padding-left: 55px !important; padding-right: 55px !important; } }
/* hg:P2:s4-hd-align — mock judul sejajar baris pertama paragraf */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-s4_hd_row.e-con { align-items: start !important; } }
/* hg:P2:s4-hd-right-edge — mock paragraf rata kanan, tepi kanan x≈1307, lebar kolom 460px, jarak ke kartu */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-s4_hd_row.e-con { grid-template-columns: 1fr 460px !important; padding-right: 93px !important; margin-bottom: 39px !important; } }
/* hg:P2:s4-hd-gap2 — paragraf turun 24px (mock), kompensasi jarak ke kartu */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-s4_hd_row.e-con { margin-bottom: 15px !important; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a230a4a6 *//* hg: svg-base */
.elementor-13 .elementor-element.elementor-element-a230a4a6 img{display:block}
/* hg: svg-gap */
.elementor-13 .elementor-element.elementor-element-a230a4a6.elementor-element{padding-bottom:15px!important}
@media (max-width:767px){.elementor-13 .elementor-element.elementor-element-a230a4a6.elementor-element{padding-bottom:0px!important}}
@media (max-width:359px){.elementor-13 .elementor-element.elementor-element-a230a4a6.elementor-element{padding-bottom:0px!important}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac2a9506 */.elementor-13 .elementor-element.elementor-element-ac2a9506 { font-size:2.2rem; color:var(--color-primary,#f59e0b); margin-bottom:0.75rem; } .elementor-13 .elementor-element.elementor-element-ac2a9506 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5337365d */.elementor-13 .elementor-element.elementor-element-5337365d.elementor-element-5337365d h3 { font-size:20px !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-977adc8e */.elementor-13 .elementor-element.elementor-element-977adc8e { 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-8658cd69 */.elementor-13 .elementor-element.elementor-element-8658cd69 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-13 .elementor-element.elementor-element-8658cd69 { border:1px solid rgba(245,158,11,0.2); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-13 .elementor-element.elementor-element-8658cd69 > .e-con-inner { display: contents !important; }
/* hg:P2:s4-card-top-pad */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-8658cd69 { padding-top: 51px; }
}
/* hg:P2:s4-card-pad — mock padding atas 26px, bawah 6px */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-8658cd69.e-con.e-con { padding-top: 26px !important; padding-bottom: 6px !important; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ce5468ed *//* hg: svg-base */
.elementor-13 .elementor-element.elementor-element-ce5468ed img{display:block}
/* hg: svg-gap */
.elementor-13 .elementor-element.elementor-element-ce5468ed.elementor-element{padding-bottom:15px!important}
@media (max-width:767px){.elementor-13 .elementor-element.elementor-element-ce5468ed.elementor-element{padding-bottom:0px!important}}
@media (max-width:359px){.elementor-13 .elementor-element.elementor-element-ce5468ed.elementor-element{padding-bottom:0px!important}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c27ace5f */.elementor-13 .elementor-element.elementor-element-c27ace5f { font-size:2.2rem; color:var(--color-primary,#f59e0b); margin-bottom:0.75rem; } .elementor-13 .elementor-element.elementor-element-c27ace5f > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9ba7ee5c */.elementor-13 .elementor-element.elementor-element-9ba7ee5c.elementor-element-9ba7ee5c h3 { font-size:20px !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-61c6d293 */.elementor-13 .elementor-element.elementor-element-61c6d293 { 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-b7f91d81 */.elementor-13 .elementor-element.elementor-element-b7f91d81 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-13 .elementor-element.elementor-element-b7f91d81 { border:1px solid rgba(245,158,11,0.2); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-13 .elementor-element.elementor-element-b7f91d81 > .e-con-inner { display: contents !important; }
/* hg:P2:s4-card-top-pad */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-b7f91d81 { padding-top: 51px; }
}
/* hg:P2:s4-card-pad — mock padding atas 26px, bawah 6px */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-b7f91d81.e-con.e-con { padding-top: 26px !important; padding-bottom: 6px !important; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6b47126 *//* hg: svg-base */
.elementor-13 .elementor-element.elementor-element-a6b47126 img{display:block}
/* hg: svg-gap */
.elementor-13 .elementor-element.elementor-element-a6b47126.elementor-element{padding-bottom:15px!important}
@media (max-width:767px){.elementor-13 .elementor-element.elementor-element-a6b47126.elementor-element{padding-bottom:0px!important}}
@media (max-width:359px){.elementor-13 .elementor-element.elementor-element-a6b47126.elementor-element{padding-bottom:0px!important}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04258261 */.elementor-13 .elementor-element.elementor-element-04258261 { font-size:2.2rem; color:var(--color-primary,#f59e0b); margin-bottom:0.75rem; } .elementor-13 .elementor-element.elementor-element-04258261 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-eb1d9839 */.elementor-13 .elementor-element.elementor-element-eb1d9839.elementor-element-eb1d9839 h3 { font-size:20px !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0c02cd16 */.elementor-13 .elementor-element.elementor-element-0c02cd16 { 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-21876c36 */.elementor-13 .elementor-element.elementor-element-21876c36 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-13 .elementor-element.elementor-element-21876c36 { border:1px solid rgba(245,158,11,0.2); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-13 .elementor-element.elementor-element-21876c36 > .e-con-inner { display: contents !important; }
/* hg:P2:s4-card-top-pad */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-21876c36 { padding-top: 51px; }
}
/* hg:P2:s4-card-pad — mock padding atas 26px, bawah 6px */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-21876c36.e-con.e-con { padding-top: 26px !important; padding-bottom: 6px !important; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f626017 *//* hg: svg-base */
.elementor-13 .elementor-element.elementor-element-8f626017 img{display:block}
/* hg: svg-gap */
.elementor-13 .elementor-element.elementor-element-8f626017.elementor-element{padding-bottom:15px!important}
@media (max-width:767px){.elementor-13 .elementor-element.elementor-element-8f626017.elementor-element{padding-bottom:0px!important}}
@media (max-width:359px){.elementor-13 .elementor-element.elementor-element-8f626017.elementor-element{padding-bottom:0px!important}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb4a544 */.elementor-13 .elementor-element.elementor-element-dcb4a544 { font-size:2.2rem; color:var(--color-primary,#f59e0b); margin-bottom:0.75rem; } .elementor-13 .elementor-element.elementor-element-dcb4a544 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-87203d29 */.elementor-13 .elementor-element.elementor-element-87203d29.elementor-element-87203d29 h3 { font-size:20px !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fab0fe64 */.elementor-13 .elementor-element.elementor-element-fab0fe64 { 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-726a420d */.elementor-13 .elementor-element.elementor-element-726a420d { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-13 .elementor-element.elementor-element-726a420d { border:1px solid rgba(245,158,11,0.2); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-13 .elementor-element.elementor-element-726a420d > .e-con-inner { display: contents !important; }
/* hg:P2:s4-card-top-pad */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-726a420d { padding-top: 51px; }
}
/* hg:P2:s4-card-pad — mock padding atas 26px, bawah 6px */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-726a420d.e-con.e-con { padding-top: 26px !important; padding-bottom: 6px !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f8c14d */.elementor-13 .elementor-element.elementor-element-10f8c14d { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; } .elementor-13 .elementor-element.elementor-element-10f8c14d > .e-con-inner { display: contents !important; }
/* hg:P3:s4-cards-grid — mock kartu 332px, gap 14px, judul w500 hitam, paragraf 16/24 #403E3E */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-10f8c14d.e-con { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; gap: 14px !important; }
  .elementor-13 .elementor-element.elementor-element-10f8c14d h3 { font-weight: 500 !important; color: #000 !important; }
  .elementor-13 .elementor-element.elementor-element-10f8c14d .elementor-widget-heading .elementor-heading-title { font-size: 16px !important; line-height: 24px !important; color: #403e3e !important; }
}
/* hg:P2:s4-icon-title-gap — mock jarak ikon→judul 13px lebih rapat */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-10f8c14d .elementor-widget-text-editor { margin-top: -13px !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7924e5cc *//* hg:P3:s4-cards-width — mock desktop grid x35-1405 (1370px) */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-7924e5cc { --content-width: 1370px; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c82969d8 */.elementor-13 .elementor-element.elementor-element-c82969d8 { padding:3rem 0 4rem; background:var(--bg-light,#fafafa); } .elementor-13 .elementor-element.elementor-element-c82969d8 > .e-con-inner { display: contents !important; }
/* hg:P2:s4-top-gap */
@media (min-width: 768px) {
  .elementor-13 .elementor-element.elementor-element-c82969d8 { padding-top: 123px; }
}
/* hg:P2:s4-pad-top2 — mock judul 129px di bawah tepi atas section (live 175) */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-c82969d8.e-con { padding-top: 77px !important; } }
/* hg:P2:s4-pad-bottom — mock 129px dari kartu ke tepi bawah section */
@media (min-width: 768px) { .elementor-13 .elementor-element.elementor-element-c82969d8.e-con { padding-bottom: 118px !important; } }
/* hg:P5:s4-bg — mock latar S4 #f1f3f7 (sampel piksel desktop & mobile), live #fafafa */
.elementor-13 .elementor-element.elementor-element-c82969d8.e-con.e-con { background-color: #f1f3f7 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-657397f0 *//* hg: social-var */
.elementor-13 .elementor-element.elementor-element-657397f0{--hg-social-t:104.4px;--hg-social-pb:76px;--hg-social-bg:#FFFFFF;--hg-social-tm:16.36vw;--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-3c2e372e *//* "Your Package At A Glance" cards (elementor-element-10f8c14d's 4 children):
   mockup (Services_Coaster.svg) draws each card border as a 2px stroke with
   a top-to-bottom orange->pink gradient (#F1AE11 -> #F26AAA, the site's
   shared CTA gradient), not the flat 1px 20%-opacity orange currently
   inlined on each card via Elementor's custom_css. Border-image can't do
   rounded corners reliably, so use the transparent-border + dual-background
   trick to keep the white card fill and get a gradient edge. */
body.service-page--holographic-coaster .elementor-element-8658cd69,
body.service-page--holographic-coaster .elementor-element-b7f91d81,
body.service-page--holographic-coaster .elementor-element-21876c36,
body.service-page--holographic-coaster .elementor-element-726a420d {
  border: 2px solid transparent !important;
  border-radius: 16px !important;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #F1AE11, #F26AAA) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
}



/* 2026-10-02: icon di 4 kartu "Your Package At A Glance" (elementor-element-10f8c14d) hanya di-center lewat
   @media (max-width:767px) di bawah — desktop tidak pernah diset, jatuh ke default flex align-items:stretch/
   flex-start sehingga svg tidak center horizontal. Berlaku semua ukuran, bukan hanya mobile. */
body.service-page--holographic-coaster .elementor-element-ac2a9506,
body.service-page--holographic-coaster .elementor-element-ac2a9506 > .e-con-inner,
body.service-page--holographic-coaster .elementor-element-c27ace5f,
body.service-page--holographic-coaster .elementor-element-c27ace5f > .e-con-inner,
body.service-page--holographic-coaster .elementor-element-04258261,
body.service-page--holographic-coaster .elementor-element-04258261 > .e-con-inner,
body.service-page--holographic-coaster .elementor-element-dcb4a544,
body.service-page--holographic-coaster .elementor-element-dcb4a544 > .e-con-inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
body.service-page--holographic-coaster .elementor-element-10f8c14d .elementor-widget-html {
  width: auto !important;
  margin-inline: auto !important;
  align-self: center !important;
}



.service-page--holographic-coaster .section-contact--override-heading .contact-info-title--single-line {
  font-size: var(--text-2xl);
  line-height: 1.3;
}



/* elementor-element-68606846: sec-1's split-media widget is a JS-swapped
   <video> (holo-coaster.mp4, main.js videoSwaps) carrying over the original
   image's width/height attributes so it doesn't collapse to 0x0 before load.
   No desktop rule here ever sized `video` (only mobile did), so it fell
   through to that raw height attribute — its native ~1422px — instead of
   matching the text column's height. The shared 2-col .service-split-grid
   (align-items:center) then centers the shorter text column inside that
   1422px row, leaving a huge blank gap above and below it. Same img-only-
   .elementor-13 .elementor-element.elementor-element-3c2e372e gap already fixed on ar-experience et al.; size video the same
   as img and crop to the mockup's near-square hero box (Services_Coaster.svg
   pattern0 rect: 575x541). */
@media (min-width: 768px) {
  body.service-page--holographic-coaster .service-hcoaster-sec-1 .service-split-media img,
  body.service-page--holographic-coaster .service-hcoaster-sec-1 .service-split-media video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 575 / 541;
    object-fit: cover;
    border-radius: 10px;
  }

  /* elementor-element-ffea462c (sec-1's text column): heading/tagline/
     paragraph/button ran oversized relative to the now-corrected, more
     compact hero image next to them. Scale the whole block down. */
  body.service-page--holographic-coaster .elementor-element-ffea462c .service-heading {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }
  body.service-page--holographic-coaster .elementor-element-ffea462c .service-tagline {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  body.service-page--holographic-coaster .elementor-element-ffea462c .service-paragraph {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  body.service-page--holographic-coaster .elementor-element-ffea462c .elementor-button {
    font-size: 14px !important;
    min-height: 36px !important;
    padding: 10px 22px !important;
  }
}



@media (max-width: 767px) {


  /* Coaster_Mobile.svg: hero heading/tagline/paragraph/button are all
     centered once the split grid stacks to one column. */
  body.service-page--holographic-coaster .service-hcoaster-sec-1 .service-split-text {
    text-align: center !important;
  }



  /* Same sitewide bug as holographic-luggage-tag: the heading's only
     margin-bottom is Elementor's own inline style="margin-bottom:0.2rem"
     (3.2px), only overridden on desktop elsewhere — nothing restored it on
     mobile, so the heading ran into the tagline right below it. */
  body.service-page--holographic-coaster .service-hcoaster-sec-1 .service-heading {
    margin-bottom: 24px !important;
  }



  /* Coaster_Mobile.svg: hero "Check us Out" button is centered — Elementor's
     default align-self:flex-start (shrink-to-fit button in a flex-column
     parent) was never overridden for this widget. */
  body.service-page--holographic-coaster .elementor-element-f01cdd9a {
    align-self: center !important;
  }
}



/* Mobile artwork order from Coaster_Mobile.svg. */
@media (max-width: 767px) {
  /* Package heading in Coaster_Mobile.svg is two stacked rows: title first,
     explanatory copy second.  Do not retain the desktop's multi-column grid. */
  body.service-page--holographic-coaster .elementor-element-s4_hd_row,
  body.service-page--holographic-coaster .elementor-element-s4_hd_row > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    align-items: center !important;
    gap: 12px !important;
  }

  body.service-page--holographic-coaster .elementor-element-s4_hd_left,
  body.service-page--holographic-coaster .elementor-element-s4_hd_right {
    width: 100% !important;
    text-align: center !important;
  }

  body.service-page--holographic-coaster .elementor-element-s4_hd_right p {
    text-align: center !important;
  }

  /* Keep the first package-card icon centered independently from its text. */
  body.service-page--holographic-coaster .elementor-element-ac2a9506,
  body.service-page--holographic-coaster .elementor-element-ac2a9506 > .e-con-inner,
  body.service-page--holographic-coaster .elementor-element-c27ace5f,
  body.service-page--holographic-coaster .elementor-element-c27ace5f > .e-con-inner,
  body.service-page--holographic-coaster .elementor-element-04258261,
  body.service-page--holographic-coaster .elementor-element-04258261 > .e-con-inner,
  body.service-page--holographic-coaster .elementor-element-dcb4a544,
  body.service-page--holographic-coaster .elementor-element-dcb4a544 > .e-con-inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  body.service-page--holographic-coaster .elementor-element-10f8c14d .elementor-widget-html {
    width: auto !important;
    margin-inline: auto !important;
    align-self: center !important;
  }

  /* Coaster_Mobile.svg: the artwork starts flush below the site header,
     then uses a deliberately short, edge-to-edge crop (440 × 344). */
  body.service-page--holographic-coaster .service-hcoaster-sec-1 {
    padding-top: 0 !important;
  }

  body.service-page--holographic-coaster .elementor-element-7514fdb2.service-split-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }

  /* Same sitewide `.service-split-media { margin-top:40px !important }` bug
     as holographic-luggage-tag/mega-booth: it assumes the media sits below
     the text column, but order:-1 puts it first here, right under the
     header with nothing above it to separate from. */
  body.service-page--holographic-coaster .elementor-element-784a25b3.service-split-media {
    order: -1 !important;
    width: 100vw !important;
    margin-top: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
  }

  body.service-page--holographic-coaster .elementor-element-784a25b3.service-split-media > .e-con-inner,
  body.service-page--holographic-coaster .elementor-element-784a25b3.service-split-media .elementor-element-68606846 {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* `video` added alongside `img`: elementor-element-68606846 is a
     JS-swapped <video> (holo-coaster.mp4, main.js videoSwaps) that fell
     through this img-only .elementor-13 .elementor-element.elementor-element-3c2e372e and rendered at its native ~1422px
     height instead of the 344px mobile crop, leaving a huge blank gap
     below the header. Same img-only-.elementor-13 .elementor-element.elementor-element-3c2e372e gap already fixed elsewhere
     (see the matching desktop fix above). */
  body.service-page--holographic-coaster .elementor-element-784a25b3.service-split-media img,
  body.service-page--holographic-coaster .elementor-element-784a25b3.service-split-media video {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 344px !important;
    object-fit: cover !important;
    object-position: center 61% !important;
    border-radius: 0 !important;
  }

  body.service-page--holographic-coaster .elementor-element-aa4102ae {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 52px !important;
    width: min(100%, 358px) !important;
    margin-inline: auto !important;
  }

  body.service-page--holographic-coaster .elementor-element-aa4102ae > .e-con-inner {
    width: 358px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.service-page--holographic-coaster .elementor-element-aa4102ae > .e-con-inner > .elementor-element-d0ffe590 {
    order: 2 !important;
  }

  body.service-page--holographic-coaster .elementor-element-aa4102ae > .e-con-inner > .elementor-element-95cf5784 {
    order: 1 !important;
  }

  body.service-page--holographic-coaster .elementor-element-aa4102ae > .e-con-inner > .elementor-element-bcd668ef {
    order: 3 !important;
  }

  body.service-page--holographic-coaster .elementor-element-aa4102ae > .e-con-inner > .elementor-widget-image {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.service-page--holographic-coaster .service-hcoaster-sec-1 .service-heading {
    font-size: 25px !important;
    line-height: 1.2 !important;
    margin-bottom: 16px !important;
  }

  body.service-page--holographic-coaster .service-hcoaster-sec-1 .service-tagline,
  body.service-page--holographic-coaster .service-hcoaster-sec-1 .service-tagline p {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  body.service-page--holographic-coaster .service-hcoaster-sec-1 .service-paragraph,
  body.service-page--holographic-coaster .service-hcoaster-sec-1 .service-paragraph p {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body.service-page--holographic-coaster .service-hcoaster-sec-2 .service-heading {
    font-size: 25px !important;
    line-height: 1.2 !important;
  }

  /* Was a hardcoded 358px (the grid's own outer width) instead of a
     percentage — the image widget's wrapper sits 20px narrower than that
     (Elementor's default widget padding), so the img overflowed past its
     own wrapper's right edge by 20px instead of filling it. */
  body.service-page--holographic-coaster .elementor-element-aa4102ae img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  body.service-page--holographic-coaster .elementor-element-10f8c14d {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    width: min(100%, 316px) !important;
    margin-inline: auto !important;
  }
}



/* The middle "PUMA" coaster photo carries an Elementor motion-effect
   transform (translateY(-90.72px)) that intentionally staggers it above
   its two siblings — Services_Coaster.svg confirms the mock wants this
   exact stagger (middle rect at y=1130 vs y=1237 for the outer two, a
   107px difference). The row itself just didn't have enough clearance
   above it, so the raised image overlapped the last line of the
   paragraph ("It's interactive, high-impact, and completely
   customisable!"). Push the row down instead of touching the stagger. */
body.service-page--holographic-coaster .elementor-element-89b9f6f7 {
  margin-top: 52px; /* hg:P2:s3-row-y — foto luar mock y1237 (+10 header) */
}



/* "Your Package At A Glance.." card icons (Unlimited Instant Prints / Custom
   Overlay Design / Seamless Sharing / Supporting Crew) had a per-widget
   inline color set to orange (#F59E0B) — Services_Coaster.png / mobile mock
   both show plain dark line icons (#1a1a1a), matching every other page's
   package-card icon color checked this session. */
body.service-page--holographic-coaster .elementor-element-a230a4a6,
body.service-page--holographic-coaster .elementor-element-ce5468ed,
body.service-page--holographic-coaster .elementor-element-a6b47126,
body.service-page--holographic-coaster .elementor-element-8f626017 {
  color: #1a1a1a !important;
}
/* hg:P4:hero-desktop-mockup — Services_Coaster.svg: judul Inter/Playfair 40/w500, tagline Inter 30/w500 pitch 36 (2 baris "…Hold and / See from
   Every Angle"), paragraf Inter 22 pitch 24 (6 baris), tombol 146×40 r6 teks 15.375/w500. Aturan lama "scale the whole block down" (32/16/14/14)
   bukan dari mockup. max-width dari lebar baris Inter terukur: paragraf 506 ≤ w < 513 → 510; tagline 411 ≤ w < 474 → 440. */
@media (min-width: 768px) {
  body.service-page--holographic-coaster .elementor-element-ffea462c .service-heading.service-heading, body.service-page--holographic-coaster .elementor-element-ffea462c .service-heading.service-heading span { font-size: 40px !important; line-height: 48px !important; }
  body.service-page--holographic-coaster .elementor-element-ffea462c .service-tagline.service-tagline, body.service-page--holographic-coaster .elementor-element-ffea462c .service-tagline.service-tagline .elementor-heading-title { font-size: 30px !important; line-height: 36px !important; font-weight: 500 !important; max-width: 440px !important; }
  body.service-page--holographic-coaster .elementor-element-ffea462c .service-paragraph.service-paragraph, body.service-page--holographic-coaster .elementor-element-ffea462c .service-paragraph.service-paragraph .elementor-heading-title { font-size: 22px !important; line-height: 24px !important; max-width: 515px !important; } /* hg:P4:s1-para-6 — 514 (baris 4 "…tilt or shift") ≤ w < 518 (baris 5 + "your") live Inter 22 (mock ink 189–700) */
  body.service-page--holographic-coaster .elementor-element-ffea462c .elementor-button.elementor-button { font-size: 15.375px !important; font-weight: 500 !important; width: 146px !important; height: 40px !important; min-height: 40px !important; padding: 12.8px 26.1px 11.8px 24px !important; box-sizing: border-box !important; letter-spacing: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 6px !important; }
  /* judul hero & "Your Package At A Glance.." = 3 titik #F26AAA→#F28C5E→#F1AE11 (default situs oranye→pink) */
  body.service-page--holographic-coaster [data-id="05e11a68"] h1.title-gradient, body.service-page--holographic-coaster [data-id="s4_hd_left"] h2.title-gradient { background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; }
  /* deskripsi kartu Package: Inter 16 pitch 24 (live 0.9rem/1.6) */
  body.service-page--holographic-coaster [data-id="977adc8e"] .elementor-heading-title, body.service-page--holographic-coaster [data-id="61c6d293"] .elementor-heading-title, body.service-page--holographic-coaster [data-id="0c02cd16"] .elementor-heading-title, body.service-page--holographic-coaster [data-id="fab0fe64"] .elementor-heading-title { font-size: 16px !important; line-height: 24px !important; }
}
@media (max-width: 767px) {
  /* Coaster_Mobile.svg: judul hero 2 titik pink→oranye; deskripsi kartu 16 pitch 20 */
  body.service-page--holographic-coaster [data-id="05e11a68"] h1.title-gradient { background-image: linear-gradient(90deg, #F26AAA, #F1AE11) !important; }
  body.service-page--holographic-coaster [data-id="977adc8e"] .elementor-heading-title, body.service-page--holographic-coaster [data-id="61c6d293"] .elementor-heading-title, body.service-page--holographic-coaster [data-id="0c02cd16"] .elementor-heading-title, body.service-page--holographic-coaster [data-id="fab0fe64"] .elementor-heading-title { font-size: 16px !important; line-height: 20px !important; }
}
/* hg:P5:package-radius — kartu Package rx 9 + stroke 2 → tepi luar 10 (live 16). */
body.service-page--holographic-coaster .elementor-element-8658cd69.e-con, body.service-page--holographic-coaster .elementor-element-b7f91d81.e-con, body.service-page--holographic-coaster .elementor-element-21876c36.e-con, body.service-page--holographic-coaster .elementor-element-726a420d.e-con { border-radius: 10px !important; }
/* hg:quick-m:holographic-coaster — Coaster_Mobile.svg/png 440 (S1–S4). Angka: rect svg-path + baseline mock-text + ink PNG. */
@media (max-width: 767px) {
  /* S1 hero video: slot mockup terlihat y70–481 (rect -40,-60 575x541; pola image 800x1422 skala 0.7925 → 634x1127 @ -65.5,-500.8) */
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-784a25b3.service-split-media .elementor-element-68606846.elementor-element-68606846 { height: calc(481px * var(--hg-vw-scale, 1) - 70px) !important; min-height: 0 !important; overflow: hidden !important; position: relative !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-68606846 .elementor-wrapper.e-hosted-video.e-hosted-video { height: 100% !important; position: relative !important; overflow: hidden !important; border-radius: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-784a25b3.service-split-media .elementor-element-68606846 .elementor-wrapper.e-hosted-video video.elementor-video.elementor-video { position: absolute !important; left: calc(-65.5px * var(--hg-vw-scale, 1)) !important; top: calc(-366px * var(--hg-vw-scale, 1) - 70px) !important; width: calc(634px * var(--hg-vw-scale, 1)) !important; height: calc(1127px * var(--hg-vw-scale, 1)) !important; max-width: none !important; max-height: none !important; object-fit: cover !important; border-radius: 0 !important; }
  /* S1 teks: judul top 528 (baseline 552), tagline 20/w500 2 baris top 576.7, paragraf 16/20 7 baris top 646.2, tombol 146x40 r6 @819 */
  body.service-page--holographic-coaster.service-page--holographic-coaster .service-hcoaster-sec-1 .elementor-element-05e11a68 h1.service-heading { margin: 23px 0 0 !important; position: relative !important; left: -11px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-b09c137a.elementor-element-b09c137a { margin-top: 18.7px !important; margin-bottom: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-b09c137a .elementor-heading-title { font-weight: 500 !important; max-width: 290px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa895ef5.elementor-element-aa895ef5 { margin-top: 20.5px !important; margin-bottom: 32.8px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa895ef5 .elementor-heading-title { max-width: 330px !important; margin-inline: auto !important; color: #403E3E !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-f01cdd9a .elementor-button.elementor-button { width: 146px !important; height: 40px !important; min-height: 40px !important; padding: 12.8px 26.1px 11.8px 24px !important; box-sizing: border-box !important; letter-spacing: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 6px !important; font-size: 15.375px !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-f619b23f.e-con { padding-top: 0 !important; padding-bottom: 0 !important; }
  /* S1→S2: tombol bawah 859 → judul S2 top 948 (baseline 972) */
  body.service-page--holographic-coaster.service-page--holographic-coaster .service-hcoaster-sec-1.e-con { padding-bottom: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .service-hcoaster-sec-2.e-con { padding-top: calc(88px * var(--hg-vw-scale, 1)) !important; padding-bottom: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-2a4d7cce.e-con { padding-top: 0 !important; padding-bottom: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-d2437a55 h2.service-heading { margin: 0 !important; }
  /* S2 paragraf 16/20 #403E3E: p1 top 997.2 (5 baris), p2 top 1117.2 (2 baris) */
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-2bd07d2c.elementor-element-2bd07d2c { margin-top: 19.2px !important; margin-bottom: 20px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-ecb833dd.elementor-element-ecb833dd { margin-top: 0 !important; margin-bottom: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-2bd07d2c .elementor-heading-title,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-ecb833dd .elementor-heading-title { font-size: 16px !important; line-height: 20px !important; color: #403E3E !important; margin-inline: auto !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster [data-id="2a4d7cce"] [data-id="2bd07d2c"] .elementor-heading-title { max-width: 338px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-ecb833dd .elementor-heading-title { max-width: 260px !important; }
  /* S3: foto 358x358 r10 @x37, y1225/1635/2049, bayangan 10/13 blur8 11% */
  body.service-page--holographic-coaster.service-page--holographic-coaster .service-hcoaster-sec-3.e-con { padding-top: 0 !important; padding-bottom: calc(119px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-89b9f6f7.e-con { margin-top: calc(67.8px * var(--hg-vw-scale, 1)) !important; padding: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa4102ae.e-con { width: calc(358px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin: 0 0 0 calc(37px * var(--hg-vw-scale, 1)) !important; padding: 0 !important; row-gap: calc(52px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa4102ae.e-con > .e-con-inner { width: 100% !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa4102ae .elementor-widget-image.elementor-widget-image { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa4102ae .elementor-element-bcd668ef.elementor-widget-image { margin-top: calc(4px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-aa4102ae .elementor-widget-image img { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 1 / 1 !important; border-radius: 10px !important; box-shadow: 10px 13px 8px rgba(0, 0, 0, 0.11) !important; }
  /* S4: band #F1F3F7 y2526–3836; judul 25/w500 top 2603 pink→oranye; deskripsi 16/24 #403E3E top 2647.8 (4 baris); kartu 313 @x62 y2816/3070/3297/3521 */
  body.service-page--holographic-coaster.service-page--holographic-coaster .service-hcoaster-sec-4.e-con { background: #F1F3F7 !important; padding-top: calc(77px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(75px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-7924e5cc.e-con,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-s4_hd_row.e-con { padding: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-s4_hd_row.e-con { gap: calc(14.8px * var(--hg-vw-scale, 1)) !important; margin-bottom: calc(52px * var(--hg-vw-scale, 1)) !important; } /* + gap 20 bawaan 7924e5cc = 72 */
  body.service-page--holographic-coaster.service-page--holographic-coaster [data-id="s4_hd_left"] h2.title-gradient,
  body.service-page--holographic-coaster.service-page--holographic-coaster [data-id="s4_hd_left"] h2.title-gradient span { font-size: 25px !important; line-height: 30px !important; font-weight: 500 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster [data-id="s4_hd_left"] h2.title-gradient { margin: 0 !important; background-image: linear-gradient(90deg, #F26AAA, #F1AE11) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster [data-id="s4_hd_right"] p { font-size: 18px !important; line-height: 24px !important; color: #403E3E !important; max-width: 350px !important; margin: 0 auto !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-10f8c14d.e-con { width: calc(313px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin: 0 0 0 calc(62px * var(--hg-vw-scale, 1)) !important; padding: 0 !important; gap: calc(34px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-8658cd69.e-con,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-b7f91d81.e-con,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-21876c36.e-con,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-726a420d.e-con { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-shadow: 0 1px 4px rgba(25, 33, 61, 0.08) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-ac2a9506.e-con,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-c27ace5f.e-con,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-04258261.e-con,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-dcb4a544.e-con { padding: 0 !important; margin: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-10f8c14d .elementor-widget-html svg { width: calc(40px * var(--hg-vw-scale, 1)) !important; height: calc(40px * var(--hg-vw-scale, 1)) !important; display: block !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-10f8c14d .elementor-widget-text-editor h3 { font-size: 20px !important; line-height: 24px !important; font-weight: 500 !important; color: #000 !important; margin: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-10f8c14d .elementor-widget-heading .elementor-heading-title { font-size: 16px !important; line-height: 20px !important; color: #403E3E !important; max-width: 246px !important; margin: 0 auto !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-10f8c14d .elementor-element-8658cd69.e-con { padding-top: calc(16.5px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(28.8px * var(--hg-vw-scale, 1)) !important; margin-bottom: calc(13px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-10f8c14d .elementor-element-b7f91d81.e-con { padding-top: calc(20.5px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(16.8px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-10f8c14d .elementor-element-21876c36.e-con { padding-top: calc(22.5px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(15.8px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-10f8c14d .elementor-element-726a420d.e-con { padding-top: calc(27px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(20.8px * var(--hg-vw-scale, 1)) !important; margin-left: calc(3px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-5337365d.elementor-element-5337365d { margin-top: 23.2px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-977adc8e.elementor-element-977adc8e { margin-top: 10.5px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-9ba7ee5c.elementor-element-9ba7ee5c { margin-top: 22.2px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-61c6d293.elementor-element-61c6d293 { margin-top: 5.5px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-eb1d9839.elementor-element-eb1d9839 { margin-top: 16.2px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-0c02cd16.elementor-element-0c02cd16 { margin-top: 7.5px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-87203d29.elementor-element-87203d29 { margin-top: 13.7px !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-fab0fe64.elementor-element-fab0fe64 { margin-top: 10.5px !important; }
  /* e-con-inner bawaan padding 10/10 (boxed) */
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-f619b23f > .e-con-inner,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-89b9f6f7 > .e-con-inner,
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-7924e5cc > .e-con-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
  body.service-page--holographic-coaster.service-page--holographic-coaster .elementor-element-0c02cd16 .elementor-heading-title.elementor-heading-title { max-width: 230px !important; }
}
/* /hg:quick-m:holographic-coaster *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4b604e5 */.elementor-13 .elementor-element.elementor-element-c4b604e5 { display: none; }
/* hg: html-style c12ef31c */
/* S1 split-grid → 2 col on desktop */
@media(min-width: 768px) /* hg-zoom A12: was 900px */{
  .service-hcoaster-sec-1 .service-split-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .service-hcoaster-sec-1 .service-split-grid > .e-con-inner { display:contents !important; }
}
/* S3 image grid: restore on mobile (stack) */
@media(max-width:899px){
  :where(html:not(.hg-page-zoom)) .service-hcoaster-sec-3 [class*="elementor-element"] > .elementor-widget-image {
    margin-top: 0 !important;
  }
}
/* S4 package cards → 2 col on tablet, 1 col on mobile */
@media(max-width:899px){
  :where(html:not(.hg-page-zoom)) .service-hcoaster-sec-4 [style*="repeat(4,1fr)"],
  :where(html:not(.hg-page-zoom)) .service-hcoaster-sec-4 .elementor-element > .e-con {
    grid-template-columns: repeat(2,1fr) !important;
  }
}
@media(max-width:599px){
  .service-hcoaster-sec-4 [style*="repeat(4,1fr)"],
  .service-hcoaster-sec-4 .elementor-element > .e-con {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */