.elementor-12 .elementor-element.elementor-element-root{--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-12 .elementor-element.elementor-element-s1{--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-12 .elementor-element.elementor-element-hprhero .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-12 .elementor-element.elementor-element-s1_inner{--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-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-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-12 .elementor-element.elementor-element-s2{--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-12 .elementor-element.elementor-element-s2_hd{--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-12 .elementor-element.elementor-element-s2_imgs{--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-12 .elementor-element.elementor-element-s2_img_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-12 .elementor-element.elementor-element-s2_img_l .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-12 .elementor-element.elementor-element-s2_img_c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-12 .elementor-element.elementor-element-s2_img_r .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-12 .elementor-element.elementor-element-s2_cards_wrap{--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-12 .elementor-element.elementor-element-s2_cards{--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-12 .elementor-element.elementor-element-fc_rcu{--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-12 .elementor-element.elementor-element-fc_rcu_ico{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-fc_rcu_ico img{width:50px;}.elementor-12 .elementor-element.elementor-element-fc_cod{--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-12 .elementor-element.elementor-element-fc_cod_ico{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-fc_cod_ico img{width:50px;}.elementor-12 .elementor-element.elementor-element-fc_sc{--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-12 .elementor-element.elementor-element-fc_sc_ico{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-fc_sc_ico img{width:50px;}.elementor-12 .elementor-element.elementor-element-s4{--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-12 .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-12 .elementor-element.elementor-element-s4_hd_spacer{--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-12 .elementor-element.elementor-element-s4_hd_text{--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-12 .elementor-element.elementor-element-s4_imgs{--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-12 .elementor-element.elementor-element-s4_img_grid{--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-12 .elementor-element.elementor-element-2cf1c89{--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-12 .elementor-element.elementor-element-494ed99b{--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-12 .elementor-element.elementor-element-breakpoints{--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-12 .elementor-element.elementor-element-root{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-root{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-fc_rcu_ico img{width:9.09vw;}.elementor-12 .elementor-element.elementor-element-fc_cod_ico img{width:9.09vw;}.elementor-12 .elementor-element.elementor-element-fc_sc_ico img{width:9.09vw;}}/* Start custom CSS for video, class: .elementor-element-hprhero *//* hg:P1:hero-video hero GIF->mp4 native (gantikan injeksi main.js) */
.elementor-12 .elementor-element.elementor-element-hprhero.elementor-element { position:absolute !important; top:0; left:0; width:100% !important; height:811px; z-index:0; margin:0 !important; }
.elementor-12 .elementor-element.elementor-element-hprhero .elementor-widget-container, .elementor-12 .elementor-element.elementor-element-hprhero .elementor-wrapper { width:100%; height:100%; }
.elementor-12 .elementor-element.elementor-element-hprhero video.elementor-video { width:100% !important; height:100% !important; object-fit:cover !important; display:block; }
body.service-page--holographic-party-rover .elementor-element-s1::before { display:none !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-s1_intro */.elementor-12 .elementor-element.elementor-element-s1_intro.elementor-element-s1_intro .hpr-intro-tag { font-weight:500 !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-s1_desc */.elementor-12 .elementor-element.elementor-element-s1_desc { line-height:1.6; max-width:560px; margin:0 auto 1.75rem; }
.elementor-12 .elementor-element.elementor-element-s1_desc.elementor-element-s1_desc { color:#403e3e !important; }
@media (min-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-s1_desc.elementor-element-s1_desc { font-size:22px !important; }
}
@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-s1_desc.elementor-element-s1_desc { font-size:18px !important; }
}
/* hg:P1:desc-varian — svg-text: desktop 4 baris "...Check them out below!", Party Rove_Mobile.svg: "...our Holographic Party Rover, ... right to your seat!" */
.elementor-12 .elementor-element.elementor-element-s1_desc .hpr-desc-m { display:none; }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-s1_desc .hpr-desc-d { display:none; } .elementor-12 .elementor-element.elementor-element-s1_desc .hpr-desc-m { display:inline; } }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-s1_btn */.elementor-12 .elementor-element.elementor-element-s1_btn { border-radius:var(--radius-btn); }
.elementor-12 .elementor-element.elementor-element-s1_btn.elementor-element-s1_btn .elementor-button { font-weight:500 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s1_inner */.elementor-12 .elementor-element.elementor-element-s1_inner { text-align:center; } .elementor-12 .elementor-element.elementor-element-s1_inner > .e-con-inner { display:contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s1 */.elementor-12 .elementor-element.elementor-element-s1 { padding:12rem 0 4rem; background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.18)), url('../../../themes/holograil/assets/uploads/ui_svg/extracted_982a1b31.webp') center/cover no-repeat; } .elementor-12 .elementor-element.elementor-element-s1 > .e-con-inner { display:contents !important; } .elementor-12 .elementor-element.elementor-element-s1 .elementor-widget-text-editor, .elementor-12 .elementor-element.elementor-element-s1 .elementor-widget-heading { position:relative; z-index:1; color:#fff; }
/* hg:P2:s1-ritme — mock desktop (PNG/svg-text Services_Holographic Party Rove): hero 0–811, judul ink 893 (40px), tag 30px celah 26, desc 22px pitch 24 4 baris lebar tinta 556, tombol 146×44 "Check us Out" 15.375/500, S2 mulai 96 di bawah tombol.
   mock mobile (Party Rove_Mobile): hero 70–316 (video 439×247 di bawah header), baseline judul 373 (25/500), tag 408 (18/500), desc 444..498 (18px pitch 18, 4 baris), tombol 516–556 (146×40), S2 592. */
@media (min-width: 768px) {
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_intro .hpr-intro-title { margin: 7px 0 23px !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_intro .hpr-intro-tag { margin-bottom: 30px !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_desc.service-paragraph { width: 566px !important; max-width: none !important; margin: 0 auto 30px !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_desc.service-paragraph .elementor-heading-title { font-size: 22px !important; line-height: 24px !important; color: #403e3e !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_btn.btn .elementor-button { font-size: 15.375px !important; min-height: 44px !important; padding: 11px 22px !important; }
}
@media (max-width: 767px) {
  body.service-page--holographic-party-rover .elementor-element-s1.e-con.e-con { padding: calc(281px * var(--hg-vw-scale, 1)) 0 calc(36px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .hpr-hero-video { top: 0 !important; height: calc(247px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_intro .hpr-intro-title { margin: 0 0 16px !important; font-size: 25px !important; font-weight: 500 !important; line-height: 25px !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_intro .hpr-intro-tag { margin-bottom: 18px !important; font-size: 18px !important; font-weight: 500 !important; line-height: 18px !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_desc.service-paragraph { width: 300px !important; max-width: none !important; margin: 0 auto 15px !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_desc.service-paragraph .elementor-heading-title { font-size: 18px !important; line-height: 18px !important; color: #403e3e !important; }
  body.service-page--holographic-party-rover .elementor-element-s1 .elementor-element-s1_btn.btn .elementor-button { font-size: 15.375px !important; line-height: 16px !important; min-height: 40px !important; padding: 12px 22px !important; display: inline-flex !important; align-items: center; justify-content: center; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-s2_sub *//* hg:P5:pr-sub-warna — mock #403e3e (tema memaksa #53515a) */
.elementor-12 .elementor-element.elementor-element-s2_sub p, .elementor-12 .elementor-element.elementor-element-s2_sub .service-paragraph { color:#403e3e !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s2_hd */.elementor-12 .elementor-element.elementor-element-s2_hd { text-align:center; max-width:760px; margin:0 auto 2.5rem; padding:0 1rem; }
.elementor-12 .elementor-element.elementor-element-s2_hd > .e-con-inner { display:contents !important; }

/* hg:P2:pr-s2-center - center the heading block itself against its parent */
.elementor-12 .elementor-element.elementor-element-s2_hd.elementor-element-s2_hd.elementor-element-s2_hd.e-con.e-con.e-con {
  width: min(100% - 96px, 760px) !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  text-align: center !important;
}
.elementor-12 .elementor-element.elementor-element-s2_hd.elementor-element-s2_hd.elementor-element-s2_hd > .e-con-inner {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.elementor-12 .elementor-element.elementor-element-s2_hd.elementor-element-s2_hd.elementor-element-s2_hd .service-heading.service-heading.service-heading,
.elementor-12 .elementor-element.elementor-element-s2_hd.elementor-element-s2_hd.elementor-element-s2_hd .service-paragraph.service-paragraph.service-paragraph {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-s2_img_l */.elementor-12 .elementor-element.elementor-element-s2_img_l video { width:100%; aspect-ratio:434/442; object-fit:cover; display:block; border-radius:12px 0 0 0; } .elementor-12 .elementor-element.elementor-element-s2_img_l .elementor-widget-container { padding: 0 !important; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-s2_img_c */.elementor-12 .elementor-element.elementor-element-s2_img_c { margin-top:-80px; } .elementor-12 .elementor-element.elementor-element-s2_img_c video { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; border-radius:12px 12px 0 0; box-shadow:0 -8px 32px rgba(0,0,0,.12); } .elementor-12 .elementor-element.elementor-element-s2_img_c .elementor-widget-container { padding: 0 !important; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-s2_img_r */.elementor-12 .elementor-element.elementor-element-s2_img_r video { width:100%; height:100%; object-fit:cover; display:block; border-radius:0 12px 0 0; } .elementor-12 .elementor-element.elementor-element-s2_img_r .elementor-widget-container { padding: 0 !important; height: 100%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s2_img_row */.elementor-12 .elementor-element.elementor-element-s2_img_row { display:grid; grid-template-columns:30fr 38fr 31fr; gap:0; width:100%; align-items:flex-end; } .elementor-12 .elementor-element.elementor-element-s2_img_row > .e-con-inner { display:contents !important; }

/* hg:P3:hpr-s2-gallery — isu prioritas user 2026-10-05 (pengecualian mockup): gallery seimbang kiri-kanan (desktop & mobile) dan auto-slide horizontal di mobile. */
@media (min-width: 768px) {
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_row.elementor-element-s2_img_row.elementor-element-s2_img_row { translate: -48px 0 !important; }
}
@media (max-width: 767px) {
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_row.elementor-element-s2_img_row.elementor-element-s2_img_row { display: flex !important; flex-direction: row !important; align-items: center !important; gap: calc(20px * var(--hg-vw-scale, 1)) !important; width: max-content !important; max-width: none !important; padding: 0 calc(20px * var(--hg-vw-scale, 1)) !important; margin: 0 !important; grid-template-columns: none !important; animation: hg-gal-slide 18s ease-in-out infinite alternate; will-change: transform; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_l.elementor-element-s2_img_l.elementor-element-s2_img_l { width: calc(284px * var(--hg-vw-scale, 1)) !important; flex: 0 0 calc(284px * var(--hg-vw-scale, 1)) !important; margin: 0 !important; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_c.elementor-element-s2_img_c.elementor-element-s2_img_c { width: calc(339px * var(--hg-vw-scale, 1)) !important; flex: 0 0 calc(339px * var(--hg-vw-scale, 1)) !important; margin: 0 !important; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_r.elementor-element-s2_img_r.elementor-element-s2_img_r { width: calc(287px * var(--hg-vw-scale, 1)) !important; flex: 0 0 calc(287px * var(--hg-vw-scale, 1)) !important; margin: 0 !important; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_l video, html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_c video, html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_r video { width: 100% !important; height: auto !important; border-radius: 12px !important; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_r video { aspect-ratio: 1 / 1 !important; }
  @keyframes hg-gal-slide { from { transform: translateX(0); } to { transform: translateX(calc(100vw - 990px * var(--hg-vw-scale, 1))); } }
}
@media (prefers-reduced-motion: reduce) { html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_row.elementor-element-s2_img_row.elementor-element-s2_img_row { animation: none !important; } }

/* hg:P3:hpr-s2-gallery-b — item gallery mobile: batalkan position:absolute & lebar 40px dari aturan lain. */
@media (max-width: 767px) {
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_l.elementor-element-s2_img_l.elementor-element-s2_img_l.elementor-element-s2_img_l { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; translate: none !important; width: calc(284px * var(--hg-vw-scale, 1)) !important; min-width: calc(284px * var(--hg-vw-scale, 1)) !important; max-width: calc(284px * var(--hg-vw-scale, 1)) !important; height: auto !important; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_l.elementor-element-s2_img_l .elementor-widget-container { width: 100% !important; height: auto !important; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_c.elementor-element-s2_img_c.elementor-element-s2_img_c.elementor-element-s2_img_c { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; translate: none !important; width: calc(339px * var(--hg-vw-scale, 1)) !important; min-width: calc(339px * var(--hg-vw-scale, 1)) !important; max-width: calc(339px * var(--hg-vw-scale, 1)) !important; height: auto !important; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_c.elementor-element-s2_img_c .elementor-widget-container { width: 100% !important; height: auto !important; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_r.elementor-element-s2_img_r.elementor-element-s2_img_r.elementor-element-s2_img_r { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; translate: none !important; width: calc(287px * var(--hg-vw-scale, 1)) !important; min-width: calc(287px * var(--hg-vw-scale, 1)) !important; max-width: calc(287px * var(--hg-vw-scale, 1)) !important; height: auto !important; }
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_r.elementor-element-s2_img_r .elementor-widget-container { width: 100% !important; height: auto !important; }
}

/* hg:P5:r12-gal-start — revisi-12 151:3465: slider mobile mulai dari komposisi seimbang (gambar tengah terpusat, kiri & kanan mengintip sama), bukan dari tepi kiri; reduced-motion = komposisi itu statis. */
@media (max-width: 767px) {
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_row.elementor-element-s2_img_row.elementor-element-s2_img_row.elementor-element-s2_img_row { animation-delay: -9s !important; }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_img_row.elementor-element-s2_img_row.elementor-element-s2_img_row.elementor-element-s2_img_row { animation: none !important; transform: translateX(calc(50vw - 493.5px * var(--hg-vw-scale, 1))) !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s2_imgs */.elementor-12 .elementor-element.elementor-element-s2_imgs { width:100%; overflow:hidden; margin-bottom:0; } .elementor-12 .elementor-element.elementor-element-s2_imgs > .e-con-inner { display:contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fc_rcu_ico *//* hg: svg-base */
.elementor-12 .elementor-element.elementor-element-fc_rcu_ico img{display:block}
/* hg: svg-gap */
.elementor-12 .elementor-element.elementor-element-fc_rcu_ico.elementor-element{padding-bottom:8px!important}
@media (max-width:767px){.elementor-12 .elementor-element.elementor-element-fc_rcu_ico.elementor-element{padding-bottom:8px!important}}
@media (max-width:359px){.elementor-12 .elementor-element.elementor-element-fc_rcu_ico.elementor-element{padding-bottom:8px!important}}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fc_rcu_ttl */@media (min-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-fc_rcu_ttl.elementor-element-fc_rcu_ttl h3 { font-size:20px !important; color:#000 !important; font-weight:500 !important; }
}
@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-fc_rcu_ttl.elementor-element-fc_rcu_ttl h3 { font-size:18px !important; color:#000 !important; font-weight:500 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fc_rcu_dsc */.elementor-12 .elementor-element.elementor-element-fc_rcu_dsc { line-height:1.6; margin:0; }
.elementor-12 .elementor-element.elementor-element-fc_rcu_dsc.elementor-element-fc_rcu_dsc { color:#403e3e !important; }
@media (min-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-fc_rcu_dsc.elementor-element-fc_rcu_dsc { font-size:16px !important; }
}
@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-fc_rcu_dsc.elementor-element-fc_rcu_dsc { font-size:14px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc_rcu */.elementor-12 .elementor-element.elementor-element-fc_rcu { border:1px solid rgba(245,158,11,.25); border-radius:16px; padding:1.5rem; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,.04); } .elementor-12 .elementor-element.elementor-element-fc_rcu > .e-con-inner { display:contents !important; }

/* hg:P2:kartu-tengah — isu prioritas user 2026-10-05 (pengecualian mockup): kartu mobile terpusat memakai spacing kanan mockup di kedua sisi. Mobile saja. */
@media (max-width: 767px) {
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-fc_rcu.elementor-element-fc_rcu.elementor-element-fc_rcu,
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-fc_cod.elementor-element-fc_cod.elementor-element-fc_cod,
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-fc_sc.elementor-element-fc_sc.elementor-element-fc_sc { width: calc(324px * var(--hg-vw-scale, 1)) !important; max-width: calc(324px * 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 image, class: .elementor-element-fc_cod_ico *//* hg: svg-base */
.elementor-12 .elementor-element.elementor-element-fc_cod_ico img{display:block}
/* hg: svg-gap */
.elementor-12 .elementor-element.elementor-element-fc_cod_ico.elementor-element{padding-bottom:8px!important}
@media (max-width:767px){.elementor-12 .elementor-element.elementor-element-fc_cod_ico.elementor-element{padding-bottom:8px!important}}
@media (max-width:359px){.elementor-12 .elementor-element.elementor-element-fc_cod_ico.elementor-element{padding-bottom:8px!important}}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fc_cod_ttl */@media (min-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-fc_cod_ttl.elementor-element-fc_cod_ttl h3 { font-size:20px !important; color:#000 !important; font-weight:500 !important; }
}
@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-fc_cod_ttl.elementor-element-fc_cod_ttl h3 { font-size:18px !important; color:#000 !important; font-weight:500 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fc_cod_dsc */.elementor-12 .elementor-element.elementor-element-fc_cod_dsc { line-height:1.6; margin:0; }
.elementor-12 .elementor-element.elementor-element-fc_cod_dsc.elementor-element-fc_cod_dsc { color:#403e3e !important; }
@media (min-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-fc_cod_dsc.elementor-element-fc_cod_dsc { font-size:16px !important; }
}
@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-fc_cod_dsc.elementor-element-fc_cod_dsc { font-size:14px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc_cod */.elementor-12 .elementor-element.elementor-element-fc_cod { border:1px solid rgba(245,158,11,.25); border-radius:16px; padding:1.5rem; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,.04); } .elementor-12 .elementor-element.elementor-element-fc_cod > .e-con-inner { display:contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fc_sc_ico *//* hg: svg-base */
.elementor-12 .elementor-element.elementor-element-fc_sc_ico img{display:block}
/* hg: svg-gap */
.elementor-12 .elementor-element.elementor-element-fc_sc_ico.elementor-element{padding-bottom:8px!important}
@media (max-width:767px){.elementor-12 .elementor-element.elementor-element-fc_sc_ico.elementor-element{padding-bottom:8px!important}}
@media (max-width:359px){.elementor-12 .elementor-element.elementor-element-fc_sc_ico.elementor-element{padding-bottom:8px!important}}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fc_sc_ttl */@media (min-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-fc_sc_ttl.elementor-element-fc_sc_ttl h3 { font-size:20px !important; color:#000 !important; font-weight:500 !important; }
}
@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-fc_sc_ttl.elementor-element-fc_sc_ttl h3 { font-size:18px !important; color:#000 !important; font-weight:500 !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fc_sc_dsc */.elementor-12 .elementor-element.elementor-element-fc_sc_dsc { line-height:1.6; margin:0; }
.elementor-12 .elementor-element.elementor-element-fc_sc_dsc.elementor-element-fc_sc_dsc { color:#403e3e !important; }
@media (min-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-fc_sc_dsc.elementor-element-fc_sc_dsc { font-size:16px !important; }
}
@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-fc_sc_dsc.elementor-element-fc_sc_dsc { font-size:14px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc_sc */.elementor-12 .elementor-element.elementor-element-fc_sc { border:1px solid rgba(245,158,11,.25); border-radius:16px; padding:1.5rem; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,.04); } .elementor-12 .elementor-element.elementor-element-fc_sc > .e-con-inner { display:contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s2_cards */.elementor-12 .elementor-element.elementor-element-s2_cards { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1.5rem; max-width:1200px; margin:0 auto; padding:0 2rem; } .elementor-12 .elementor-element.elementor-element-s2_cards > .e-con-inner { display:contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s2_cards_wrap */.elementor-12 .elementor-element.elementor-element-s2_cards_wrap { width:100%; padding:2.5rem 0 0; } .elementor-12 .elementor-element.elementor-element-s2_cards_wrap > .e-con-inner { display:contents !important; }

/* hg:P2:hpr-s2-kartu-naik — pixel 2026-10-04: kartu fitur S2 desktop 17px lebih rendah dari mockup. Desktop saja. */
@media (min-width: 768px) {
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_cards_wrap.elementor-element-s2_cards_wrap.elementor-element-s2_cards_wrap { margin-top: -17px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s2 */.elementor-12 .elementor-element.elementor-element-s2 { padding:4rem 0 3rem; background:#F1F3F7; overflow:visible; } .elementor-12 .elementor-element.elementor-element-s2 > .e-con-inner { display:contents !important; }
/* hg:P2:hpr-s2-pad — pixel 2026-10-04: judul/subjudul/kartu S2 desktop 17-23px lebih tinggi dari mockup → padding-top 84→101, bawah 57→54 (kartu naik 17, S3 tetap) (menimpa aturan 'html body… .elementor-12 .elementor-element-s2' 84/57). Desktop saja. */
@media (min-width: 768px) {
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2.elementor-element-s2.elementor-element-s2 { padding-top: 101px !important; padding-bottom: 54px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s4_hd_spacer */.elementor-12 .elementor-element.elementor-element-s4_hd_spacer > .e-con-inner { display:contents !important; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-s4_title *//* revisi-13 party-rover mobile: gradient heading follows Figma paint11 */
@media (max-width: 767px) {
  body.service-page--holographic-party-rover [data-id="s4_title"] .title-gradient.title-gradient.title-gradient {
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    text-align: right !important;
    background-image: linear-gradient(90deg,#F1934F,#F1AE11) !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-s4_sub *//* hg:P5:pr-sub-warna — mock #403e3e (tema memaksa #53515a) */
.elementor-12 .elementor-element.elementor-element-s4_sub p, .elementor-12 .elementor-element.elementor-element-s4_sub .service-paragraph { color:#403e3e !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s4_hd_text */.elementor-12 .elementor-element.elementor-element-s4_hd_text { display:flex; flex-direction:column; justify-content:flex-end; }
.elementor-12 .elementor-element.elementor-element-s4_hd_text > .e-con-inner { display:contents !important; }

/* hg:P4:pr-s4-mobile-align-title-and-copy */
@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-s4_hd_text.elementor-element-s4_hd_text.elementor-element-s4_hd_text.e-con.e-con.e-con {
    align-items: stretch !important;
    width: 100% !important;
  }
  .elementor-12 .elementor-element.elementor-element-s4_hd_text.elementor-element-s4_hd_text.elementor-element-s4_hd_text .elementor-element-s4_title.elementor-element-s4_title,
  .elementor-12 .elementor-element.elementor-element-s4_hd_text.elementor-element-s4_hd_text.elementor-element-s4_hd_text .elementor-element-s4_sub.elementor-element-s4_sub {
    align-self: stretch !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }
  .elementor-12 .elementor-element.elementor-element-s4_hd_text.elementor-element-s4_hd_text.elementor-element-s4_hd_text .elementor-element-s4_title .title-gradient.title-gradient.title-gradient {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: right !important;
  }
  .elementor-12 .elementor-element.elementor-element-s4_hd_text.elementor-element-s4_hd_text.elementor-element-s4_hd_text .elementor-element-s4_sub .service-paragraph.service-paragraph {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: right !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s4_hd_row */.elementor-12 .elementor-element.elementor-element-s4_hd_row { display:grid; grid-template-columns:1fr 1fr; gap:0; max-width:1200px; margin:0 auto; padding:0 2rem 2rem; width:100%; } .elementor-12 .elementor-element.elementor-element-s4_hd_row > .e-con-inner { display:contents !important; }

/* hg:P2:hpr-m-s4-hd — mobile pixel 2026-10-04: judul 'The Express Prints' 10px lebih tinggi dari mockup dan strip foto 21px lebih rendah: margin atas +10, bawah -31. Mobile saja. */
@media (max-width: 767px) {
  html body.service-page--holographic-party-rover.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s4_hd_row.elementor-element-s4_hd_row.elementor-element-s4_hd_row { margin-top: 10px !important; margin-bottom: -31px !important; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-s4_l1 */.elementor-12 .elementor-element.elementor-element-s4_l1 img { width:100%; aspect-ratio:600/1800; object-fit:cover; display:block; }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-s4_l1.elementor-element { width:calc(180px * var(--hg-vw-scale, 1)) !important; max-width:none !important; margin:0 0 calc(30px * var(--hg-vw-scale, 1)) 0 !important; } .elementor-12 .elementor-element.elementor-element-s4_l1 img { aspect-ratio:180/542 !important; } }
/* hg:P2:pr-mobile-gap-strip — mock: jarak strip 30/48px (live 47/30) */
@media (max-width: 767px) {
  html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_l1.elementor-element-s4_l1 { margin-bottom:48px !important; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-s4_l2 */.elementor-12 .elementor-element.elementor-element-s4_l2 img { width:100%; aspect-ratio:600/1800; object-fit:cover; display:block; }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-s4_l2.elementor-element { width:calc(180px * var(--hg-vw-scale, 1)) !important; max-width:none !important; margin:0 0 calc(47px * var(--hg-vw-scale, 1)) 0 !important; } .elementor-12 .elementor-element.elementor-element-s4_l2 img { aspect-ratio:180/541 !important; } }
/* hg:P2:pr-mobile-gap-strip — mock: jarak strip 30/48px (live 47/30) */
@media (max-width: 767px) {
  html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_l2.elementor-element-s4_l2 { margin-bottom:30px !important; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-s4_c */.elementor-12 .elementor-element.elementor-element-s4_c img { width:100%; aspect-ratio:590/482; object-fit:cover; display:block; }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-s4_c.elementor-element { width:calc(374px * var(--hg-vw-scale, 1)) !important; max-width:none !important; margin:0 0 calc(48px * var(--hg-vw-scale, 1)) 0 !important; } .elementor-12 .elementor-element.elementor-element-s4_c img { aspect-ratio:374/305 !important; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-s4_r */.elementor-12 .elementor-element.elementor-element-s4_r img { width:100%; aspect-ratio:3/2; object-fit:cover; display:block; }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-s4_r.elementor-element { width:calc(374px * var(--hg-vw-scale, 1)) !important; max-width:none !important; margin:0 !important; } .elementor-12 .elementor-element.elementor-element-s4_r img { aspect-ratio:374/249 !important; } }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-s4_r.elementor-element img { height:calc(249px * var(--hg-vw-scale, 1)) !important; aspect-ratio:auto !important; object-fit:cover !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s4_img_grid */.elementor-12 .elementor-element.elementor-element-s4_img_grid { display:grid !important; grid-template-columns:1fr 1fr 2.58fr 2.67fr !important; gap:0 !important; width:100% !important; align-items:flex-end !important; position:relative; z-index:1; }
/* hg:lm-pr-m mobile: susunan vertikal, strip 180px di tengah, foto 374px (mockup 440) */
@media (max-width:767px){.elementor-12 .elementor-element.elementor-element-s4_img_grid.e-con.e-con{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;padding:0!important}}
@media (max-width:767px){.elementor-12 .elementor-element.elementor-element-s4_img_grid.e-con.e-con>.e-con-inner{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;gap:0!important;width:100%!important}}
/* hg:component:party-rover-express-marquee */
@keyframes hg-pr-express-prints-loop{to{transform:translateX(-100%)}}
@media(min-width:769px){.elementor-12 .elementor-element.elementor-element-s4_img_grid{animation:hg-pr-express-prints-loop 32s linear infinite;will-change:transform}}
@media(max-width:768px){
.elementor-12 .elementor-element.elementor-element-s4_img_grid.e-con.e-con.e-con{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:0!important;padding:0!important;margin:0!important;width:calc(1234px * var(--hg-vw-scale,1))!important;min-width:calc(1234px * var(--hg-vw-scale,1))!important;max-width:none!important;height:calc(542px * var(--hg-vw-scale,1))!important;animation:hg-pr-express-prints-loop 28s linear infinite!important;will-change:transform}
.elementor-12 .elementor-element.elementor-element-s4_img_grid.e-con.e-con.e-con>.e-con-inner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:0!important;width:max-content!important;min-width:max-content!important;max-width:none!important;height:100%!important}
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid.elementor-element-s4_img_grid .elementor-element-s4_l1{position:relative!important;inset:auto!important;display:block!important;flex:0 0 auto!important;width:calc(180px * var(--hg-vw-scale,1))!important;max-width:none!important;height:auto!important;margin:0 calc(48px * var(--hg-vw-scale,1)) 0 0!important}
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid.elementor-element-s4_img_grid .elementor-element-s4_l2{position:relative!important;inset:auto!important;display:block!important;flex:0 0 auto!important;width:calc(180px * var(--hg-vw-scale,1))!important;max-width:none!important;height:auto!important;margin:0 calc(30px * var(--hg-vw-scale,1)) 0 0!important}
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid.elementor-element-s4_img_grid .elementor-element-s4_c{position:relative!important;inset:auto!important;display:block!important;flex:0 0 auto!important;width:calc(374px * var(--hg-vw-scale,1))!important;max-width:none!important;height:auto!important;margin:0 calc(48px * var(--hg-vw-scale,1)) 0 0!important}
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid.elementor-element-s4_img_grid .elementor-element-s4_r{position:relative!important;inset:auto!important;display:block!important;flex:0 0 auto!important;width:calc(374px * var(--hg-vw-scale,1))!important;max-width:none!important;height:calc(249px * var(--hg-vw-scale,1))!important;margin:0!important}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0a50cee */.elementor-12 .elementor-element.elementor-element-0a50cee img{width:100%;aspect-ratio:600/1800;object-fit:cover;display:block}
@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-0a50cee.elementor-element{width:calc(180px * var(--hg-vw-scale,1))!important;max-width:none!important;margin:0 0 calc(30px * var(--hg-vw-scale,1)) 0!important}.elementor-12 .elementor-element.elementor-element-0a50cee img{aspect-ratio:180/542!important}}
/* hg:P2:pr-mobile-gap-strip */
@media(max-width:767px){html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_l1.elementor-element-s4_l1{margin-bottom:48px!important}}
@media(max-width:768px){.elementor-12 .elementor-element.elementor-element-0a50cee.elementor-element{position:relative!important;inset:auto!important;flex:0 0 auto!important;margin:0 calc(48px * var(--hg-vw-scale,1)) 0 0!important}}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-08a01c0 */.elementor-12 .elementor-element.elementor-element-08a01c0 img{width:100%;aspect-ratio:600/1800;object-fit:cover;display:block}
@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-08a01c0.elementor-element{width:calc(180px * var(--hg-vw-scale,1))!important;max-width:none!important;margin:0 0 calc(47px * var(--hg-vw-scale,1)) 0!important}.elementor-12 .elementor-element.elementor-element-08a01c0 img{aspect-ratio:180/541!important}}
/* hg:P2:pr-mobile-gap-strip */
@media(max-width:767px){html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_l2.elementor-element-s4_l2{margin-bottom:30px!important}}
@media(max-width:768px){.elementor-12 .elementor-element.elementor-element-08a01c0.elementor-element{position:relative!important;inset:auto!important;flex:0 0 auto!important;margin:0 calc(30px * var(--hg-vw-scale,1)) 0 0!important}}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf77cb7 */.elementor-12 .elementor-element.elementor-element-cf77cb7 img { width:100%; aspect-ratio:590/482; object-fit:cover; display:block; }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-cf77cb7.elementor-element { width:calc(374px * var(--hg-vw-scale, 1)) !important; max-width:none !important; margin:0 0 calc(48px * var(--hg-vw-scale, 1)) 0 !important; } .elementor-12 .elementor-element.elementor-element-cf77cb7 img { aspect-ratio:374/305 !important; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c9418a */.elementor-12 .elementor-element.elementor-element-1c9418a img { width:100%; aspect-ratio:360/384; object-fit:cover; display:block; }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-1c9418a.elementor-element { width:calc(374px * var(--hg-vw-scale, 1)) !important; max-width:none !important; margin:0 !important; } .elementor-12 .elementor-element.elementor-element-1c9418a img { aspect-ratio:374/249 !important; } }
@media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-1c9418a.elementor-element img { height:calc(249px * var(--hg-vw-scale, 1)) !important; aspect-ratio:auto !important; object-fit:cover !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cf1c89 */.elementor-12 .elementor-element.elementor-element-2cf1c89 { display:grid !important; grid-template-columns:1fr 1fr 2.58fr 2.67fr !important; gap:0 !important; width:100% !important; align-items:flex-end !important; position:relative; z-index:1; }
/* hg:lm-pr-m mobile: susunan vertikal, strip 180px di tengah, foto 374px (mockup 440) */
@media (max-width:767px){.elementor-12 .elementor-element.elementor-element-2cf1c89.e-con.e-con{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;padding:0!important}}
@media (max-width:767px){.elementor-12 .elementor-element.elementor-element-2cf1c89.e-con.e-con>.e-con-inner{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;gap:0!important;width:100%!important}}
/* hg:component:party-rover-express-marquee-copy */
@keyframes hg-pr-express-prints-loop{to{transform:translateX(-100%)}}
@media(min-width:769px){
.elementor-12 .elementor-element.elementor-element-2cf1c89{position:absolute!important;left:1653px!important;top:0!important;display:block!important;width:1686px!important;max-width:none!important;height:700px!important;margin:0!important;z-index:1;animation:hg-pr-express-prints-loop 32s linear infinite;will-change:transform}
.elementor-12 .elementor-element.elementor-element-2cf1c89 .elementor-element-0a50cee{position:absolute!important;left:262px!important;bottom:0!important;width:214px!important;margin:0!important}
.elementor-12 .elementor-element.elementor-element-2cf1c89 .elementor-element-08a01c0{position:absolute!important;left:0!important;bottom:0!important;width:213px!important;margin:0!important}
.elementor-12 .elementor-element.elementor-element-2cf1c89 .elementor-element-cf77cb7{position:absolute!important;left:519px!important;bottom:106px!important;width:550px!important;margin:0!important}
.elementor-12 .elementor-element.elementor-element-2cf1c89 .elementor-element-1c9418a{position:absolute!important;left:1118px!important;bottom:106px!important;width:568px!important;margin:0!important}
}
@media(max-width:768px){
.elementor-12 .elementor-element.elementor-element-2cf1c89.e-con.e-con.e-con{position:absolute!important;left:calc(1234px * var(--hg-vw-scale,1))!important;top:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:0!important;padding:0!important;margin:0!important;width:calc(1234px * var(--hg-vw-scale,1))!important;min-width:calc(1234px * var(--hg-vw-scale,1))!important;max-width:none!important;height:calc(542px * var(--hg-vw-scale,1))!important;animation:hg-pr-express-prints-loop 28s linear infinite!important;will-change:transform}
.elementor-12 .elementor-element.elementor-element-2cf1c89.e-con.e-con.e-con>.e-con-inner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:0!important;width:max-content!important;min-width:max-content!important;max-width:none!important;height:100%!important}
.elementor-12 .elementor-element.elementor-element-2cf1c89 .elementor-element-0a50cee{position:relative!important;inset:auto!important;width:calc(180px * var(--hg-vw-scale,1))!important;margin:0 calc(48px * var(--hg-vw-scale,1)) 0 0!important;flex:0 0 auto!important}
.elementor-12 .elementor-element.elementor-element-2cf1c89 .elementor-element-08a01c0{position:relative!important;inset:auto!important;width:calc(180px * var(--hg-vw-scale,1))!important;margin:0 calc(30px * var(--hg-vw-scale,1)) 0 0!important;flex:0 0 auto!important}
.elementor-12 .elementor-element.elementor-element-2cf1c89 .elementor-element-cf77cb7{position:relative!important;inset:auto!important;width:calc(374px * var(--hg-vw-scale,1))!important;margin:0 calc(48px * var(--hg-vw-scale,1)) 0 0!important;flex:0 0 auto!important}
.elementor-12 .elementor-element.elementor-element-2cf1c89 .elementor-element-1c9418a{position:relative!important;inset:auto!important;width:calc(374px * var(--hg-vw-scale,1))!important;height:calc(249px * var(--hg-vw-scale,1))!important;margin:0!important;flex:0 0 auto!important}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s4_imgs */.elementor-12 .elementor-element.elementor-element-s4_imgs { width:100%; overflow:hidden; position:relative; } .elementor-12 .elementor-element.elementor-element-s4_imgs > .e-con-inner { display:contents !important; }


/* Express Prints image row (s4_l1/s4_l2/s4_c/s4_r) is constrained to the page's boxed content width (~1200-1280px); mockup's 4 images sum to ~1545px and bleed past both viewport edges (matches the fr-ratio in s4_img_grid, which is already correctly calibrated to mockup's proportions — only the overall width was wrong). */
@media (min-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-s4_imgs { width: var(--hg-page-w, 100vw) !important; max-width: var(--hg-page-w, 100vw) !important; margin-left: calc(50% - calc(var(--hg-page-w, 100vw) / 2)) !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-s4 */.elementor-12 .elementor-element.elementor-element-s4 { padding:3rem 0 0; background:#fff; overflow:hidden; } .elementor-12 .elementor-element.elementor-element-s4 > .e-con-inner { display:contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494ed99b *//* hg: social-var */
.elementor-12 .elementor-element.elementor-element-494ed99b{--hg-social-t:195.4px;--hg-social-pb:76px;--hg-social-bg:#FFFFFF;--hg-social-tm:36.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-root */.service-page--holographic-party-rover .section-contact--override-heading .contact-info-title--single-line {
  font-size: var(--text-2xl);
  line-height: 1.3;
}



/* Holographic Prints gallery (Elementor s2_imgs). The saved Elementor
   widgets point to two unrelated photos. Rebuild the strip from the exact
   image sources and coordinates embedded in the supplied Party Rove SVGs. */
body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_imgs {
  position: relative !important;
  left: 50%;
  width: var(--hg-page-w, 100vw) !important;
  max-width: var(--hg-page-w, 100vw) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  transform: translateX(-50%);
}



body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_imgs>.e-con-inner,
body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_row>.e-con-inner {
  display: contents !important;
}



body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_row {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform-origin: top left;
}



body.service-page--holographic-party-rover .service-hpr-sec-2 :is(.elementor-element-s2_img_l,
  .elementor-element-s2_img_c,
  .elementor-element-s2_img_r) {
  position: absolute !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 10px !important;
  overflow: hidden;
}



body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_l {
  background-image: url('../../../themes/holograil/assets/uploads/ui_svg/extracted_5caa06b3.webp');
}



body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_c {
  background-image: url('../../../themes/holograil/assets/uploads/ui_svg/extracted_f36b6584.webp');
  box-shadow: 6px 4px 14px rgba(0, 0, 0, 0.14);
}



body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_r {
  background-image: url('../../../themes/holograil/assets/uploads/ui_svg/extracted_28726f58.webp');
}



body.service-page--holographic-party-rover .service-hpr-sec-2 :is(.elementor-element-s2_img_l,
  .elementor-element-s2_img_c,
  .elementor-element-s2_img_r) img,
body.service-page--holographic-party-rover .service-hpr-sec-2 :is(.elementor-element-s2_img_l,
  .elementor-element-s2_img_c,
  .elementor-element-s2_img_r) video {
  visibility: hidden !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}



@media (min-width: 768px) {

  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_imgs {
    height: calc(547 * var(--hg-page-w, 100vw) / 1440);
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_row {
    width: 1440px !important;
    max-width: none !important;
    height: 547px !important;
    transform: scale(calc(var(--hg-page-w, 100vw) / 1440px));
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_row::before {
    content: '';
    position: absolute;
    left: -367px;
    top: 179px;
    width: 372px;
    height: 372px;
    background: url('../../../themes/holograil/assets/uploads/ui_svg/extracted_4416b845.webp') center / cover no-repeat;
    border-radius: 10px;
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_l {
    left: 30px !important;
    top: 108px !important;
    width: 434px !important;
    height: 442px !important;
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_c {
    left: 489px !important;
    top: 0 !important;
    width: 547px !important;
    height: 547px !important;
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_r {
    left: 1065px !important;
    top: 110px !important;
    width: 441px !important;
    height: 441px !important;
  }
}



@media (max-width: 767px) {

  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_imgs {
    height: calc(339 * 100vw / 440);
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_row {
    width: 440px !important;
    max-width: none !important;
    height: 339px !important;
    transform: scale(calc(100vw / 440px));
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_row::before {
    content: none;
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_l {
    left: -282px !important;
    top: 51px !important;
    width: 284px !important;
    height: 288px !important;
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_c {
    left: 37px !important;
    top: 0 !important;
    width: 339px !important;
    height: 339px !important;
  }



  body.service-page--holographic-party-rover .service-hpr-sec-2 .elementor-element-s2_img_r {
    left: 403px !important;
    top: 52px !important;
    width: 287px !important;
    height: 287px !important;
  }
}



/* "The Holographic Prints" feature cards (Roving Camera Unit / Custom
   Overlay Design / Supporting Crew). Mockup shows the same --gradient-cta
   two-tone border used elsewhere on the site (currently a near-invisible
   flat rgba(245,158,11,0.25) border) and center-aligned icon/title/copy
   (currently left-aligned, inherited from Elementor's generic e-con
   defaults). */
body.service-page--holographic-party-rover .elementor-element-fc_rcu,
body.service-page--holographic-party-rover .elementor-element-fc_cod,
body.service-page--holographic-party-rover .elementor-element-fc_sc {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  border: 1px solid transparent !important;
  background: linear-gradient(#fff, #fff) padding-box,
    var(--gradient-cta) border-box !important;
}



body.service-page--holographic-party-rover .elementor-element-fc_rcu_ico,
body.service-page--holographic-party-rover .elementor-element-fc_cod_ico,
body.service-page--holographic-party-rover .elementor-element-fc_sc_ico {
  display: flex !important;
  justify-content: center;
}



/* Card icons: "Custom Overlay Design" is authored with a star icon; the
   mockup shows a stacked-layers icon (matching the equivalent card on the
   Luggage Tag / Holographic Photo Booth pages). Roving Camera Unit and
   Supporting Crew already match the mockup's camera / two-people icons. */
body.service-page--holographic-party-rover .elementor-element-fc_cod_ico svg {
  display: none !important;
}


/* "The Express Prints" image grid (s4_img_grid) + its gradient accent bar
   (s4_gradient): the bar is authored with a fixed inline height:220px,
   sized for the desktop image row (~580px tall). The row's height shrinks
   at narrower viewports (the grid columns are fr-based and the tall side
   images shrink with them), but the fixed-height bar doesn't shrink with
   it -- at tablet/mobile widths it ends up covering most or all of the
   image row instead of sitting as a slim accent along the bottom, exactly
   as it does on desktop (measured ~38% of the row's height there). Make it
   track the row proportionally instead of a fixed pixel value. */
body.service-page--holographic-party-rover .elementor-element-s4_gradient div {
  height: 38% !important;
}



@media (max-width: 767px) {

  /* Party Rove_Mobile.svg centers "The Express Prints" heading + paragraph
     as a single column. Live kept the desktop 2-column grid (an empty
     s4_hd_spacer beside the text column), pushing the heading into the
     right half of the viewport with a blank gap on the left — the spacer
     has no content at any viewport, it's a pure desktop layout device. */
  body.service-page--holographic-party-rover .elementor-element-s4_hd_row {
    display: block !important;
  }



  body.service-page--holographic-party-rover .elementor-element-s4_hd_spacer {
    display: none !important;
  }



  body.service-page--holographic-party-rover .elementor-element-s4_hd_text {
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
  }



  body.service-page--holographic-party-rover .elementor-element-s4_sub {
    max-width: none !important;
    margin-inline: auto !important;
  }



  /* The actual 4-image row is elementor-element-s4_img_grid (a CSS Grid,
     grid-template-columns:1fr 1fr 2.58fr 2.67fr on desktop) — not s4 itself
     (the whole section, heading included). That grid was left as-is at
     mobile widths, just squeezing all 4 tracks down proportionally to
     ~23-55px wide thumbnails. Party Rove_Mobile.svg instead stacks these:
     s4_l1/s4_l2 (narrow+tall, matching aspect-ratio:213/640 already set)
     centered at ~41% width, then s4_c/s4_r (wider+short) at ~85% width —
     each keeping its own correct aspect ratio, not a uniform-width column.
     Setting width on the grid ITEMS alone doesn't work: a percentage width
     on a grid item resolves against its own (still tiny) track, not the
     viewport — the container itself has to stop being a 4-column grid. */
  body.service-page--holographic-party-rover .elementor-element-s4_img_grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
  }



  body.service-page--holographic-party-rover .elementor-element-s4_l1,
  body.service-page--holographic-party-rover .elementor-element-s4_l2 {
    width: 41% !important;
    height: auto !important;
    margin: 0 !important;
  }



  body.service-page--holographic-party-rover .elementor-element-s4_c,
  body.service-page--holographic-party-rover .elementor-element-s4_r {
    width: 85% !important;
    height: auto !important;
    margin: 0 !important;
  }



  body.service-page--holographic-party-rover .elementor-element-s4_img_grid img {
    width: 100% !important;
    height: auto !important;
    position: static !important;
  }



  body.service-page--holographic-party-rover .elementor-element-s4_gradient {
    display: none !important;
  }
}
/* hg:P4:gradien — Services_Holographic Party Rove.svg: judul hero "Party Rover" 3 titik #F26AAA→#F28C5E→#F1AE11, tag "Bringing the Fun to You!"
   2 titik #F1AE11→#F26AAA, "The Holographic Prints" & "The Express Prints" 3 titik pink→oranye. Party Rove_Mobile.svg: hero 2 titik pink→oranye,
   tag oranye→pink, dua judul section 3 titik. Live: hero solid #f28482, tag solid oranye, judul section default oranye→pink. */
/* gradien di span pembungkus (inline, selebar teks) — bukan di h2 blok yang selebar kolom */
body.service-page--holographic-party-rover .hpr-intro-title :is(.hpr-desktop-intro, .hpr-mobile-intro) { background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.service-page--holographic-party-rover .hpr-intro-title :is(.hpr-desktop-intro, .hpr-mobile-intro) em { background: none !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.service-page--holographic-party-rover .hpr-intro-tag.hpr-intro-tag { width: fit-content !important; margin-left: auto !important; margin-right: auto !important; background-image: linear-gradient(90deg, #F1AE11, #F26AAA) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.service-page--holographic-party-rover [data-id="s2_title"] .title-gradient.title-gradient, body.service-page--holographic-party-rover [data-id="s4_title"] .title-gradient.title-gradient { background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; }
@media (max-width: 767px) {
  body.service-page--holographic-party-rover .hpr-intro-title .hpr-mobile-intro { background-image: linear-gradient(90deg, #F26AAA, #F1AE11) !important; }
}
/* hg:P5:kartu — svg-path desktop & mobile: stroke 2px gradien VERTIKAL #F1AE11→#F26AAA rx 9 → tepi luar 10 (live 1px --gradient-cta horizontal). */
body.service-page--holographic-party-rover .hpr-feature-cards :is(.elementor-element-fc_rcu, .elementor-element-fc_cod, .elementor-element-fc_sc).e-con.e-con {
  border: 2px solid transparent !important; border-radius: 10px !important;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #F1AE11 0%, #F26AAA 100%) border-box !important;
}
/* hg:P4:kartu-judul-center — mock: judul kartu tengah (mockup center), live rata kiri */
body.service-page--holographic-party-rover .elementor-element-fc_rcu_ttl .elementor-heading-title,
body.service-page--holographic-party-rover .elementor-element-fc_cod_ttl .elementor-heading-title,
body.service-page--holographic-party-rover .elementor-element-fc_sc_ttl .elementor-heading-title { text-align: center !important; }
/* hg:P4:kartu-font — mock: judul kartu 17px/regular (live 16px/bold) */
body.service-page--holographic-party-rover .elementor-element-fc_rcu_ttl .elementor-heading-title,
body.service-page--holographic-party-rover .elementor-element-fc_cod_ttl .elementor-heading-title,
body.service-page--holographic-party-rover .elementor-element-fc_sc_ttl .elementor-heading-title { font-size: 17px !important; font-weight: 500 !important; }
/* hg:P2:s2-sub-lebar — mock: sub S2 2 baris (live 3 baris karena s2_hd max-width 760) */
@media (min-width: 768px) {
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_hd.elementor-element-s2_hd { max-width: 920px !important; }
html body.service-page--holographic-party-rover .elementor-element-s2_sub.elementor-element-s2_sub p, html body.service-page--holographic-party-rover .elementor-element-s2_sub.elementor-element-s2_sub .service-paragraph { width: 680px !important; max-width: 680px !important; }
}
/* hg:P2:s2-pad-atas — mock: judul S2 15px lebih atas */
@media (min-width: 768px) {
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2.elementor-element-s2 { padding-top: 84px !important; }
}
/* hg:P2:s2-kartu-grid — mock 1440: kartu 359x250, gap 55, x 148..1337 (live 327x200 gap 29, x 200); jarak media→kartu 110 (live 28) */
@media (min-width: 768px) {
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_cards_wrap.elementor-element-s2_cards_wrap { padding-top: 135px !important; }
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_cards.elementor-element-s2_cards { width: 1189px !important; max-width: 1189px !important; gap: 55px !important; margin-left: -52px !important; margin-right: 0 !important; }
html body.service-page--holographic-party-rover .elementor-12 .elementor-element-s2_cards > .e-con-inner > .elementor-element.e-con { height: 250px !important; min-height: 250px !important; }
}
/* hg:P3:s4-r-native — express-yichin-zhihao.webp (360x384) = potongan 1:1 dari mock (kotak 568 terpotong tepi viewport 1440): kotak 568x379, gambar native di kiri */
@media (min-width: 768px) {
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid .elementor-element-s4_r.elementor-element-s4_r img { height: 379px !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: left top !important; object-view-box: inset(21px 0 0 5px) !important; box-shadow: none !important; filter: drop-shadow(0 20px 20px rgba(0,0,0,.2)) !important; }
/* hg:P3:s4-c-crop — asset 590x482 membawa margin putih (kiri 23, atas 42); mock memotongnya */
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid .elementor-element-s4_c.elementor-element-s4_c { overflow: hidden !important; box-shadow: 0 20px 40px rgba(0,0,0,.2) !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid .elementor-element-s4_c.elementor-element-s4_c img { height: 449px !important; aspect-ratio: 550 / 449 !important; object-fit: cover !important; object-view-box: inset(42px 2px 0 23px) !important; box-shadow: none !important; }
}
/* hg:P4:s4-sub-center — mock: sub S4 rata tengah 2 baris (lebar ±620), judul tetap rata kanan */
@media (min-width: 768px) {
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_sub.elementor-element-s4_sub,
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_sub.elementor-element-s4_sub * { text-align: center !important; max-width: none !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_hd_text .elementor-element-s4_sub.elementor-element-s4_sub { width: 640px !important; align-self: flex-start !important; margin-left: -117px !important; margin-right: 0 !important; }
}
/* hg:P2:s4-jarak — mock 1440: kartu→judul S4 −200 (S2 padding-bawah 157→57, S4 padding-atas 150→50); band gradien 255 (live 380); strip -45 dari dasar band; foto tengah/kanan bawah 152 */
@media (min-width: 768px) {
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2.elementor-element-s2 { padding-bottom: 57px !important; background: linear-gradient(to bottom, #f1f3f7 calc(100% - 262px), #fff calc(100% - 262px)) !important; }
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s4.elementor-element-s4 { padding-top: 122px !important; background: #fff !important; background-image: none !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_gradient.elementor-element-s4_gradient { height: 255px !important; background: none !important; }
html body.service-page--holographic-party-rover .elementor-element-s4_gradient.elementor-element-s4_gradient div { height: 100% !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid.elementor-element-s4_img_grid { margin-top: -12px !important; }
html body.service-page--holographic-party-rover .elementor-12 .elementor-element-s4 .elementor-element-s4_imgs.elementor-element-s4_imgs { margin-top: -70px !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_title.elementor-element-s4_title { margin-bottom: 14px !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid .elementor-element-s4_l1.elementor-element-s4_l1, html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid .elementor-element-s4_l2.elementor-element-s4_l2 { bottom: 45px !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid .elementor-element-s4_c.elementor-element-s4_c, html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid .elementor-element-s4_r.elementor-element-s4_r { bottom: 152px !important; }
}
/* hg:P3:s2-kartu-isi — mock 1440: ikon kartu ±52px (live 26), ikon bintang Custom Overlay tidak ada (mock hanya layers; rule tema .hpr-feature-cards .elementor-widget-html svg menang atas display:none), isi kartu rata tengah lebar ±262 (live 318, 3 baris vs 4), padding-atas 38 */
@media (min-width: 768px) {
html body.service-page--holographic-party-rover .elementor-12 .elementor-element-s2_cards .elementor-element.e-con.elementor-element.e-con { padding-top: 40px !important; }
html body.service-page--holographic-party-rover .elementor-element-fc_rcu_ico.elementor-element-fc_rcu_ico svg, html body.service-page--holographic-party-rover .elementor-element-fc_sc_ico.elementor-element-fc_sc_ico svg { width: 46px !important; height: 46px !important; }
html body.service-page--holographic-party-rover .elementor-element-fc_cod_ico.elementor-element-fc_cod_ico svg { display: none !important; }
html body.service-page--holographic-party-rover :is(.elementor-element-fc_rcu_dsc, .elementor-element-fc_cod_dsc, .elementor-element-fc_sc_dsc).elementor-element { width: 262px !important; max-width: 262px !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
html body.service-page--holographic-party-rover :is(.elementor-element-fc_rcu_dsc, .elementor-element-fc_cod_dsc, .elementor-element-fc_sc_dsc) .elementor-heading-title { text-align: center !important; }
}
@media (min-width: 768px) {
html body.service-page--holographic-party-rover :is(.elementor-element-fc_rcu_dsc, .elementor-element-fc_cod_dsc, .elementor-element-fc_sc_dsc).elementor-element .elementor-heading-title { font-size: 16px !important; line-height: 24px !important; }
}
/* hg:P2:mobile-s2-kartu — mock 440: kartu 311x238 bertumpuk (gap 33, x 71) di area putih; abu S2 berakhir 40 di atas kartu; ikon 44, isi tengah 14/20 (live: kartu 400 lebar, rata kiri, bintang+layers) */
@media (max-width: 767px) {
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_cards_wrap.elementor-element-s2_cards_wrap { padding-top: calc(133px * var(--hg-vw-scale, 1)) !important; }
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_cards.elementor-element-s2_cards { flex-direction: column !important; align-items: flex-start !important; gap: calc(33px * var(--hg-vw-scale, 1)) !important; }
html body.service-page--holographic-party-rover .elementor-12 .elementor-element-s2_cards > .e-con-inner > .elementor-element.e-con { width: calc(311px * var(--hg-vw-scale, 1)) !important; max-width: none !important; height: calc(238px * var(--hg-vw-scale, 1)) !important; margin-left: calc(51px * var(--hg-vw-scale, 1)) !important; padding-top: calc(36px * var(--hg-vw-scale, 1)) !important; }
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2.elementor-element-s2 { background: linear-gradient(to bottom, #f1f3f7 calc(100% - 844px * var(--hg-vw-scale, 1)), #fff calc(100% - 844px * var(--hg-vw-scale, 1))) !important; }
html body.service-page--holographic-party-rover .elementor-element-fc_rcu_ico.elementor-element-fc_rcu_ico svg, html body.service-page--holographic-party-rover .elementor-element-fc_sc_ico.elementor-element-fc_sc_ico svg { width: 44px !important; height: 44px !important; }
html body.service-page--holographic-party-rover .elementor-element-fc_cod_ico.elementor-element-fc_cod_ico svg { display: none !important; }
html body.service-page--holographic-party-rover :is(.elementor-element-fc_rcu_dsc, .elementor-element-fc_cod_dsc, .elementor-element-fc_sc_dsc).elementor-element { width: 222px !important; max-width: none !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
html body.service-page--holographic-party-rover :is(.elementor-element-fc_rcu_dsc, .elementor-element-fc_cod_dsc, .elementor-element-fc_sc_dsc).elementor-element .elementor-heading-title { text-align: center !important; font-size: 14px !important; line-height: 20px !important; }
}
/* hg:P2:mobile-s4 — mock 440: judul/sub kanan di x 382, sub 18/24; strip&foto tetap; band horizontal pink→kuning mulai 143 di bawah puncak grid sampai dasar (live: gradien vertikal tema); foto tengah dipotong margin putih asset */
@media (max-width: 767px) {
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s4.elementor-element-s4 { padding-top: 70px !important; background: #fff !important; background-image: none !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_gradient.elementor-element-s4_gradient { display: none !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid.elementor-element-s4_img_grid { background: linear-gradient(90deg, #f26aaa, #f1ae11) left bottom / 100% calc(100% - 143px * var(--hg-vw-scale, 1)) no-repeat !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_hd_text.elementor-element-s4_hd_text { padding-right: calc(26px * var(--hg-vw-scale, 1)) !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_sub.elementor-element-s4_sub p, html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_sub.elementor-element-s4_sub .service-paragraph { font-size: 18px !important; line-height: 24px !important; max-width: min(300px, 92%) !important; width: min(300px, 92%) !important; text-align: right !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid .elementor-element-s4_c.elementor-element-s4_c img { height: auto !important; aspect-ratio: 550 / 449 !important; object-fit: cover !important; object-view-box: inset(42px 2px 0 23px) !important; }
}
@media (max-width: 767px) {
html body.service-page--holographic-party-rover .elementor-12 .elementor-element-s2_cards > .e-con-inner > .elementor-element.e-con { justify-content: center !important; padding-top: 0 !important; padding-bottom: 0 !important; }
html body.service-page--holographic-party-rover .elementor-element-fc_cod_dsc.elementor-element { width: 250px !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_sub.elementor-element-s4_sub p, html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_sub.elementor-element-s4_sub .service-paragraph { margin-left: auto !important; margin-right: -20px !important; }
}
/* hg:P2:mobile-s4-urutan — mock 440: strip hijau (l2) di atas strip gelap (l1); jarak sub→strip +19 */
@media (max-width: 767px) {
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_img_grid .elementor-element-s4_l2.elementor-element-s4_l2 { order: -1 !important; }
html body.service-page--holographic-party-rover .elementor-element-s4 .elementor-element-s4_hd_row.elementor-element-s4_hd_row { padding-bottom: calc(51px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P4:mobile-s1-s2-teks — mock 440: hero 317 (live 277) dan blok teks +56; judul 24px, tagline 18px, intro 18/18 lebar ±300; S2 judul 25px, sub 18/24 lebar 340 (live 20/14/15.2/14) */
@media (max-width: 767px) {
html body.service-page--holographic-party-rover .service-hpr-sec-1.service-hpr-sec-1::before { height: calc(247px * var(--hg-vw-scale, 1)) !important; }
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.service-hpr-sec-1.service-hpr-sec-1 { padding-top: calc(282px * var(--hg-vw-scale, 1)) !important; }
html body.service-page--holographic-party-rover .elementor-element-s1_intro .hpr-mobile-intro { font-size: 24px !important; line-height: 28px !important; }
html body.service-page--holographic-party-rover .hpr-intro-tag.hpr-intro-tag { font-size: 18px !important; line-height: 24px !important; }
html body.service-page--holographic-party-rover .elementor-element-s1_desc.elementor-element-s1_desc .elementor-heading-title { font-size: 18px !important; line-height: 18px !important; max-width: 300px !important; margin-left: auto !important; margin-right: auto !important; }
html body.service-page--holographic-party-rover .elementor-element-s2_title.elementor-element-s2_title .service-heading { font-size: 25px !important; line-height: 30px !important; }
html body.service-page--holographic-party-rover .elementor-element-s2_sub.elementor-element-s2_sub p, html body.service-page--holographic-party-rover .elementor-element-s2_sub.elementor-element-s2_sub .service-paragraph { font-size: 18px !important; line-height: 24px !important; max-width: none !important; width: 340px !important; }
html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_hd.elementor-element-s2_hd, html body.service-page--holographic-party-rover .elementor-12 .elementor-element.elementor-element-s2_hd.elementor-element-s2_hd > .e-con-inner { width: calc(360px * var(--hg-vw-scale, 1)) !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } /* r12: lebar blok judul/sub S2 ikut skala (mock 440: judul 1 baris, sub 3 baris lebar 340) */
}
@media (max-width: 767px) {
html body.service-page--holographic-party-rover .elementor-element-s2_sub.elementor-element-s2_sub p, html body.service-page--holographic-party-rover .elementor-element-s2_sub.elementor-element-s2_sub .service-paragraph { margin-left: auto !important; margin-right: auto !important; }
}
/* hg:fc-cod-top-align */
/* Mobile: kartu Custom Overlay Design (deskripsi lebih pendek) kontennya terpusat vertikal → ikon 20px lebih rendah dari kartu lain. Rata atas, offset = posisi ikon kartu lain. */
@media (max-width: 767px) {
  html body.service-page--holographic-party-rover .elementor-12 .elementor-element-s2_cards > .e-con-inner > .elementor-element.elementor-element-fc_cod.elementor-element-fc_cod.e-con.e-con.e-con { justify-content: flex-start !important; padding-top: calc(38px * var(--hg-vw-scale, 1)) !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-breakpoints */.elementor-12 .elementor-element.elementor-element-breakpoints { display:none; }
/* hg: html-style bp_css */
/* S2 asymmetric images ? 2-col on mobile, hide right */
@media(max-width:899px){
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-2 [id="s2_img_row"] {
    grid-template-columns: 1fr 1fr !important;
  }
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-2 [id="s2_img_r"] { display:none; }
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-2 [id="s2_img_c"] { margin-top:0 !important; }
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-2 [id="s2_img_c"] img { border-radius:0 12px 0 0 !important; }
  /* feature cards ? 1-col on mobile */
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-2 .hpr-feature-cards {
    grid-template-columns: 1fr !important;
  }
}
/* S4 image grid ? 2-col on mobile */
@media(max-width:899px){
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-4 [id="s4_img_grid"] {
    grid-template-columns: 1fr 1fr !important;
  }
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-4 [id="s4_c"],
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-4 [id="s4_r"] {
    margin-top: 0 !important;
    grid-column: span 1;
  }
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-4 [id="s4_hd_row"] {
    grid-template-columns: 1fr !important;
  }
  :where(html:not(.hg-page-zoom)) .service-hpr-sec-4 [id="s4_hd_spacer"] { display:none !important; }
}/* End custom CSS */