.elementor-21 .elementor-element.elementor-element-1f144339{--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-21 .elementor-element.elementor-element-5202d71e{--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-21 .elementor-element.elementor-element-8686ba46{--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-21 .elementor-element.elementor-element-f6cc8854{--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-21 .elementor-element.elementor-element-f6cc8854.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-21 .elementor-element.elementor-element-57b911a0{--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-21 .elementor-element.elementor-element-18cfc992{--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-21 .elementor-element.elementor-element-18cfc992.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-e0f91646{--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-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-2a1ae894{--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-21 .elementor-element.elementor-element-5fec0cc7{--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-21 .elementor-element.elementor-element-fa47f4bf{--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-21 .elementor-element.elementor-element-cc904444{--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-21 .elementor-element.elementor-element-ecdcb68a{--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-21 .elementor-element.elementor-element-ecdcb68a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-6d996aae .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-21 .elementor-element.elementor-element-874f91e5{--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-21 .elementor-element.elementor-element-874f91e5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-53cb6adf .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-21 .elementor-element.elementor-element-48289028{--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-21 .elementor-element.elementor-element-48289028.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-2db52ab4{--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-21 .elementor-element.elementor-element-a2d646c1{--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-21 .elementor-element.elementor-element-1dfe90c2{--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-21 .elementor-element.elementor-element-7a9db887{--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-21 .elementor-element.elementor-element-468a39b8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-21 .elementor-element.elementor-element-53811463{--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-21 .elementor-element.elementor-element-dff3edad .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-21 .elementor-element.elementor-element-c277c325{--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-21 .elementor-element.elementor-element-48043575 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-21 .elementor-element.elementor-element-cfc5242{--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-21 .elementor-element.elementor-element-a74eadd{--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-21 .elementor-element.elementor-element-4279ea3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-21 .elementor-element.elementor-element-d270a97{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-21 .elementor-element.elementor-element-5edcad7 .elementor-icon-box-wrapper{gap:15px;}.elementor-21 .elementor-element.elementor-element-9da5b98 .elementor-icon-box-wrapper{gap:15px;}.elementor-21 .elementor-element.elementor-element-b0bb6d9 .elementor-icon-box-wrapper{gap:15px;}.elementor-21 .elementor-element.elementor-element-dosupcr1 .elementor-icon-box-wrapper{gap:15px;}.elementor-21 .elementor-element.elementor-element-5786977c{--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-21 .elementor-element.elementor-element-ef431a1e{--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-21 .elementor-element.elementor-element-1f144339{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-1f144339{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for text-editor, class: .elementor-element-ee4d87af *//* hg:P4:mobile-font-std-T — mobile = standar halaman lain (judul 25 / sub 20 / isi 18) */
@media (max-width:767px){ html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-ee4d87af.elementor-element-ee4d87af.elementor-element-ee4d87af :is(.elementor-heading-title,p,h2,h3,span,em,strong,div){font-size:25px !important;line-height:1.25 !important;} }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2df1096c *//* hg:P4:mobile-font-std-S — mobile = standar halaman lain (judul 25 / sub 20 / isi 18) */
@media (max-width:767px){ html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-2df1096c.elementor-element-2df1096c.elementor-element-2df1096c :is(.elementor-heading-title,p,h2,h3,span,em,strong,div){font-size:20px !important;line-height:1.3 !important;} }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7d0e3e42 */.elementor-21 .elementor-element.elementor-element-7d0e3e42 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; margin-bottom:1.5rem; }
/* hg:P4:mobile-font-std-P — mobile = standar halaman lain (judul 25 / sub 20 / isi 18) */
@media (max-width:767px){ html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-7d0e3e42.elementor-element-7d0e3e42.elementor-element-7d0e3e42 :is(.elementor-heading-title,p,h2,h3,span,em,strong,div){font-size:18px !important;line-height:1.5 !important;} }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fa733e54 */.elementor-21 .elementor-element.elementor-element-fa733e54 { border-radius:var(--radius-btn); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6cc8854 */.elementor-21 .elementor-element.elementor-element-f6cc8854 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-21 .elementor-element.elementor-element-f6cc8854 { display:flex; flex-direction:column; justify-content:center; } .elementor-21 .elementor-element.elementor-element-f6cc8854 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7fe9e3e */.elementor-21 .elementor-element.elementor-element-c7fe9e3e { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-21 .elementor-element.elementor-element-c7fe9e3e img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 8px 24px rgba(0,0,0,0.1); transform:rotate(-4deg); }
/* hg:lm-P2 radius media (mockup) */
@media (min-width: 768px) { .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; } }
@media (max-width: 767px) { .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-c7fe9e3e.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-09742e2e */.elementor-21 .elementor-element.elementor-element-09742e2e { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-21 .elementor-element.elementor-element-09742e2e img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 8px 24px rgba(0,0,0,0.1); transform:rotate(4deg); margin-top:1.5rem; }
/* hg:lm-P2 radius media (mockup) */
@media (min-width: 768px) { .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; } }
@media (max-width: 767px) { .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-09742e2e.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e0f91646 */.elementor-21 .elementor-element.elementor-element-e0f91646 { display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; align-items:start; } .elementor-21 .elementor-element.elementor-element-e0f91646 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18cfc992 */.elementor-21 .elementor-element.elementor-element-18cfc992 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-21 .elementor-element.elementor-element-18cfc992 { width:100%; } .elementor-21 .elementor-element.elementor-element-18cfc992 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8686ba46 */.elementor-21 .elementor-element.elementor-element-8686ba46 { display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; } .elementor-21 .elementor-element.elementor-element-8686ba46 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5202d71e */.elementor-21 .elementor-element.elementor-element-5202d71e { padding:4rem 0; background:#fff; } .elementor-21 .elementor-element.elementor-element-5202d71e > .e-con-inner { display: contents !important; }
/* hg:P2:do-hero-padding — mock: hero konten 20px lebih turun, tinggi hero -38px (1440) */
@media (min-width: 1025px) {
  html body .elementor-21 .elementor-element.elementor-element-5202d71e.e-con.e-con { padding-top:84px !important; padding-bottom:32px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-66b2e016 *//* hg:P4:revisi-13 digital-only: judul 20/30 sesuai mockup (bukan standar 25) */
@media (max-width:767px){ html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-66b2e016.elementor-element-66b2e016.elementor-element-66b2e016 :is(.elementor-heading-title,p,h2,h3,span,em,strong,div){font-size:20px !important;line-height:30px !important;} }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e8849261 */.elementor-21 .elementor-element.elementor-element-e8849261 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; max-width:780px; }
/* hg:P4:do-intro-font — mock 3 baris (17px) */
@media (min-width: 1025px) {
  html body .elementor-21 .elementor-element.elementor-element-e8849261 p { font-size:17px !important; line-height:24px !important; }
}

@media (min-width: 1025px) {
  html body .elementor-21 .elementor-element.elementor-element-e8849261 p { max-width:none !important; width:1000px !important; margin-left:auto !important; margin-right:auto !important; }
}

/* hg:P4:auto-lebar — klarifikasi gap 2026-10-05: lebar teks dicocokkan ke jumlah baris & posisi baris pertama mockup. */
@media (max-width: 767px) {
  html body.service-page--digital-only.service-page--digital-only .elementor-element.elementor-element-e8849261.elementor-element-e8849261.elementor-element-e8849261 { width: calc(326px * var(--hg-vw-scale, 1)) !important; max-width: calc(326px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P4:s2-para-mobile — paragraf S2 mobile 7 baris, lebar 316px seperti mockup */
@media (max-width: 767px) { html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-e8849261.elementor-element-e8849261.elementor-element-e8849261 { width: calc(316px * var(--hg-vw-scale, 1)) !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } }
/* hg:P4:s2-para-mobile2 — paragraf S2 mobile 7 baris, lebar 330px seperti mockup */
@media (max-width: 767px) { html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-e8849261.elementor-element-e8849261.elementor-element-e8849261 { width: calc(330px * var(--hg-vw-scale, 1)) !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } }
/* hg:P4:revisi-13 digital-only: isi 14/20 sesuai mockup (bukan standar 18) */
@media (max-width:767px){ html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-e8849261.elementor-element-e8849261.elementor-element-e8849261 :is(.elementor-heading-title,p,h2,h3,span,em,strong,div){font-size:14px !important;line-height:20px !important;} }
/* revisi-13: paragraf intro harus 8 baris di semua lebar mobile (320–767): font & lebar proporsional dengan viewport (mockup 440: 14px, lebar 330px) */
@media (max-width: 767px) {
  html body.service-page--digital-only.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-e8849261.elementor-element-e8849261.elementor-element-e8849261 { width: min(75vw, 330px) !important; max-width: none !important; }
  html body.service-page--digital-only.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-e8849261.elementor-element-e8849261.elementor-element-e8849261 :is(.elementor-heading-title,p,h2,h3,span,em,strong,div){ font-size: min(3.18vw, 14px) !important; line-height: min(4.55vw, 20px) !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa47f4bf */.elementor-21 .elementor-element.elementor-element-fa47f4bf { margin-bottom:2.5rem; } .elementor-21 .elementor-element.elementor-element-fa47f4bf > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-01c4c3e1 */.elementor-21 .elementor-element.elementor-element-01c4c3e1 img { width:100%; height:auto; border-radius:10px; object-fit:cover; box-shadow:0 4px 16px rgba(0,0,0,0.08); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecdcb68a */.elementor-21 .elementor-element.elementor-element-ecdcb68a { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-21 .elementor-element.elementor-element-ecdcb68a { display:flex; flex-direction:column; gap:0.75rem; } .elementor-21 .elementor-element.elementor-element-ecdcb68a > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d3268e3e */.elementor-21 .elementor-element.elementor-element-d3268e3e img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 8px 24px rgba(0,0,0,0.1); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-874f91e5 */.elementor-21 .elementor-element.elementor-element-874f91e5 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-21 .elementor-element.elementor-element-874f91e5 { display:flex; flex-direction:column; gap:0.75rem; } .elementor-21 .elementor-element.elementor-element-874f91e5 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da845ec8 */.elementor-21 .elementor-element.elementor-element-da845ec8 img { width:100%; height:auto; border-radius:10px; object-fit:cover; box-shadow:0 4px 16px rgba(0,0,0,0.08); }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3b749478 */.elementor-21 .elementor-element.elementor-element-3b749478 img { width:100%; height:auto; border-radius:10px; object-fit:cover; box-shadow:0 4px 16px rgba(0,0,0,0.08); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48289028 */.elementor-21 .elementor-element.elementor-element-48289028 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-21 .elementor-element.elementor-element-48289028 { display:flex; flex-direction:column; gap:0.75rem; } .elementor-21 .elementor-element.elementor-element-48289028 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc904444 */.elementor-21 .elementor-element.elementor-element-cc904444 { display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:0.75rem; align-items:center; } .elementor-21 .elementor-element.elementor-element-cc904444 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a1ae894 */.elementor-21 .elementor-element.elementor-element-2a1ae894 { padding:4rem 0; background:var(--bg-light,#fafafa); } .elementor-21 .elementor-element.elementor-element-2a1ae894 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-272f2442 */.elementor-21 .elementor-element.elementor-element-272f2442 { text-align:center; letter-spacing:0.08em; font-weight:700; color:var(--color-text-muted); margin-top:2.5rem; margin-bottom:1.5rem; }
/* hg:P2:do-frame — mock: frame 20px lebih turun */
@media (min-width: 1025px) {
  html body .elementor-21 .elementor-element.elementor-element-272f2442.elementor-widget { margin-top:63px !important; }
}
/* hg:P2:judul-overlay-gap — jarak judul→video overlay sesuai mockup (+17px) */
@media (min-width: 768px) { html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-272f2442.elementor-element-272f2442.elementor-element-272f2442 { padding-bottom: 40px !important; } }
@media (max-width: 767px) { html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-272f2442.elementor-element-272f2442.elementor-element-272f2442 { padding-bottom: calc(17px * var(--hg-vw-scale, 1)) !important; } }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-468a39b8 *//* hg:lm-P2 radius media (mockup) */
@media (min-width: 768px) { .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element .elementor-widget-container { border-radius:10px !important; } }
@media (max-width: 767px) { .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-468a39b8.elementor-element.elementor-element .elementor-widget-container { border-radius:10px !important; } }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64f2a5eb */.elementor-21 .elementor-element.elementor-element-64f2a5eb .hg-do-m{display:none}
@media (max-width:767px){.elementor-21 .elementor-element.elementor-element-64f2a5eb .hg-do-d{display:none}.elementor-21 .elementor-element.elementor-element-64f2a5eb .hg-do-m{display:inline}}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-dff3edad *//* hg:lm-P2 radius media (mockup) */
@media (min-width: 768px) { .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element .elementor-widget-container { border-radius:10px !important; } }
@media (max-width: 767px) { .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-dff3edad.elementor-element.elementor-element .elementor-widget-container { border-radius:10px !important; } }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9c3a65d5 */.elementor-21 .elementor-element.elementor-element-9c3a65d5 { position:relative; margin-top:-2.5rem; margin-left:0.75rem; margin-right:0.75rem; display:inline-block; padding:0.4rem 1rem; border-radius:999px; background:var(--gradient-cta); color:#fff; font-size:0.85rem; font-weight:600; z-index:2; }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-48043575 *//* hg:lm-P2 radius media (mockup) */
@media (min-width: 768px) { .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element .elementor-widget-container { border-radius:10px !important; } }
@media (max-width: 767px) { .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element, .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element img, .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element video, .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element .elementor-wrapper, .elementor-21 .elementor-element.elementor-element-48043575.elementor-element.elementor-element .elementor-widget-container { border-radius:10px !important; } }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c6d8fbae */.elementor-21 .elementor-element.elementor-element-c6d8fbae { position:relative; margin-top:-2.5rem; margin-left:0.75rem; margin-right:0.75rem; display:inline-block; padding:0.4rem 1rem; border-radius:999px; background:var(--gradient-cta); color:#fff; font-size:0.85rem; font-weight:600; z-index:2; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dfe90c2 */.elementor-21 .elementor-element.elementor-element-1dfe90c2 { display:grid; grid-template-columns: 1fr; gap: 2rem; } .elementor-21 .elementor-element.elementor-element-1dfe90c2 > .e-con-inner { display:contents; } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .elementor-21 .elementor-element.elementor-element-1dfe90c2 { grid-template-columns: repeat(3, 1fr); } }
/* hg:P2:do-frame-tinggi — mock frame 784px, live 760px */
@media (min-width: 1025px) {
  html body .elementor-21 .elementor-element.elementor-element-1dfe90c2.e-con.e-con { padding-bottom:98px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-927aa69 */.elementor-21 .elementor-element.elementor-element-927aa69 .title-gradient, .elementor-21 .elementor-element.elementor-element-927aa69 .title-gradient > span { font-size: 40px !important; background-image: linear-gradient(90deg, #f26aaa, #f28c5e, #f1ae11) !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfc5242 *//* hg:P2:do-s4-kartu-tengah — isu prioritas user 2026-10-05: kartu Package mobile tidak terpusat di <440 (320: kiri 40/kanan 52; 375: 40/68) → margin auto. Mobile saja. */
@media (max-width: 767px) {
  html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-5edcad7.elementor-element-5edcad7.elementor-element-5edcad7,
  html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-9da5b98.elementor-element-9da5b98.elementor-element-9da5b98,
  html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-b0bb6d9.elementor-element-b0bb6d9.elementor-element-b0bb6d9,
  html body.service-page--digital-only.service-page--digital-only .elementor-21 .elementor-element.elementor-element-dosupcr1.elementor-element-dosupcr1.elementor-element-dosupcr1 { margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5786977c *//* hg: social-var */
.elementor-21 .elementor-element.elementor-element-5786977c{--hg-social-t:80.4px;--hg-social-pb:76px;--hg-social-bg:#FFFFFF;--hg-social-tm:6.14vw;--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-1f144339 */.service-page--digital-only .section-contact--override-heading .contact-info-title--single-line {
  font-size: var(--text-2xl);
  line-height: 1.3;
}

@media (max-width: 767px) {

  /* 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. Alignment
     itself is untouched here — Digital_Mobile.png's hero text is genuinely
     left-aligned, unlike most other pages. */
  body.service-page--digital-only .service-donly-sec-1 .service-heading {
    margin-bottom: 24px !important;
  }

  /* Digital_Mobile.svg: unlike the heading/paragraph (genuinely left-aligned
     here, see previous round), the "Check us Out" button itself IS centered
     in the mock. Elementor's default align-self:flex-start (shrink-to-fit
     button in a flex-column parent) was never overridden for this widget. */
  body.service-page--digital-only .elementor-element-fa733e54 {
    align-self: center !important;
  }

}

@media (max-width: 767px) {

  /* Overlay showcase cards had no page-specific mobile rule at all (same
     component as express-photo-booth's .service-epb-overlay, which already
     caps these at 360px/2:3 — apply the same constraint here). */
  body.service-page--digital-only .service-overlay-card {
    width: min(100%, 360px) !important;
    height: auto;
    aspect-ratio: 2 / 3;
    margin-inline: auto !important;
  }

  body.service-page--digital-only .service-overlay-card img,
  body.service-page--digital-only .service-overlay-card video {
    height: 100% !important;
  }

  /* The aspect-ratio:2/3 box above fills its entire height with the image,
     leaving zero in-flow space for the caption pill. The card's
     flex-direction:column + flex-wrap:wrap then treats the pill as
     overflow and wraps it into a second column, pushing it ~380px off to
     the right (confirmed via scrollWidth: card 360px, but its child pill
     rendered at x=422, off the right edge — real horizontal overflow,
     this page has no body-level overflow-x:hidden safety net either).
     The pill's own -40px top margin already exists to pull it up over the
     image as an overlay, so take it out of flex flow entirely instead of
     trying to make room for it. */
  body.service-page--digital-only .service-overlay-card .service-overlay-pill {
    position: absolute !important;
    left: 12px;
    right: 12px;
    bottom: 16px;
    margin: 0 !important;
    width: auto !important;
  }
}

/* "Instant Memories & Eco-friendly Fun" masonry grid (elementor-element-
   cc904444): Services_Digital Only.svg has all 3 columns reach the same
   total height (712px), with the middle column's 2 photos both perfect
   squares (352x352) — but the middle column's real photos are actual tall
   photo-strip captures (0.665/0.562 aspect), rendered at their natural
   aspect instead of cropped to square, making that column ~2x taller than
   the other two and breaking the masonry balance entirely. Side-column
   images already match the mock's aspect ratios (1.5 / 0.665 each) and
   don't need touching. */
body.service-page--digital-only .elementor-element-cc904444 {
  grid-template-columns: 1fr 1.1fr 1fr !important;
}

body.service-page--digital-only .elementor-element-d3268e3e img,
body.service-page--digital-only .elementor-element-53cb6adf img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Hero collage: these two Elementor widgets were wired to generic event
   photos (media-1/media-2), while the Digital Only mockup uses the two
   portrait photo-strip designs below. Keep the correction page- and
   widget-scoped so no shared service media is affected. */
body.service-page--digital-only .elementor-element-c7fe9e3e img {
  content: url("../../../themes/holograil/assets/uploads/ui_svg/extracted_d8260402.webp");
}

body.service-page--digital-only .elementor-element-09742e2e img {
  content: url("../../../themes/holograil/assets/uploads/ui_svg/extracted_8bf9ca59.webp");
}

/* Section 2 — "Instant Memories & Eco-friendly Fun". The exported design
   uses six specific activations in a three-column masonry composition. */
body.service-page--digital-only .service-donly-sec-2 .elementor-element-fa47f4bf {
  text-align: center !important;
}

/* Figma has a pair of overlapping pale-yellow decorative circles in the
   left margin next to this heading (same idea as the pink ones on the
   AI Photo Booth page's "Discover" section); missing on the live page. */
body.service-page--digital-only .service-donly-sec-2::before,
body.service-page--digital-only .service-donly-sec-2::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(241, 174, 17, .25);
  pointer-events: none;
  z-index: 0;
}

body.service-page--digital-only .service-donly-sec-2::before {
  width: 170px;
  height: 170px;
  left: 20px;
  top: 40px;
}

body.service-page--digital-only .service-donly-sec-2::after {
  width: 130px;
  height: 130px;
  left: 90px;
  top: 110px;
}

body.service-page--digital-only .service-donly-sec-2 .elementor-element-e8849261 {
  max-width: 950px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.service-page--digital-only .service-donly-sec-2 .title-gradient {
  background: linear-gradient(90deg, #f26aaa 0%, #f28c5e 50%, #f1ae11 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* Services_Digital Only.png / Digital_Mobile.png: the hero title and "Your
   Package At A Glance.." both run pink -> orange (Digital=pink, Only=
   orange; Your/Package=pink, At A Glance..=orange), opposite the shared
   .title-gradient default (orange -> pink) that these two otherwise render. */
body.service-page--digital-only .elementor-element-ee4d87af .title-gradient,
body.service-page--digital-only .elementor-element-927aa69 .title-gradient {
  background-image: linear-gradient(90deg, var(--color-pink), var(--color-orange));
}

body.service-page--digital-only .service-donly-sec-2 .elementor-element-01c4c3e1 img {
  content: url("../../../themes/holograil/assets/uploads/ui_svg/extracted_430567eb.webp");
}

body.service-page--digital-only .service-donly-sec-2 .elementor-element-6d996aae img {
  content: url("../../../themes/holograil/assets/uploads/ui_svg/extracted_c62ba966.webp");
}

body.service-page--digital-only .service-donly-sec-2 .elementor-element-d3268e3e img {
  content: url("../../../themes/holograil/assets/uploads/ui_svg/extracted_bd04942a.webp");
}

body.service-page--digital-only .service-donly-sec-2 .elementor-element-53cb6adf img {
  content: url("../../../themes/holograil/assets/uploads/ui_svg/extracted_92f642d0.webp");
}

body.service-page--digital-only .service-donly-sec-2 .elementor-element-da845ec8 img {
  content: url("../../../themes/holograil/assets/uploads/ui_svg/extracted_d8f4c37c.webp");
}

body.service-page--digital-only .service-donly-sec-2 .elementor-element-3b749478 img {
  content: url("../../../themes/holograil/assets/uploads/ui_svg/extracted_f2eb94cd.webp");
}

body.service-page--digital-only .service-donly-sec-2 .elementor-widget-image img {
  display: block;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 768px) {

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-fa47f4bf {
    margin-bottom: 72px !important;
  }

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444 {
    width: min(100%, 1016px) !important;
    max-width: 1016px !important;
    margin-inline: auto !important;
    grid-template-columns: 324fr 352fr 324fr !important;
    gap: 8px !important;
  }
}

@media (max-width: 767px) {

  body.service-page--digital-only .service-donly-sec-2 .service-heading,
  body.service-page--digital-only .service-donly-sec-2 .service-heading > span {
    font-size: 20px !important;
    line-height: 1.5 !important;
  }

  body.service-page--digital-only .service-donly-sec-2 .service-heading {
    max-width: 185px;
  }

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-e8849261 {
    max-width: 310px !important;
    font-size: 14px !important;
    line-height: 1.43 !important;
  }

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  body.service-page--digital-only .service-donly-sec-2 :is(
    .elementor-element-ecdcb68a,
    .elementor-element-874f91e5,
    .elementor-element-48289028
  ) {
    display: contents !important;
  }

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-d3268e3e {
    order: 1;
  }

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-53cb6adf {
    order: 2;
  }

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-01c4c3e1 {
    order: 3;
    grid-column: 1 / -1;
  }

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-3b749478 {
    order: 4;
    grid-column: 1 / -1;
  }

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-6d996aae {
    order: 5;
  }

  body.service-page--digital-only .service-donly-sec-2 .elementor-element-da845ec8 {
    order: 6;
  }

  body.service-page--digital-only .service-donly-sec-2 :is(
    .elementor-element-d3268e3e,
    .elementor-element-53cb6adf
  ) img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  body.service-page--digital-only .service-donly-sec-2 :is(
    .elementor-element-01c4c3e1,
    .elementor-element-3b749478
  ) img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2;
  }

  body.service-page--digital-only .service-donly-sec-2 :is(
    .elementor-element-6d996aae,
    .elementor-element-da845ec8
  ) img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3;
  }
}

/* Dynamic Overlay Customisation. */
body.service-page--digital-only .service-donly-overlay {
  width: 100%;
  max-width: 100%;
  padding: 112px 0 116px;
  overflow: hidden;
  background: #fff;
}

body.service-page--digital-only .service-donly-overlay > .e-con-inner,
body.service-page--digital-only .service-donly-overlay .service-overlay-card > .e-con-inner {
  display: contents !important;
}

body.service-page--digital-only .service-donly-overlay .elementor-element-a2d646c1 {
  --width: min(calc(100% - 80px), 1016px) !important;
  display: grid !important;
  grid-template-columns: 445px minmax(0, 1fr) !important;
  align-items: start;
  gap: 72px;
  width: min(calc(100% - 80px), 1016px) !important;
  max-width: 1016px !important;
  margin: 0 auto !important;
  padding-inline: 0 !important;
}

body.service-page--digital-only .service-donly-overlay .service-heading,
body.service-page--digital-only .service-donly-overlay .service-heading > .font-sans,
body.service-page--digital-only .service-donly-overlay .service-heading > .font-serif {
  margin: 0 !important;
  font-size: 40px !important;
  line-height: 1.14 !important;
  font-weight: 500 !important;
}

body.service-page--digital-only .service-donly-overlay .service-heading {
  background: linear-gradient(90deg, #f26aaa 0%, #f28c5e 50%, #f1ae11 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

body.service-page--digital-only .service-donly-overlay .service-paragraph,
body.service-page--digital-only .service-donly-overlay .service-paragraph .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

body.service-page--digital-only .service-donly-overlay .service-paragraph .elementor-heading-title {
  margin: 0;
  color: #403e3e !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
}

body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow {
  box-sizing: border-box;
  width: min(calc(100% - 64px), 1312px) !important;
  max-width: 1312px !important;
  margin: 78px auto 0 !important;
  padding: 32px 0 42px !important;
  border: 1px solid #e1e4ed;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  text-align: center;
}

body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow .elementor-heading-title {
  margin: 0;
  color: #403e3e !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

body.service-page--digital-only .service-donly-overlay .elementor-element-1dfe90c2 {
  box-sizing: border-box;
  --width: min(calc(100% - 64px), 1312px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 400px)) !important;
  justify-content: center;
  align-items: start;
  gap: 32px;
  width: min(calc(100% - 64px), 1312px) !important;
  max-width: 1312px !important;
  margin: 0 auto !important;
  padding: 0 24px 120px !important;
  border: 1px solid #e1e4ed;
  border-top: 0;
  border-radius: 0 0 8px 8px;
}

body.service-page--digital-only .service-donly-overlay .service-overlay-card {
  position: relative;
  display: block !important;
  width: 400px !important;
  max-width: 100%;
  height: 600px !important;
  padding: 0 !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 10px;
  background: transparent !important;
  box-shadow: none !important;
}

body.service-page--digital-only .service-donly-overlay .service-overlay-card .elementor-widget-image,
body.service-page--digital-only .service-donly-overlay .service-overlay-card .elementor-widget-image .elementor-widget-container {
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body.service-page--digital-only .service-donly-overlay .service-overlay-card img,
body.service-page--digital-only .service-donly-overlay .service-overlay-card video {
  display: block;
  width: 100% !important;
  height: 600px !important;
  aspect-ratio: 2 / 3;
  border-radius: 10px;
  object-fit: cover;
}

body.service-page--digital-only .service-donly-overlay .service-overlay-pill {
  position: absolute !important;
  z-index: 2;
  bottom: -43px !important;
  left: 50% !important;
  right: auto !important;
  width: 227px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.service-page--digital-only .service-donly-overlay .service-overlay-pill .elementor-heading-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 63px;
  margin: 0;
  padding: 10px 18px;
  border-radius: 6px;
  background: linear-gradient(90deg, #f5a800, #f26aaa);
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  text-align: center;
}

body.service-page--digital-only .service-donly-overlay .elementor-element-64f2a5eb .elementor-heading-title {
  flex-direction: column;
}

body.service-page--digital-only .service-donly-overlay .elementor-element-64f2a5eb .elementor-heading-title::after {
  content: "(around the guest)";
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 500;
}

@media (min-width: 768px) {

  body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow {
    padding: 52px 0 3px !important;
  }
}

@media (max-width: 767px) {

  body.service-page--digital-only .service-donly-overlay {
    padding: 78px 0 92px;
  }

  /* Digital_Mobile.svg has no room for this heading+paragraph before the
     eyebrow bar: the masonry grid above ends at y=1912 and the eyebrow's
     bordered box starts at y=1987 -- a 75px gap, nowhere near enough for a
     heading + 5-line paragraph. The "Dynamic Overlay Customisation" text
     layer does exist in the mobile export, but at y=5998, overlapping the
     contact section's Email/Phone fields (confirmed by cropping the raw
     PNG at both y-ranges) -- a stray/mispositioned text layer, not real
     content placement (the same heading is correctly positioned on desktop,
     directly before its own eyebrow, so this is mobile-export-only damage).
     Hide this block on mobile rather than reproducing the glitch. */
  body.service-page--digital-only .service-donly-overlay .elementor-element-a2d646c1 {
    display: none !important;
  }

  body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow {
    width: 360px !important;
    max-width: calc(100% - 80px) !important;
    margin-top: 0 !important;
    padding: 16px 0 18px !important;
  }

  body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow .elementor-heading-title {
    font-size: 16px !important;
  }

  /* hg:P6:do-overlay-skala (revisi-12) — <440 frame/media ikut skala layar (sebelumnya media 325px tetap → keluar dari bingkai di 375/320) */
  body.service-page--digital-only .service-donly-overlay .elementor-element-1dfe90c2 {
    --width: calc(360px * var(--hg-vw-scale, 1)) !important;
    grid-template-columns: calc(325px * var(--hg-vw-scale, 1)) !important;
    gap: calc(73px * var(--hg-vw-scale, 1)) !important;
    width: calc(360px * var(--hg-vw-scale, 1)) !important;
    max-width: 100% !important;
    padding: 0 calc(17px * var(--hg-vw-scale, 1)) calc(70px * var(--hg-vw-scale, 1)) !important;
  }

  body.service-page--digital-only .service-donly-overlay .service-overlay-card {
    width: calc(325px * var(--hg-vw-scale, 1)) !important;
    height: auto !important;
    aspect-ratio: 2 / 3;
    margin-inline: auto !important;
  }

  body.service-page--digital-only .service-donly-overlay .service-overlay-card img,
  body.service-page--digital-only .service-donly-overlay .service-overlay-card video {
    height: 100% !important;
  }

  body.service-page--digital-only .service-donly-overlay .service-overlay-pill {
    bottom: -34px !important;
    width: 226px !important;
  }

  body.service-page--digital-only .service-donly-overlay .service-overlay-pill .elementor-heading-title {
    min-height: 50px;
    padding: 7px 14px;
    font-size: 16px !important;
  }
}

/* Your Package At A Glance. */
body.service-page--digital-only .elementor-element-cfc5242 {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 80px 0 131px !important;
  overflow: hidden;
  background: #f1f3f7 !important;
}

body.service-page--digital-only .elementor-element-cfc5242 > .e-con-inner,
body.service-page--digital-only .elementor-element-a74eadd > .e-con-inner,
body.service-page--digital-only .elementor-element-4279ea3 > .e-con-inner,
body.service-page--digital-only .elementor-element-d270a97 > .e-con-inner {
  display: contents !important;
}

body.service-page--digital-only .elementor-element-a74eadd {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.service-page--digital-only .elementor-element-4279ea3 {
  --width: min(calc(100% - 80px), 1022px) !important;
  display: grid !important;
  grid-template-columns: 525px minmax(0, 1fr) !important;
  align-items: start;
  gap: 72px;
  width: min(calc(100% - 80px), 1022px) !important;
  max-width: 1022px !important;
  margin: 0 auto 66px !important;
  padding: 0 !important;
}

body.service-page--digital-only .elementor-element-d3d844a,
body.service-page--digital-only .elementor-element-d3d844a .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

body.service-page--digital-only .elementor-element-d3d844a .elementor-heading-title {
  margin: 0;
  color: #403e3e !important;
  font-size: 18px !important;
  line-height: 1.33 !important;
  font-weight: 400 !important;
}

body.service-page--digital-only .elementor-element-d270a97 {
  --width: min(100%, 690px) !important;
  display: grid !important;
  grid-template-columns: repeat(2, 329px) !important;
  grid-auto-rows: 250px;
  justify-content: center;
  gap: 29px 32px !important;
  width: min(100%, 690px) !important;
  max-width: 690px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.service-page--digital-only .elementor-element-cfc5242 .service-number-card {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 329px !important;
  min-width: 0;
  min-height: 250px;
  margin: 0 !important;
  padding: 32px !important;
  border: 2px solid transparent !important;
  border-radius: 8px !important;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #f1ae11, #f26aaa) border-box !important;
  box-shadow: 0 2px 8px rgba(25, 33, 61, 0.08) !important;
  text-align: center;
}

body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon-box-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0 !important;
}

body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon-box-icon {
  margin: 0 auto 18px !important;
}

body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon,
body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon i,
body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon svg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  color: #000 !important;
  fill: currentColor !important;
  font-size: 38px !important;
}

body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon-box-title {
  margin: 0 0 12px !important;
  color: #000 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}

body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon-box-description {
  margin: 0 !important;
  color: #403e3e !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

@media (max-width: 767px) {

  body.service-page--digital-only .elementor-element-cfc5242 {
    padding: 40px 0 72px !important;
  }

  body.service-page--digital-only .elementor-element-4279ea3 {
    --width: 310px !important;
    grid-template-columns: 1fr !important;
    gap: 30px;
    width: 310px !important;
    max-width: calc(100% - 80px) !important;
    margin-bottom: 52px !important;
  }

  body.service-page--digital-only .elementor-element-927aa69 {
    width: 310px !important;
    max-width: 100%;
  }

  body.service-page--digital-only .elementor-element-927aa69::before,
  body.service-page--digital-only .elementor-element-927aa69::after {
    font-size: 25px;
  }

  body.service-page--digital-only .elementor-element-927aa69::after {
    left: 61px;
  }

  body.service-page--digital-only .elementor-element-d3d844a .elementor-heading-title {
    font-size: 18px !important;
    line-height: 1.33 !important;
  }

  body.service-page--digital-only .elementor-element-d270a97 {
    --width: 313px !important;
    grid-template-columns: 313px !important;
    grid-auto-rows: auto;
    gap: 34px !important;
    width: 313px !important;
    max-width: calc(100% - 80px) !important;
  }

  body.service-page--digital-only .elementor-element-cfc5242 .service-number-card {
    width: 313px !important;
    max-width: 100%;
    min-height: 0;
    padding: 32px !important;
  }

  body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon-box-title {
    font-size: 18px !important;
  }

  body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon-box-description {
    font-size: 14px !important;
    line-height: 1.43 !important;
  }
}
/* hg:P4:gradien-judul — Services_Digital Only.svg: hero "Digital Only" desktop 3 titik #F26AAA→#F28C5E→#F1AE11 (live 2 titik); Digital_Mobile.svg:
   "Instant Memories & Eco-friendly Fun" 2 titik pink→oranye (live 3 titik). "Your Package…": gradien juga dipasang ke tiap span (927aa69) → tiap kata
   gradien sendiri; span dikosongkan agar satu sapuan. */
@media (min-width: 768px) {
  body.service-page--digital-only .elementor-element-ee4d87af .title-gradient.title-gradient { background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; }
}
@media (max-width: 767px) {
  body.service-page--digital-only .service-donly-sec-2 .title-gradient.title-gradient { background-image: linear-gradient(90deg, #F26AAA, #F1AE11) !important; }
}
body.service-page--digital-only .elementor-element-927aa69 .title-gradient.title-gradient > span { background: none !important; }
/* hg:P5:kartu — svg-path desktop & mobile: stroke 2px gradien VERTIKAL #F1AE11→#F26AAA, tepi luar 10 (rx 9; 1 dari 4 kartu desktop rx 7) (live horizontal 90° r8). */
body.service-page--digital-only .elementor-element-cfc5242 .service-number-card.service-number-card {
  border-radius: 10px !important;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #F1AE11 0%, #F26AAA 100%) border-box !important;
}

/* hg:quick-m:digital-only — Digital_Mobile.png (440). Mobile only; px mentah di dalam widget ber-zoom, calc(N px * --hg-vw-scale) di luar. */
@media (max-width: 767px) {
  /* S1 hero: mockup = kolase foto DI ATAS teks; judul 20px, sub 16/500 gradien, paragraf 14/18 */
  body.service-page--digital-only .service-donly-sec-1.service-donly-sec-1.e-con { padding: calc(46px * var(--hg-vw-scale, 1)) 0 0 !important; }
  body.service-page--digital-only .elementor-element-8686ba46.elementor-element-8686ba46 { gap: calc(20px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .elementor-element-18cfc992.elementor-element-18cfc992 { order: -1; margin-top: 0 !important; }
  body.service-page--digital-only .elementor-element-e0f91646.elementor-element-e0f91646 { grid-template-columns: calc(185px * var(--hg-vw-scale, 1)) calc(185px * var(--hg-vw-scale, 1)) !important; justify-content: center !important; gap: 0 !important; }
  body.service-page--digital-only .elementor-element-c7fe9e3e.elementor-element-c7fe9e3e { position: relative; left: calc(9.5px * var(--hg-vw-scale, 1)); }
  body.service-page--digital-only .elementor-element-09742e2e.elementor-element-09742e2e { position: relative; left: calc(-10.5px * var(--hg-vw-scale, 1)); }
  body.service-page--digital-only .elementor-element-09742e2e.elementor-element-09742e2e img { box-shadow: none !important; margin-top: calc(19px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .elementor-element-c7fe9e3e.elementor-element-c7fe9e3e img { box-shadow: none !important; }
  body.service-page--digital-only .elementor-element-ee4d87af.elementor-element-ee4d87af .service-heading.service-heading,
  body.service-page--digital-only .elementor-element-ee4d87af.elementor-element-ee4d87af .service-heading.service-heading > span { font-size: 20px !important; line-height: 24px !important; }
  body.service-page--digital-only .elementor-element-ee4d87af.elementor-element-ee4d87af .service-heading.service-heading { margin: 0 0 9px !important; }
  body.service-page--digital-only .elementor-element-2df1096c.elementor-element-2df1096c h2 {
    display: inline-block; margin: 0 0 12px !important; font-size: 16px !important; line-height: 20px !important; font-weight: 500 !important;
    background: linear-gradient(90deg, #f1ae11, #f26aaa); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent;
  }
  body.service-page--digital-only .elementor-element-7d0e3e42.elementor-element-7d0e3e42 { width: 300px !important; max-width: 300px !important; margin: 0 auto 28px !important; }
  body.service-page--digital-only .elementor-element-7d0e3e42.elementor-element-7d0e3e42 .elementor-heading-title.elementor-heading-title { font-size: 14px !important; line-height: 18px !important; color: #403e3e !important; }
  body.service-page--digital-only .elementor-element-fa733e54.elementor-element-fa733e54 .elementor-button.elementor-button { padding: 12px 21px !important; min-height: 40px !important; }

  /* S2: latar putih, judul 2 baris, paragraf 14px, galeri 362px: [Les Mis][Canon] / Beat / D&D / [MBA][Red Room] */
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2.e-con { background: #fff !important; padding: calc(35px * var(--hg-vw-scale, 1)) 0 0 !important; }
  body.service-page--digital-only .elementor-element-66b2e016.elementor-element-66b2e016 .service-heading.service-heading { max-width: 180px !important; margin: 0 auto 24px !important; }
  body.service-page--digital-only .elementor-element-e8849261.elementor-element-e8849261 { max-width: 300px !important; }
  body.service-page--digital-only .elementor-element-e8849261.elementor-element-e8849261 .elementor-heading-title.elementor-heading-title { font-size: 14px !important; line-height: 19.5px !important; color: #403e3e !important; }
  body.service-page--digital-only .elementor-element-fa47f4bf.elementor-element-fa47f4bf { margin-bottom: calc(25px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444.elementor-element-cc904444 { width: calc(362px * var(--hg-vw-scale, 1)) !important; max-width: 100% !important; margin-inline: auto !important; padding: 0 !important; gap: calc(8px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-53cb6adf.elementor-element-53cb6adf { order: 1 !important; grid-column: auto !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-6d996aae.elementor-element-6d996aae { order: 2 !important; grid-column: auto !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-01c4c3e1.elementor-element-01c4c3e1 { order: 3 !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-3b749478.elementor-element-3b749478 { order: 4 !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-d3268e3e.elementor-element-d3268e3e { order: 5 !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-da845ec8.elementor-element-da845ec8 { order: 6 !important; }
  body.service-page--digital-only .service-donly-sec-2 :is(.elementor-element-53cb6adf, .elementor-element-6d996aae).elementor-widget-video :is(.elementor-wrapper, video) { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-d3268e3e.elementor-element-d3268e3e img {
    content: url("../../../themes/holograil/assets/uploads/ui_svg/extracted_c62ba966.webp"); aspect-ratio: 2 / 3 !important; object-fit: cover;
  }

  /* lingkaran dekoratif kuning: mockup di tepi kiri sejajar judul (d104 & d68), bukan menimpa paragraf */
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::before { width: calc(104px * var(--hg-vw-scale, 1)); height: calc(104px * var(--hg-vw-scale, 1)); left: calc(-40px * var(--hg-vw-scale, 1)); top: calc(-30px * var(--hg-vw-scale, 1)); }
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::after { width: calc(68px * var(--hg-vw-scale, 1)); height: calc(68px * var(--hg-vw-scale, 1)); left: calc(28px * var(--hg-vw-scale, 1)); top: calc(22px * var(--hg-vw-scale, 1)); }

  /* S3: jarak galeri ke kotak 75, eyebrow 16/600 tanpa letter-spacing, pill 50px */
  body.service-page--digital-only .service-donly-overlay.service-donly-overlay.e-con { padding: calc(66px * var(--hg-vw-scale, 1)) 0 calc(71px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow.service-overlay-eyebrow.elementor-element { padding-bottom: 0 !important; }
  body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow.service-overlay-eyebrow .elementor-heading-title.elementor-heading-title { font-weight: 600 !important; letter-spacing: 0 !important; }
  body.service-page--digital-only .service-donly-overlay .service-overlay-pill.service-overlay-pill.elementor-element { bottom: -36px !important; }
  body.service-page--digital-only .service-donly-overlay .service-overlay-pill.service-overlay-pill .elementor-heading-title.elementor-heading-title { line-height: 18px !important; min-height: 50px !important; padding: 7px 14px !important; }

  /* S4: judul 25px satu baris */
  body.service-page--digital-only .elementor-element-cfc5242.elementor-element-cfc5242.e-con { padding-top: calc(47px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .elementor-element-927aa69.elementor-element-927aa69 .title-gradient.title-gradient,
  body.service-page--digital-only .elementor-element-927aa69.elementor-element-927aa69 .title-gradient.title-gradient > span { font-size: 25px !important; line-height: 30px !important; }
  body.service-page--digital-only .elementor-element-927aa69.elementor-element-927aa69 .title-gradient.title-gradient { white-space: nowrap; margin: 0 !important; }
  body.service-page--digital-only .elementor-element-4279ea3.elementor-element-4279ea3 { gap: calc(23px * var(--hg-vw-scale, 1)) !important; margin-bottom: calc(48px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .elementor-element-d270a97.elementor-element-d270a97 { gap: calc(34px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .elementor-element-cfc5242 .service-number-card.service-number-card.elementor-element { padding-bottom: 28px !important; }
}
/* hg:P3:hero-foto — Services_Digital Only.svg: 2 rect 294.52×441.78 rotate(-4.31) @720,237.14 & 294.35×441.52 rotate(4.44) @1047.16,215 (tinta 720–1340 × 215–677);
   Digital_Mobile.svg: 183.83×275.74 rotate(-4.31) @26,125.82 & 183.72×275.58 rotate(4.44) @230.2,112 (tinta 26–413 × 112–400). Rotasi di titik kiri-atas seperti SVG. */
body.service-page--digital-only .service-donly-sec-1 :is(.elementor-element-c7fe9e3e, .elementor-element-09742e2e).elementor-element.elementor-element img {
  display: block; width: 100% !important; max-width: none !important; min-width: 0 !important; height: auto !important; max-height: none !important;
  aspect-ratio: 2 / 3; object-fit: cover; margin: 0 !important; transform-origin: 0 0;
}
body.service-page--digital-only .service-donly-sec-1 .elementor-element-c7fe9e3e.elementor-element.elementor-element img { transform: rotate(-4.31115deg) !important; }
body.service-page--digital-only .service-donly-sec-1 .elementor-element-09742e2e.elementor-element.elementor-element img { transform: rotate(4.43777deg) !important; }
body.service-page--digital-only .service-donly-sec-1 :is(.elementor-element-c7fe9e3e, .elementor-element-09742e2e).elementor-element.elementor-element { width: 100% !important; max-width: none !important; margin: 0 !important; }
@media (min-width: 768px) {
  body.service-page--digital-only .service-donly-sec-1.service-donly-sec-1 { padding: 64px 0 31px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-8686ba46.elementor-element-8686ba46.elementor-element-8686ba46 {
    --width: 100% !important; width: 100% !important; max-width: none !important; margin: 0 !important;
    padding: 0 99.5px 0 179px !important; grid-template-columns: minmax(0, 1fr) 621.5px !important; column-gap: 0 !important; align-items: start !important;
  }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-18cfc992.elementor-element-18cfc992 { padding: 0 !important; margin: 0 !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-e0f91646.elementor-element-e0f91646 {
    padding: 0 !important; grid-template-columns: 294.52px 294.35px !important; column-gap: 32.64px !important; row-gap: 0 !important; align-items: start !important;
  }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-c7fe9e3e.elementor-element.elementor-element { margin-top: 22.14px !important; }
}
@media (max-width: 767px) {
  body.service-page--digital-only .service-donly-sec-1.service-donly-sec-1 { padding: calc(42px * var(--hg-vw-scale, 1)) 0 calc(9px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-8686ba46.elementor-element-8686ba46.elementor-element-8686ba46 {
    padding: 0 calc(16px * var(--hg-vw-scale, 1)) !important; row-gap: calc(30.7px * var(--hg-vw-scale, 1)) !important;
  }
  /* hg:P1:hero-urutan — Digital_Mobile.png: foto di atas teks */
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-18cfc992.elementor-element-18cfc992 { order: -1; padding: 0 !important; margin: 0 !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-e0f91646.elementor-element-e0f91646 {
    padding: 0 !important; grid-template-columns: calc(183.83px * var(--hg-vw-scale, 1)) calc(183.72px * var(--hg-vw-scale, 1)) !important;
    column-gap: calc(20.37px * var(--hg-vw-scale, 1)) !important; row-gap: 0 !important; justify-content: center !important; align-items: start !important;
  }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-c7fe9e3e.elementor-element.elementor-element { margin-top: calc(13.82px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P4:hero-teks — mock-text desktop: h1 35/500, subjudul Inter 24/500 gradien #F1AE11→#F26AAA, body Inter 18 pitch 24 (lebar tinta ≤410), tombol 146×40 teks 15.375/500 pad-x 24;
   mobile: 20 / 16/500 / 14 pitch 18 rata tengah (≤288) / tombol 146×40. Jarak tinta: h1→sub 20, sub→body 29, body→tombol 31 (desktop); 16/19/31 (mobile). */
body.service-page--digital-only .service-donly-sec-1 .elementor-element-ee4d87af .service-heading.service-heading,
body.service-page--digital-only .service-donly-sec-1 .elementor-element-ee4d87af .service-heading.service-heading > span { line-height: 1.2 !important; margin: 0 !important; }
body.service-page--digital-only .service-donly-sec-1 .elementor-element-2df1096c.elementor-element h2 {
  display: inline-block; margin: 0 !important; font-weight: 500 !important; line-height: 1.2 !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--digital-only .service-donly-sec-1 .elementor-element-7d0e3e42.elementor-element .elementor-heading-title.elementor-heading-title { margin: 0 !important; }
body.service-page--digital-only .service-donly-sec-1 .elementor-element-57b911a0.elementor-element-57b911a0,
body.service-page--digital-only .service-donly-sec-1 .elementor-element-57b911a0.elementor-element-57b911a0 > .e-con-inner { padding: 0 !important; }
body.service-page--digital-only .service-donly-sec-1 .elementor-element-fa733e54.elementor-element .elementor-button.elementor-button { padding: 12px 24px !important; font-size: 15.375px !important; font-weight: 500 !important; line-height: 16px !important; }
@media (min-width: 768px) {
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-f6cc8854.elementor-element-f6cc8854 { align-self: start !important; margin-top: 54.7px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-ee4d87af .service-heading.service-heading,
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-ee4d87af .service-heading.service-heading > span { font-size: 35px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-ee4d87af.elementor-element { margin: 0 0 14.6px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-2df1096c.elementor-element h2 { font-size: 24px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-2df1096c.elementor-element { margin: 0 0 23.4px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-7d0e3e42.elementor-element.elementor-element { max-width: 415px !important; margin: 0 0 29.5px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-7d0e3e42.elementor-element .elementor-heading-title.elementor-heading-title { font-size: 18px !important; line-height: 24px !important; }
}
@media (max-width: 767px) {
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-ee4d87af .service-heading.service-heading,
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-ee4d87af .service-heading.service-heading > span { font-size: 20px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-ee4d87af.elementor-element { margin: 0 0 12.9px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-2df1096c.elementor-element h2 { font-size: 16px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-2df1096c.elementor-element { margin: 0 0 15.7px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-7d0e3e42.elementor-element.elementor-element { max-width: 292px !important; margin: 0 auto 29.9px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-7d0e3e42.elementor-element .elementor-heading-title.elementor-heading-title { font-size: 14px !important; line-height: 18px !important; }
}

/* hg:P5:s2-latar-dekor — mockup s2 latar PUTIH (bukan #fafafa). Lingkaran dari svg-path: kuning #F1AE11 α.31 desktop (44.5,792.5) r92.5 + (133,853) r60,
   mobile (11.5,650.5) r52.5 + (62,685) r34; pink desktop #F7AEBC α.35 (1246,1664.8) r206 + #F7AEBC α.76 (1436.9,1497.5) r23 + #FFE2DF (1378.6,1457.6) r33.3
   (koordinat relatif s2: top s2 = mock y710 desktop / y637 mobile). Pink di belakang galeri (z -1 dalam konteks s2). */
body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2 { background: #fff !important; position: relative; z-index: 1; overflow: visible !important; }
body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::before,
body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::after {
  content: ""; position: absolute; left: 0; right: 0; width: auto; height: auto; border-radius: 0; background: none; z-index: -1; pointer-events: none;
}
@media (min-width: 768px) {
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::before {
    top: -100px; height: 400px;
    background: radial-gradient(circle 92.5px at 44.5px 182.5px, rgba(241, 174, 17, .31) calc(100% - .5px), transparent 100%),
                radial-gradient(circle 60px at 133px 243px, rgba(241, 174, 17, .31) calc(100% - .5px), transparent 100%) !important;
  }
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::after {
    top: 0; height: 1200px;
    background: radial-gradient(circle 23px at 1436.9px 787.5px, rgba(247, 174, 188, .76) calc(100% - .5px), transparent 100%),
                radial-gradient(circle 33.26px at 1378.6px 747.6px, #FFE2DF calc(100% - .5px), transparent 100%),
                radial-gradient(circle 206px at 1246px 954.8px, rgba(247, 174, 188, .35) calc(100% - .5px), transparent 100%) !important;
  }
}
@media (max-width: 767px) {
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::before {
    top: calc(-60px * var(--hg-vw-scale, 1)); height: calc(200px * var(--hg-vw-scale, 1));
    background: radial-gradient(circle calc(52.5px * var(--hg-vw-scale, 1)) at calc(11.5px * var(--hg-vw-scale, 1)) calc(73.5px * var(--hg-vw-scale, 1)), rgba(241, 174, 17, .31) calc(100% - .5px), transparent 100%),
                radial-gradient(circle calc(34px * var(--hg-vw-scale, 1)) at calc(62px * var(--hg-vw-scale, 1)) calc(108px * var(--hg-vw-scale, 1)), rgba(241, 174, 17, .31) calc(100% - .5px), transparent 100%) !important;
  }
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::after { content: none !important; }
}

/* hg:P2:s2-jarak — mockup desktop (top s2=710): judul tinta +88, judul→body 32, body→galeri 97, galeri→akhir s2 49; mobile (top s2=637): +41, 34, 50, 39.
   P4 judul 35px (mock-text 35.0156), body 18/24 desktop, 14/20 mobile; pemenggalan mobile "Instant Memories / & Eco-friendly Fun". */
body.service-page--digital-only .service-donly-sec-2 .elementor-element-5fec0cc7 > .e-con-inner { gap: 0 !important; }
body.service-page--digital-only .service-donly-sec-2 .elementor-element-66b2e016 .service-heading.service-heading { margin: 0 !important; }
@media (min-width: 768px) {
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2 { padding: 69.7px 0 39px !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-66b2e016 .service-heading.service-heading,
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-66b2e016 .service-heading.service-heading > span { font-size: 35px !important; line-height: 1.2 !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-66b2e016.elementor-element { margin: 0 0 27.8px !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-e8849261.elementor-element .elementor-heading-title.elementor-heading-title { font-size: 18px !important; line-height: 24px !important; margin: 0 !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-fa47f4bf.elementor-element-fa47f4bf { margin-bottom: 95px !important; }
}
@media (max-width: 767px) {
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2 { padding: calc(39px * var(--hg-vw-scale, 1)) 0 calc(29px * var(--hg-vw-scale, 1)) !important; /* revisi-13: +16px di bawah tombol Check us Out (mockup ±47px) */ }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-66b2e016 .service-heading.service-heading { max-width: 170px !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-66b2e016.elementor-element { margin: 0 0 25.5px !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-e8849261.elementor-element .elementor-heading-title.elementor-heading-title { font-size: 14px !important; line-height: 20px !important; margin: 0 !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-fa47f4bf.elementor-element-fa47f4bf { margin-bottom: calc(48px * var(--hg-vw-scale, 1)) !important; }
}

/* hg:P3:s2-galeri — svg-path desktop: lebar 1016 (x212–1228), kolom 324/352/324 celah 8; kol1 Beat 216 + MBA 487, kol2 LesMis 352 + Canon 352, kol3 RedRoom 488 + B&D 216
   (total 712). Mobile: x39–401 (362), baris LesMis|Canon 177², Beat 362×241, B&D 362×241, MBA|RedRoom 176×264, celah 8.
   Slot: LesMis = video 53cb6adf, Canon = video 6d996aae, MBA = image d3268e3e (sebelumnya duplikat still LesMis). */
body.service-page--digital-only .service-donly-sec-2 .elementor-element-d3268e3e.elementor-element.elementor-element img { content: normal !important; }
body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444 :is(.elementor-widget-image, .elementor-widget-video).elementor-element { margin: 0 !important; width: 100% !important; max-width: none !important; }
body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444 .elementor-widget-image.elementor-element img,
body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444 .elementor-widget-video.elementor-element video { display: block; width: 100% !important; max-width: none !important; object-fit: cover !important; }
@media (min-width: 768px) {
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444.elementor-element-cc904444.elementor-element-cc904444 {
    width: 1016px !important; max-width: 1016px !important; margin: 0 auto !important; padding: 0 !important;
    grid-template-columns: 324px 352px 324px !important; grid-template-rows: 216px 8px 128px 8px 128px 8px 216px !important; gap: 0 8px !important; align-items: stretch !important;
  }
  body.service-page--digital-only .service-donly-sec-2 :is(.elementor-element-ecdcb68a, .elementor-element-874f91e5, .elementor-element-48289028).elementor-element { display: contents !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444 :is(.elementor-widget-image, .elementor-widget-video).elementor-element { height: 100% !important; min-height: 0 !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444 :is(.elementor-widget-image, .elementor-widget-video).elementor-element :is(.elementor-widget-container, .elementor-wrapper) { height: 100% !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444 .elementor-widget-image.elementor-element img,
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444 .elementor-widget-video.elementor-element video { height: 100% !important; aspect-ratio: auto !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-01c4c3e1.elementor-element { grid-column: 1; grid-row: 1 / 2; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-d3268e3e.elementor-element { grid-column: 1; grid-row: 3 / 8; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-53cb6adf.elementor-element { grid-column: 2; grid-row: 1 / 4; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-6d996aae.elementor-element { grid-column: 2; grid-row: 5 / 8; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-da845ec8.elementor-element { grid-column: 3; grid-row: 1 / 6; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-3b749478.elementor-element { grid-column: 3; grid-row: 7 / 8; }
}
@media (max-width: 767px) {
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-cc904444.elementor-element-cc904444.elementor-element-cc904444 {
    width: calc(362px * var(--hg-vw-scale, 1)) !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: calc(8px * var(--hg-vw-scale, 1)) !important;
  }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-53cb6adf.elementor-element { order: 1 !important; grid-column: auto !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-6d996aae.elementor-element { order: 2 !important; grid-column: auto !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-01c4c3e1.elementor-element { order: 3 !important; grid-column: 1 / -1 !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-3b749478.elementor-element { order: 4 !important; grid-column: 1 / -1 !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-d3268e3e.elementor-element { order: 5 !important; grid-column: auto !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-da845ec8.elementor-element { order: 6 !important; grid-column: auto !important; }
  body.service-page--digital-only .service-donly-sec-2 :is(.elementor-element-53cb6adf, .elementor-element-6d996aae).elementor-element :is(.elementor-wrapper, video) { height: auto !important; aspect-ratio: 1 / 1 !important; }
  body.service-page--digital-only .service-donly-sec-2 :is(.elementor-element-01c4c3e1, .elementor-element-3b749478).elementor-element img { height: auto !important; aspect-ratio: 362 / 241 !important; }
  body.service-page--digital-only .service-donly-sec-2 :is(.elementor-element-d3268e3e, .elementor-element-da845ec8).elementor-element img { height: auto !important; aspect-ratio: 176 / 264 !important; }
}

/* hg:P2:s3-jarak — desktop: teks→kotak 77, kotak→tinta eyebrow 40, eyebrow→video 48, video→bawah kotak 78; mobile: galeri→kotak 77 (s3 mulai y1950),
   kotak→eyebrow 21, eyebrow→video 22, bawah s3 70. gap flex section 20px = sumber "border putus" di bawah judul (D1). */
body.service-page--digital-only .service-donly-overlay.service-donly-overlay { row-gap: 0 !important; gap: 0 !important; }
body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow .elementor-heading-title.elementor-heading-title { letter-spacing: 0 !important; }
/* hg:P5:s3-pill — desktop pill gradien pink→kuning (#F26AAA→#F1AE11, sampel PNG 242,109,164 → 241,171,25); mobile tetap oranye→pink. Sub-label Inter italic 16/500 (bukan Georgia). */
body.service-page--digital-only .service-donly-overlay .elementor-element-64f2a5eb .elementor-heading-title.elementor-heading-title::after { content: none !important; }
body.service-page--digital-only .service-donly-overlay .service-overlay-pill .hg-pill-sub { display: block; font-family: Inter, sans-serif; font-style: italic; font-weight: 500; }
@media (min-width: 768px) {
  body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow.service-overlay-eyebrow { margin-top: 67px !important; padding: 35px 0 41px !important; }
  body.service-page--digital-only .service-donly-overlay .elementor-element-1dfe90c2.elementor-element-1dfe90c2 { padding-bottom: 78px !important; }
  body.service-page--digital-only .service-donly-overlay .service-overlay-pill .elementor-heading-title.elementor-heading-title { background: linear-gradient(90deg, #F26AAA, #F1AE11) !important; }
}
@media (max-width: 767px) {
  body.service-page--digital-only .service-donly-overlay.service-donly-overlay {
    padding: calc(38px * var(--hg-vw-scale, 1)) 0 calc(70px * var(--hg-vw-scale, 1)) !important; position: relative; z-index: 1; overflow-x: clip !important; overflow-y: visible !important;
  }
  body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow.service-overlay-eyebrow { padding-top: 19px !important; background: #fff; }
  body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow .elementor-heading-title.elementor-heading-title { font-weight: 600 !important; }
  body.service-page--digital-only .service-donly-overlay .elementor-element-1dfe90c2.elementor-element-1dfe90c2 { background: #fff; }
  /* hg:P5:s3-pink-mobile — Digital_Mobile.svg: #F7AEBC α.35 (367,2015.3) r77.7, α.76 (439,1952.2) r8.6, #FFE2DF (417,1937.2) r12.5 (relatif top s3 = y1950); di belakang kotak putih. */
  body.service-page--digital-only .service-donly-overlay.service-donly-overlay::before {
    content: ""; position: absolute; left: 0; right: 0; top: calc(-40px * var(--hg-vw-scale, 1)); height: calc(250px * var(--hg-vw-scale, 1)); z-index: -1; pointer-events: none;
    background: radial-gradient(circle calc(8.6px * var(--hg-vw-scale, 1)) at calc(439px * var(--hg-vw-scale, 1)) calc(42.2px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, .76) calc(100% - .5px), transparent 100%),
                radial-gradient(circle calc(12.54px * var(--hg-vw-scale, 1)) at calc(417px * var(--hg-vw-scale, 1)) calc(27.2px * var(--hg-vw-scale, 1)), #FFE2DF calc(100% - .5px), transparent 100%),
                radial-gradient(circle calc(77.7px * var(--hg-vw-scale, 1)) at calc(367px * var(--hg-vw-scale, 1)) calc(105.3px * var(--hg-vw-scale, 1)), rgba(247, 174, 188, .35) calc(100% - .5px), transparent 100%);
  }
}

/* hg:P4:s4-judul — mock-text: "Your Package At A Glance.." 1 baris, desktop 40px (lebar tinta 491 → kolom 525 harus menang atas .service-split-grid tema 1fr 1fr/gap 64 !important),
   mobile 25px. Desktop paragraf x806, judul & paragraf rata tengah vertikal; s4 top→tinta paragraf 69, blok→kartu 67. Mobile top→tinta judul 52, judul→paragraf 33, paragraf→kartu 52. */
body.service-page--digital-only .elementor-element-927aa69 .title-gradient.title-gradient { margin: 0 !important; line-height: 1.2 !important; }
@media (min-width: 768px) {
  body.service-page--digital-only .elementor-element-cfc5242.elementor-element-cfc5242 { padding-top: 64px !important; }
  body.service-page--digital-only .elementor-element-4279ea3.elementor-element-4279ea3.elementor-element-4279ea3 {
    grid-template-columns: 525px minmax(0, 1fr) !important; column-gap: 72px !important; gap: 0 72px !important; align-items: center !important; margin-bottom: 65px !important;
  }
}
@media (max-width: 767px) {
  body.service-page--digital-only .elementor-element-cfc5242.elementor-element-cfc5242 { padding-top: calc(46px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .elementor-element-927aa69 .title-gradient.title-gradient,
  body.service-page--digital-only .elementor-element-927aa69 .title-gradient.title-gradient > span { font-size: 25px !important; }
  body.service-page--digital-only .elementor-element-4279ea3.elementor-element-4279ea3.elementor-element-4279ea3 {
    row-gap: calc(27.5px * var(--hg-vw-scale, 1)) !important; gap: calc(27.5px * var(--hg-vw-scale, 1)) 0 !important; margin-bottom: calc(50px * var(--hg-vw-scale, 1)) !important;
  }
}
/* hg:P2:koreksi-ukur-1 — hasil ukur capture do-a1 vs PNG: mobile hero sub +6 / body +3 / tombol +1, s2 judul −2, galeri +3, eyebrow +2, s4 judul→paragraf +2, paragraf→kartu +1;
   desktop body hero pecah setelah "with" (lebar tinta mock 410 → kotak 425), paragraf s4 x806–1241 (kolom kanan 443 → grid 1040). Judul s4 mobile 1 baris (tinta 306) butuh kotak > 310. */
@media (min-width: 768px) {
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-7d0e3e42.elementor-element.elementor-element { max-width: 425px !important; }
  body.service-page--digital-only .elementor-element-4279ea3.elementor-element-4279ea3.elementor-element-4279ea3 { --width: 1040px !important; width: 1040px !important; max-width: 1040px !important; margin-left: 209px !important; margin-right: auto !important; }
  body.service-page--digital-only .elementor-element-cfc5242.elementor-element-cfc5242 { padding-top: 65px !important; }
}
@media (max-width: 767px) {
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-ee4d87af.elementor-element { margin-bottom: 6.9px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-2df1096c.elementor-element { margin-bottom: 12.7px !important; }
  body.service-page--digital-only .service-donly-sec-1 .elementor-element-7d0e3e42.elementor-element.elementor-element { margin-bottom: 28.9px !important; }
  body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2 { padding-top: calc(41px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .service-donly-sec-2 .elementor-element-fa47f4bf.elementor-element-fa47f4bf { margin-bottom: calc(45px * var(--hg-vw-scale, 1)) !important; }
  body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow.service-overlay-eyebrow { padding-top: 17px !important; }
  body.service-page--digital-only .elementor-element-927aa69.elementor-element-927aa69 { width: 330px !important; max-width: none !important; }
  body.service-page--digital-only .elementor-element-4279ea3.elementor-element-4279ea3.elementor-element-4279ea3 { row-gap: calc(25.5px * var(--hg-vw-scale, 1)) !important; gap: calc(25.5px * var(--hg-vw-scale, 1)) 0 !important; margin-bottom: calc(49px * var(--hg-vw-scale, 1)) !important; }
}
/* hg:P4:koreksi-s4-paragraf — baris 1 mock "…unforgettable activation." (±435) tidak muat di kolom 443 pada render live → grid 1060 (kolom kanan 463), x paragraf tetap 806. */
@media (min-width: 768px) {
  body.service-page--digital-only .elementor-element-4279ea3.elementor-element-4279ea3.elementor-element-4279ea3 { --width: 1060px !important; width: 1060px !important; max-width: 1060px !important; }
}
/* hg:P3:ikon-paket — FA6 (fa-table-cells/fa-sliders/fa-share-nodes) tak ada di FA 5.15.3 Elementor → kosong; ganti nama FA5 (inline SVG). Ukuran tinta mock ±40×40. */
body.service-page--digital-only .elementor-element-cfc5242 .service-number-card .elementor-icon svg { width: 40px !important; height: 40px !important; }
/* hg:P2-P5:digital-only-1440 — Services_Digital Only.png (1440): hero 35/24/18 + foto 297px; galeri 324/352/324 gap 8 (padding 0); sec2 putih; S3 eyebrow/pill; S4 grid override (kelas ganda menang atas thegrail-original.css) */
@media (min-width:768px){
body.service-page--digital-only .service-donly-sec-1 .elementor-element-f6cc8854{margin-left:-20px}
body.service-page--digital-only .elementor-element-ee4d87af.elementor-element-ee4d87af h1{font-size:35px!important;margin-bottom:19px!important}
body.service-page--digital-only .elementor-element-2df1096c.elementor-element-2df1096c h2{font-size:24px!important;font-weight:500!important;margin-bottom:0!important;background:linear-gradient(90deg,#f1ae11,#f26aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;display:inline-block}
body.service-page--digital-only .elementor-element-7d0e3e42.elementor-element-7d0e3e42{max-width:415px!important}
body.service-page--digital-only .elementor-element-7d0e3e42.elementor-element-7d0e3e42 p.elementor-heading-title{font-size:18px!important;line-height:1.35!important}
body.service-page--digital-only .elementor-element-fa733e54.elementor-element-fa733e54 a{width:146px!important;height:40px!important;padding:0!important;min-height:0!important;display:flex!important;align-items:center;justify-content:center}
body.service-page--digital-only .elementor-element-e0f91646.elementor-element-e0f91646{grid-template-columns:297px 297px!important;gap:0!important;justify-content:start!important;margin-left:-22px}
}
@media (min-width:768px){
body.service-page--digital-only .service-donly-sec-1 .elementor-element-fa733e54.elementor-element-fa733e54 a{margin-left:-10px}
body.service-page--digital-only .elementor-element-2df1096c.elementor-element-2df1096c h2{margin-bottom:13px!important}
body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2{background:#fff!important}
body.service-page--digital-only .elementor-element-66b2e016.elementor-element-66b2e016 h2, body.service-page--digital-only .elementor-element-66b2e016.elementor-element-66b2e016 h1,body.service-page--digital-only .elementor-element-66b2e016.elementor-element-66b2e016 h3{font-size:35px!important}
body.service-page--digital-only .elementor-element-e8849261.elementor-element-e8849261 p.elementor-heading-title, body.service-page--digital-only .elementor-element-e8849261.elementor-element-e8849261 .elementor-heading-title{font-size:18px!important}
body.service-page--digital-only .elementor-element-cc904444.elementor-element-cc904444{grid-template-columns:324px 352px 324px!important;gap:0 8px!important;align-items:start!important;justify-content:center!important}
body.service-page--digital-only .elementor-element-cc904444 > .e-con-inner > .e-con, body.service-page--digital-only .elementor-element-cc904444 > .e-con{gap:8px!important}
body.service-page--digital-only .elementor-element-01c4c3e1 img, body.service-page--digital-only .elementor-element-3b749478 img{width:324px!important;height:216px!important;object-fit:cover!important}
body.service-page--digital-only .elementor-element-da845ec8 img{width:324px!important;height:488px!important;object-fit:cover!important}
body.service-page--digital-only .elementor-element-6d996aae, body.service-page--digital-only .elementor-element-6d996aae video, body.service-page--digital-only .elementor-element-6d996aae .elementor-widget-container{width:324px!important;height:487px!important;object-fit:cover}
body.service-page--digital-only .elementor-element-d3268e3e img, body.service-page--digital-only .elementor-element-53cb6adf img, body.service-page--digital-only .elementor-element-53cb6adf, body.service-page--digital-only .elementor-element-53cb6adf video,body.service-page--digital-only .elementor-element-53cb6adf .elementor-widget-container{width:352px!important;height:352px!important;object-fit:cover}
}
@media (min-width:768px){
body.service-page--digital-only .elementor-element-cc904444 .e-con, body.service-page--digital-only .elementor-element-cc904444 .elementor-widget, body.service-page--digital-only .elementor-element-cc904444 .elementor-widget-container{padding:0!important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
body.service-page--digital-only .elementor-element-cc904444.elementor-element-cc904444{padding:0!important}
body.service-page--digital-only .elementor-element-e8849261.elementor-element-e8849261{max-width:950px!important}
}
@media (min-width:768px){
body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow.service-overlay-eyebrow{margin-top:50px!important;padding-top:12px!important;letter-spacing:0!important}
body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow .elementor-heading-title{letter-spacing:0!important}
body.service-page--digital-only .service-donly-overlay .elementor-element-1dfe90c2.elementor-element-1dfe90c2{padding-bottom:74px!important}
body.service-page--digital-only .service-donly-overlay .service-overlay-pill .elementor-heading-title{background:linear-gradient(90deg,#f26aaa,#f1ae11)!important}
}
@media (min-width:768px){
body.service-page--digital-only .elementor-element-4279ea3.elementor-element-4279ea3{grid-template-columns:525px minmax(0,1fr)!important;gap:72px!important;column-gap:72px!important}
}
@media (min-width:768px){
body.service-page--digital-only .elementor-element-4279ea3.elementor-element-4279ea3{margin-bottom:40px!important}
body.service-page--digital-only .elementor-element-d3d844a.elementor-element-d3d844a{width:450px!important;max-width:none!important}
}
/* hg:P2-P5:digital-only-1440-r2 — ukur ulang: foto kanan hero x 993, padding tombol 24/12.8, jarak S2 judul→body +21 & bawah −25, S3 eyebrow +20/+18, S4 judul→kartu 70 */
@media (min-width:768px){
body.service-page--digital-only .elementor-element-09742e2e.elementor-element-09742e2e{position:relative;left:-38.6px}
body.service-page--digital-only .elementor-element-fa733e54.elementor-element-fa733e54 a{width:auto!important;min-width:146px;height:40px!important;padding:12.8px 24px!important;box-sizing:border-box}
body.service-page--digital-only .elementor-element-66b2e016.elementor-element-66b2e016{margin-bottom:21px!important}
body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2{padding-bottom:39px!important}
body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow.service-overlay-eyebrow{margin-top:70px!important;padding-bottom:60px!important}
body.service-page--digital-only .elementor-element-4279ea3.elementor-element-4279ea3{margin-bottom:70px!important}
}
/* hg:P2:digital-only-1440-r3 — koreksi ukur PNG (crop y1700): judul S3 +16, kartu atas 2081, judul kartu +22, video atas 107 dari tepi kartu */
@media (min-width:768px){
body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2{padding-bottom:55px!important}
body.service-page--digital-only .service-donly-overlay .service-overlay-eyebrow.service-overlay-eyebrow{margin-top:43px!important;padding-top:34px!important;padding-bottom:23px!important}
}
/* hg:P2:digital-only-1440-r4 — crop y600 vs PNG: hero +52 bawah (judul S2 y 813), body S2 line-height 24, galeri y 1026 (copy live lebih panjang 1 baris), bawah S2 41 */
@media (min-width:768px){
body.service-page--digital-only .service-donly-sec-1.service-donly-sec-1{padding-bottom:116px!important}
body.service-page--digital-only .elementor-element-e8849261.elementor-element-e8849261 p.elementor-heading-title{line-height:24px!important}
body.service-page--digital-only .elementor-element-cc904444.elementor-element-cc904444{margin-top:-22px!important}
body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2{padding-bottom:41px!important}
}
@media (min-width:768px){
body.service-page--digital-only .elementor-element-cc904444.elementor-element-cc904444{margin-top:-19px!important}
body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::before{top:-4px!important;left:0!important}
body.service-page--digital-only .service-donly-sec-2.service-donly-sec-2::after{top:66px!important;left:70px!important}
}
/* hg:P2:digital-only-1440-r5 — pakai jarak RELATIF conform (header cloud rusak membuat y absolut PNG menyesatkan): hero→judul S2 174.7, body S2→galeri 96.9, teks hero +12 */
@media (min-width:768px){
body.service-page--digital-only .service-donly-sec-1.service-donly-sec-1{padding-bottom:71px!important}
body.service-page--digital-only .elementor-element-cc904444.elementor-element-cc904444{margin-top:2px!important}
body.service-page--digital-only .elementor-element-2df1096c.elementor-element-2df1096c h2{margin-bottom:25px!important}
}
/* hg:P3:digital-only-hero-1440 — PNG mockup (bbox kartu kiri 720–1025×215–678 rot ≈−1.5°, kanan 1020–1340 rot ≈+3.3°, tepi atas sama); conform SVG-nya (x 993/y rel) tidak sama dengan PNG → PNG menang */
@media (min-width:768px){
body.service-page--digital-only .elementor-element-e0f91646.elementor-element-e0f91646{grid-template-columns:296px 293px!important;column-gap:10.5px!important;margin-left:-46px!important}
body.service-page--digital-only .elementor-element-09742e2e.elementor-element-09742e2e{left:0!important}
body.service-page--digital-only .elementor-element-c7fe9e3e.elementor-element-c7fe9e3e img{transform:rotate(-1.5deg)!important;width:296px!important;height:454px!important;object-fit:cover}
body.service-page--digital-only .elementor-element-09742e2e.elementor-element-09742e2e img{transform:rotate(3.3deg)!important;margin-top:0!important;width:293px!important;height:446px!important;object-fit:cover}
}
/* hg:P2:digital-only-1440-r7 — kartu hero lebih pendek → jarak foto→judul S2 174.7 */
@media (min-width:768px){
body.service-page--digital-only .service-donly-sec-1.service-donly-sec-1{padding-bottom:90px!important}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef431a1e */.elementor-21 .elementor-element.elementor-element-ef431a1e { display: none; }
/* hg: html-style a76e1a34 */
@media(min-width: 768px) /* hg-zoom A12: was 900px */ {

				.service-donly-sec-1 .service-split-grid { grid-template-columns: 1fr 1fr !important; }
			
.service-donly-sec-1 .service-split-grid > .e-con-inner { display: contents !important; }
}/* End custom CSS */