.elementor-18 .elementor-element.elementor-element-cf071ee1{--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-18 .elementor-element.elementor-element-505681db{--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-18 .elementor-element.elementor-element-2ebe2a95{--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-18 .elementor-element.elementor-element-968dff81{--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-18 .elementor-element.elementor-element-968dff81.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-18 .elementor-element.elementor-element-ae81794e{--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-18 .elementor-element.elementor-element-19f27f85{--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-18 .elementor-element.elementor-element-19f27f85.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-9632e736{--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-18 .elementor-element.elementor-element-cabcddd8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-5338b5f1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-799ba748{--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-18 .elementor-element.elementor-element-c9f41bb1{--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-18 .elementor-element.elementor-element-abd6158a{--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-18 .elementor-element.elementor-element-1ad13d9c{--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-18 .elementor-element.elementor-element-507a4823{--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-18 .elementor-element.elementor-element-a25f83ba.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-743c0017.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-98ece6ca.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-548599e2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-05af57dc{--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-18 .elementor-element.elementor-element-5f6ba180{--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-18 .elementor-element.elementor-element-1b73aa24{--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-18 .elementor-element.elementor-element-7603ab37{--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-18 .elementor-element.elementor-element-7603ab37.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-89dddcd5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18 .elementor-element.elementor-element-89dddcd5 img{width:50px;}.elementor-18 .elementor-element.elementor-element-0d1e5891{--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-18 .elementor-element.elementor-element-0d1e5891.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-ccc0dc35{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18 .elementor-element.elementor-element-ccc0dc35 img{width:50px;}.elementor-18 .elementor-element.elementor-element-e1e28730{--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-18 .elementor-element.elementor-element-e1e28730.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-ade85ff4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18 .elementor-element.elementor-element-ade85ff4 img{width:50px;}.elementor-18 .elementor-element.elementor-element-e90025c2{--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-18 .elementor-element.elementor-element-e90025c2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-d5603250{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18 .elementor-element.elementor-element-d5603250 img{width:50px;}.elementor-18 .elementor-element.elementor-element-12aa5516{--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-18 .elementor-element.elementor-element-12aa5516.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-7ff1ff88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18 .elementor-element.elementor-element-7ff1ff88 img{width:50px;}.elementor-18 .elementor-element.elementor-element-c90ffd78{--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-18 .elementor-element.elementor-element-cb1f2ae7{--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-18 .elementor-element.elementor-element-cf071ee1{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-cf071ee1{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-18 .elementor-element.elementor-element-89dddcd5 img{width:9.09vw;}.elementor-18 .elementor-element.elementor-element-ccc0dc35 img{width:9.09vw;}.elementor-18 .elementor-element.elementor-element-ade85ff4 img{width:9.09vw;}.elementor-18 .elementor-element.elementor-element-d5603250 img{width:9.09vw;}.elementor-18 .elementor-element.elementor-element-7ff1ff88 img{width:9.09vw;}}/* Start custom CSS for heading, class: .elementor-element-fe5adc67 */.elementor-18 .elementor-element.elementor-element-fe5adc67 { font-size:1.2rem; font-weight:700; color:var(--color-primary,#f59e0b); margin:0 0 1.25rem; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b6bef1d */.elementor-18 .elementor-element.elementor-element-8b6bef1d { color:var(--text-muted); font-size:1.05rem; line-height:1.6; margin-bottom:1.5rem; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ea42060a */.elementor-18 .elementor-element.elementor-element-ea42060a { border-radius:var(--radius-btn); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-968dff81 */.elementor-18 .elementor-element.elementor-element-968dff81 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-968dff81 { display:flex; flex-direction:column; justify-content:center; } .elementor-18 .elementor-element.elementor-element-968dff81 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-cabcddd8 */.elementor-18 .elementor-element.elementor-element-cabcddd8 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-cabcddd8 img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 10px 30px rgba(0,0,0,0.12); } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-18 .elementor-element.elementor-element-cabcddd8.elementor-element.elementor-element, .elementor-18 .elementor-element.elementor-element-cabcddd8.elementor-element.elementor-element img, .elementor-18 .elementor-element.elementor-element-cabcddd8.elementor-element.elementor-element video, .elementor-18 .elementor-element.elementor-element-cabcddd8.elementor-element.elementor-element .elementor-wrapper, .elementor-18 .elementor-element.elementor-element-cabcddd8.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; } /* hg:P5:r12-prp-m-shadow — revisi-12 151:3804: bayangan foto hero mobile = Figma (svg-path mobile filter18: dx15 dy15 blur10 spread4 #000 11%), menggantikan 0 10px 30px 12%. Desktop sudah benar. Mobile saja. */ @media (max-width: 767px) { html body .elementor-18 .elementor-element.elementor-element-cabcddd8.elementor-element-cabcddd8 img { box-shadow: calc(15px * var(--hg-vw-scale, 1)) calc(15px * var(--hg-vw-scale, 1)) calc(10px * var(--hg-vw-scale, 1)) calc(4px * var(--hg-vw-scale, 1)) rgba(0, 0, 0, 0.11) !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5338b5f1 */.elementor-18 .elementor-element.elementor-element-5338b5f1 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-5338b5f1 img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 10px 30px rgba(0,0,0,0.12); margin-top:2rem; } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-18 .elementor-element.elementor-element-5338b5f1.elementor-element.elementor-element, .elementor-18 .elementor-element.elementor-element-5338b5f1.elementor-element.elementor-element img, .elementor-18 .elementor-element.elementor-element-5338b5f1.elementor-element.elementor-element video, .elementor-18 .elementor-element.elementor-element-5338b5f1.elementor-element.elementor-element .elementor-wrapper, .elementor-18 .elementor-element.elementor-element-5338b5f1.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9632e736 */.elementor-18 .elementor-element.elementor-element-9632e736 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-items:end; } .elementor-18 .elementor-element.elementor-element-9632e736 > .e-con-inner { display: contents !important; } /* Roving Print_Mobile.svg hero shows a single 343x515 card (no 2nd card beside it) — same 2-col-grid-stuck-at-half-width issue as the sec-3 filmstrip above. Base rule (display:grid; grid-template-columns:1fr 1fr) is unconditional; go single-column on mobile so both stacked images use full width. */ @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-9632e736 { grid-template-columns: 1fr !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-19f27f85 */.elementor-18 .elementor-element.elementor-element-19f27f85 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-19f27f85 { width:100%; } .elementor-18 .elementor-element.elementor-element-19f27f85 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ebe2a95 */.elementor-18 .elementor-element.elementor-element-2ebe2a95 { display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; } .elementor-18 .elementor-element.elementor-element-2ebe2a95 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505681db */.elementor-18 .elementor-element.elementor-element-505681db { padding:4rem 0; background:#fff; } .elementor-18 .elementor-element.elementor-element-505681db > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c1020751 */.elementor-18 .elementor-element.elementor-element-c1020751 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; max-width:760px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-799ba748 */.elementor-18 .elementor-element.elementor-element-799ba748 { padding:4rem 0; background:var(--bg-light,#fafafa); } .elementor-18 .elementor-element.elementor-element-799ba748 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a25f83ba */.elementor-18 .elementor-element.elementor-element-a25f83ba { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-a25f83ba img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-18 .elementor-element.elementor-element-a25f83ba.elementor-element.elementor-element, .elementor-18 .elementor-element.elementor-element-a25f83ba.elementor-element.elementor-element img, .elementor-18 .elementor-element.elementor-element-a25f83ba.elementor-element.elementor-element video, .elementor-18 .elementor-element.elementor-element-a25f83ba.elementor-element.elementor-element .elementor-wrapper, .elementor-18 .elementor-element.elementor-element-a25f83ba.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-743c0017 */.elementor-18 .elementor-element.elementor-element-743c0017 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-743c0017 img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 8px 24px rgba(0,0,0,0.1); } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-18 .elementor-element.elementor-element-743c0017.elementor-element.elementor-element, .elementor-18 .elementor-element.elementor-element-743c0017.elementor-element.elementor-element img, .elementor-18 .elementor-element.elementor-element-743c0017.elementor-element.elementor-element video, .elementor-18 .elementor-element.elementor-element-743c0017.elementor-element.elementor-element .elementor-wrapper, .elementor-18 .elementor-element.elementor-element-743c0017.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-98ece6ca */.elementor-18 .elementor-element.elementor-element-98ece6ca { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-98ece6ca img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-18 .elementor-element.elementor-element-98ece6ca.elementor-element.elementor-element, .elementor-18 .elementor-element.elementor-element-98ece6ca.elementor-element.elementor-element img, .elementor-18 .elementor-element.elementor-element-98ece6ca.elementor-element.elementor-element video, .elementor-18 .elementor-element.elementor-element-98ece6ca.elementor-element.elementor-element .elementor-wrapper, .elementor-18 .elementor-element.elementor-element-98ece6ca.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-548599e2 */.elementor-18 .elementor-element.elementor-element-548599e2 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-548599e2 img { width:100%; height:auto; border-radius:12px; object-fit:cover; box-shadow:0 6px 20px rgba(0,0,0,0.08); } /* hg:lm-P2 radius media = 0px (mockup) */ .elementor-18 .elementor-element.elementor-element-548599e2.elementor-element.elementor-element, .elementor-18 .elementor-element.elementor-element-548599e2.elementor-element.elementor-element img, .elementor-18 .elementor-element.elementor-element-548599e2.elementor-element.elementor-element video, .elementor-18 .elementor-element.elementor-element-548599e2.elementor-element.elementor-element .elementor-wrapper, .elementor-18 .elementor-element.elementor-element-548599e2.elementor-element.elementor-element .elementor-widget-container { border-radius:0px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-507a4823 */.elementor-18 .elementor-element.elementor-element-507a4823 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; } .elementor-18 .elementor-element.elementor-element-507a4823 > .e-con-inner { display: contents !important; } /* Mobile mockup override above sets grid-template-columns:1fr on the .e-con-inner CHILD but never on this outer container itself, which keeps its base display:grid; grid-template-columns:1fr 1fr (2 cols) unconditionally. That leaves e-con-inner occupying only the first ~186px track (the outer grid's column1), so all 4 stacked images render at half width instead of full-width. */ @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-507a4823 { grid-template-columns: 1fr !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-abd6158a */.elementor-18 .elementor-element.elementor-element-abd6158a { padding:3rem 0; background:#fff; } .elementor-18 .elementor-element.elementor-element-abd6158a > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d6ba4cf */.elementor-18 .elementor-element.elementor-element-2d6ba4cf { color:var(--text-muted); font-size:1.05rem; line-height:1.6; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-89dddcd5 *//* hg: svg-base */ .elementor-18 .elementor-element.elementor-element-89dddcd5 img{display:block} /* hg: svg-gap */ .elementor-18 .elementor-element.elementor-element-89dddcd5.elementor-element{padding-bottom:18px!important} @media (max-width:767px){.elementor-18 .elementor-element.elementor-element-89dddcd5.elementor-element{padding-bottom:12px!important}} @media (max-width:359px){.elementor-18 .elementor-element.elementor-element-89dddcd5.elementor-element{padding-bottom:9px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e9a3229b */.elementor-18 .elementor-element.elementor-element-e9a3229b { 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-7603ab37 */.elementor-18 .elementor-element.elementor-element-7603ab37 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-7603ab37 { border:1px solid rgba(245,158,11,0.25); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-18 .elementor-element.elementor-element-7603ab37 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ccc0dc35 *//* hg: svg-base */ .elementor-18 .elementor-element.elementor-element-ccc0dc35 img{display:block} /* hg: svg-gap */ .elementor-18 .elementor-element.elementor-element-ccc0dc35.elementor-element{padding-bottom:20px!important} @media (max-width:767px){.elementor-18 .elementor-element.elementor-element-ccc0dc35.elementor-element{padding-bottom:12px!important}} @media (max-width:359px){.elementor-18 .elementor-element.elementor-element-ccc0dc35.elementor-element{padding-bottom:9px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-691f644f */.elementor-18 .elementor-element.elementor-element-691f644f { 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-0d1e5891 */.elementor-18 .elementor-element.elementor-element-0d1e5891 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-0d1e5891 { border:1px solid rgba(245,158,11,0.25); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-18 .elementor-element.elementor-element-0d1e5891 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ade85ff4 *//* hg: svg-base */ .elementor-18 .elementor-element.elementor-element-ade85ff4 img{display:block} /* hg: svg-gap */ .elementor-18 .elementor-element.elementor-element-ade85ff4.elementor-element{padding-bottom:20px!important} @media (max-width:767px){.elementor-18 .elementor-element.elementor-element-ade85ff4.elementor-element{padding-bottom:12px!important}} @media (max-width:359px){.elementor-18 .elementor-element.elementor-element-ade85ff4.elementor-element{padding-bottom:9px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f4ba6ae */.elementor-18 .elementor-element.elementor-element-3f4ba6ae { 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-e1e28730 */.elementor-18 .elementor-element.elementor-element-e1e28730 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-e1e28730 { border:1px solid rgba(245,158,11,0.25); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-18 .elementor-element.elementor-element-e1e28730 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d5603250 *//* hg: svg-base */ .elementor-18 .elementor-element.elementor-element-d5603250 img{display:block} /* hg: svg-gap */ .elementor-18 .elementor-element.elementor-element-d5603250.elementor-element{padding-bottom:20px!important} @media (max-width:767px){.elementor-18 .elementor-element.elementor-element-d5603250.elementor-element{padding-bottom:12px!important}} @media (max-width:359px){.elementor-18 .elementor-element.elementor-element-d5603250.elementor-element{padding-bottom:9px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b5621fa7 */.elementor-18 .elementor-element.elementor-element-b5621fa7 { 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-e90025c2 */.elementor-18 .elementor-element.elementor-element-e90025c2 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-e90025c2 { border:1px solid rgba(245,158,11,0.25); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-18 .elementor-element.elementor-element-e90025c2 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7ff1ff88 *//* hg: svg-base */ .elementor-18 .elementor-element.elementor-element-7ff1ff88 img{display:block} /* hg: svg-gap */ .elementor-18 .elementor-element.elementor-element-7ff1ff88.elementor-element{padding-bottom:20px!important} @media (max-width:767px){.elementor-18 .elementor-element.elementor-element-7ff1ff88.elementor-element{padding-bottom:12px!important}} @media (max-width:359px){.elementor-18 .elementor-element.elementor-element-7ff1ff88.elementor-element{padding-bottom:9px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b48edb20 */.elementor-18 .elementor-element.elementor-element-b48edb20 { 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-12aa5516 */.elementor-18 .elementor-element.elementor-element-12aa5516 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-18 .elementor-element.elementor-element-12aa5516 { border:1px solid rgba(245,158,11,0.25); border-radius:16px; padding:2rem; background:#fff; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-18 .elementor-element.elementor-element-12aa5516 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b73aa24 */.elementor-18 .elementor-element.elementor-element-1b73aa24 { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; } .elementor-18 .elementor-element.elementor-element-1b73aa24 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05af57dc */.elementor-18 .elementor-element.elementor-element-05af57dc { padding:3rem 0 4rem; background:var(--bg-light,#fafafa); } .elementor-18 .elementor-element.elementor-element-05af57dc > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c90ffd78 *//* hg: social-var */ .elementor-18 .elementor-element.elementor-element-c90ffd78{--hg-social-t:129.4px;--hg-social-pb:76px;--hg-social-bg:#FFFFFF;--hg-social-tm:9.77vw;--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-cf071ee1 */.service-page--professional-roving-photographer-with-instant-prints .section-contact--override-heading .contact-info-title--single-line { font-size: var(--text-2xl); line-height: 1.3; } /* Mobile artboard order from Roving Print_Mobile.png. */ @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-grid { display: flex !important; flex-direction: column !important; gap: 32px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-media { order: 1; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-text { order: 2; text-align: center; } /* Same sitewide bug as holographic-luggage-tag: the heading's only margin-bottom is Elementor's own inline style="margin-bottom:0.2rem" (3.2px), only overridden on desktop elsewhere — nothing restored it on mobile, so the heading ran into the tagline right below it. */ body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-heading { margin-bottom: 24px !important; } /* Roving Print_Mobile.png: hero "Check us Out" button is centered — Elementor's default align-self:flex-start (shrink-to-fit button in a flex-column parent) was never overridden for this widget. */ body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-ea42060a { align-self: center !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-media .elementor-widget-image:not(:first-child) { display: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-media img { display: block; width: min(100%, 360px) !important; height: auto !important; margin-inline: auto; object-fit: contain; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-507a4823 > .e-con-inner { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-507a4823 { --width: 100% !important; width: 100% !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-widget-image, body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 img { --width: 100% !important; width: 100% !important; height: auto !important; } } /* Package cards: DOM order is Roving Camera Unit, Supporting Crew, Custom Overlay Design, Unlimited Instant Prints, Seamless Sharing — both the desktop and mobile mockups read Roving Camera Unit, Unlimited Instant Prints, Custom Overlay Design, Seamless Sharing, Supporting Crew. This was previously unstyled (default Elementor flex-wrap), so it also fell into a 4-up row on desktop instead of the mockup's 3-up. */ body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-7603ab37 { order: 1; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-e90025c2 { order: 2; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-e1e28730 { order: 3; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-12aa5516 { order: 4; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-0d1e5891 { order: 5; } /* Services_Pro Roving w Instant Print.png / Roving Print_Mobile.png both show each package card with a bold pink->orange gradient border, matching the same gradient-border card treatment used on trading-card/holographic-name-card. The live cards only had Elementor's own faint 1px amber-25% border. */ body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-7603ab37, body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-0d1e5891, body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-e1e28730, body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-e90025c2, body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-12aa5516 { border: 2px solid transparent !important; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#f5b000,#f16f9d) border-box !important; } @media (min-width: 768px) { body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-1b73aa24 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px; width: min(calc(100% - 96px), 980px) !important; margin: 40px auto 0 !important; } } /* hg:P4:gradien-judul — Services_Pro Roving w Instant Print.svg & Roving Print_Mobile.svg: semua judul (hero, "…with Instant Prints", "Your Package…") 3 titik #F26AAA→#F28C5E→#F1AE11 di kedua viewport. Live: default situs oranye→pink. */ body.service-page--professional-roving-photographer-with-instant-prints :is([data-id="b1151688"], [data-id="30032c81"], [data-id="a2dc999f"]) .title-gradient.title-gradient { background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; } /* hg:P4:tagline — "Dedicated to The Moment": mockup desktop Inter 30/w500, mobile 20/w500, gradien #F1AE11→#F26AAA (live 1.2rem/700 solid). Rata kiri di desktop (x178, sejajar judul), tengah di mobile; gradien selebar teks. */ body.service-page--professional-roving-photographer-with-instant-prints [data-id="fe5adc67"] .elementor-heading-title.elementor-heading-title { font-size: 30px !important; font-weight: 500 !important; line-height: 36px !important; width: fit-content !important; max-width: 100% !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; } @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints [data-id="fe5adc67"] .elementor-heading-title.elementor-heading-title { font-size: 20px !important; line-height: 24px !important; margin-left: auto !important; margin-right: auto !important; } } /* hg:P4:deskripsi-kartu — mockup desktop Inter 16 pitch 24, mobile 14 pitch 20 (live 0.9rem/1.6). */ body.service-page--professional-roving-photographer-with-instant-prints :is([data-id="e9a3229b"], [data-id="691f644f"], [data-id="3f4ba6ae"], [data-id="b5621fa7"], [data-id="b48edb20"]) .elementor-heading-title { font-size: 16px !important; line-height: 24px !important; } @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints :is([data-id="e9a3229b"], [data-id="691f644f"], [data-id="3f4ba6ae"], [data-id="b5621fa7"], [data-id="b48edb20"]) .elementor-heading-title { font-size: 14px !important; line-height: 20px !important; } } /* hg:P5:kartu — svg-path desktop & mobile: 5 kartu stroke 2px gradien VERTIKAL #F1AE11→#F26AAA rx 9 → tepi luar 10 (live 135° #f5b000→#f16f9d). */ body.service-page--professional-roving-photographer-with-instant-prints :is(.elementor-element-0d1e5891, .elementor-element-12aa5516, .elementor-element-7603ab37, .elementor-element-e1e28730, .elementor-element-e90025c2).e-con { border-radius: 10px !important; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #F1AE11 0%, #F26AAA 100%) border-box !important; } /* hg:quick-m:mobile — Roving Print_Mobile.png (440) */ @media (max-width:767px){ body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1.service-prp-sec-1.e-con{padding:calc(28px * var(--hg-vw-scale, 1)) 0 0 !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-grid.service-split-grid{gap:calc(49px * var(--hg-vw-scale, 1)) !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-media.service-split-media{margin-top:0 !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-media .elementor-element-cabcddd8 img{width:calc(343px * var(--hg-vw-scale, 1)) !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-b1151688 h1.service-heading.service-heading{font-size:25px !important;line-height:30px !important;max-width:344px;margin:0 auto 15px !important;} body.service-page--professional-roving-photographer-with-instant-prints [data-id="fe5adc67"] .elementor-heading-title.elementor-heading-title{margin-bottom:0 !important;} body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-fe5adc67.elementor-element-fe5adc67{margin-bottom:14px !important;} body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-8b6bef1d.service-paragraph .elementor-heading-title.elementor-heading-title{font-size:18px !important;line-height:28px !important;max-width:344px;margin:0 auto !important;color:#403E3E;} body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-8b6bef1d.elementor-element-8b6bef1d{margin-bottom:10px !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-ea42060a.btn .elementor-button.elementor-button{padding:12px 24px !important;font-size:15.375px !important;line-height:16px !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-2.service-prp-sec-2.e-con{padding:calc(40px * var(--hg-vw-scale, 1)) 0 0 !important;background:#fff !important;} body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-30032c81 h2.service-heading.service-heading{font-size:25px !important;line-height:30px !important;text-align:center !important;margin-bottom:5px !important;} body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-c1020751.service-paragraph .elementor-heading-title.elementor-heading-title{font-size:18px !important;line-height:24px !important;text-align:center !important;max-width:352px;margin:0 auto !important;color:#403E3E;} body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-c1020751.elementor-element-c1020751{max-width:none !important;width:100% !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3.service-prp-sec-3.e-con{padding:calc(10px * var(--hg-vw-scale, 1)) 0 calc(30px * var(--hg-vw-scale, 1)) !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-1ad13d9c.elementor-element-1ad13d9c{padding:0 calc(15px * var(--hg-vw-scale, 1)) !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-507a4823.elementor-element-507a4823{padding:0 !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-507a4823.elementor-element-507a4823 > .e-con-inner{gap:calc(21px * var(--hg-vw-scale, 1)) !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-548599e2{order:1;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-743c0017{order:2;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-98ece6ca{order:3;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-a25f83ba{order:4;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4.service-prp-sec-4.e-con{padding:calc(33px * var(--hg-vw-scale, 1)) 0 calc(71px * var(--hg-vw-scale, 1)) !important;background:#F1F3F7 !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-5f6ba180.elementor-element-5f6ba180{padding:0 calc(62px * var(--hg-vw-scale, 1)) !important;} body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-a2dc999f h2.service-heading.service-heading{font-size:25px !important;line-height:30px !important;margin-bottom:4px !important;} body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-2d6ba4cf.service-paragraph .elementor-heading-title.elementor-heading-title{font-size:18px !important;line-height:22px !important;color:#403E3E;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24.elementor-element-1b73aa24{padding:0 !important;gap:calc(32px * var(--hg-vw-scale, 1)) !important;margin-top:calc(25px * var(--hg-vw-scale, 1)) !important;width:100% !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-widget-html svg{width:calc(44px * var(--hg-vw-scale, 1)) !important;height:calc(44px * var(--hg-vw-scale, 1)) !important;margin:0 auto calc(15px * var(--hg-vw-scale, 1)) !important;} body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-widget-text-editor h3{font-size:18px !important;font-weight:500 !important;line-height:22px !important;color:#403E3E !important;margin:0 0 12px !important;} body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-b1151688 h1.service-heading .font-serif{display:block;} } /* hg:P2:prp-desktop-s1-s3 — Services_Pro Roving w Instant Print.svg/png (1440). Halaman y: header 0–131, hero teks x178 (h1 baseline 346/388, tagline ink 424–448, paragraf 22/28 baseline 508…620, tombol 146×40 @178,659), kartu Valentine 386×578 @720,0 (di atas polaroid, menjorok ke belakang header) dan polaroid 379×568 @1038,325; intro latar putih, h2 40/40 baseline 985/1025, paragraf 22/28 baseline 1081…1165 lebar ≤800; grid 2×2 tile 645×430 @56/738 × 1261/1723 (gap 37/32); band Package mulai y2243. Shadow dari filter SVG (feOffset/feGaussianBlur/feMorphology, alpha .11). */ @media (min-width: 768px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1.service-prp-sec-1.e-con { padding: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1.service-prp-sec-1 .service-split-grid.service-split-grid { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 0 0 168px !important; gap: 0 !important; grid-template-columns: 448px 1fr !important; align-items: start !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-text.service-split-text { padding: 179px 0 0 10px !important; justify-content: flex-start !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-b1151688 h1.service-heading.service-heading { font-size: 40px !important; line-height: 42px !important; margin: 0 0 25px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-b1151688 h1.service-heading .font-serif { display: block; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-fe5adc67.elementor-element-fe5adc67 { margin: 0 0 31px !important; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-8b6bef1d.elementor-element-8b6bef1d { margin: 0 0 33px !important; max-width: 436px !important; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-8b6bef1d.service-paragraph .elementor-heading-title.elementor-heading-title { font-size: 22px !important; line-height: 28px !important; color: #403E3E; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-ae81794e.elementor-element-ae81794e { padding: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-ea42060a.btn .elementor-button.elementor-button { padding: 12px 24px !important; min-height: 40px; font-size: 15.375px !important; font-weight: 500; line-height: 16px !important; border-radius: 6px; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .service-split-media.service-split-media { padding: 0 !important; margin: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-9632e736.elementor-element-9632e736 { display: block !important; position: relative !important; width: 100% !important; height: 762px !important; padding: 0 !important; margin: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-9632e736 .elementor-widget-image.elementor-widget-image { position: absolute !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-cabcddd8.elementor-element-cabcddd8 { left: 104px; top: -131px; width: 386px !important; z-index: 2; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-5338b5f1.elementor-element-5338b5f1 { left: 422px; top: 194px; width: 379px !important; z-index: 1; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-9632e736 img { display: block; width: 100% !important; height: auto !important; max-width: none !important; max-height: none !important; margin: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-cabcddd8 img { aspect-ratio: 386 / 578; object-fit: cover; box-shadow: 15px 15px 10px 4px rgba(0,0,0,.11) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-5338b5f1 img { aspect-ratio: 379 / 568; object-fit: cover; box-shadow: 5px 5px 4px 1px rgba(0,0,0,.11) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-2.service-prp-sec-2.e-con { padding: 57px 0 0 !important; background: #fff !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-2 .elementor-element-c9f41bb1.elementor-element-c9f41bb1 { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 0 0 178px !important; gap: 0 !important; --gap: 0px; --row-gap: 0px; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-30032c81 h2.service-heading.service-heading { font-size: 40px !important; line-height: 40px !important; max-width: 640px; margin: 0 0 25px !important; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-c1020751.elementor-element-c1020751 { max-width: 810px !important; margin: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-c1020751.service-paragraph .elementor-heading-title.elementor-heading-title { font-size: 22px !important; line-height: 28px !important; color: #403E3E; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3.service-prp-sec-3.e-con { padding: 90px 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-1ad13d9c.elementor-element-1ad13d9c { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 57px 0 56px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-507a4823.elementor-element-507a4823 { padding: 0 !important; grid-template-columns: 645px 645px !important; column-gap: 37px !important; row-gap: 32px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-507a4823 .elementor-widget-image { width: 645px !important; max-width: none !important; min-width: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-3 .elementor-element-507a4823 img { display: block; width: 645px !important; height: 430px !important; max-width: none !important; max-height: none !important; object-fit: cover; box-shadow: 5px 5px 4px 1px rgba(0,0,0,.11) !important; } body.service-page--professional-roving-photographer-with-instant-prints :is(.elementor-element-ae81794e, .elementor-element-c9f41bb1, .elementor-element-1ad13d9c).e-con > .e-con-inner { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-ea42060a.btn .elementor-button .elementor-button-text { letter-spacing: 0 !important; } } /* hg:P2:prp-desktop-s4 — Services_Pro Roving w Instant Print.svg/png (1440). Band #F1F3F7 y2243–3067 (824). Judul Inter 40 baseline 2357 x203 (kiri); paragraf Inter 18/24 x800 baseline 2322/2346/2370, tinta ≤399 lebar (kanan, sejajar). Kartu stroke 2 gradien rx9: baris 1 @171/576/951 × 2441 (361/331/331 × 252), baris 2 @372/750 × 2737 (331 × 252) — kedua baris berpusat di x726.5, celah 44. Isi kartu berpusat vertikal (baseline judul 119/128/129 · 135 · 111 dari atas kartu ≈ model tengah, galat ≤5): ikon lucide ~50px (tinta 40–48), judul Inter 20/w500 #403E3E pitch → deskripsi 30, deskripsi Inter 16/24, lebar baris per kartu dari tinta mockup. */ @media (min-width: 768px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4.service-prp-sec-4.e-con { padding: 60.5px 0 78px !important; background: #F1F3F7 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-5f6ba180.elementor-element-5f6ba180 { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-5f6ba180.elementor-element-5f6ba180 > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: flex-start !important; max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-a2dc999f.elementor-element-a2dc999f { flex: 0 0 auto !important; width: 597px !important; max-width: none !important; margin: 18.9px 0 0 203px !important; line-height: 40px; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-a2dc999f h2.service-heading.service-heading { display: block !important; width: fit-content; font-size: 40px !important; line-height: 40px !important; margin: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-2d6ba4cf.elementor-element-2d6ba4cf { flex: 0 0 auto !important; width: 415px !important; max-width: none !important; margin: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-2d6ba4cf.service-paragraph .elementor-heading-title.elementor-heading-title { font-size: 18px !important; line-height: 24px !important; color: #403E3E; margin: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24.elementor-element-1b73aa24 { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-content: flex-start !important; column-gap: 44px !important; row-gap: 44px !important; width: 1111px !important; max-width: none !important; margin: 65.5px 0 0 171px !important; padding: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .e-con.e-con.e-con { flex: 0 0 auto !important; width: 331px !important; max-width: none !important; min-height: 252px !important; padding: 0 !important; margin: 0 !important; justify-content: center !important; align-items: center !important; gap: 0 !important; box-shadow: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-7603ab37.e-con.e-con.e-con.e-con { width: 361px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-widget-html svg { width: 50px !important; height: 50px !important; margin: 0 auto 20px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-widget-text-editor h3 { font-size: 20px !important; font-weight: 500 !important; line-height: 24px !important; color: #403E3E !important; margin: 0 0 8px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-e7bbe802 h3 { color: #000 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-widget-heading { margin: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-e9a3229b.elementor-element-e9a3229b { width: 248px !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-b5621fa7.elementor-element-b5621fa7 { width: 200px !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-3f4ba6ae.elementor-element-3f4ba6ae { width: 250px !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-b48edb20.elementor-element-b48edb20 { width: 250px !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-691f644f.elementor-element-691f644f { width: 259px !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-12aa5516.e-con.e-con.e-con.e-con { margin-right: 3px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-89dddcd5.elementor-widget-html svg { width: 55px !important; height: 55px !important; margin-bottom: 17.5px !important; } } /* hg:P3:prp-mobile-s4 — Roving Print_Mobile.svg/png (440). Band y2543–4084; kartu 313 lebar @x62, y 2783/3057/3311/3538/3762, tinggi 240/220/193/190/240 (stroke 2 rx9), celah 34, sisa band di bawah kartu 82. Isi kartu berpusat vertikal (atas/bawah 36/36, 47/43, 36/29, 36/30, 46/36). Judul Inter 18/w500 (Roving hitam), baseline judul→deskripsi ≈28, deskripsi 14/20 dengan pemenggalan baris mockup (lebar kotak dari tinta: 201–209 / ≥247 / 243 / 213 / 225). Teks judul & paragraf x65–66 (live 62). */ @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4.service-prp-sec-4.e-con { padding-bottom: calc(82px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 :is(.elementor-element-a2dc999f, .elementor-element-2d6ba4cf).elementor-widget { margin-left: 3px !important; margin-right: -3px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24.elementor-element-1b73aa24 { gap: calc(34px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .e-con.e-con.e-con { width: calc(313px * var(--hg-vw-scale, 1)) !important; max-width: none !important; padding: 0 calc(20px * var(--hg-vw-scale, 1)) !important; margin: 0 !important; gap: 0 !important; justify-content: center !important; align-items: center !important; box-shadow: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-7603ab37.e-con.e-con.e-con.e-con { min-height: calc(240px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-e90025c2.e-con.e-con.e-con.e-con { min-height: calc(220px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-e1e28730.e-con.e-con.e-con.e-con { min-height: calc(193px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-12aa5516.e-con.e-con.e-con.e-con { min-height: calc(190px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-0d1e5891.e-con.e-con.e-con.e-con { min-height: calc(240px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-widget-html.elementor-widget-html svg { width: calc(44px * var(--hg-vw-scale, 1)) !important; height: calc(44px * var(--hg-vw-scale, 1)) !important; margin: 0 auto calc(12px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-widget-text-editor.elementor-widget-text-editor h3 { font-size: 18px !important; font-weight: 500 !important; line-height: 22px !important; color: #403E3E !important; margin: 0 0 8px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-e7bbe802.elementor-element-e7bbe802 h3 { color: #000 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-widget-heading { margin: 0 !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-e9a3229b.elementor-element-e9a3229b { width: 215px !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-b5621fa7.elementor-element-b5621fa7 { width: 255px !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-3f4ba6ae.elementor-element-3f4ba6ae { width: 255px !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-b48edb20.elementor-element-b48edb20 { width: 230px !important; max-width: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-691f644f.elementor-element-691f644f { width: 230px !important; max-width: none !important; } } /* hg:P2:prp-s4-tune — baseline judul kartu = mockup (desktop 2560/2569/2570/2872/2848, mobile 2891/3178/3424/3645/3875; live sebelum 2558/2569/2569/2877/2853 · 2893.5/3177.5/3417.5/3643.5/3872.5): isi berpusat, padding satu sisi = 2× geser. Kartu mobile Roving x64, Supporting x65 (lainnya 62). Judul Roving hitam di kedua viewport. */ body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-e7bbe802.elementor-element-e7bbe802.elementor-widget-text-editor h3 { color: #000 !important; } @media (min-width: 768px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-7603ab37.e-con.e-con.e-con.e-con { padding-top: 3.4px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-12aa5516.e-con.e-con.e-con.e-con, body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-0d1e5891.e-con.e-con.e-con.e-con { padding-bottom: 10.6px !important; } } @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-7603ab37.e-con.e-con.e-con.e-con { padding-bottom: calc(5px * var(--hg-vw-scale, 1)) !important; margin-left: calc(2px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-e1e28730.e-con.e-con.e-con.e-con { padding-top: calc(13px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-12aa5516.e-con.e-con.e-con.e-con { padding-top: calc(3px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .elementor-element-0d1e5891.e-con.e-con.e-con.e-con { padding-top: calc(5px * var(--hg-vw-scale, 1)) !important; margin-left: calc(3px * var(--hg-vw-scale, 1)) !important; } } /* hg:P4:prp-s2-pitch — h2 S2 baseline 985/1025 (pitch 40): span Playfair italic ber-line-height 40 memperbesar line box jadi 42 (h2 84 tinggi). Span line-height 30 → line box = strut h2 (40); celah tinta h2→paragraf 38 → margin-bottom 28. */ @media (min-width: 768px) { body.service-page--professional-roving-photographer-with-instant-prints .elementor-element-30032c81 h2.service-heading.service-heading > span { line-height: 30px !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-2 .elementor-element-30032c81 h2.service-heading.service-heading { margin-bottom: 28px !important; } } /* hg:P4:prp-m-btn — tombol hero mobile: letter-spacing 0 (mockup 0, live 0.3075 dari tema), sama dengan blok desktop. */ @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-1 .elementor-element-ea42060a.btn .elementor-button .elementor-button-text { letter-spacing: 0 !important; } } /* hg:P6:prp-m-inner-scale — 320: padding .e-con-inner bawaan Elementor 10px dan gap flex 20px tidak ikut skala (B2/D1) → S1 +11, S2 +10, S3 +18, S4 +24 px dari 440×0,727. Diskalakan dengan --hg-vw-scale (di 440 = 1 → tidak berubah). */ @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints :is(.elementor-element-ae81794e.elementor-element-ae81794e.e-con > .e-con-inner, .elementor-element-c9f41bb1.elementor-element-c9f41bb1.e-con > .e-con-inner, .elementor-element-1ad13d9c.elementor-element-1ad13d9c.e-con > .e-con-inner, .elementor-element-507a4823.elementor-element-507a4823.e-con > .e-con-inner, .elementor-element-5f6ba180.elementor-element-5f6ba180.e-con > .e-con-inner) { padding-top: calc(10px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(10px * var(--hg-vw-scale, 1)) !important; } body.service-page--professional-roving-photographer-with-instant-prints :is(.elementor-element-ae81794e.elementor-element-ae81794e.e-con > .e-con-inner, .elementor-element-c9f41bb1.elementor-element-c9f41bb1.e-con > .e-con-inner, .elementor-element-1ad13d9c.elementor-element-1ad13d9c.e-con > .e-con-inner, .elementor-element-5f6ba180.elementor-element-5f6ba180.e-con > .e-con-inner) { gap: calc(20px * var(--hg-vw-scale, 1)) !important; } } /* hg:P5:prp-card-border — kartu Package: latar putih + stroke 2px gradien emas→pink, radius 9 (mockup Services_Pro Roving, S4). */ @media (min-width: 768px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .e-con.e-con.e-con { border: 2px solid transparent !important; border-radius: 9px !important; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(180deg,#F1AE11,#F26AAA) border-box !important; } } @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .e-con.e-con.e-con { border: 2px solid transparent !important; border-radius: 9px !important; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(180deg,#F1AE11,#F26AAA) border-box !important; } } /* hg:P2:prp-card-center-m — kartu Package mobile berpusat persis (tepi kiri sebelumnya 62–65). */ @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 > .e-con { align-self: center !important; margin-left: auto !important; margin-right: auto !important; left: 0 !important; transform: none !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 { align-items: center !important; } } /* hg:P2:prp-card-center-m2 — margin kiri 2/3px liar pada 2 kartu; grid 316 vs kartu 313 → grid selebar kartu, tengah. */ @media (max-width: 767px) { body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 { width: 313px !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; justify-items: center !important; } body.service-page--professional-roving-photographer-with-instant-prints .service-prp-sec-4 .elementor-element-1b73aa24 .e-con.e-con.e-con.e-con { margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cb1f2ae7 */.elementor-18 .elementor-element.elementor-element-cb1f2ae7 { display: none; } /* hg: html-style 6f3d149e */ @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .service-prp-sec-1 .service-split-grid { grid-template-columns: 1fr 1fr !important; } .service-prp-sec-1 .service-split-grid > .e-con-inner { display: contents !important; } }/* End custom CSS */