.elementor-89 .elementor-element.elementor-element-0e721ab7{--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-89 .elementor-element.elementor-element-11c6d376{--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-89 .elementor-element.elementor-element-36d120f4{--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-89 .elementor-element.elementor-element-1b651b98{--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-89 .elementor-element.elementor-element-1b651b98.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-89 .elementor-element.elementor-element-e28709dd{--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-89 .elementor-element.elementor-element-3e32fc0e{--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-89 .elementor-element.elementor-element-3e32fc0e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-89 .elementor-element.elementor-element-79606610{--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-89 .elementor-element.elementor-element-5156ffb3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-89 .elementor-element.elementor-element-e02f8a0a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-89 .elementor-element.elementor-element-66f30b8c{--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;}.elementor-89 .elementor-element.elementor-element-2469f9b0{--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-89 .elementor-element.elementor-element-e35b81b0{--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-89 .elementor-element.elementor-element-banner_fullwidth_container{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-new_banner_img.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-89 .elementor-element.elementor-element-new_banner_img .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-89 .elementor-element.elementor-element-955dd1cd{--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-89 .elementor-element.elementor-element-3a335f14{--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:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-new_place_img_col{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-89 .elementor-element.elementor-element-b496633{width:var( --container-widget-width, 306.4px );max-width:306.4px;--e-transform-rotateZ:-5.69deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:306.4px;--container-widget-flex-grow:0;top:16.4px;z-index:2;}body:not(.rtl) .elementor-89 .elementor-element.elementor-element-b496633{left:150.1px;}body.rtl .elementor-89 .elementor-element.elementor-element-b496633{right:150.1px;}.elementor-89 .elementor-element.elementor-element-b496633 img{width:100%;height:209.5px;}.elementor-89 .elementor-element.elementor-element-new_place_img{width:var( --container-widget-width, 508px );max-width:508px;--e-transform-rotateZ:0deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:508px;--container-widget-flex-grow:0;top:59px;z-index:1;}body:not(.rtl) .elementor-89 .elementor-element.elementor-element-new_place_img{left:822px;}body.rtl .elementor-89 .elementor-element.elementor-element-new_place_img{right:822px;}.elementor-89 .elementor-element.elementor-element-new_place_img .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-89 .elementor-element.elementor-element-2835202{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-1898f42{text-align:start;}.elementor-89 .elementor-element.elementor-element-1898f42 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;line-height:24px;color:#000000;}.elementor-89 .elementor-element.elementor-element-ee1c8e1{text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:#403E3E;}.elementor-89 .elementor-element.elementor-element-9284d17{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-49bee40{width:var( --container-widget-width, 306.4px );max-width:306.4px;--e-transform-rotateZ:13.1deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:306.4px;--container-widget-flex-grow:0;top:274.1px;z-index:4;}body:not(.rtl) .elementor-89 .elementor-element.elementor-element-49bee40{left:766.2px;}body.rtl .elementor-89 .elementor-element.elementor-element-49bee40{right:766.2px;}.elementor-89 .elementor-element.elementor-element-49bee40 img{width:100%;height:209.5px;}.elementor-89 .elementor-element.elementor-element-dab3cfb{width:var( --container-widget-width, 471.9px );max-width:471.9px;--e-transform-rotateZ:14.08deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:471.9px;--container-widget-flex-grow:0;top:358.6px;z-index:3;}body:not(.rtl) .elementor-89 .elementor-element.elementor-element-dab3cfb{left:773.3px;}body.rtl .elementor-89 .elementor-element.elementor-element-dab3cfb{right:773.3px;}.elementor-89 .elementor-element.elementor-element-dab3cfb .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-89 .elementor-element.elementor-element-new_place_text_col{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-new_place_title{font-family:"Inter", Sans-serif;font-size:35px;font-weight:500;line-height:46.8px;color:#000000;}.elementor-89 .elementor-element.elementor-element-9ecbcdba{--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-89 .elementor-element.elementor-element-de9ea0a2{--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-89 .elementor-element.elementor-element-204333ae{--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-89 .elementor-element.elementor-element-37a2b13d{--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-89 .elementor-element.elementor-element-5c709393{--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-89 .elementor-element.elementor-element-5c709393.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-89 .elementor-element.elementor-element-e4ddbb12{--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-89 .elementor-element.elementor-element-e4ddbb12.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-89 .elementor-element.elementor-element-5a86da27{--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-89 .elementor-element.elementor-element-5a86da27.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-89 .elementor-element.elementor-element-new_card_4{--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-89 .elementor-element.elementor-element-new_card_4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-89 .elementor-element.elementor-element-74f4e529{--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-89 .elementor-element.elementor-element-hgcwrap89{--display:flex;--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-89 .elementor-element.elementor-element-hgig89{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-89 .elementor-element.elementor-element-hgcwrap89{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-89 .elementor-element.elementor-element-3a335f14{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-new_place_img_col{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-b496633{--e-transform-rotateZ:-5.7deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:calc(188.2px * var(--hg-vw-scale, 1));--container-widget-flex-grow:0;width:var( --container-widget-width, calc(188.2px * var(--hg-vw-scale, 1)) );max-width:calc(188.2px * var(--hg-vw-scale, 1));top:calc(0px * var(--hg-vw-scale, 1));}body:not(.rtl) .elementor-89 .elementor-element.elementor-element-b496633{left:calc(10.2px * var(--hg-vw-scale, 1));}body.rtl .elementor-89 .elementor-element.elementor-element-b496633{right:calc(10.2px * var(--hg-vw-scale, 1));}.elementor-89 .elementor-element.elementor-element-b496633 img{height:calc(128.7px * var(--hg-vw-scale, 1));}.elementor-89 .elementor-element.elementor-element-new_place_img{--e-transform-rotateZ:0deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:calc(363px * var(--hg-vw-scale, 1));--container-widget-flex-grow:0;width:var( --container-widget-width, calc(363px * var(--hg-vw-scale, 1)) );max-width:calc(363px * var(--hg-vw-scale, 1));top:calc(347px * var(--hg-vw-scale, 1));}body:not(.rtl) .elementor-89 .elementor-element.elementor-element-new_place_img{left:calc(39px * var(--hg-vw-scale, 1));}body.rtl .elementor-89 .elementor-element.elementor-element-new_place_img{right:calc(39px * var(--hg-vw-scale, 1));}.elementor-89 .elementor-element.elementor-element-1898f42 .elementor-heading-title{font-size:16px;line-height:20px;}.elementor-89 .elementor-element.elementor-element-ee1c8e1{font-size:14px;line-height:18px;}.elementor-89 .elementor-element.elementor-element-9284d17{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-49bee40{--e-transform-rotateZ:7.92deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:calc(188.2px * var(--hg-vw-scale, 1));--container-widget-flex-grow:0;width:var( --container-widget-width, calc(188.2px * var(--hg-vw-scale, 1)) );max-width:calc(188.2px * var(--hg-vw-scale, 1));top:calc(12.4px * var(--hg-vw-scale, 1));}body:not(.rtl) .elementor-89 .elementor-element.elementor-element-49bee40{left:calc(59.8px * var(--hg-vw-scale, 1));}body.rtl .elementor-89 .elementor-element.elementor-element-49bee40{right:calc(59.8px * var(--hg-vw-scale, 1));}.elementor-89 .elementor-element.elementor-element-49bee40 img{height:calc(128.7px * var(--hg-vw-scale, 1));}.elementor-89 .elementor-element.elementor-element-dab3cfb{--e-transform-rotateZ:8.9deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:calc(288.9px * var(--hg-vw-scale, 1));--container-widget-flex-grow:0;width:var( --container-widget-width, calc(288.9px * var(--hg-vw-scale, 1)) );max-width:calc(288.9px * var(--hg-vw-scale, 1));top:calc(58.6px * var(--hg-vw-scale, 1));}body:not(.rtl) .elementor-89 .elementor-element.elementor-element-dab3cfb{left:calc(82.8px * var(--hg-vw-scale, 1));}body.rtl .elementor-89 .elementor-element.elementor-element-dab3cfb{right:calc(82.8px * var(--hg-vw-scale, 1));}.elementor-89 .elementor-element.elementor-element-new_place_text_col{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-89 .elementor-element.elementor-element-new_place_title{font-size:25px;line-height:30px;}.elementor-89 .elementor-element.elementor-element-hgcwrap89{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for heading, class: .elementor-element-ea6fe14d */.elementor-89 .elementor-element.elementor-element-ea6fe14d { color:var(--text-muted); font-size:1.05rem; line-height:1.6; margin-bottom:1.5rem; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5540088b */.elementor-89 .elementor-element.elementor-element-5540088b { border-radius:var(--radius-btn); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b651b98 */.elementor-89 .elementor-element.elementor-element-1b651b98 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-89 .elementor-element.elementor-element-1b651b98 { display:flex; flex-direction:column; justify-content:center; } .elementor-89 .elementor-element.elementor-element-1b651b98 > .e-con-inner { display: contents !important; }
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  .elementor-89 .elementor-element.elementor-element-1b651b98 { position: relative !important; left: -7.5px !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="37b31823"] h1.title-gradient.title-gradient { background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="84d1b0b6"] h2 span { font-size: 30px !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="ea6fe14d"] .elementor-heading-title { font-size: 22px !important; line-height: 24px !important; }
}
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="37b31823"] h1.title-gradient.title-gradient { background-image: linear-gradient(90deg, var(--color-pink), var(--color-orange)) !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="ea6fe14d"] { width: 330px !important; max-width: 330px !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="ea6fe14d"] .elementor-heading-title { line-height: 18px !important; }
}
.elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="84d1b0b6"] .sticker-gradient-text { background-image: linear-gradient(90deg, var(--color-orange), var(--color-pink)) !important; }

@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="37b31823"] { margin-top: calc(6px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="84d1b0b6"] { margin-top: calc(-4px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="ea6fe14d"] { margin-top: calc(-4px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="e28709dd"] { margin-top: calc(-5px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="84d1b0b6"], .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="84d1b0b6"] * { white-space: nowrap !important; }
}

@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="37b31823"] { margin-top: 41px !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="84d1b0b6"] { margin-top: 12px !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="ea6fe14d"] { margin-top: 28px !important; width: 540px !important; max-width: 540px !important; }
}

@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  .elementor-89 .elementor-element.elementor-element-1b651b98 { justify-content: flex-start !important; align-self: start !important; margin-top: 121px !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="e28709dd"] { margin-top: 20px !important; margin-left: -10px !important; }
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="5540088b"] a.elementor-button { width: 146px !important; padding-left: 0 !important; padding-right: 0 !important; justify-content: center !important; }
}

@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="5540088b"] a.elementor-button { width: calc(146px * var(--hg-vw-scale, 1)) !important; }
}

/* KOREKSI 2026-09-27 (kategori B): width:146px+padding:0+centering di atas (desktop) menghasilkan
   padding visual ~21.7px tiap sisi (146-102.6px teks)/2, mockup minta ~24-26px. Ganti ke padding
   eksplisit + lepas width tetap supaya konsisten dgn tombol lain di situs. */
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="5540088b"] a.elementor-button { width: auto !important; padding-left: 25px !important; padding-right: 25px !important; }
}
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ { .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="5540088b"] { width: 160px !important; } .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="5540088b"] a.elementor-button { width: 160px !important; box-sizing: border-box !important; padding-left: 30px !important; padding-right: 30px !important; justify-content: center !important; } } @media (max-width: 767px) { .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="5540088b"] { width: 160px !important; } .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="5540088b"] a.elementor-button { width: 160px !important; box-sizing: border-box !important; padding-left: 30px !important; padding-right: 30px !important; justify-content: center !important; } }
/* hg:P5:hero-btn — tombol hero mockup 146x40 (PNG desktop 180..325 x 645..684; mobile 144..290 x 810..849); live 160x49 (padding 18/15 tema + blok lebar 160 lama). Raw px: tombol ada di dalam widget ber-zoom. */
.elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="5540088b"] { width: 146px !important; }
.elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="5540088b"] a.elementor-button { width: 146px !important; box-sizing: border-box !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 0 !important; padding-right: 0 !important; justify-content: center !important; }
/* hg:P4:hero-para — desktop: paragraf 2 mockup memenggal 'water bottle / or anywhere' (baris 515 muat, +' or' 545 tidak) -> lebar 540->530; mobile: font mockup ~18px (live 15,2; lebar glyph 8.8 vs 7.35 px/char), lh 18 tetap */
@media (min-width: 768px) { .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="ea6fe14d"] { width: 530px !important; max-width: 530px !important; } }
@media (max-width: 767px) { .elementor-89 .elementor-element.elementor-element-1b651b98 [data-id="ea6fe14d"] .elementor-heading-title { font-size: 18px !important; } }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-5156ffb3 *//* hg:P1:hero-video GIF->mp4 (Figma 4cd30a29ef4a/0b3294e2f054) padanan aturan img */
.elementor-89 .elementor-element.elementor-element-5156ffb3 { --width: initial; width:299px; --container-widget-width: initial; flex-grow:0; flex-shrink:0; }
.elementor-89 .elementor-element.elementor-element-5156ffb3.elementor-widget-video .elementor-wrapper.e-hosted-video { width:100% !important; border-radius:10px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.12); }
.elementor-89 .elementor-element.elementor-element-5156ffb3.elementor-widget-video .elementor-wrapper.e-hosted-video video.elementor-video { width:100% !important; height:auto !important; aspect-ratio:299 / 461 !important; object-fit:cover !important; object-position:38% 0 !important; display:block; }
@media (max-width: 767px) { .elementor-89 .elementor-element.elementor-element-5156ffb3 { width:200px; } }
/* hg:P5:video-bayangan — kartu hero sticker: bayangan seperti mockup */
html body.service-page--holographic-sticker.service-page--holographic-sticker .elementor-89 .elementor-element.elementor-element-5156ffb3.elementor-element-5156ffb3.elementor-element-5156ffb3 { box-shadow: 4px 6px 10px rgba(0,0,0,0.22) !important; border-radius: 10px !important; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-e02f8a0a *//* hg:P1:hero-video GIF->mp4 (Figma 4cd30a29ef4a/0b3294e2f054) padanan aturan img */
.elementor-89 .elementor-element.elementor-element-e02f8a0a { --width: initial; width:300px; --container-widget-width: initial; flex-grow:0; flex-shrink:0; }
.elementor-89 .elementor-element.elementor-element-e02f8a0a.elementor-widget-video .elementor-wrapper.e-hosted-video { width:100% !important; border-radius:10px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.12); }
.elementor-89 .elementor-element.elementor-element-e02f8a0a.elementor-widget-video .elementor-wrapper.e-hosted-video video.elementor-video { width:100% !important; height:auto !important; aspect-ratio:300 / 424 !important; object-fit:cover !important; object-position:19% 0 !important; display:block; }
@media (max-width: 767px) { .elementor-89 .elementor-element.elementor-element-e02f8a0a { width:205px; } }
/* hg:P5:video-bayangan — kartu hero sticker: bayangan seperti mockup */
html body.service-page--holographic-sticker.service-page--holographic-sticker .elementor-89 .elementor-element.elementor-element-e02f8a0a.elementor-element-e02f8a0a.elementor-element-e02f8a0a { box-shadow: 3px 5px 9px rgba(0,0,0,0.20) !important; border-radius: 10px !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79606610 */.elementor-89 .elementor-element.elementor-element-79606610 { display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; align-items:end; } .elementor-89 .elementor-element.elementor-element-79606610 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-79606610.e-con.e-con { transform: translateX(-50%) scale(var(--hg-vw-scale, 1)) !important; transform-origin: top center !important; height: calc(437px * var(--hg-vw-scale, 1)) !important; min-height: calc(437px * var(--hg-vw-scale, 1)) !important; max-height: calc(437px * var(--hg-vw-scale, 1)) !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e32fc0e */.elementor-89 .elementor-element.elementor-element-3e32fc0e { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-89 .elementor-element.elementor-element-3e32fc0e { width:100%; } .elementor-89 .elementor-element.elementor-element-3e32fc0e > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-3e32fc0e { margin-top: 0 !important; }
}

@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-3e32fc0e.e-con.e-con { height: calc(437px * var(--hg-vw-scale, 1)) !important; min-height: calc(437px * var(--hg-vw-scale, 1)) !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36d120f4 */.elementor-89 .elementor-element.elementor-element-36d120f4 { display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; } .elementor-89 .elementor-element.elementor-element-36d120f4 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11c6d376 */.elementor-89 .elementor-element.elementor-element-11c6d376 { padding:4rem 0; background:#fff; } .elementor-89 .elementor-element.elementor-element-11c6d376 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-11c6d376 { padding-bottom: 0 !important; }
}
/* hg:P2:hero-pad-desktop — desktop: seluruh isi hero +60 (header +8): padding-atas 64->12 (-52), padding-bawah 64->51 (-13: S2 judul sejajar mockup) */
@media (min-width: 768px) { .elementor-89 .elementor-element.elementor-element-11c6d376 { padding-top: 12px !important; padding-bottom: 51px !important; } }
/* hg:P5:cl-hero-img-radius — radius foto hero 10px (mockup), bukan 14px */
[data-id="5156ffb3"] img, [data-id="e02f8a0a"] img { border-radius: 10px !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-aa4ad66a */.elementor-89 .elementor-element.elementor-element-aa4ad66a { color:var(--text-muted); font-size:1.05rem; line-height:1.6; max-width:460px !important; margin-bottom:24px; }
/* hg:P2:fan-para-w — desktop: paragraf intro mockup lebar 662 (x389..1050) 3 baris; live max-width 460 -> 6 baris menutup banner */
@media (min-width: 768px) { .elementor-89 .elementor-element.elementor-element-aa4ad66a { max-width: 700px !important; width: 700px !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e35b81b0 */.elementor-89 .elementor-element.elementor-element-e35b81b0 { margin-bottom:0; padding-bottom:0; } .elementor-89 .elementor-element.elementor-element-e35b81b0 > .e-con-inner { display: contents !important; }
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="c8a1e923"] h2 { font-size: 35px !important; background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; }
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="c8a1e923"] h2 span { font-weight: 500 !important; }
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="aa4ad66a"] .elementor-heading-title { font-size: 22px !important; line-height: 24px !important; }
}
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="c8a1e923"], .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="c8a1e923"] h2 { text-align: left !important; }
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="c8a1e923"] h2 { font-size: 25px !important; text-transform: capitalize !important; }
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="c8a1e923"] h2 span { font-weight: 500 !important; }
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="aa4ad66a"], .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="aa4ad66a"] .elementor-heading-title { text-align: left !important; font-size: 18px !important; line-height: 25px !important; }
  .elementor-89 .elementor-element.elementor-element-e35b81b0 br.hg-br-d { display: none !important; }
}

@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="c8a1e923"], .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="aa4ad66a"] { padding-left: calc(66px - 26px / var(--hg-vw-scale, 1)) !important; padding-right: calc(66px - 26px / var(--hg-vw-scale, 1)) !important; }
}

.elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="c8a1e923"] h2 span:last-child { font-family: var(--font-serif) !important; font-style: normal !important; }

@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="aa4ad66a"] { margin-top: 6px !important; }
}
/* hg:P4:fan-para-mobile — mobile: pemenggalan baris 2 mockup 'Move it,' (lebar teks 304 -> 316), jarak judul->paragraf 23 vs 26 */
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-e35b81b0 [data-id="aa4ad66a"] { padding-right: calc(58px - 26px / var(--hg-vw-scale, 1)) !important; margin-top: -3px !important; }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-new_banner_img *//* hg:P1:img->video (NEW media) */

.elementor-89 .elementor-element.elementor-element-new_banner_img .elementor-wrapper.e-hosted-video { overflow:hidden; line-height:0; border-radius:inherit; }
.elementor-89 .elementor-element.elementor-element-new_banner_img video.elementor-video { display:block; object-fit:cover; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-banner_fullwidth_container *//* hg:P2:holo-sticker-banner-spacing */
@media (max-width:767px) { .elementor-89 .elementor-element.elementor-element-banner_fullwidth_container { margin-top:calc(-5px * var(--hg-vw-scale,1)) !important; } }
@media (min-width:768px) { .elementor-89 .elementor-element.elementor-element-banner_fullwidth_container { margin-top:-55px !important; } }
@media (min-width:768px) { .elementor-89 .elementor-element.elementor-element-banner_fullwidth_container { margin-top:5px !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66f30b8c *//* hg:P2:holo-sticker-intro-spacing */
.elementor-89 .elementor-element.elementor-element-66f30b8c { padding:5rem 0; background:var(--bg-light,#fafafa); }
.elementor-89 .elementor-element.elementor-element-66f30b8c > .e-con-inner { display:contents !important; }
@media (max-width:767px) {
  .elementor-89 .elementor-element.elementor-element-66f30b8c { background:#fff !important; padding-top:calc(81px * var(--hg-vw-scale,1)) !important; }
}
@media (min-width:768px) { .elementor-89 .elementor-element.elementor-element-66f30b8c { padding-top:98px !important; } }
.elementor-89 .elementor-element.elementor-element-66f30b8c { background-color:#fff !important; background-image:none !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b496633 *//* hg:P1:S3-klip-1 — klip kertas (paperclip.webp 604x413, mockup rect 306.4x209.5 / mobile 188.2x128.7, gambar diregangkan penuh) */
.elementor-89 .elementor-element.elementor-element-b496633 img { display:block; max-width:none !important; box-shadow:none !important; border-radius:0 !important; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-new_place_img *//* hg:P3:holo-sticker-place-photo */
.elementor-89 .elementor-element.elementor-element-new_place_img { height:526px; }
@media (max-width: 767px) { .elementor-89 .elementor-element.elementor-element-new_place_img { height:calc(346px * var(--hg-vw-scale, 1)); } }
.elementor-89 .elementor-element.elementor-element-new_place_img > .elementor-widget-container, .elementor-89 .elementor-element.elementor-element-new_place_img .elementor-wrapper.e-hosted-video { width:100% !important; height:100% !important; }
.elementor-89 .elementor-element.elementor-element-new_place_img .elementor-wrapper.e-hosted-video { overflow:hidden; line-height:0; aspect-ratio:auto !important; border-radius:10px; box-shadow:none !important; }
@media (max-width: 767px) { .elementor-89 .elementor-element.elementor-element-new_place_img .elementor-wrapper.e-hosted-video { border-radius:calc(10px * var(--hg-vw-scale, 1)); } }
.elementor-89 .elementor-element.elementor-element-new_place_img video.elementor-video { width:100% !important; height:100% !important; aspect-ratio:auto !important; object-fit:cover !important; object-position:50% 50% !important; display:block; }
.elementor-89 .elementor-element.elementor-element-new_place_img.elementor-widget-video { transform:rotate(var(--e-transform-rotateZ, 0deg)) !important; }
.elementor-89 .elementor-element.elementor-element-new_place_img.elementor-widget-video > .elementor-widget-container { transform:none !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49bee40 *//* hg:P1:S3-klip-2 — klip kertas (paperclip.webp 604x413, mockup rect 306.4x209.5 / mobile 188.2x128.7, gambar diregangkan penuh) */
.elementor-89 .elementor-element.elementor-element-49bee40 img { display:block; max-width:none !important; box-shadow:none !important; border-radius:0 !important; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-dab3cfb *//* hg:P1:S3-kartu-2 — kartu video miring (mockup rect 471.9x697.7 rx10 / mobile 288.9x429.7); video cover tengah (pattern image1 1080x1920 dipusatkan) */
.elementor-89 .elementor-element.elementor-element-dab3cfb { height:697.7px; }
@media (max-width: 767px) { .elementor-89 .elementor-element.elementor-element-dab3cfb { height:calc(429.7px * var(--hg-vw-scale, 1)); } }
.elementor-89 .elementor-element.elementor-element-dab3cfb > .elementor-widget-container, .elementor-89 .elementor-element.elementor-element-dab3cfb .elementor-wrapper.e-hosted-video { width:100% !important; height:100% !important; }
.elementor-89 .elementor-element.elementor-element-dab3cfb .elementor-wrapper.e-hosted-video { overflow:hidden; line-height:0; aspect-ratio:auto !important; border-radius:10px; box-shadow:none !important; }
@media (max-width: 767px) { .elementor-89 .elementor-element.elementor-element-dab3cfb .elementor-wrapper.e-hosted-video { border-radius:calc(10px * var(--hg-vw-scale, 1)); } }
.elementor-89 .elementor-element.elementor-element-dab3cfb video.elementor-video { width:100% !important; height:100% !important; aspect-ratio:auto !important; object-fit:cover !important; object-position:50% 50% !important; display:block; }
/* hg:P1:S3-rotasi — widget-video.min.css memaksa transform:translateZ(0) pada widget video; pakai lagi nilai kontrol native Rotate (--e-transform-rotateZ) */
.elementor-89 .elementor-element.elementor-element-dab3cfb.elementor-widget-video, .elementor-89 .elementor-element.elementor-element-dab3cfb.elementor-widget-video > .elementor-widget-container { transform: rotate(var(--e-transform-rotateZ, 0deg)) !important; }
.elementor-89 .elementor-element.elementor-element-dab3cfb.elementor-widget-video > .elementor-widget-container { transform: none !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a335f14 *//* hg:P2:holo-sticker-s3-layout */
.elementor-89 .elementor-element.elementor-element-3a335f14 > .e-con-inner { display:contents !important; }
@media (min-width:768px) {
  .elementor-89 .elementor-element.elementor-element-3a335f14.e-con { display:block !important; position:relative !important; width:1440px !important; max-width:none !important; height:668px !important; margin:0 auto !important; padding:0 !important; left:auto !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_img_col"] { display:contents !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="2835202"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="9284d17"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="b496633"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="49bee40"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="dab3cfb"] { display:none !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_text_col"] { position:absolute !important; left:160px !important; top:189px !important; width:520px !important; max-width:none !important; margin:0 !important; padding:0 !important; }
}
@media (max-width:767px) {
  .elementor-89 .elementor-element.elementor-element-3a335f14.e-con { display:block !important; position:relative !important; width:calc(440px * var(--hg-vw-scale,1)) !important; max-width:none !important; height:calc(753px * var(--hg-vw-scale,1)) !important; margin:0 auto !important; padding:0 !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_img_col"] { display:contents !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="2835202"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="9284d17"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="b496633"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="49bee40"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="dab3cfb"] { display:none !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_text_col"] { position:absolute !important; left:calc(54px * var(--hg-vw-scale,1)) !important; top:calc(64px * var(--hg-vw-scale,1)) !important; width:calc(332px * var(--hg-vw-scale,1)) !important; max-width:none !important; margin:0 !important; padding:0 !important; }
}
.elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_text_col"] { align-items:flex-start !important; gap:0 !important; row-gap:0 !important; }
.elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_title"] { margin:0 0 28px !important; text-align:left !important; }
.elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_title"] h2 { font-size:35px !important; line-height:46.8px !important; }
.elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_p1"] { margin:0 0 25px !important; text-align:left !important; }
.elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_p2"] { margin:0 !important; text-align:left !important; }
.elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_title"] *, .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_p1"] *, .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_p2"] * { text-align:left !important; }
@media (min-width:768px) { .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_p1"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_p2"] { font-size:22px !important; line-height:25px !important; } }
@media (max-width:767px) {
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_title"] { margin-bottom:10px !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_title"] h2 { font-size:25px !important; line-height:30px !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_p1"], .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_p2"] { font-size:18px !important; line-height:25px !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_p1"] { margin-bottom:25px !important; }
  .elementor-89 .elementor-element.elementor-element-3a335f14 br.hg-br-d { display:none !important; }
}
/* hg:P4:holo-sticker-place-gradient */
.elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_title"] .font-sans, .elementor-89 .elementor-element.elementor-element-3a335f14 [data-id="new_place_title"] .font-serif { background-image:linear-gradient(90deg,#F26AAA 0%,#F28C5E 50%,#F1AE11 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-955dd1cd *//* hg:P2:holo-sticker-place-section */
.elementor-89 .elementor-element.elementor-element-955dd1cd { padding:0 !important; background:#fff !important; }
.elementor-89 .elementor-element.elementor-element-955dd1cd > .e-con-inner { display:contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c709393 */.elementor-89 .elementor-element.elementor-element-5c709393 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-89 .elementor-element.elementor-element-5c709393 { border:1px solid rgba(245,158,11,0.25); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-89 .elementor-element.elementor-element-5c709393 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4ddbb12 */.elementor-89 .elementor-element.elementor-element-e4ddbb12 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-89 .elementor-element.elementor-element-e4ddbb12 { border:1px solid rgba(245,158,11,0.25); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-89 .elementor-element.elementor-element-e4ddbb12 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a86da27 */.elementor-89 .elementor-element.elementor-element-5a86da27 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-89 .elementor-element.elementor-element-5a86da27 { border:1px solid rgba(245,158,11,0.25); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-89 .elementor-element.elementor-element-5a86da27 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-new_card_4 */.elementor-89 .elementor-element.elementor-element-new_card_4 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-89 .elementor-element.elementor-element-new_card_4 { border:1px solid rgba(245,158,11,0.25); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-89 .elementor-element.elementor-element-new_card_4 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37a2b13d */.elementor-89 .elementor-element.elementor-element-37a2b13d { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; } .elementor-89 .elementor-element.elementor-element-37a2b13d > .e-con-inner { display: contents !important; }
.elementor-89 .elementor-element.elementor-element-37a2b13d { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; } .elementor-89 .elementor-element.elementor-element-37a2b13d > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-37a2b13d { padding-left: calc(27px * var(--hg-vw-scale, 1)) !important; padding-right: calc(30px * var(--hg-vw-scale, 1)) !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ecbcdba *//* hg:P2:pkg-mobile — mobile (mockup 440, section mulai 2188): judul ink +83 (live +139): pt 95->39; ujung 75 (live 126): pb 105->54; judul 25px; intro 18/24 #403e3e tanpa <br>; kartu pad 20, ikon 36, lh desk 20, jarak 33, shadow kecil */
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-9ecbcdba { padding-top: calc(39px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(54px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="f03110b2"] h2 { font-size: 25px !important; line-height: 30px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba br.hg-br-d { display: none !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] p { font-size: 18px !important; line-height: 24px !important; color: #403e3e !important; text-align: center !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="37a2b13d"] { row-gap: calc(33px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="5c709393"] { margin-bottom: calc(13px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid > .e-con-inner > .e-con { padding: calc(20px * var(--hg-vw-scale, 1)) calc(32px * var(--hg-vw-scale, 1)) calc(28px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid i { width: calc(36px * var(--hg-vw-scale, 1)) !important; height: calc(36px * var(--hg-vw-scale, 1)) !important; display: block !important; margin: 0 auto !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid .elementor-widget-html { line-height: 0 !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid .elementor-widget-text-editor { font-size: 20px !important; margin-top: 20px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid .elementor-widget-heading .elementor-heading-title { font-size: 16px !important; line-height: 20px !important; margin-top: 6px !important; }
}
/* hg:P5:pkg-shadow — kartu: shadow mockup ~0 2 4 .08 (live 0 4 20 .05) */
.elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid > .e-con-inner > .e-con { box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important; }
/* hg:P2:pkg-desktop — desktop (mockup): judul x95 (live 102) y rel 112 (126); intro 3 baris rata kanan lh24 ujung x1311; kartu 331 lebar gap 15 x39..1408 */
@media (min-width: 768px) {
  .elementor-89 .elementor-element.elementor-element-9ecbcdba { padding-top: 79px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="f03110b2"] { translate: -116px 0 !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] { width: 470px !important; max-width: 470px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] p { line-height: 24px !important; text-align: right !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="37a2b13d"] { width: 1389px !important; margin-left: -171px !important; gap: 15px !important; column-gap: 15px !important; }
}
/* hg:P2:pkg-fix2-mobile — mobile: intro lebar 352 (mockup baris 1 346), judul->intro 21 (live 47), intro->kartu 72, tinggi kartu per-mockup 209/195/192/242 */
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] { margin-left: -2px !important; margin-right: -2px !important; margin-top: -26px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="204333ae"] { margin-bottom: calc(39px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="5c709393"] { padding-bottom: calc(31px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="e4ddbb12"] { padding-bottom: calc(17px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="5a86da27"] { padding-bottom: calc(14px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_card_4"] { padding-bottom: calc(24px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P2:pkg-fix2-desktop — desktop: judul rel +112 (translate y 22), intro ujung kanan x1311 & ink rel 117 (translate), kartu padding 17/36 (213 tinggi, teks 256 lebar) */
@media (min-width: 768px) {
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="f03110b2"] { translate: -116px 22px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] { translate: 82.6px 46px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid > .e-con-inner > .e-con { padding: 17px 36px !important; }
}
/* hg:P2:pkg-fix3-mobile — mobile: lebar intro 352 eksplisit (margin saja tak melebarkan widget), pad-bottom kartu per-id (spesifisitas > aturan .e-con grid) */
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] { width: 352px !important; max-width: none !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid > .e-con-inner > [data-id="5c709393"] { padding-bottom: calc(31px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid > .e-con-inner > [data-id="e4ddbb12"] { padding-bottom: calc(17px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid > .e-con-inner > [data-id="5a86da27"] { padding-bottom: calc(14px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid > .e-con-inner > [data-id="new_card_4"] { padding-bottom: calc(24px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P4:pkg-fix4-intro — mobile: glyph live ~2% lebih lebar dari mockup; lebar intro 358 (baris 1 'Everything … unforgettable' muat, 'to' baris 2 tidak) */
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] { width: 358px !important; margin-left: -5px !important; margin-right: -5px !important; }
}
/* hg:P4:pkg-fix5-intro — lebar 354 (baris 1 ink 351, baris 2 + 'to' 356) */
@media (max-width: 767px) {
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] { width: 354px !important; margin-left: -3px !important; margin-right: -3px !important; }
}
/* hg:P5:pkg-icon-scale — ikon ink mockup 36-38 (live 32 pada kotak 36): scale 1.17 tanpa ubah layout */
.elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid i { transform: scale(1.17); }
/* hg:P6:pkg-320 — <440 saja (440 tetap): kartu pad-x 20*skala agar judul 'Unlimited Instant Prints' tak terlipat; intro sedikit lebih lebar agar 4 baris */
@media (max-width: 439px) {
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid > .e-con-inner > .e-con { padding-left: calc(20px * var(--hg-vw-scale, 1)) !important; padding-right: calc(20px * var(--hg-vw-scale, 1)) !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] { width: 366px !important; margin-left: -9px !important; margin-right: -9px !important; }
}
/* hg:P2:pkg-cards-desktop2 — desktop (border kartu mockup y rel 234, tinggi 220, ikon ink +27, judul ink +91, deskripsi +124, bawah 36): grid turun 17; pad kartu 26/36/4; judul +6; deskripsi +3 */
@media (min-width: 768px) {
  .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="37a2b13d"] { margin-top: 17px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid > .e-con-inner > .e-con { padding: 26px 36px 4px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid .elementor-widget-text-editor { margin-top: 6px !important; }
  .elementor-89 .elementor-element.elementor-element-9ecbcdba .service-hsticker-package-grid .elementor-widget-heading .elementor-heading-title { margin-top: 3px !important; }
}

/* hg:P4:holo-sticker-package-copy */
@media (min-width:768px) { .elementor-89 .elementor-element.elementor-element-9ecbcdba [data-id="new_pkg_desc"] p { text-align:center !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e721ab7 *//* Holographic Sticker Service Page Styles */

.sticker-gradient-text {
    background: linear-gradient(90deg, #FBB03B 0%, #F15A24 50%, #F04873 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}



/* 1. Hero Section */
.service-hsticker-sec-1 {
    padding: 80px 0;
}



/* Mockup runs the headline gradient pink -> orange (opposite direction of
   the shared .title-gradient utility, which goes orange -> pink), so it
   reads as a continuous flow into the orange .sticker-gradient-text below it. */
.service-hsticker-sec-1 h1.title-gradient {
    background: linear-gradient(90deg, #F04873 0%, #F15A24 50%, #FBB03B 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}



.service-hsticker-sec-1 .service-split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}



.service-holographic-sticker-hero-images {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
}



.service-holographic-sticker-hero-images img {
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    border: none;
    width: 48%;
    max-width: 300px;
    object-fit: cover;
    transform: none !important;
}



/* Golden Voyage (Front, Left) */
.service-holographic-sticker-hero-images img:nth-child(1) {
    z-index: 2;
    margin-right: -5%;
    margin-top: 0;
}



/* The Wedding Edition (Back, Right, Slightly Lower) */
.service-holographic-sticker-hero-images img:nth-child(2) {
    z-index: 1;
    margin-top: 10%;
}



/* 2. Banner Section */
.service-hsticker-fan {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 0 !important;
}



.service-hsticker-fan .e-con,
.service-hsticker-fan .e-con-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



.service-hsticker-fan .service-title {
    margin-bottom: 20px;
}



.service-hsticker-fan .service-paragraph {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}



.service-holographic-sticker-banner {
    width: 100%;
    margin-top: 60px;
}



.service-holographic-sticker-banner img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}



/* 3. Place it Anywhere Section */
.service-hsticker-place-anywhere {
    padding: 100px 0;
}



.service-hsticker-place-anywhere .service-split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}



.service-hsticker-place-anywhere .service-split-media img {
    border-radius: 20px;
    width: 100%;
    height: auto;
    object-fit: cover;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}



/* 4. Your Package At A Glance Section */
.service-hsticker-package {
    background-color: #F1F3F7;
    padding: 100px 0;
}



.service-hsticker-package > .e-con-inner {
    display: flex;
    flex-direction: column;
    gap: 60px;
}



/* Mockup runs this headline gradient pink -> orange too (see the sec-1 h1
   override above), opposite the shared .title-gradient utility's default. */
.service-hsticker-package h2.title-gradient {
    background: linear-gradient(90deg, #F04873 0%, #F15A24 50%, #FBB03B 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}



/* Package Section Layout */
.service-hsticker-package .container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}



.service-hsticker-package .service-title-container > .e-con-inner {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: center;
    width: 100%;
}


.service-hsticker-package .service-title-container {
    margin-bottom: 50px;
}



/* Package Cards Grid Override */
.service-hsticker-package-grid > .e-con-inner > .e-con {
    border: 2px solid transparent !important;
    background: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(180deg, #F1AE11 0%, #F26AAA 100%) !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    transition: transform 0.3s ease;
}



.service-hsticker-package-grid > .e-con-inner > .e-con:hover {
    transform: translateY(-5px);
}



/* Mockup uses thin outline icons; the free Font Awesome build this theme
   loads only ships solid weight for these glyphs (swapping to fa-regular
   renders as a missing-glyph box), so the icons are drawn as inline-SVG
   line art instead of relying on the icon font. */
/* Fluid so a card stays legible from the 1300px+ desktop size (mockup
   reference) down through 768px, where 4 columns leaves each card only
   ~155px wide - see the matching clamp()s on the title/description below. */
.service-hsticker-package-grid i {
    display: inline-block;
    width: clamp(26px, 5.79px + calc(var(--hg-page-w, 100vw) * 2.632 / 100), 40px);
    height: clamp(26px, 5.79px + calc(var(--hg-page-w, 100vw) * 2.632 / 100), 40px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
}



.service-hsticker-package-grid i.fa-print::before,
.service-hsticker-package-grid i.fa-layer-group::before,
.service-hsticker-package-grid i.fa-share-nodes::before,
.service-hsticker-package-grid i.fa-users::before {
    content: none;
}



.service-hsticker-package-grid i.fa-print {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E");
}



.service-hsticker-package-grid i.fa-layer-group {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E");
}



.service-hsticker-package-grid i.fa-share-nodes {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E");
}



.service-hsticker-package-grid i.fa-users {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}



/* Title renders as a plain text-editor widget (no heading tag) and the
   description as a heading widget's <p>, not the `h2` / `.service-paragraph`
   these rules used to target - neither ever matched, leaving both on
   Elementor's defaults instead of the mockup's bold dark title. */
.service-hsticker-package-grid .elementor-widget-text-editor {
    font-size: clamp(13px, 2.89px + calc(var(--hg-page-w, 100vw) * 1.316 / 100), 20px);
    font-weight: 700;
    margin: 0;
    color: #333;
}



.service-hsticker-package-grid .elementor-widget-heading .elementor-heading-title {
    font-size: clamp(11px, 5.23px + calc(var(--hg-page-w, 100vw) * 0.752 / 100), 15px);
    color: #666;
    margin: 0;
    line-height: 1.5;
}



/* Mobile Responsiveness */
@media (max-width: 1024px) {
    :where(html:not(.hg-page-zoom)) .service-hsticker-place-anywhere .service-split-grid,
    :where(html:not(.hg-page-zoom)) .service-hsticker-package .service-title-container > .e-con-inner {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }
    
    :where(html:not(.hg-page-zoom)) .service-hsticker-package .service-title-container h2,
    :where(html:not(.hg-page-zoom)) .service-hsticker-package .service-title-container p {
        text-align: center !important;
    }
    
    :where(html:not(.hg-page-zoom)) .service-hsticker-package-grid > .e-con-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    :where(html:not(.hg-page-zoom)) /* The desktop bleed offsets below (clamp()'d translate on the title
       and paragraph) assume the two sit side by side in a 2-column row.
       Once the title-container above collapses to 1 column, :where(html:not(.hg-page-zoom)) those same
       offsets shove the now-stacked, :where(html:not(.hg-page-zoom)) full-width title ~100px left and the
       paragraph ~60px right of center instead - cancel them here. */
    body.service-page--holographic-sticker .service-hsticker-package .elementor-element-f03110b2,
    :where(html:not(.hg-page-zoom)) body.service-page--holographic-sticker .service-hsticker-package .elementor-element-new_pkg_desc {
        translate: none !important;
    }
}



/* Right at the top of the side-by-side range (~1025-1100px) the title
   column is narrower than the fixed 32px heading needs for one line,
   wrapping "Your Package At A / Glance.." - shrinking slightly here and
   easing back up to the full 32px by ~1300px keeps it on one line without
   affecting the 1300px+ desktop size the mockup was measured at. */
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
    body.service-page--holographic-sticker .service-hsticker-package .elementor-element-f03110b2 h2 {
        font-size: clamp(28px, 13px + calc(var(--hg-page-w, 100vw) * 1.45 / 100), 32px);
    }
}



@media (max-width: 767px) {

    .service-holographic-sticker-hero-images img {
        width: 70%;
    }


    
    .service-holographic-sticker-hero-images img:nth-child(1) {
        right: 10%;
    }



    .service-holographic-sticker-hero-images img:nth-child(2) {
        left: 10%;
    }


    
    .service-hsticker-package-grid > .e-con-inner {
        grid-template-columns: 1fr;
    }



    /* Holo Sticker_Mobile.svg: hero heading/tagline/paragraph/button are all
       centered once the split grid stacks to one column. */
    body.service-page--holographic-sticker .service-hsticker-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-sticker .service-hsticker-sec-1 .service-heading {
        margin-bottom: 24px !important;
    }
}



/* Approved SVG rhythm and sizing. */
body.service-page--holographic-sticker {
    overflow-x: hidden;
}



body.service-page--holographic-sticker .service-hsticker-sec-1 {
    padding: 134px 0 143px;
}



body.service-page--holographic-sticker .service-hsticker-sec-1 > .e-con-inner,
body.service-page--holographic-sticker .service-hsticker-place-anywhere > .e-con-inner {
    width: min(calc(100% - 96px), 1140px) !important;
    max-width: 1140px !important;
    margin-inline: auto;
}



/* The package section's title/paragraph row runs wider than the other two
   sections in the mockup (measured ~1200px vs their ~1140px at the 1440px
   reference width), matching the `.container` class's own declared
   max-width - which this used to share the 1140px cap with and never got
   to use. */
body.service-page--holographic-sticker .service-hsticker-package > .e-con-inner {
    width: min(calc(100% - 96px), 1200px) !important;
    max-width: 1200px !important;
    margin-inline: auto;
}



body.service-page--holographic-sticker .service-hsticker-fan {
    padding-top: 150px;
}



@media (min-width: 768px) {

    body.service-page--holographic-sticker .service-hsticker-sec-1 .service-split-grid,
    body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-grid {
        padding-left: 57.5px !important;
        padding-right: 57.5px !important;
    }


    body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-grid {
        padding-left: 37.5px !important;
        padding-right: 37.5px !important;
    }



    /* Scale the mockup's original 626x632 composition with the viewport.
       It intentionally bleeds beyond the narrower media column at desktop,
       while the vw cap keeps the same proportions at intermediate widths. */
    body.service-page--holographic-sticker .service-holographic-sticker-hero-images {
        position: relative;
        width: min(626px, calc(var(--hg-page-w, 100vw) * 43.4722 / 100)) !important;
        max-width: none !important;
        height: min(632px, calc(var(--hg-page-w, 100vw) * 43.8889 / 100)) !important;
        flex: 0 0 min(632px, calc(var(--hg-page-w, 100vw) * 43.8889 / 100)) !important;
        aspect-ratio: auto;
        min-height: 0;
        justify-content: flex-start;
        gap: 0;
        overflow: visible;
        transform: translateX(-3px);
    }



    body.service-page--holographic-sticker .service-holographic-sticker-hero-images .elementor-element-5156ffb3 {
        position: absolute;
        top: 17.4%;
        left: 1.6%;
        width: 47.8%;
        --container-widget-width: auto !important;
        transform: none !important;
    }



    body.service-page--holographic-sticker .service-holographic-sticker-hero-images .elementor-element-e02f8a0a {
        position: absolute;
        top: 32.3%;
        left: 52.1%;
        width: 48.4%;
        --container-widget-width: auto !important;
        transform: none !important;
    }



    body.service-page--holographic-sticker .service-holographic-sticker-hero-images .elementor-element-5156ffb3 img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 299 / 461;
        margin: 0 !important;
        object-fit: cover;
        object-position: 24% center;
    }



    /* The SVG uses the square source as a centered crop inside a 303x428
       portrait frame. Match that geometry instead of containing it in a
       larger white card. */
    body.service-page--holographic-sticker .service-holographic-sticker-hero-images .elementor-element-e02f8a0a img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 303 / 428;
        margin: 0 !important;
        object-fit: cover;
        object-position: 20% center;
    }



    /* Was a fixed 528px box shifted +60px via translateX, sized for the
       1440px mockup. On narrower desktop/tablet widths (~768-850px) that
       combination pushed the image past the right edge, clipped by
       body{overflow-x:hidden}

. Capping width to the column and scaling
       the shift with viewport width keeps the same rightward bleed at the
       reference width while staying inside the column as it narrows. */
    body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-media {
        width: min(528px, 100%);
        max-width: 528px;
        transform: translateX(clamp(0px, calc(var(--hg-page-w, 100vw) * 4.8 / 100), 68px));
    }



    body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-media img {
        width: 100%;
        height: auto;
        aspect-ratio: 508 / 526;
    }



    /* min-height (not a fixed height) matches the mockup only at the
       ~1300px+ desktop width the 583px figure was measured at - below that
       the grid drops to 2 columns (see the 768-1299px override below),
       which wraps card text onto more lines than the fixed box had room
       for and was clipping the bottom of "Supporting Crew". */
    body.service-page--holographic-sticker .service-hsticker-package {
        box-sizing: border-box;
        min-height: 583px;
        padding: 93px 0 40px;
    }



    body.service-page--holographic-sticker .service-hsticker-package .elementor-element-de9ea0a2 {
        position: static !important;
        margin-top: -42px !important;
    }



    body.service-page--holographic-sticker .service-hsticker-package .service-title-container {
        margin-bottom: 0;
    }



    /* Elementor's own container setting puts only 20px between the title
       row and the card grid; the mockup runs the right-hand paragraph
       almost flush against the cards, which needs ~68px here since this
       title row sits shorter than that paragraph column. */
    body.service-page--holographic-sticker .service-hsticker-package .elementor-element-de9ea0a2 > .e-con-inner {
        row-gap: 68px;
    }



    /* These offsets were tuned against the section's old 1140px container
       cap. Widening it to 1200px (see the .container width note above)
       shifted the natural title/paragraph gap from 187px to closer to the
       mockup's own 286px on its own, so the old -146px/+89px shift was
       adding on top of that and blowing the gap out to ~422px. Retuned so
       the combined shift is only the ~99px still needed to reach 286px,
       split in the same ~62:38 ratio as before; clamp still scales both
       down toward 0 at narrower desktop widths instead of cutting off. */
    body.service-page--holographic-sticker .service-hsticker-package .elementor-element-f03110b2 {
        translate: clamp(-110px, calc(var(--hg-page-w, 100vw) * -7.6 / 100), 0px) 0;
    }



    body.service-page--holographic-sticker .service-hsticker-package .elementor-element-new_pkg_desc {
        translate: clamp(0px, calc(var(--hg-page-w, 100vw) * 6.5 / 100), 94px) 0;
    }



    /* Was pinned to a fixed 1380px track centered with left:50%/translateX(-50%)
       - only fit inside the 1140px boxed content on very wide viewports.
       Anywhere from 768px up to ~1400px it pushed the 4th card off-screen
       to the right (clipped by body{overflow-x:hidden}

). Filling the
       already-boxed parent width keeps 4 equal columns at any size. */
    body.service-page--holographic-sticker .service-hsticker-package-grid {
        width: calc(var(--hg-page-w, 100vw) - 80px) !important;
        max-width: none !important;
        margin-left: calc((1200px - var(--hg-page-w, 100vw) - 80px) / 2) !important;
    }



    body.service-page--holographic-sticker .service-hsticker-package-grid > .e-con-inner {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(10px, -1.55px + calc(var(--hg-page-w, 100vw) * 1.504 / 100), 18px);
    }



    body.service-page--holographic-sticker .service-hsticker-package-grid > .e-con-inner > .e-con {
        box-sizing: border-box;
        padding: clamp(12px, 0.45px + calc(var(--hg-page-w, 100vw) * 1.504 / 100), 20px) !important;
    }



    body.service-page--holographic-sticker .section-social {
        box-sizing: border-box;
        height: 882px;
        min-height: 0;
    }



    body.service-page--holographic-sticker .section-contact {
        box-sizing: border-box;
        height: 525px;
        min-height: 0;
    }
}



body.service-page--holographic-sticker .service-hsticker-fan .service-title {
    margin-bottom: 30px;
}



body.service-page--holographic-sticker .service-holographic-sticker-banner {
    margin-top: 0;
}



body.service-page--holographic-sticker .service-holographic-sticker-banner img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
}



body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-media img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}



body.service-page--holographic-sticker .service-hsticker-place-anywhere {
    padding: 165px 0 180px;
}



body.service-page--holographic-sticker .service-hsticker-package-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, -1.55px + calc(var(--hg-page-w, 100vw) * 1.504 / 100), 18px);
}



/* The grid box that actually matters is this element itself, not
   `.e-con-inner` above - Elementor renders `.e-con-inner` as
   `display:contents` here, so grid-template-columns set on it never
   applies to layout. The real grid lives on `.service-hsticker-package-grid`
   (Elementor's own per-container responsive setting), which drops to 3
   columns between roughly 768-1200px, wrapping "Supporting Crew" onto its
   own row. Override the real element directly instead. Kept at 4 columns
   down to 768px to match the mockup's single-row layout at every desktop/
   tablet width; the card title/description/icon/padding are fluid-sized
   below (see the clamp() rules) so a ~155px-wide card at 768px still reads
   as 2-3 sane words per line instead of one word per line. */
body.service-page--holographic-sticker .service-hsticker-package-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}



@media (max-width: 767px) {

    body.service-page--holographic-sticker .service-hsticker-sec-1 {
        padding: 9px 0 90px !important;
    }


    body.service-page--holographic-sticker .service-hsticker-sec-1 > .e-con-inner,
    body.service-page--holographic-sticker .service-hsticker-place-anywhere > .e-con-inner,
    body.service-page--holographic-sticker .service-hsticker-package > .e-con-inner {
        width: calc(100% - 40px) !important;
    }


    body.service-page--holographic-sticker .service-hsticker-sec-1 .service-split-grid {
        grid-template-columns: 1fr;
        gap: 30px !important;
    }


    body.service-page--holographic-sticker .service-hsticker-sec-1 .service-split-media {
        order: -1;
        width: 100% !important;
        height: 437px;
        padding: 0 !important;
        overflow: visible;
    }


    body.service-page--holographic-sticker .service-hsticker-sec-1 .service-split-text {
        width: 100% !important;
        max-width: none !important;
        padding: 0 54px !important;
        box-sizing: border-box;
    }


    body.service-page--holographic-sticker .service-hsticker-sec-1 .service-split-text h1.service-heading {
        width: 100%;
        max-width: none;
        font-size: 25px !important;
        line-height: 1.2 !important;
        white-space: nowrap;
        margin-bottom: 12px !important;
    }


    body.service-page--holographic-sticker .service-hsticker-sec-1 .service-split-text h2.service-heading {
        font-size: 20px !important;
        line-height: 1.2 !important;
        margin-bottom: 18px !important;
    }


    body.service-page--holographic-sticker .service-hsticker-sec-1 .service-split-text .service-paragraph {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }


    body.service-page--holographic-sticker .service-hsticker-sec-1 .elementor-element-e28709dd {
        width: 100% !important;
        justify-content: center !important;
    }


    body.service-page--holographic-sticker .service-hsticker-sec-1 .elementor-element-5540088b {
        width: 146px !important;
        margin-inline: auto !important;
    }


    body.service-page--holographic-sticker .service-holographic-sticker-hero-images {
        position: relative;
        left: 50%;
        display: block !important;
        width: 440px !important;
        max-width: none !important;
        height: 437px !important;
        min-height: 437px !important;
        flex: 0 0 437px !important;
        aspect-ratio: auto;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateX(-50%);
        overflow: visible;
    }


    body.service-page--holographic-sticker .service-holographic-sticker-hero-images .elementor-widget-image {
        position: absolute;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        --container-widget-width: auto !important;
    }


    body.service-page--holographic-sticker .service-holographic-sticker-hero-images .elementor-element-5156ffb3 {
        position: absolute;
        top: 0;
        left: 17px;
        width: 200px !important;
        height: 308px;
    }


    body.service-page--holographic-sticker .service-holographic-sticker-hero-images .elementor-element-e02f8a0a {
        position: absolute;
        top: 147px;
        left: 223px;
        width: 205px !important;
        height: 290px;
    }


    body.service-page--holographic-sticker .service-holographic-sticker-hero-images img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: auto;
        margin: 0 !important;
        border-radius: 10px;
        object-fit: cover;
    }


    body.service-page--holographic-sticker .service-hsticker-fan { padding-top: 90px; }


    body.service-page--holographic-sticker .service-holographic-sticker-banner { margin-top: 70px; }


    body.service-page--holographic-sticker .service-holographic-sticker-banner img {
        height: auto;
        aspect-ratio: 16 / 9;
    }


    body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-media {
        width: 363px !important;
        max-width: 363px !important;
        padding: 0 !important;
        margin-inline: auto;
        transform: none !important;
    }


    body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-text {
        width: 332px !important;
        max-width: 332px !important;
        padding: 0 !important;
        margin-inline: auto !important;
    }


    body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-media img {
        width: 363px !important;
        max-width: none !important;
        padding: 0 !important;
    }


    body.service-page--holographic-sticker .service-hsticker-place-anywhere { padding: 105px 0 115px; }


    body.service-page--holographic-sticker .service-hsticker-package { padding: 95px 0 105px; }


    body.service-page--holographic-sticker .service-hsticker-package-grid > .e-con-inner {
        grid-template-columns: 1fr;
    }


    body.service-page--holographic-sticker .service-hsticker-package-grid {
        grid-template-columns: 1fr !important;
    }
}


body.service-page--holographic-sticker .social-handle-btn {
    text-decoration: none !important;
}


/* 320px proportional scale-down (holograil-theme-mockup mobile is authored at 440px;
   --hg-vw-scale = min(1, vw/440) sitewide). Same specificity as the block above, appended
   later => wins by source order without needing higher specificity. */
@media (max-width: 767px) {
  body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-media {
    width: calc(363px * var(--hg-vw-scale, 1)) !important;
    max-width: calc(363px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-text {
    width: calc(332px * var(--hg-vw-scale, 1)) !important;
    max-width: calc(332px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--holographic-sticker .service-hsticker-place-anywhere .service-split-media img {
    width: calc(363px * var(--hg-vw-scale, 1)) !important;
  }
}


/* Package section (S4) card typography/radius fixes - see docs/fix/holographic-sticker.md.
   Card widget IDs 4633628d/2e99745c/08776f87 repeat across 2 cards (duplicate-ID bug in
   _elementor_data, flagged separately) - class .elementor-89 .elementor-element.elementor-element-0e721ab7s below apply identically to both. */
.service-hsticker-package-grid > .e-con-inner > .e-con {
  border-radius: 8px !important;
}
.service-hsticker-package-grid .elementor-widget-text-editor {
  font-weight: 500 !important;
  color: #000 !important;
}
.service-hsticker-package-grid .elementor-widget-heading .elementor-heading-title {
  color: #403e3e !important;
}
.service-hsticker-package h2.title-gradient {
  background: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
@media (max-width: 767px) {
  .service-hsticker-package-grid .elementor-widget-text-editor {
    font-size: calc(20px * var(--hg-vw-scale, 1)) !important;
  }
  .service-hsticker-package-grid .elementor-widget-heading .elementor-heading-title {
    font-size: calc(16px * var(--hg-vw-scale, 1)) !important;
  }
  .service-hsticker-package .service-title-container h2 {
    font-size: calc(28px * var(--hg-vw-scale, 1)) !important;
  }
}
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
  .service-hsticker-package .service-title-container h2 {
    font-size: 40px !important;
  }
  .service-hsticker-package .service-paragraph, .service-hsticker-package .service-paragraph p {
    text-align: center !important;
    color: #403e3e !important;
    font-size: 18px !important;
  }
}
/* hg:P5:package-radius — svg-path desktop & mobile: kartu Package rx 9 + stroke 2 → radius tepi luar 10 (gradien vertikal live sudah benar; live 8px). */
body.service-page--holographic-sticker .service-hsticker-package-grid > .e-con-inner > .e-con { border-radius: 10px !important; }
/* hg:P5:cl-place-img-radius — radius foto S3 10px (mockup) */
.elementor-element-new_place_img img { border-radius: 10px !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74f4e529 */.elementor-89 .elementor-element.elementor-element-74f4e529 { display: none; }
/* hg: html-style 9ab3c626 */
@media(min-width: 768px) /* hg-zoom A12: was 900px */ {

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

				.hsticker-fan-grid { grid-template-columns: 1fr 1fr !important; }
			
.hsticker-fan-grid > .e-con-inner { display: contents !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-hgig89 *//* hg: social-var */
.elementor-89 .elementor-element.elementor-element-hgig89{--hg-social-t:120.4px;--hg-social-pb:76px;--hg-social-bg:#FFFFFF;--hg-social-tm:17.05vw;--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-hgcwrap89 *//* hg: contact-tpl */
.elementor-89 .elementor-element.elementor-element-hgcwrap89{--display:block;--width:100%;}/* End custom CSS */