.elementor-11 .elementor-element.elementor-element-92f58193{--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-11 .elementor-element.elementor-element-155473a2{--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-11 .elementor-element.elementor-element-3b8b6a55{--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-11 .elementor-element.elementor-element-ac661850{--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-11 .elementor-element.elementor-element-ac661850.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-11 .elementor-element.elementor-element-866c1567{--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-11 .elementor-element.elementor-element-fd7ebd80{--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-11 .elementor-element.elementor-element-fd7ebd80.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-cc362c2d{--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-11 .elementor-element.elementor-element-ca05ef14 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-ae857dc6 .elementor-wrapper{--video-aspect-ratio:1.77777;}.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-11 .elementor-element.elementor-element-b71ef7a1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-b71ef7a2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-6d95993{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-6df0195{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-b9f7a19 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-df07fd8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-33efe30 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-9c184d61{--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-11 .elementor-element.elementor-element-d967287c{--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-11 .elementor-element.elementor-element-9d4e001c{--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-11 .elementor-element.elementor-element-481b0275 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-d7ae2cc1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-3028d6eb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-3028d6eb .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-be50d6e0{--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-11 .elementor-element.elementor-element-063a2136{--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-11 .elementor-element.elementor-element-bb72d443{--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-11 .elementor-element.elementor-element-458f26b6{--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-11 .elementor-element.elementor-element-ad1e0e05{--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-11 .elementor-element.elementor-element-ad1e0e05.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-b2030522{--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-11 .elementor-element.elementor-element-b2030522.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-b70520ae{--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-11 .elementor-element.elementor-element-be3192a3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-3e8c9187 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-c361615f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-a1e70011{--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-11 .elementor-element.elementor-element-a1e70012{--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-11 .elementor-element.elementor-element-a1e70015{--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-11 .elementor-element.elementor-element-a1e70016 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-d4cd2b8f{--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-11 .elementor-element.elementor-element-de4fc92d{--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-11 .elementor-element.elementor-element-fca63e24{--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-11 .elementor-element.elementor-element-9d74d833{--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-11 .elementor-element.elementor-element-6a5d961a{--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-11 .elementor-element.elementor-element-6a5d961a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-dbfef399{--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-11 .elementor-element.elementor-element-52d30694{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-52d30694.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-52d30694 img{width:50px;}.elementor-11 .elementor-element.elementor-element-934e9cea{--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-11 .elementor-element.elementor-element-934e9cea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-6b7ae518 .elementor-heading-title{font-size:16px;}.elementor-11 .elementor-element.elementor-element-a8444d17{--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-11 .elementor-element.elementor-element-617d489e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-617d489e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-617d489e img{width:50px;}.elementor-11 .elementor-element.elementor-element-008221a2{--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-11 .elementor-element.elementor-element-008221a2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-61f6cef2 .elementor-heading-title{font-size:16px;}.elementor-11 .elementor-element.elementor-element-421a2193{--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-11 .elementor-element.elementor-element-421a2193.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-25e6f7c7{--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-11 .elementor-element.elementor-element-b5b5a307 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11 .elementor-element.elementor-element-de085a8f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-7d96d02a{--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-11 .elementor-element.elementor-element-7d96d02a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-c7002d1b{--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-11 .elementor-element.elementor-element-e85fbf23{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-e85fbf23.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-e85fbf23 img{width:50px;}.elementor-11 .elementor-element.elementor-element-03941123{--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-11 .elementor-element.elementor-element-03941123.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-4a544756 .elementor-heading-title{font-size:16px;}.elementor-11 .elementor-element.elementor-element-9e0f7ad6{--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-11 .elementor-element.elementor-element-a4623fe7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-a4623fe7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-a4623fe7 img{width:50px;}.elementor-11 .elementor-element.elementor-element-94849aa4{--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-11 .elementor-element.elementor-element-94849aa4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-9318c5b1 .elementor-heading-title{font-size:16px;}.elementor-11 .elementor-element.elementor-element-d5a5a3f9{--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-11 .elementor-element.elementor-element-d7e0c65d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-6d95993{--width:708px;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-92f58193{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-92f58193{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-11 .elementor-element.elementor-element-6d95993{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-52d30694 img{width:9.09vw;}.elementor-11 .elementor-element.elementor-element-617d489e img{width:9.09vw;}.elementor-11 .elementor-element.elementor-element-e85fbf23 img{width:9.09vw;}.elementor-11 .elementor-element.elementor-element-a4623fe7 img{width:9.09vw;}}/* Start custom CSS for text-editor, class: .elementor-element-383ce5f5 *//* hg:P4:s1-h1-gradient-mobile — mock mobile H1 ini 2-stop (#F26AAA→#F1AE11), beda dari aturan umum 3-stop semua judul. */
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-383ce5f5 .title-gradient { background-image: linear-gradient(90deg, #F26AAA, #F1AE11); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d7de0f04 */.elementor-11 .elementor-element.elementor-element-d7de0f04 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; margin-bottom:1.5rem; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-d7de0f04 .elementor-heading-title { font-size:18px !important; line-height:22px !important; }
}
/* hg:P4:hlt-hero-desc-match-hpb */
@media (min-width: 768px) {
html body.service-page--holographic-luggage-tag.service-page--holographic-luggage-tag .elementor-11 .elementor-element-d7de0f04.elementor-element-d7de0f04 .elementor-heading-title {
font-size:22.5px !important;
line-height:24.5px !important;
}
}
@media (max-width: 767px) {
html body.service-page--holographic-luggage-tag.service-page--holographic-luggage-tag .elementor-11 .elementor-element-d7de0f04.elementor-element-d7de0f04 .elementor-heading-title {
font-size:18px !important;
line-height:22px !important;
}
}
/* hg:P4:hlt-hero-no-manual-wrap */
.elementor-11 .elementor-element.elementor-element-d7de0f04 .elementor-heading-title .hlt-nowrap {
white-space: nowrap !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9ccdf786 */.elementor-11 .elementor-element.elementor-element-9ccdf786 { border-radius:var(--radius-btn); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac661850 */.elementor-11 .elementor-element.elementor-element-ac661850 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-ac661850 { display:flex; flex-direction:column; justify-content:center; } .elementor-11 .elementor-element.elementor-element-ac661850 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-ac661850 { padding-left: calc(58px * var(--hg-vw-scale, 1)) !important; padding-right: calc(58px * var(--hg-vw-scale, 1)) !important; margin-top: calc(-12px * var(--hg-vw-scale, 1)) !important; } /* hg:P6:hero-pad-scale: container tidak ber-zoom */
.elementor-11 .elementor-element.elementor-element-ac661850 [data-id="383ce5f5"] h1 { font-size: 25px !important; }
.elementor-11 .elementor-element.elementor-element-ac661850 [data-id="383ce5f5"] h1 span { font-weight: 500 !important; }
.elementor-11 .elementor-element.elementor-element-ac661850 [data-id="383ce5f5"] h1.service-heading.service-heading { margin-bottom: 16px !important; }
.elementor-11 .elementor-element.elementor-element-ac661850 [data-id="d7de0f04"] { margin-bottom: 14px !important; }
.elementor-11 .elementor-element.elementor-element-ac661850 [data-id="d7de0f04"] .elementor-heading-title { line-height: 22px !important; color: #555555 !important; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b71ef7a1 */.elementor-11 .elementor-element.elementor-element-b71ef7a1 { position:static !important; width:auto; flex-grow:0; flex-shrink:0; }
.elementor-11 .elementor-element.elementor-element-b71ef7a1 img { position:absolute !important; display:block !important; visibility:visible !important; opacity:1 !important; width:24% !important; max-width:none !important; height:auto !important; left:14%; top:-2%; transform-origin:bottom center; transform:rotate(-7deg); filter:contrast(1.08) drop-shadow(0 9px 12px rgba(0,0,0,0.28)); z-index:20; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b71ef7a2 */.elementor-11 .elementor-element.elementor-element-b71ef7a2 { position:static !important; width:auto; flex-grow:0; flex-shrink:0; }
.elementor-11 .elementor-element.elementor-element-b71ef7a2 img { position:absolute !important; display:block !important; visibility:visible !important; opacity:1 !important; width:24% !important; max-width:none !important; height:auto !important; left:61%; top:-2%; transform-origin:bottom center; transform:rotate(7deg); filter:contrast(1.08) drop-shadow(0 9px 12px rgba(0,0,0,0.28)); z-index:21; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc362c2d */.elementor-11 .elementor-element.elementor-element-cc362c2d { position:relative; width:100%; max-width:620px; margin:0 auto; aspect-ratio:1/1.08; overflow:visible; } .elementor-11 .elementor-element.elementor-element-cc362c2d > .e-con-inner { display:contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d95993 *//* hg:quick-m:holographic-luggage-tag S1 gallery (mockup baru mockup_luggage_tag_updated, 2026-10-02) */
.elementor-11 .elementor-element.elementor-element-6d95993 { margin: 77px 0 0 -82px; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-6d95993 .luggage-tag-gallery__card { position: relative; overflow: hidden; border-radius: 10px; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-6d95993 .luggage-tag-gallery__card--akg { width: 353px; aspect-ratio: 353 / 504; margin-top: 100px; z-index: 2; }
.elementor-11 .elementor-element.elementor-element-6d95993 .luggage-tag-gallery__card--traveloka { width: 340px; aspect-ratio: 340 / 485; z-index: 1; }
body.service-page--holographic-luggage-tag.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-6d95993 .luggage-tag-gallery__card .elementor-widget-video.luggage-tag-gallery__video { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; overflow: hidden !important; }
body.service-page--holographic-luggage-tag.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-6d95993 .luggage-tag-gallery__card .elementor-widget-video.luggage-tag-gallery__video .elementor-wrapper.e-hosted-video { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; }
body.service-page--holographic-luggage-tag.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-6d95993 .luggage-tag-gallery__card .elementor-widget-video.luggage-tag-gallery__video video { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center !important; transform: none !important; border-radius: 0 !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-6d95993 { width: 100% !important; margin: calc(23px * var(--hg-vw-scale, 1)) 0 0 0; padding: 0 calc(16px * var(--hg-vw-scale, 1)); }
.elementor-11 .elementor-element.elementor-element-6d95993 .luggage-tag-gallery__card { border-radius: calc(8px * var(--hg-vw-scale, 1)); }
.elementor-11 .elementor-element.elementor-element-6d95993 .luggage-tag-gallery__card--akg { width: calc(215px * var(--hg-vw-scale, 1)); aspect-ratio: 215 / 307; margin-top: calc(140px * var(--hg-vw-scale, 1)); margin-left: calc(-23px * var(--hg-vw-scale, 1)); }
.elementor-11 .elementor-element.elementor-element-6d95993 .luggage-tag-gallery__card--traveloka { width: calc(216px * var(--hg-vw-scale, 1)); aspect-ratio: 216 / 308; }
}
/* hg:P2:video-hero-up-responsive */
.elementor-11 .elementor-element.elementor-element-6d95993 { transform: translateY(-36px); }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-6d95993 { transform: translateY(calc(-16px * var(--hg-vw-scale, 1))); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd7ebd80 */.elementor-11 .elementor-element.elementor-element-fd7ebd80 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-fd7ebd80 { width:100%; } .elementor-11 .elementor-element.elementor-element-fd7ebd80 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b8b6a55 */.elementor-11 .elementor-element.elementor-element-3b8b6a55 { display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; } .elementor-11 .elementor-element.elementor-element-3b8b6a55 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-155473a2 */.elementor-11 .elementor-element.elementor-element-155473a2 { padding:4rem 0; background:#fff; } .elementor-11 .elementor-element.elementor-element-155473a2 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-155473a2 { padding-bottom: 38px !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ecc2b0b6 */.elementor-11 .elementor-element.elementor-element-ecc2b0b6 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; max-width:760px; margin-bottom:3rem; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7ae2cc1 */.elementor-11 .elementor-element.elementor-element-d7ae2cc1 { display: none !important; }
.elementor-11 .elementor-element.elementor-element-d7ae2cc1 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-d7ae2cc1 img { width:100%; aspect-ratio:316/500; border-radius:12px; object-fit:cover; object-position:left center; box-shadow:0 6px 20px rgba(0,0,0,0.08); }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-3028d6eb */.elementor-11 .elementor-element.elementor-element-3028d6eb { display: none !important; }
.elementor-11 .elementor-element.elementor-element-3028d6eb { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-3028d6eb video, .elementor-11 .elementor-element.elementor-element-3028d6eb .elementor-video { width:100%; aspect-ratio:316/500; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d4e001c */.elementor-11 .elementor-element.elementor-element-9d4e001c {
display: grid;
grid-template-columns: 1fr;
/* content_width:"boxed" (an Elementor widget setting, not just this
custom_css) caps this at the page's ~1040px content width. Now that
the row holds a single full-width image (not 3 columns), break out
of that boxed width edge-to-edge using the same full-bleed trick
already used elsewhere on this page (e.g. .service-hlt-feat-center,
.service-hlt-sec-2 .elementor-element-s2_imgs). */
position: relative !important;
left: 50% !important;
right: 50% !important;
width: var(--hg-page-w, 100vw) !important;
max-width: var(--hg-page-w, 100vw) !important;
margin-left: calc(var(--hg-page-w, 100vw) / -2) !important;
margin-right: calc(var(--hg-page-w, 100vw) / -2) !important;
/* Elementor's own .e-con default (--padding-left/-right:10px) was
still creating a 10px gutter on each side even with the full-bleed
width above -- measured live (Playwright, 1400px and 1920px
viewports): video rect was inset exactly 10px both sides in both
cases, a fixed px value not a percentage, tracing to this
container's own padding rather than the video's sizing rule.
Zero it out for true edge-to-edge, and add breathing room below
before "Personalised Just For You" starts (was 0, image and
next heading touched directly). */
padding: 0 !important;
margin-bottom: 48px !important;
}
.elementor-11 .elementor-element.elementor-element-9d4e001c > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d967287c */@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="205b6fa8"], .elementor-11 .elementor-element.elementor-element-d967287c [data-id="ecc2b0b6"] { padding-left: 47px !important; padding-right: 47px !important; }
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="205b6fa8"] h2.title-gradient.service-heading { font-size: 25px !important; background-image: linear-gradient(90deg, var(--color-orange), var(--color-pink)) !important; }
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="205b6fa8"] h2 span { font-weight: 500 !important; }
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="ecc2b0b6"] .elementor-heading-title { line-height: 24px !important; }
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="205b6fa8"] { margin-top: -6px !important; margin-bottom: -22px !important; }
}
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="205b6fa8"] h2.title-gradient.service-heading { max-width: 190px !important; }
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="ecc2b0b6"] { margin-bottom: 18px !important; }
}
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="205b6fa8"] { margin-left: -20px !important; margin-bottom: -14px !important; }
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="205b6fa8"] h2.title-gradient.service-heading { font-size: 40px !important; background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; }
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="205b6fa8"] h2 span { font-weight: 500 !important; }
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="ecc2b0b6"] { margin-left: -18px !important; }
.elementor-11 .elementor-element.elementor-element-d967287c [data-id="ecc2b0b6"] .elementor-heading-title { font-size: 22px !important; line-height: 24px !important; max-width: 800px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c184d61 */.elementor-11 .elementor-element.elementor-element-9c184d61 { padding:4rem 0; background:var(--bg-light,#fafafa); } .elementor-11 .elementor-element.elementor-element-9c184d61 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-9c184d61 { padding-top: 0 !important; padding-bottom: 17px !important; background: #fff !important; }
}
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
.elementor-11 .elementor-element.elementor-element-9c184d61 { background: #fff !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e839f7dd */.elementor-11 .elementor-element.elementor-element-e839f7dd { color:var(--text-muted); font-size:1.05rem; line-height:1.6; max-width:560px; margin:0 auto 1.5rem; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad1e0e05 */.elementor-11 .elementor-element.elementor-element-ad1e0e05 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-ad1e0e05 { display:inline-flex; align-items:center; gap:0.5rem; border:1px solid rgba(245,158,11,0.4); border-radius:999px; padding:0.5rem 1.25rem; font-size:0.9rem; font-weight:600; color:var(--text-dark); } .elementor-11 .elementor-element.elementor-element-ad1e0e05 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2030522 */.elementor-11 .elementor-element.elementor-element-b2030522 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-b2030522 { display:inline-flex; align-items:center; gap:0.5rem; border:1px solid rgba(245,158,11,0.4); border-radius:999px; padding:0.5rem 1.25rem; font-size:0.9rem; font-weight:600; color:var(--text-dark); } .elementor-11 .elementor-element.elementor-element-b2030522 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458f26b6 */.elementor-11 .elementor-element.elementor-element-458f26b6 { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; } .elementor-11 .elementor-element.elementor-element-458f26b6 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb72d443 */.elementor-11 .elementor-element.elementor-element-bb72d443 { text-align:center; margin-bottom:2rem; } .elementor-11 .elementor-element.elementor-element-bb72d443 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-bb72d443 [data-id="8f693dfd"] h2.title-gradient.service-heading { background-image: linear-gradient(90deg, var(--color-orange), var(--color-pink)) !important; }
.elementor-11 .elementor-element.elementor-element-bb72d443 [data-id="8f693dfd"] h2 span { font-weight: 500 !important; }
}
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
.elementor-11 .elementor-element.elementor-element-bb72d443 [data-id="8f693dfd"] h2.title-gradient.service-heading { background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; }
.elementor-11 .elementor-element.elementor-element-bb72d443 [data-id="8f693dfd"] h2 span { font-weight: 500 !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b70520ae */.elementor-11 .elementor-element.elementor-element-b70520ae { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1rem; align-items:center; margin-top:1rem; } .elementor-11 .elementor-element.elementor-element-b70520ae > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-b70520ae { padding-left: 45px !important; padding-right: 45px !important; gap: 38px !important; }
.elementor-11 .elementor-element.elementor-element-b70520ae [data-id="be3192a3"], .elementor-11 .elementor-element.elementor-element-b70520ae [data-id="be3192a3"] video, .elementor-11 .elementor-element.elementor-element-b70520ae [data-id="be3192a3"] img { border-radius: 8px !important; overflow: hidden; }
.elementor-11 .elementor-element.elementor-element-b70520ae [data-id="c361615f"], .elementor-11 .elementor-element.elementor-element-b70520ae [data-id="c361615f"] video, .elementor-11 .elementor-element.elementor-element-b70520ae [data-id="c361615f"] img { border-radius: 13px !important; overflow: hidden; }
.elementor-11 .elementor-element.elementor-element-b70520ae [data-id="3e8c9187"] .luggage-tag-middle-stack-item.luggage-tag-middle-stack-item + .luggage-tag-middle-stack-item { margin-top: 24px !important; }
.elementor-11 .elementor-element.elementor-element-b70520ae [data-id="3e8c9187"] .luggage-tag-middle-stack-item.luggage-tag-middle-stack-item { flex: 0 0 calc(50% - 19px) !important; height: calc(50% - 19px) !important; }
}
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
.elementor-11 .elementor-element.elementor-element-b70520ae { width: 1302px !important; max-width: none !important; margin-left: -119px !important; padding-left: 0 !important; padding-right: 0 !important; grid-template-columns: 490px 274px 538px !important; grid-template-rows: 870px !important; gap: 0 !important; align-items: stretch !important; }
.elementor-11 .elementor-element.elementor-element-b70520ae [data-id="3e8c9187"] { width: 250px !important; margin-left: 20px !important; aspect-ratio: auto !important; height: 870px !important; }
.elementor-11 .elementor-element.elementor-element-b70520ae [data-id="c361615f"] { width: 521px !important; margin-left: 17px !important; }
.elementor-11 .elementor-element.elementor-element-b70520ae [data-id="be3192a3"], .elementor-11 .elementor-element.elementor-element-b70520ae [data-id="be3192a3"] video, .elementor-11 .elementor-element.elementor-element-b70520ae [data-id="be3192a3"] img { border-radius: 8px !important; overflow: hidden; }
.elementor-11 .elementor-element.elementor-element-b70520ae [data-id="c361615f"], .elementor-11 .elementor-element.elementor-element-b70520ae [data-id="c361615f"] video, .elementor-11 .elementor-element.elementor-element-b70520ae [data-id="c361615f"] img { border-radius: 13px !important; overflow: hidden; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be50d6e0 */.elementor-11 .elementor-element.elementor-element-be50d6e0 { padding:4rem 0; background:#fff; } .elementor-11 .elementor-element.elementor-element-be50d6e0 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-be50d6e0 { padding-bottom: 40px !important; }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-a1e70016 *//* hg:P1:S-new-alt band media: slot 1441x811; sumber GIF asli HOLOGRAIL/media/4 Holo Luggage Tag/Layer 4 (dikonversi ke MP4) */
.elementor-11 .elementor-element.elementor-element-a1e70016, .elementor-11 .elementor-element.elementor-element-a1e70016 .elementor-widget-container { width: 100% !important; max-width: none !important; margin: 0 !important; }
.elementor-11 .elementor-element.elementor-element-a1e70016 video, .elementor-11 .elementor-element.elementor-element-a1e70016 .elementor-video { display: block; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 1441 / 811; object-fit: cover; object-position: center; border-radius: 0 !important; box-shadow: none !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1e70015 *//* hg:P1:S-new-alt band media penuh 1441x811 (desktop) / 440x248 (mobile) */
.elementor-11 .elementor-element.elementor-element-a1e70015.e-con.e-con.e-con { display: block !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 64.5px 0 0 0 !important; }
.elementor-11 .elementor-element.elementor-element-a1e70015 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-a1e70015.e-con.e-con.e-con { margin-top: calc(38.5px * var(--hg-vw-scale, 1)) !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1e70012 *//* hg:P1:S-new-alt grid: judul kiri x188 / teks kanan x739, band media penuh */
.elementor-11 .elementor-element.elementor-element-a1e70012.e-con.e-con.e-con { display: grid !important; grid-template-columns: 739px minmax(0, 1fr); align-items: start; gap: 0 !important; padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; }
.elementor-11 .elementor-element.elementor-element-a1e70012 > .e-con-inner { display: contents !important; }
.elementor-11 .elementor-element.elementor-element-a1e70012 > .e-con-inner > .elementor-element.elementor-element-a1e70013 { grid-column: 1; justify-self: start; margin: 0 0 0 188px !important; width: auto !important; max-width: none !important; }
.elementor-11 .elementor-element.elementor-element-a1e70012 > .e-con-inner > .elementor-element.elementor-element-a1e70014 { grid-column: 2; margin: 21.5px 0 0 0 !important; width: 480px !important; max-width: none !important; }
.elementor-11 .elementor-element.elementor-element-a1e70012 > .e-con-inner > .elementor-element.elementor-element-a1e70015 { grid-column: 1 / -1; }
.elementor-11 .elementor-element.elementor-element-a1e70012 .elementor-element-a1e70013 h2.title-gradient.service-heading { font-size: 40px !important; line-height: 46.8px !important; font-weight: 500 !important; margin: 0 !important; padding: 0 !important; max-width: none !important; width: fit-content !important; text-align: left !important; background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; }
.elementor-11 .elementor-element.elementor-element-a1e70012 .elementor-element-a1e70013 h2 span { font-weight: 500 !important; }
.elementor-11 .elementor-element.elementor-element-a1e70012 .elementor-element-a1e70014 .elementor-heading-title { font-size: 18px !important; line-height: 24px !important; font-weight: 400 !important; color: #403E3E !important; margin: 0 !important; max-width: none !important; text-align: left !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-a1e70012.e-con.e-con.e-con { grid-template-columns: minmax(0, 1fr); }
.elementor-11 .elementor-element.elementor-element-a1e70012 > .e-con-inner > .elementor-element.elementor-element-a1e70013 { grid-column: 1; margin: 0 0 0 63px !important; }
.elementor-11 .elementor-element.elementor-element-a1e70012 > .e-con-inner > .elementor-element.elementor-element-a1e70014 { grid-column: 1; margin: 22px 0 0 61px !important; width: 300px !important; }
.elementor-11 .elementor-element.elementor-element-a1e70012 .elementor-element-a1e70013 h2.title-gradient.service-heading { font-size: 25px !important; line-height: 30px !important; width: fit-content !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1e70011 *//* hg:P1:S-new-alt section (mockup updated: Services_Holographic Lugguage Tag y3302-4389, Holo LT_mobile y4245-4814) */
.elementor-11 .elementor-element.elementor-element-a1e70011.e-con.e-con.e-con { padding: 48px 0 68px !important; margin: 0 !important; background: #fff !important; --padding-left: 0px; --padding-right: 0px; }
.elementor-11 .elementor-element.elementor-element-a1e70011 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-a1e70011.e-con.e-con.e-con { padding: calc(35px * var(--hg-vw-scale, 1)) 0 calc(67px * var(--hg-vw-scale, 1)) !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e42a7724 */.elementor-11 .elementor-element.elementor-element-e42a7724 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; max-width:500px; margin:0 auto; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fca63e24 */.elementor-11 .elementor-element.elementor-element-fca63e24 { text-align:center; margin-bottom:2.5rem; } .elementor-11 .elementor-element.elementor-element-fca63e24 > .e-con-inner { display: contents !important; }
.elementor-11 .elementor-element.elementor-element-fca63e24 [data-id="9aa89eff"] h2.title-gradient.service-heading { background-image: linear-gradient(90deg, var(--color-pink), #f28c5e, var(--color-orange)) !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-52d30694 */.elementor-11 .elementor-element.elementor-element-52d30694 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
/* hg: svg-base */
.elementor-11 .elementor-element.elementor-element-52d30694 img{display:block}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b7ae518 */.elementor-11 .elementor-element.elementor-element-6b7ae518 { color:var(--text-muted); font-size:0.9rem; line-height:1.6; margin:0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-934e9cea */.elementor-11 .elementor-element.elementor-element-934e9cea { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dbfef399 */.elementor-11 .elementor-element.elementor-element-dbfef399 { display:flex; gap:1rem; align-items:flex-start; } .elementor-11 .elementor-element.elementor-element-dbfef399 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-617d489e */.elementor-11 .elementor-element.elementor-element-617d489e { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
/* hg: svg-base */
.elementor-11 .elementor-element.elementor-element-617d489e img{display:block}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-61f6cef2 */.elementor-11 .elementor-element.elementor-element-61f6cef2 { color:var(--text-muted); font-size:0.9rem; line-height:1.6; margin:0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-008221a2 */.elementor-11 .elementor-element.elementor-element-008221a2 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8444d17 */.elementor-11 .elementor-element.elementor-element-a8444d17 { display:flex; gap:1rem; align-items:flex-start; } .elementor-11 .elementor-element.elementor-element-a8444d17 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a5d961a */.elementor-11 .elementor-element.elementor-element-6a5d961a { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-6a5d961a { display:flex; flex-direction:column; gap:2.5rem; } .elementor-11 .elementor-element.elementor-element-6a5d961a > .e-con-inner { display: contents !important; }
/* hg:P2:hlt-m-kartu-tengah — isu prioritas user 2026-10-05 (pengecualian mockup): kartu mobile terpusat dengan spacing kanan mockup (65px) di kedua sisi → lebar 310 x skala. Mobile saja. */
@media (max-width: 767px) {
html body.service-page--holographic-luggage-tag.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-6a5d961a.elementor-element-6a5d961a.elementor-element-6a5d961a { width: calc(310px * var(--hg-vw-scale, 1)) !important; max-width: calc(310px * var(--hg-vw-scale, 1)) !important; margin-left: auto !important; margin-right: auto !important; }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-b5b5a307 */@media (max-width: 767px) {
body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-b5b5a307.elementor-widget-video {
width: 100% !important;
height: 480px !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-b5b5a307.elementor-widget-video .e-hosted-video,
body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-b5b5a307.elementor-widget-video video {
width: 100% !important;
height: 100% !important;
border-radius: 0 !important;
object-fit: cover !important;
}
}
@media (max-width: 767px) {
body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-421a2193 .elementor-element.elementor-element-b5b5a307.elementor-widget-video {
height: calc(480px * var(--hg-vw-scale, 1)) !important;
}
body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-421a2193 .elementor-element.elementor-element-b5b5a307 .e-hosted-video {
position: relative !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-421a2193 .elementor-element.elementor-element-b5b5a307 video.elementor-video {
position: absolute !important;
top: 0 !important;
left: 50% !important;
width: calc(528px * var(--hg-vw-scale, 1)) !important;
max-width: none !important;
height: calc(480px * var(--hg-vw-scale, 1)) !important;
margin: 0 !important;
aspect-ratio: auto !important;
object-fit: fill !important;
transform: translateX(-50%) !important;
}
}
/* hg:P5:r11-no-line - latar hitam bawaan widget-video bocor jadi garis 1px di tepi atas pada DPR>1 (y pecahan) */
.elementor-11 .elementor-element.elementor-element-b5b5a307 video, .elementor-11 .elementor-element.elementor-element-b5b5a307 .elementor-video { background-color: transparent !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de085a8f */.elementor-11 .elementor-element.elementor-element-de085a8f { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25e6f7c7 */.elementor-11 .elementor-element.elementor-element-25e6f7c7 { border-radius:20px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.12); position:relative; } .elementor-11 .elementor-element.elementor-element-25e6f7c7 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-421a2193 */.elementor-11 .elementor-element.elementor-element-421a2193 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
.elementor-11 .elementor-element.elementor-element-421a2193 { width:100%; } .elementor-11 .elementor-element.elementor-element-421a2193 > .e-con-inner { display: contents !important; }
@media (min-width: 768px) /* hg-zoom A12: was 1025px */ {
.elementor-11 .elementor-element.elementor-element-421a2193 [data-id="b5b5a307"].elementor-element.elementor-element, .elementor-11 .elementor-element.elementor-element-421a2193 [data-id="b5b5a307"] .e-hosted-video, .elementor-11 .elementor-element.elementor-element-421a2193 [data-id="b5b5a307"] .elementor-wrapper, .elementor-11 .elementor-element.elementor-element-421a2193 [data-id="b5b5a307"] video { border-radius: 0 !important; box-shadow: none !important; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e85fbf23 */.elementor-11 .elementor-element.elementor-element-e85fbf23 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
/* hg: svg-base */
.elementor-11 .elementor-element.elementor-element-e85fbf23 img{display:block}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a544756 */.elementor-11 .elementor-element.elementor-element-4a544756 { color:var(--text-muted); font-size:0.9rem; line-height:1.6; margin:0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03941123 */.elementor-11 .elementor-element.elementor-element-03941123 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7002d1b */.elementor-11 .elementor-element.elementor-element-c7002d1b { display:flex; gap:1rem; align-items:flex-start; } .elementor-11 .elementor-element.elementor-element-c7002d1b > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a4623fe7 */.elementor-11 .elementor-element.elementor-element-a4623fe7 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
/* hg: svg-base */
.elementor-11 .elementor-element.elementor-element-a4623fe7 img{display:block}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9318c5b1 */.elementor-11 .elementor-element.elementor-element-9318c5b1 { color:var(--text-muted); font-size:0.9rem; line-height:1.6; margin:0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94849aa4 */.elementor-11 .elementor-element.elementor-element-94849aa4 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0f7ad6 */.elementor-11 .elementor-element.elementor-element-9e0f7ad6 { display:flex; gap:1rem; align-items:flex-start; } .elementor-11 .elementor-element.elementor-element-9e0f7ad6 > .e-con-inner { display: contents !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d96d02a */.elementor-11 .elementor-element.elementor-element-7d96d02a { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; }
/* hg:P5:hlt-mobile-7d96-icon-spacing - match card spacing from 6a5d961a */
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-7d96d02a.elementor-element-7d96d02a .elementor-element-c7002d1b.e-con.e-con.e-con.e-con.e-con.e-con.e-con.e-con,
.elementor-11 .elementor-element.elementor-element-7d96d02a.elementor-element-7d96d02a .elementor-element-9e0f7ad6.e-con.e-con.e-con.e-con.e-con.e-con.e-con.e-con {
justify-content: flex-start !important;
padding: calc(46px * var(--hg-vw-scale, 1)) calc(24px * var(--hg-vw-scale, 1)) 0 !important;
gap: calc(28px * var(--hg-vw-scale, 1)) !important;
}
.elementor-11 .elementor-element.elementor-element-7d96d02a.elementor-element-7d96d02a :is(.elementor-element-e85fbf23, .elementor-element-a4623fe7) {
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d74d833 */.elementor-11 .elementor-element.elementor-element-9d74d833 { display:grid; grid-template-columns:1fr; gap:3rem; align-items:center; } .elementor-11 .elementor-element.elementor-element-9d74d833 > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-9d74d833 [data-id="dbfef399"].e-con.e-con, .elementor-11 .elementor-element.elementor-element-9d74d833 [data-id="a8444d17"].e-con.e-con, .elementor-11 .elementor-element.elementor-element-9d74d833 [data-id="c7002d1b"].e-con.e-con, .elementor-11 .elementor-element.elementor-element-9d74d833 [data-id="9e0f7ad6"].e-con.e-con { justify-content: center !important; padding-top: 28px !important; padding-bottom: 32px !important; gap: 28px !important; }
.elementor-11 .elementor-element.elementor-element-9d74d833 [data-id="6b7ae518"], .elementor-11 .elementor-element.elementor-element-9d74d833 [data-id="61f6cef2"], .elementor-11 .elementor-element.elementor-element-9d74d833 [data-id="4a544756"], .elementor-11 .elementor-element.elementor-element-9d74d833 [data-id="9318c5b1"] { margin-top: 7.5px !important; }
}
/* hg:P4:s5-card-desc-compact — tighter card copy so the bottom of each card has more breathing room. */
html body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-9d74d833.service-hlt-features-wrap :is(.service-hlt-feat-left, .service-hlt-feat-right) .elementor-heading-title.elementor-heading-title {
font-size: 16px !important;
}
@media (max-width: 767px) {
html body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-9d74d833.service-hlt-features-wrap :is(.service-hlt-feat-left, .service-hlt-feat-right) .elementor-heading-title.elementor-heading-title {
font-size: 13px !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4cd2b8f */.elementor-11 .elementor-element.elementor-element-d4cd2b8f { padding:4rem 0; background:var(--bg-light,#fafafa); }
.elementor-11 .elementor-element.elementor-element-d4cd2b8f > .e-con-inner { display: contents !important; }
@media (max-width: 767px) {
body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-d4cd2b8f.elementor-element-d4cd2b8f.service-hlt-sec-4 {
margin-top: calc(52px * var(--hg-vw-scale, 1)) !important;
padding-bottom: calc(252px * var(--hg-vw-scale, 1)) !important;
}
}
/* hg:P5:card-icon-spacing-uniform */
@media (min-width: 768px) {
.elementor-11 .elementor-element.elementor-element-d4cd2b8f.elementor-element-d4cd2b8f :is(.elementor-element-dbfef399, .elementor-element-a8444d17, .elementor-element-c7002d1b, .elementor-element-9e0f7ad6).e-con.e-con.e-con {
justify-content: flex-start !important;
padding: 32px 22px 0 !important;
gap: 16px !important;
}
.elementor-11 .elementor-element.elementor-element-d4cd2b8f.elementor-element-d4cd2b8f :is(.elementor-element-52d30694, .elementor-element-617d489e, .elementor-element-e85fbf23, .elementor-element-a4623fe7) { transform: none !important; }
}
@media (max-width: 767px) {
.elementor-11 .elementor-element.elementor-element-d4cd2b8f.elementor-element-d4cd2b8f :is(.elementor-element-dbfef399, .elementor-element-a8444d17, .elementor-element-c7002d1b, .elementor-element-9e0f7ad6).e-con.e-con.e-con {
justify-content: flex-start !important;
padding: calc(46px * var(--hg-vw-scale, 1)) calc(24px * var(--hg-vw-scale, 1)) 0 !important;
gap: calc(28px * var(--hg-vw-scale, 1)) !important;
}
.elementor-11 .elementor-element.elementor-element-d4cd2b8f.elementor-element-d4cd2b8f .elementor-element-9d74d833 .elementor-element-a8444d17.e-con.e-con.e-con.e-con.e-con.e-con.e-con.e-con {
padding: calc(46px * var(--hg-vw-scale, 1)) calc(24px * var(--hg-vw-scale, 1)) 0 !important;
}
.elementor-11 .elementor-element.elementor-element-d4cd2b8f.elementor-element-d4cd2b8f :is(.elementor-element-52d30694, .elementor-element-617d489e, .elementor-element-e85fbf23, .elementor-element-a4623fe7) { transform: none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5a5a3f9 *//* hg: social-var */
.elementor-11 .elementor-element.elementor-element-d5a5a3f9{--hg-social-t:160.4px;--hg-social-pb:76px;--hg-social-bg:#FFFFFF;--hg-social-tm:16.82vw;--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-92f58193 *//* service-holographic-luggage-tag.css - Light Mode Layout */
.service-page--holographic-luggage-tag {
--bg-color: #f9f9f9;
--bg-white: #ffffff;
--text-color: #403E3E;
--color-pink: #F26AAA;
--color-orange: #F1AE11;
background-color: var(--bg-color);
color: var(--text-color);
font-family: 'Inter', sans-serif;
overflow-x: hidden;
}
/* Global Typography Helpers for this page if not available globally */
.service-page--holographic-luggage-tag .font-sans {
font-family: 'Inter', sans-serif;
font-weight: 800;
}
.service-page--holographic-luggage-tag .font-serif {
font-family: 'Playfair Display', serif;
font-weight: 600;
}
.service-page--holographic-luggage-tag .italic {
font-style: italic;
}
.service-page--holographic-luggage-tag .color-pink {
color: var(--color-pink);
}
.service-page--holographic-luggage-tag .color-orange {
color: var(--color-orange);
}
/* Every heading on this page uses the shared .title-gradient utility, whose
site-wide default runs orange -> pink. This page's mockup consistently
runs the opposite direction (pink -> orange) on all four section
headings (hero, souvenir, personalised, package) -- confirmed by pixel
sampling each one. Override page-wide rather than per-heading. */
body.service-page--holographic-luggage-tag .title-gradient {
background-image: linear-gradient(90deg, var(--color-pink), var(--color-orange));
}
@keyframes float-tag1 {
0%, 100% { transform: rotate(-8deg) translateX(-15%) translateY(-10%); }
50% { transform: rotate(-6deg) translateX(-15%) translateY(-15%); }
}
@keyframes float-tag2 {
0%, 100% { transform: rotate(10deg) translateX(25%) translateY(10%); }
50% { transform: rotate(12deg) translateX(25%) translateY(15%); }
}
/* Section 2 ("The Ultimate Event Souvenir"): the post's own Elementor
custom CSS sets max-width:760px on the paragraph (matching the mockup's
~774px measured column), but it loses the cascade to Elementor core's
higher-specificity ".e-con.e-con > .e-con-inner > .elementor-widget,
.elementor.elementor .e-con > .elementor-widget { max-width:100% }
",
rendering at 1040px instead. Re-assert it here at higher specificity. */
body.service-page--holographic-luggage-tag .elementor-11 .elementor-element.elementor-element-ecc2b0b6 {
max-width: 780px !important;
}
/* Section 4 ("Your Package At A Glance"): the mockup uses four bordered
feature cards around the finished two-tag composition. Elementor's saved
styles reduce the wrapper to one grid track and point the centre image at
the isolated white strap, which leaves the cards unframed and the main
product artwork incomplete. */
body.service-page--holographic-luggage-tag .service-hlt-sec-4 {
padding: 128px 0 112px !important;
background: #fff !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 > .e-con-inner {
width: 100% !important;
max-width: none !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-de4fc92d {
width: min(calc(var(--hg-page-w, 100vw) - 224px), 1216px) !important;
max-width: 1216px !important;
margin: 0 auto !important;
padding: 0 !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-de4fc92d > .e-con-inner {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-fca63e24 {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
column-gap: 172px;
align-items: start;
width: min(1020px, 100%);
margin: 0 auto 34px !important;
padding: 0 !important;
text-align: left !important;
overflow: visible !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-fca63e24 > .e-con-inner,
body.service-page--holographic-luggage-tag .service-hlt-features-wrap > .e-con-inner {
display: contents !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-e42a7724 {
justify-self: start;
max-width: 520px;
margin: 0 !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-e42a7724 .elementor-heading-title {
color: #403e3e;
font-size: 18px;
line-height: 1.4;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff,
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff .elementor-widget-container,
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff .service-heading {
width: 520px !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff .service-heading {
font-size: 40px !important;
font-weight: 500 !important;
line-height: 48px !important;
white-space: nowrap !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff .service-heading .font-sans,
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff .service-heading .font-serif {
font-weight: 500 !important;
}
body.service-page--holographic-luggage-tag .service-hlt-features-wrap {
display: grid !important;
grid-template-columns: minmax(0, 290fr) minmax(0, 557fr) minmax(0, 290fr) !important;
gap: 36px !important;
align-items: center !important;
width: 100% !important;
max-width: 1216px !important;
margin: 0 auto !important;
padding: 0 !important;
transform: none;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left,
body.service-page--holographic-luggage-tag .service-hlt-feat-right {
display: flex !important;
flex-direction: column !important;
gap: 42px !important;
width: 100% !important;
padding: 0 !important;
transform: translateY(20px);
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left > .e-con-inner,
body.service-page--holographic-luggage-tag .service-hlt-feat-right > .e-con-inner,
body.service-page--holographic-luggage-tag .service-hlt-feat-center > .e-con-inner,
body.service-page--holographic-luggage-tag .service-hlt-feat-center .elementor-element-25e6f7c7 > .e-con-inner {
display: contents !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left > .e-con-inner > .e-con,
body.service-page--holographic-luggage-tag .service-hlt-feat-right > .e-con-inner > .e-con {
box-sizing: border-box;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 16px !important;
width: 100% !important;
height: 248px;
padding: 28px 22px !important;
text-align: center;
border: 2px solid transparent;
border-radius: 8px;
background:
linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #f1ae11 0%, #f26aaa 100%) border-box;
box-shadow: 0 8px 22px rgba(64, 62, 62, 0.08);
overflow: hidden;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-right > .e-con-inner > .e-con {
padding-inline: 10px !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left > .e-con-inner > .e-con > .e-con-inner,
body.service-page--holographic-luggage-tag .service-hlt-feat-right > .e-con-inner > .e-con > .e-con-inner {
display: contents !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 :is(
.elementor-element-934e9cea,
.elementor-element-008221a2,
.elementor-element-03941123,
.elementor-element-94849aa4
) {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
--width: 100% !important;
--content-width: 100% !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 :is(
.elementor-element-934e9cea,
.elementor-element-008221a2,
.elementor-element-03941123,
.elementor-element-94849aa4
) > .e-con-inner {
display: contents !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left svg,
body.service-page--holographic-luggage-tag .service-hlt-feat-right svg {
display: block;
width: 42px;
height: 42px;
margin: 0 auto !important;
stroke-width: 1.25;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left .elementor-element-617d489e svg {
display: block;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left .elementor-element-617d489e {
width: 42px !important;
height: 42px;
background: none;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left h3,
body.service-page--holographic-luggage-tag .service-hlt-feat-right h3 {
margin: 0 !important;
color: #000 !important;
font-family: 'Inter', sans-serif;
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1.25;
text-align: center !important;
white-space: nowrap;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left .elementor-heading-title,
body.service-page--holographic-luggage-tag .service-hlt-feat-right .elementor-heading-title {
width: 100% !important;
max-width: 260px;
margin: 0 auto;
color: #403e3e !important;
font-size: 18px !important;
line-height: 1.4 !important;
text-align: center !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-right .elementor-element-4a544756 .elementor-heading-title {
max-width: 280px;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-center {
width: 100% !important;
padding: 0 !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-center .elementor-element-25e6f7c7 {
display: block !important;
width: 100% !important;
height: 666px;
padding: 0 !important;
overflow: visible !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* 2026-09-15: real footage (Layer 4's d095658260… (sumber lama; kini MP4), same "akg Singapore
Crazy Rich Asians Dinner & Dance 2024" tag pair, frame-identical) replaces
the static extracted_0facf8ce.webp mockup crop here too — this background
layer and the foreground ![]()
main.js swaps (syncLuggageTagPackageCopy)
both showed the same source image. */
body.service-page--holographic-luggage-tag .service-hlt-feat-center .elementor-element-b5b5a307 {
display: block !important;
position: relative;
width: 100% !important;
height: 666px !important;
overflow: hidden;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-center .elementor-element-b5b5a307 video {
position: absolute;
top: 0;
left: 50%;
display: block !important;
visibility: visible !important;
width: 666px !important;
max-width: none !important;
height: 666px !important;
object-fit: fill;
transform: translateX(-50%);
}
body.service-page--holographic-luggage-tag .service-hlt-feat-center .elementor-element-de085a8f {
display: none !important;
}
@media (min-width: 768px) {
body.service-page--holographic-luggage-tag .service-hlt-features-wrap {
transform: translateY(5px);
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff {
transform: translateY(16px);
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-e42a7724,
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-e42a7724 .elementor-heading-title {
width: 520px !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 24px !important;
}
}
@media (max-width: 767px) {
body.service-page--holographic-luggage-tag .hlt-package-desktop-break {
display: none;
}
}
/* Keep the 1440px desktop composition intact on narrower desktop
viewports (including 125% Windows display scaling). Shrinking the three
grid tracks independently makes the fixed desktop typography overflow
its cards; scaling the complete 1216px artboard preserves all ratios. */
@media (min-width: 768px) and (max-width: 1439px) {
:where(html:not(.hg-page-zoom)) body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-de4fc92d {
width: 1216px !important;
max-width: none !important;
zoom: calc(var(--hg-page-w, 100vw) / 1440px);
}
}
@media (max-width: 767px) {
body.service-page--holographic-luggage-tag .service-hlt-sec-4 {
padding: 16px 0 70px !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-de4fc92d {
position: relative;
left: auto;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
transform: none;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-fca63e24 {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
width: min(322px, calc(100vw - 48px)) !important;
margin: 0 auto 12px !important;
text-align: left !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff,
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff .elementor-widget-container,
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff .service-heading {
width: 100% !important;
max-width: 100% !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-9aa89eff,
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-e42a7724 {
position: relative;
left: 4px;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-fca63e24 .service-heading {
margin: 0 !important;
font-size: 25px !important;
line-height: 1.25 !important;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-e42a7724 {
max-width: none;
}
body.service-page--holographic-luggage-tag .service-hlt-sec-4 .elementor-element-e42a7724 .elementor-heading-title {
font-size: 18px !important;
line-height: 1.22 !important;
}
body.service-page--holographic-luggage-tag .service-hlt-features-wrap {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
width: 100% !important;
max-width: none !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left,
body.service-page--holographic-luggage-tag .service-hlt-feat-right {
gap: 33px !important;
width: min(322px, calc(100vw - 48px)) !important;
margin: 0 auto !important;
transform: translateX(-2px);
}
body.service-page--holographic-luggage-tag .service-hlt-feat-right {
gap: 37px !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left > .e-con-inner > .e-con,
body.service-page--holographic-luggage-tag .service-hlt-feat-right > .e-con-inner > .e-con {
height: 236px;
padding: 30px 24px !important;
gap: 14px !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left svg,
body.service-page--holographic-luggage-tag .service-hlt-feat-right svg {
width: 36px;
height: 36px;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left .elementor-element-617d489e {
width: 36px !important;
height: 36px;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left h3,
body.service-page--holographic-luggage-tag .service-hlt-feat-right h3 {
font-size: 18px !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-left .elementor-heading-title,
body.service-page--holographic-luggage-tag .service-hlt-feat-right .elementor-heading-title {
max-width: 280px;
font-size: 14px !important;
line-height: 1.43 !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-center {
width: 100vw !important;
max-width: 100vw !important;
margin: 0 calc(50% - 50vw) 20px !important;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-center .elementor-element-25e6f7c7 {
height: 480px;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-center .elementor-element-b5b5a307 {
height: 480px !important;
background-size: min(120vw, 528px) 480px;
}
body.service-page--holographic-luggage-tag .service-hlt-feat-center .elementor-element-b5b5a307 video {
width: min(120vw, 528px) !important;
height: 480px !important;
}
}
/* The mockup's own embedded source for this exact rect (image5_1135_11131
in Services_Holographic Lugguage Tag.svg) is
assets/uploads/ui_svg/extracted_c328754d.png — already present on this
site as extracted_c328754d.webp, kept here as the no-JS/pre-swap
fallback. The 3 product-tag close-ups (media-8/9/10) that were originally
in this slot are a different, wrong set of photos, not a resized/cropped
version of the right one. */
body.service-page--holographic-luggage-tag .service-hlt-sec-2 .elementor-element-481b0275 {
width: 100% !important;
height: 811px;
margin: 0 !important;
padding: 0 !important;
background-image: url('../../../themes/holograil/assets/uploads/ui_svg/extracted_c328754d.webp');
background-size: cover;
background-position: center;
border-radius: 0;
}
/* 2026-09-15: real footage for this exact section arrived directly
(`4 Holo Luggage Tag/Layer 2`, a tag on a handbag — matches "attach it to
your bag, suitcase, or backpack") and main.js now swaps this ![]()
's src
to that real clip (luggage-clip-6.mp4) instead of replacing it with a
video, so it needs to actually show — was `visibility:hidden` from when
this widget's own src couldn't be changed and a video swap covered it
instead (see git history for that now-superseded approach). */
body.service-page--holographic-luggage-tag .service-hlt-sec-2 .elementor-element-481b0275 img {
visibility: visible;
width: 100% !important;
height: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
body.service-page--holographic-luggage-tag .service-hlt-sec-2 .elementor-element-481b0275 {
height: 248px;
}
}
/* Section 3 ("Personalised Just For You"): the mock's row is 4 distinct
photos — a large "booth" shot, two smaller stacked shots in the middle,
and a large "suitcase" shot — but the live row had 3 equal-width slots
filled with a different set of photos (media-3/4/5, none of which match
any of the mock's 4). Found the mock's real sources via its embedded
tags (rects at x=81/591/592/862, y=2358/2358/2803/2358):
extracted_bfcc82ad (booth, col 1), extracted_0c7bbf18 (top-middle),
extracted_9d384fd0 (bottom-middle), extracted_ef519da8 (suitcase, col 3)
— all 4 already exist on this server, just never wired in here. Only 3
image widgets exist in the DOM, so the two middle photos share one
widget via stacked background-image layers instead of needing a 4th
element.
2026-09-15: real footage for this section's own Layer (`4 Holo Luggage
Tag/Layer 3`, 3 clips) arrived and frame-matches 3 of these 4 mockup
stills exactly — top-middle (extracted_0c7bbf18, "Josh"/16-17 April tags)
is IMG_7879, bottom-middle (extracted_9d384fd0, "Cami y Andy"/"Holo
Garcia" tags) is IMG_5499, suitcase (extracted_ef519da8, "Year in TikTok"
tag on a black CROSSING case) is IMG_4262 — all 3 same MICE-industry trade
show, confirmed frame-identical. CSS background-image animates a gif same
as a static one, so swapped these 3 urls directly to the real clips (kept
as gif per direct request, not mp4) instead of a JS src-swap. Booth (col
1, extracted_bfcc82ad, a different woman/pose at the same show's entrance)
had no matching clip in this Layer at the time — since supplied directly
as `Layer 3/Holo LT Host.mp4` (an actual video of the booth host, not a
gif); main.js swaps be3192a3's ![]()
for a