.elementor-92 .elementor-element.elementor-element-888244d9{--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-92 .elementor-element.elementor-element-arbanner{--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-92 .elementor-element.elementor-element-arbannerimg .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-92 .elementor-element.elementor-element-1ac4c470{--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-92 .elementor-element.elementor-element-cacf0185{--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-92 .elementor-element.elementor-element-3d714413{--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-92 .elementor-element.elementor-element-3d714413.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-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-92 .elementor-element.elementor-element-5135999a{--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-92 .elementor-element.elementor-element-8a954bad{--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-92 .elementor-element.elementor-element-cacaf9fd{--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-92 .elementor-element.elementor-element-2af45740{--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-92 .elementor-element.elementor-element-2af45740.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-cbd04fc5 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-92 .elementor-element.elementor-element-0bc1ef6e{--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-92 .elementor-element.elementor-element-0bc1ef6e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-42614166{--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-92 .elementor-element.elementor-element-dd049bd1{--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-92 .elementor-element.elementor-element-101ea40c{--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-92 .elementor-element.elementor-element-ar3photos{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-92 .elementor-element.elementor-element-ar3photo1 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-92 .elementor-element.elementor-element-ar3photo2 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-92 .elementor-element.elementor-element-ar3packhead{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-92 .elementor-element.elementor-element-278ce80e{--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-92 .elementor-element.elementor-element-20db59e2{--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-92 .elementor-element.elementor-element-20db59e2.e-con{--flex-grow:0;--flex-shrink:0;}.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-92 .elementor-element.elementor-element-6a1476f9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-92 .elementor-element.elementor-element-6a1476f9 img{width:50px;}.elementor-92 .elementor-element.elementor-element-a5e86e38{--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-92 .elementor-element.elementor-element-a5e86e38.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-84569b88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-92 .elementor-element.elementor-element-84569b88 img{width:50px;}.elementor-92 .elementor-element.elementor-element-1003537c{--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-92 .elementor-element.elementor-element-1003537c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-34d8ce20{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-92 .elementor-element.elementor-element-34d8ce20 img{width:50px;}.elementor-92 .elementor-element.elementor-element-5ae1bd64{--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-92 .elementor-element.elementor-element-5ae1bd64.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-c52e6b50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-92 .elementor-element.elementor-element-c52e6b50 img{width:50px;}.elementor-92 .elementor-element.elementor-element-ar3c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-92 .elementor-element.elementor-element-ar3c5_ico{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-92 .elementor-element.elementor-element-ar3c5_ico img{width:50px;}.elementor-92 .elementor-element.elementor-element-eaa83430{--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-92 .elementor-element.elementor-element-c3731872{--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-92 .elementor-element.elementor-element-68fa8e07{--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(max-width:1024px){.elementor-92 .elementor-element.elementor-element-888244d9{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-92 .elementor-element.elementor-element-888244d9{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-92 .elementor-element.elementor-element-arbannerimg{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-92 .elementor-element.elementor-element-6a1476f9 img{width:9.09vw;}.elementor-92 .elementor-element.elementor-element-84569b88 img{width:9.09vw;}.elementor-92 .elementor-element.elementor-element-34d8ce20 img{width:9.09vw;}.elementor-92 .elementor-element.elementor-element-c52e6b50 img{width:9.09vw;}.elementor-92 .elementor-element.elementor-element-ar3c5_ico img{width:9.09vw;}}/* Start custom CSS for container, class: .elementor-element-arbanner */.elementor-92 .elementor-element.elementor-element-arbanner { padding:0 !important; } body.service-page--ar-experience { overflow-x: hidden; background: #fff; color: #403e3e; } body.service-page--ar-experience .site-main { padding-top: 0; } body.service-page--ar-experience .service-detail-page, body.service-page--ar-experience .service-section { width: 100%; max-width: 100%; overflow: hidden; } body.service-page--ar-experience .service-detail-page > .e-con-inner, body.service-page--ar-experience .service-section > .e-con-inner, body.service-page--ar-experience .service-split-grid > .e-con-inner, body.service-page--ar-experience .service-split-text > .e-con-inner, body.service-page--ar-experience .service-split-media > .e-con-inner, body.service-page--ar-experience .service-scribble-feature > .e-con-inner { display: contents !important; } body.service-page--ar-experience .service-ar-experience-sec-1, body.service-page--ar-experience .service-ar-experience-sec-2, body.service-page--ar-experience .service-ar-experience-sec-3 { padding: 108px 0 116px; } body.service-page--ar-experience .service-ar-experience-sec-1 { background: #fff; } body.service-page--ar-experience .service-ar-experience-sec-2 { background: #f7f8fb; } body.service-page--ar-experience .service-ar-experience-sec-3 { background: #fff; } body.service-page--ar-experience .service-ar-experience-sec-1 .service-split-grid { grid-template-columns: 1fr !important; width: min(calc(100% - 80px), 640px) !important; max-width: 640px !important; text-align: center; } body.service-page--ar-experience .service-ar-experience-sec-1 .service-split-text { text-align: center; } body.service-page--ar-experience .service-ar-experience-sec-1 .service-split-text > .elementor-element-5135999a { justify-content: center; } body.service-page--ar-experience .service-split-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: center; gap: 76px; width: min(calc(100% - 80px), 1120px) !important; max-width: 1120px !important; margin: 0 auto !important; } body.service-page--ar-experience .service-split-text, body.service-page--ar-experience .service-split-media { width: 100% !important; max-width: 100%; } body.service-page--ar-experience .service-heading, body.service-page--ar-experience .service-heading > span { margin: 0 0 24px !important; font-size: 40px !important; line-height: 1.15 !important; font-weight: 500 !important; } body.service-page--ar-experience .service-heading { background: linear-gradient(90deg, #f5a800, #f58a36 50%, #f26aaa); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent !important; } body.service-page--ar-experience .service-paragraph, body.service-page--ar-experience .service-paragraph .elementor-widget-container { margin: 0 !important; padding: 0 !important; } body.service-page--ar-experience .service-paragraph .elementor-heading-title, body.service-page--ar-experience p.service-paragraph { margin: 0; color: #403e3e !important; font-size: 18px !important; line-height: 1.5 !important; font-weight: 400; } body.service-page--ar-experience .service-split-text h2:not(.service-heading) { margin: 0 0 20px !important; color: #f59e0b !important; font-size: 24px !important; line-height: 1.3; font-weight: 600 !important; } body.service-page--ar-experience .service-split-text > .elementor-element { margin-bottom: 20px; } body.service-page--ar-experience .service-split-media .elementor-widget-image, body.service-page--ar-experience .service-split-media .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } body.service-page--ar-experience .service-split-media img, body.service-page--ar-experience .service-split-media video, body.service-page--ar-experience .service-ar-experience-sec-1 img { display: block; width: 100% !important; height: auto; max-height: 680px; border-radius: 10px; object-fit: contain; } body.service-page--ar-experience .elementor-button { min-height: 42px; padding: 11px 24px; border: 0; border-radius: 6px; background: linear-gradient(90deg, #f5a800, #f26aaa); color: #fff; font-size: 15px; font-weight: 500; } body.service-page--ar-experience .service-ar-experience-sec-3 > .elementor-widget, body.service-page--ar-experience .service-ar-experience-sec-3 > .e-con-inner > .elementor-widget { width: min(calc(100% - 80px), 900px) !important; margin-inline: auto !important; text-align: center; } body.service-page--ar-experience .service-scribble-feature { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 36px 48px; width: min(calc(100% - 80px), 980px) !important; max-width: 980px !important; margin: 58px auto 0 !important; } body.service-page--ar-experience .service-scribble-feature > .elementor-element, body.service-page--ar-experience .service-scribble-feature .e-con { padding: 30px 28px !important; border: 0 !important; border-radius: 10px; background: #f8f9fc; box-shadow: 0 10px 28px rgba(54,56,75,.06); } body.service-page--ar-experience .service-scribble-feature h3 { margin: 0 0 9px !important; color: #111 !important; font-size: 19px !important; line-height: 1.3; font-weight: 600 !important; } body.service-page--ar-experience .service-scribble-feature .elementor-heading-title { color: #403e3e; font-size: 16px; line-height: 1.5; } @media (max-width: 767px) { body.service-page--ar-experience .service-ar-experience-sec-1, body.service-page--ar-experience .service-ar-experience-sec-2, body.service-page--ar-experience .service-ar-experience-sec-3 { min-height: 0; padding: 76px 0 84px; } body.service-page--ar-experience .service-split-grid { grid-template-columns: 1fr !important; gap: 40px; width: calc(100% - 40px) !important; } body.service-page--ar-experience .service-split-media { grid-row: 1; } body.service-page--ar-experience .service-split-text { grid-row: 2; text-align: center; } body.service-page--ar-experience .service-heading, body.service-page--ar-experience .service-heading > span { font-size: 30px !important; } body.service-page--ar-experience .service-split-text h2:not(.service-heading) { font-size: 20px !important; } body.service-page--ar-experience .service-paragraph .elementor-heading-title, body.service-page--ar-experience p.service-paragraph { font-size: 15px !important; line-height: 1.5 !important; } body.service-page--ar-experience .service-scribble-feature { grid-template-columns: 1fr !important; gap: 24px; width: calc(100% - 40px) !important; } body.service-page--ar-experience .service-ar-experience-sec-3 { padding: 0 0 30px !important; } body.service-page--ar-experience .service-ar-experience-sec-1 { padding: 38px 0 30px !important; } body.service-page--ar-experience .service-ar-experience-sec-1 .service-split-grid { padding: 0 !important; } body.service-page--ar-experience .service-ar-experience-sec-2 { padding: 28px 0 30px !important; } body.service-page--ar-experience .service-ar-experience-sec-2 .service-split-text { grid-row: 1 !important; } body.service-page--ar-experience .service-ar-experience-sec-2 .service-split-media { grid-row: 2 !important; } body.service-page--ar-experience .service-ar-experience-sec-2 .service-split-media { display: flex !important; justify-content: center; align-items: center; } } @media (min-width: 768px) { body.service-page--ar-experience .elementor-element-ar3photos img, body.service-page--ar-experience .elementor-element-ar3photos video { display: block; width: 100% !important; height: auto; aspect-ratio: 384 / 682; border-radius: 14px; object-fit: cover; } } @media (max-width: 767px) { body.service-page--ar-experience .elementor-element-ar3photos img, body.service-page--ar-experience .elementor-element-ar3photos video { display: block; width: 310px !important; max-width: 100% !important; height: 551px !important; border-radius: 12px; object-fit: cover; margin: 0 auto !important; } } /* hg:P4:gradien-judul — Services_AR.svg: "AR Experience", "Step In & Stand Out", "Strut Your Style", "Your Package…" = 3 titik #F26AAA→#F28C5E→#F1AE11. AR Exp_Mobile.svg: hero 2 titik pink→oranye, "Step In & Stand Out" 2 titik oranye→pink, Strut & Package 3 titik. Live: satu aturan halaman (arbanner) 90° #f5a800→#f58a36→#f26aaa (oranye→pink, warna luar palet). */ @media (min-width: 768px) { body.service-page--ar-experience [data-id="8df76f24"] .service-heading.service-heading, body.service-page--ar-experience [data-id="f0d890f7"] .service-heading.service-heading, body.service-page--ar-experience [data-id="196446c3"] .service-heading.service-heading, body.service-page--ar-experience [data-id="ar3packheadtext"] .service-heading.service-heading { background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; } } @media (max-width: 767px) { body.service-page--ar-experience [data-id="8df76f24"] .service-heading.service-heading { background-image: linear-gradient(90deg, #F26AAA, #F1AE11) !important; } body.service-page--ar-experience [data-id="f0d890f7"] .service-heading.service-heading { background-image: linear-gradient(90deg, #F1AE11, #F26AAA) !important; } body.service-page--ar-experience [data-id="196446c3"] .service-heading.service-heading, body.service-page--ar-experience [data-id="ar3packheadtext"] .service-heading.service-heading { background-image: linear-gradient(90deg, #F26AAA, #F28C5E 50%, #F1AE11) !important; } } /* hg:P4:tagline — "Step Into the Scene — Literally." mockup Inter 30/w500 (desktop, x497 lebar 449 = tengah) / 20/w500 (mobile), gradien #F1AE11→#F26AAA. Live: h2 gaya inline 1.25rem/700 solid #f59e0b. */ body.service-page--ar-experience [data-id="2a7d0752"] h2 { font-size: 30px !important; font-weight: 500 !important; line-height: 36px !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; width: fit-content !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 767px) { body.service-page--ar-experience [data-id="2a7d0752"] h2 { font-size: 20px !important; line-height: 24px !important; } } /* hg:P5:kartu — svg-path desktop & mobile: stroke 2px gradien VERTIKAL #F1AE11→#F26AAA rx 7 → tepi luar 8 (live 135° #f5b000→#f16f9d r7). */ body.service-page--ar-experience :is(.elementor-element-20db59e2, .elementor-element-a5e86e38, .elementor-element-1003537c, :is(.elementor-element-5ae1bd64,.elementor-element-ar3c5), .elementor-element-ar3c5).e-con { border-radius: 8px !important; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #F1AE11 0%, #F26AAA 100%) border-box !important; } @media (min-width: 768px) { /* hg:P2P4:s1-hero-text — Services_AR.png: judul ink y1095, tagline 1159, paragraf 1210 (22/24, 3 baris ≤776), tombol 146x48 r6 */ body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-1 { padding: 0 0 87px !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-1 .service-split-grid { width: 800px !important; max-width: 800px !important; padding: 94px 0 0 !important; margin: 0 auto !important; } body.service-page--ar-experience.service-page--ar-experience body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-1 .service-split-text > .elementor-element { margin-bottom: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="8df76f24"] .service-heading.service-heading { margin: 0 !important; line-height: 46px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="8df76f24"] .service-heading.service-heading > span { font-family: var(--font-serif), 'Playfair Display', serif !important; font-style: italic !important; font-weight: 400 !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="2a7d0752"] h2 { margin: 18px auto 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="8dc139e1"] .elementor-heading-title { font-size: 22px !important; line-height: 24px !important; max-width: 790px; margin: 18px auto 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="5135999a"] { margin-top: 32px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="e3937919"] .elementor-button { width: 146px; min-height: 48px; height: 48px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important; font-size: 15.375px !important; font-weight: 500 !important; letter-spacing: 0 !important; } } @media (min-width: 768px) { /* hg:P2P3P4:s2-step-in — Services_AR.png: latar putih; media 384x682 @x272 y+97 dari tombol; teks x727 lebar ≤380, judul ink 226 di bawah atas media, paragraf 22/24 jarak antar-paragraf 24 */ body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-2 { background: #fff !important; padding: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="cacaf9fd"] { padding: 0 !important; grid-template-columns: 384px 430px !important; gap: 71px !important; width: 885px !important; max-width: 885px !important; margin: 0 0 0 calc(50% - 448px) !important; align-items: start !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="2af45740"] { width: 384px !important; padding: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="cbd04fc5"], body.service-page--ar-experience.service-page--ar-experience [data-id="cbd04fc5"] .elementor-wrapper { width: 384px !important; height: 682px !important; aspect-ratio: auto !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="cbd04fc5"] .elementor-wrapper.e-hosted-video video.elementor-video { width: 384px !important; height: 682px !important; max-height: none !important; object-fit: cover !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="0bc1ef6e"] { padding: 219px 0 0 !important; justify-content: flex-start !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="0bc1ef6e"] > .elementor-element { margin-bottom: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="f0d890f7"] .service-heading.service-heading { margin: 0 !important; line-height: 46px !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="e1b4756c"], [data-id="44b40f92"], [data-id="240dfca3"]) .elementor-heading-title { font-size: 22px !important; line-height: 24px !important; white-space: pre-line; } body.service-page--ar-experience.service-page--ar-experience [data-id="e1b4756c"] { margin-top: 35px !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="44b40f92"], [data-id="240dfca3"]) { margin-top: 24px !important; } /* hg:P2P3P4:s3-strut — judul ink 2251 (106 di bawah media S2), subjudul 22/30 jarak 18, 2 media 384x682 jarak 56 mulai 41 di bawah subjudul, latar paket 74 di bawah media */ body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-3 { padding-top: 0 !important; background: #fff !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="101ea40c"] { padding: 84px 0 0 !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="196446c3"] .service-heading.service-heading { margin: 0 !important; line-height: 46px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="0bb189ee"] { margin-top: 11px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="0bb189ee"] .elementor-heading-title { font-size: 22px !important; line-height: 30px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3photos"] { gap: 56px !important; margin: 18px 0 53px !important; padding: 0 !important; flex-wrap: nowrap !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="ar3photo1"], [data-id="ar3photo2"]) { width: 384px !important; max-width: 384px !important; flex: 0 0 384px !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="ar3photo1"], [data-id="ar3photo2"]) .elementor-wrapper { width: 384px !important; height: 682px !important; aspect-ratio: auto !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="ar3photo1"], [data-id="ar3photo2"]) .elementor-wrapper.e-hosted-video video.elementor-video { width: 384px !important; height: 682px !important; aspect-ratio: auto !important; border-radius: 8px !important; } } @media (min-width: 768px) { /* hg:P2P4P5:s4-paket — Services_AR.png: latar #f1f3f7 mulai 73 di bawah media; judul 1 baris ink +85 x210; deskripsi x807 lebar 460 18/24; kartu 450 lebar x261/733 (jarak 22), mulai 64 di bawah judul, jarak vertikal 21; isi: ikon 40 @+45, judul 22/w500 & teks 18/24 @+107 lebar ≤310 */ body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packhead"] { box-shadow: 0 0 0 100vmax #f1f3f7; clip-path: inset(0 -100vmax -40px -100vmax); background: #f1f3f7 !important; padding: 55px 0 0 !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packhead"] > .e-con-inner { grid-template-columns: 535px 475px !important; gap: 62px !important; width: 1080px !important; margin: 0 !important; align-items: start !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheadtext"] { margin-top: 12px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheadtext"] .service-heading.service-heading { margin: 0 !important; line-height: 46px !important; white-space: nowrap; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheaddesc"] p.service-paragraph { font-size: 18px !important; line-height: 24px !important; max-width: 475px !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="278ce80e"] { box-shadow: 0 0 0 100vmax #f1f3f7; clip-path: inset(0 -100vmax); background: #f1f3f7 !important; padding: 10px 0 69px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="278ce80e"] > .e-con-inner { column-gap: 22px !important; margin: 0 0 0 111px !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-package-col.service-ar-package-col { gap: 21px !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], [data-id="5ae1bd64"], [data-id="ar3c5"]).e-con { padding: 30px 30px 32px 45px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])) > .e-con-inner { grid-template-columns: 40px 310px !important; column-gap: 22px !important; row-gap: 6px !important; padding: 0 !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="6a1476f9"], [data-id="84569b88"], [data-id="34d8ce20"], :is([data-id="c52e6b50"],[data-id="ar3c5_ico"])) svg { width: 40px !important; height: 40px !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="fedfeba8"], [data-id="f4f7d5c0"], [data-id="cf9cf836"], :is([data-id="700a2faf"],[data-id="ar3c5_ttl"])) h3 { font-size: 22px !important; line-height: 28px !important; font-weight: 500 !important; color: #403e3e !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="458cf701"], [data-id="d0d55866"], [data-id="e5c7cf61"], :is([data-id="86a671ed"],[data-id="ar3c5_dsc"])) .elementor-heading-title { font-size: 18px !important; line-height: 24px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5i"] .elementor-icon-box-wrapper { display: grid !important; grid-template-columns: 40px 310px; column-gap: 22px; text-align: left !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5i"] .elementor-icon-box-icon { margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5i"] .elementor-icon-box-icon i { font-size: 34px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5i"] .elementor-icon-box-title { font-size: 22px !important; line-height: 28px !important; font-weight: 500 !important; margin: 0 0 6px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5i"] .elementor-icon-box-description { font-size: 18px !important; line-height: 24px !important; margin: 0 !important; } } @media (max-width: 767px) { /* hg:P2P3P4:m-s1-hero-text — AR Exp_Mobile.png: judul Playfair italic 25 (ink +25 dari hero), tagline 20/w500, paragraf 18/20 ≤390 tengah, tombol 146x40 */ body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-1 { padding: calc(20px * var(--hg-vw-scale, 1)) 0 0 !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-1 .service-split-grid { width: calc(100% - 40px) !important; max-width: 400px !important; margin: 0 auto !important; padding: 0 !important; gap: 0 !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-1 .service-split-text > .elementor-element { margin-bottom: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="8df76f24"] .service-heading.service-heading, body.service-page--ar-experience.service-page--ar-experience [data-id="8df76f24"] .service-heading.service-heading > span { font-family: var(--font-serif), 'Playfair Display', serif !important; font-style: italic !important; font-weight: 500 !important; font-size: 25px !important; line-height: 30px !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="2a7d0752"] h2 { margin: 6px auto 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="8dc139e1"] .elementor-heading-title { font-size: 18px !important; line-height: 20px !important; max-width: 390px; margin: 12px auto 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="5135999a"] { margin-top: 13px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="e3937919"] .elementor-button { width: 146px; min-height: 40px; height: 40px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important; } /* hg:P2P3P4:m-s2-step-in — judul 25, paragraf 18/18 (jarak paragraf 18), lalu media 310x551 r8 */ body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-2 { background: #fff !important; padding: calc(49px * var(--hg-vw-scale, 1)) 0 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="cacaf9fd"] { gap: calc(30px * var(--hg-vw-scale, 1)) !important; padding: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="0bc1ef6e"] { padding: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="0bc1ef6e"] > .elementor-element { margin-bottom: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="f0d890f7"] .service-heading.service-heading, body.service-page--ar-experience.service-page--ar-experience [data-id="f0d890f7"] .service-heading.service-heading > span { font-size: 25px !important; line-height: 30px !important; font-weight: 500 !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="e1b4756c"], [data-id="44b40f92"], [data-id="240dfca3"]) .elementor-heading-title { font-size: 18px !important; line-height: 18px !important; max-width: 340px; margin: 0 auto !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="e1b4756c"] { margin-top: 9px !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="44b40f92"], [data-id="240dfca3"]) { margin-top: 18px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="2af45740"] { width: 100% !important; padding: 0 !important; margin-top: calc(2px * var(--hg-vw-scale, 1)) !important; display: flex !important; justify-content: center !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="cbd04fc5"], body.service-page--ar-experience.service-page--ar-experience [data-id="cbd04fc5"] .elementor-wrapper.e-hosted-video, body.service-page--ar-experience.service-page--ar-experience [data-id="cbd04fc5"] .elementor-wrapper.e-hosted-video video.elementor-video { width: calc(310px * var(--hg-vw-scale, 1)) !important; height: calc(551px * var(--hg-vw-scale, 1)) !important; max-height: none !important; aspect-ratio: auto !important; object-fit: cover !important; border-radius: 8px !important; } /* hg:P2P3P4:m-s3-strut — judul 25, subjudul 18/18 2 baris, 2 media 310x551 bertumpuk jarak 37 */ body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-3 { background: #fff !important; padding-top: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="101ea40c"] { padding: calc(52px * var(--hg-vw-scale, 1)) 20px 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="196446c3"] .service-heading.service-heading, body.service-page--ar-experience.service-page--ar-experience [data-id="196446c3"] .service-heading.service-heading > span { font-size: 25px !important; line-height: 30px !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="0bb189ee"] { margin-top: 8px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="0bb189ee"] .elementor-heading-title { font-size: 18px !important; line-height: 18px !important; max-width: 280px; margin: 0 auto !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3photos"] { flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; gap: calc(37px * var(--hg-vw-scale, 1)) !important; margin: calc(18px * var(--hg-vw-scale, 1)) 0 0 !important; padding: 0 !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="ar3photo1"], [data-id="ar3photo2"]) { width: calc(310px * var(--hg-vw-scale, 1)) !important; max-width: none !important; flex: 0 0 auto !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="ar3photo1"], [data-id="ar3photo2"]) .elementor-wrapper, body.service-page--ar-experience.service-page--ar-experience :is([data-id="ar3photo1"], [data-id="ar3photo2"]) .elementor-wrapper.e-hosted-video video.elementor-video { width: calc(310px * var(--hg-vw-scale, 1)) !important; height: calc(551px * var(--hg-vw-scale, 1)) !important; aspect-ratio: auto !important; margin: 0 !important; border-radius: 8px !important; } /* hg:P2P4:m-s4-paket — latar #f1f3f7, judul 25 1 baris x65, deskripsi 18/24 x65 lebar ≤315, kartu mulai 42 di bawah deskripsi, jarak 33 */ body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packhead"] { padding: calc(44px * var(--hg-vw-scale, 1)) 0 0 calc(65px * var(--hg-vw-scale, 1)) !important; margin: calc(30px * var(--hg-vw-scale, 1)) 0 -20px !important; gap: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheadtext"], body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheaddesc"] { width: calc(320px * var(--hg-vw-scale, 1)) !important; margin: 0 auto 0 0 !important; padding: 0 !important; text-align: left !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheadtext"] .service-heading.service-heading, body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheadtext"] .service-heading.service-heading > span { font-size: 25px !important; line-height: 30px !important; margin: 0 !important; white-space: nowrap; text-align: left !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheaddesc"] { margin-top: 13px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheaddesc"] p.service-paragraph { font-size: 18px !important; line-height: 24px !important; max-width: 315px !important; margin: 0 !important; text-align: left !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="278ce80e"] { padding-top: calc(29px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="278ce80e"].ar-package-row > .e-con-inner { gap: calc(33px * var(--hg-vw-scale, 1)) !important; } } /* hg:P4P5:tweak-bobot-tombol — conform ar-r1: judul hero w500, "Step In & Stand Out" w400 (desktop); tombol hero = padding (24/26, tinggi 48 desktop / 40 mobile) bukan lebar tetap */ body.service-page--ar-experience.service-page--ar-experience [data-id="e3937919"] .elementor-button { width: auto !important; padding: 16px 25px 16px 23px !important; line-height: 16px !important; } @media (min-width: 768px) { body.service-page--ar-experience.service-page--ar-experience [data-id="8df76f24"] .service-heading.service-heading > span { font-weight: 500 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="f0d890f7"] .service-heading.service-heading > span { font-weight: 400 !important; } } @media (max-width: 767px) { body.service-page--ar-experience.service-page--ar-experience [data-id="e3937919"] .elementor-button { padding: 12px 25px 12px 24px !important; } } /* hg:P1-P5:ar-1003 — putaran gap 2026-10-03. Sumber: Services_AR.svg/png & AR Exp_Mobile.svg/png (svg-path rect/circle/ellipse/path). Hero: tombol svg rect 146x40 (desktop) & jarak paragraf ke tombol 46; paket: kartu per rect svg (x/w/h, jarak 26 kiri / 35 kanan, kolom kanan +114); ornamen: ellipse #F4C8B2/#F18D5B .4, blob #F1AE11 .31, lingkaran #F7AEBC .35/.76 (dipotong tepi atas latar paket). */ body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-2 { overflow: visible !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-3 { background: transparent !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-2::before, body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-3::before, body.service-page--ar-experience.service-page--ar-experience [data-id="2af45740"]::before { content: ""; position: absolute; pointer-events: none; transform-origin: 0 0; } @media (min-width: 768px) { body.service-page--ar-experience.service-page--ar-experience [data-id="e3937919"] .elementor-button { height: 40px; min-height: 40px; padding: 12px 25px 12px 23px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="5135999a"] { margin-top: 37px !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-1 { padding: 0 0 90px !important; } body.service-page--ar-experience.service-page--ar-experience .ar-br-m { display: none; } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-2::before { left: 1104px; top: -57px; width: 255px; height: 256px; background: radial-gradient(42.2px 41.75px at 42.2px 41.75px, rgba(244,200,178,.4) 99%, rgba(244,200,178,0) 100%), radial-gradient(100px 102.3px at 154.15px 153.7px, rgba(241,141,91,.4) 99.5%, rgba(241,141,91,0) 100%); } body.service-page--ar-experience.service-page--ar-experience [data-id="2af45740"]::before { left: -104px; top: 542px; width: 285px; height: 260px; background: rgba(241,174,17,.31); clip-path: path("M35.394 55.05C70.405 2.97 65.434 60.77 119.983 97.44C174.532 134.12 280.361 144.14 245.35 196.21C210.339 248.28 125.318 252.42 70.769 215.74C16.221 179.06 0.382 107.12 35.394 55.05Z"); } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-3::before { left: 931px; top: 666px; width: 571px; height: 310px; background: radial-gradient(187.5px 187.5px at 283.5px 287.5px, rgba(247,174,188,.76) 99.6%, rgba(247,174,188,0) 100%), radial-gradient(285.5px 285.5px at 285.5px 285.5px, rgba(247,174,188,.35) 99.7%, rgba(247,174,188,0) 100%); } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-3 { padding-bottom: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="dd049bd1"] > .e-con-inner { padding-bottom: 0 !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="eaa83430"] { display: none !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="278ce80e"] { padding: 12px 0 73px !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-package-col.service-ar-package-col { gap: 26px !important; align-self: start !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-package-col.service-ar-package-col--offset { gap: 35px !important; margin-top: 114px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"]).e-con.e-con { width: 447px !important; max-width: 447px !important; margin: 0 0 0 2px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="5ae1bd64"], [data-id="ar3c5"]).e-con.e-con { width: 444px !important; max-width: 444px !important; margin: 0 0 0 3px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="20db59e2"].e-con.e-con { padding: 26px 30px 31px 41px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="1003537c"].e-con.e-con { padding: 23px 30px 18px 40px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="a5e86e38"].e-con.e-con { padding: 34px 30px 31px 31px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="a5e86e38"].e-con.e-con > .e-con-inner { row-gap: 10px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="5ae1bd64"],[data-id="ar3c5"]).e-con.e-con { padding: 24px 30px 23px 40px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"].e-con.e-con { padding: 25px 30px 31px 40px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="458cf701"] .elementor-heading-title { max-width: 306px !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="86a671ed"],[data-id="ar3c5_dsc"]) .elementor-heading-title { max-width: 300px !important; } } @media (max-width: 767px) { body.service-page--ar-experience.service-page--ar-experience [data-id="ar1parm"] { margin-left: -15px !important; margin-right: -15px !important; width: calc(100% + 30px) !important; max-width: none !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar1parm"] .elementor-heading-title { font-size: 18px !important; line-height: 20px !important; max-width: 400px; margin: 12px auto 0 !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-2::before { left: calc(348.4px * var(--hg-vw-scale, 1)); top: calc(-21px * var(--hg-vw-scale, 1)); width: 115px; height: 115px; transform: scale(var(--hg-vw-scale, 1)); background: radial-gradient(18.96px 18.75px at 19px 18.75px, rgba(244,200,178,.4) 99%, rgba(244,200,178,0) 100%), radial-gradient(44.93px 45.96px at 69.26px 69.04px, rgba(241,141,91,.4) 99%, rgba(241,141,91,0) 100%); } body.service-page--ar-experience.service-page--ar-experience [data-id="2af45740"]::before { left: calc(-6px * var(--hg-vw-scale, 1)); top: calc(459px * var(--hg-vw-scale, 1)); width: 176px; height: 158px; transform: scale(var(--hg-vw-scale, 1)); background: rgba(241,174,17,.31); clip-path: path("M22.8025 33.98C44.2864 2.03 41.2362 37.49 74.7087 60C108.181 82.5 173.121 88.65 151.637 120.6C130.153 152.56 77.9824 155.09 44.5099 132.59C11.0373 110.08 1.3186 65.93 22.8025 33.98Z"); } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-3::before { left: calc(247px * var(--hg-vw-scale, 1)); top: calc(1213px * var(--hg-vw-scale, 1)); width: 304px; height: 152px; transform: scale(var(--hg-vw-scale, 1)); background: radial-gradient(99.5px 100px at 150.5px 153px, rgba(247,174,188,.76) 99.5%, rgba(247,174,188,0) 100%), radial-gradient(152px 152px at 152px 152px, rgba(247,174,188,.35) 99.6%, rgba(247,174,188,0) 100%); } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packheaddesc"] p.service-paragraph { max-width: 295px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="278ce80e"] { padding-top: calc(27px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(58px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="278ce80e"].ar-package-row > .e-con-inner { gap: calc(36px * var(--hg-vw-scale, 1)) !important; margin-left: calc(35px * var(--hg-vw-scale, 1)) !important; margin-right: 0 !important; width: calc(325px * var(--hg-vw-scale, 1)) !important; max-width: calc(325px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="20db59e2"].e-con.e-con { padding: calc(12px * var(--hg-vw-scale, 1)) calc(12px * var(--hg-vw-scale, 1)) calc(12px * var(--hg-vw-scale, 1)) calc(23px * var(--hg-vw-scale, 1)) !important; margin: 0 0 calc(-2px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="1003537c"].e-con.e-con { padding: calc(30px * var(--hg-vw-scale, 1)) calc(12px * var(--hg-vw-scale, 1)) calc(12px * var(--hg-vw-scale, 1)) calc(33px * var(--hg-vw-scale, 1)) !important; min-height: calc(150px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="a5e86e38"].e-con.e-con { padding: calc(17px * var(--hg-vw-scale, 1)) calc(12px * var(--hg-vw-scale, 1)) calc(10px * var(--hg-vw-scale, 1)) calc(39px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="5ae1bd64"],[data-id="ar3c5"]).e-con.e-con { padding: calc(14.5px * var(--hg-vw-scale, 1)) calc(12px * var(--hg-vw-scale, 1)) calc(10px * var(--hg-vw-scale, 1)) calc(32px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="5ae1bd64"],[data-id="ar3c5"]).e-con.e-con > .e-con-inner { row-gap: 4px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"].e-con.e-con { padding: calc(14.5px * var(--hg-vw-scale, 1)) calc(12px * var(--hg-vw-scale, 1)) calc(12px * var(--hg-vw-scale, 1)) calc(27px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="458cf701"] .elementor-heading-title { max-width: 241px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="e5c7cf61"] .elementor-heading-title { max-width: 240px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="d0d55866"] .elementor-heading-title { max-width: 228px !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="86a671ed"],[data-id="ar3c5_dsc"]) .elementor-heading-title { max-width: 232px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5i"] .elementor-icon-box-description { max-width: 230px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], [data-id="5ae1bd64"], [data-id="ar3c5"]).e-con.e-con { min-height: calc(125px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="1003537c"].e-con.e-con.e-con { min-height: calc(150px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])).e-con.e-con > .e-con-inner { column-gap: calc(14px * var(--hg-vw-scale, 1)) !important; align-content: start !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="6a1476f9"], [data-id="34d8ce20"], [data-id="84569b88"], :is([data-id="c52e6b50"],[data-id="ar3c5_ico"])) svg { width: calc(26px * var(--hg-vw-scale, 1)) !important; height: calc(26px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience :is([data-id="ar3packheadtext"], [data-id="ar3packheaddesc"]) { width: 320px !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="5135999a"] { margin-top: calc(13px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="ar3packhead"] { margin-bottom: calc(-20px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="dd049bd1"] > .e-con-inner { row-gap: calc(20px * var(--hg-vw-scale, 1)) !important; padding-top: calc(10px * var(--hg-vw-scale, 1)) !important; padding-bottom: calc(10px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience .service-ar-experience-sec-3 { padding-bottom: calc(30px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience [data-id="eaa83430"] { margin-top: calc(16px * var(--hg-vw-scale, 1)) !important; } } /* hg:P2:ar-hero-turun — audit waived 2026-10-04 (pixel desktop): hero mockup mulai y183 (pita putih 52px di bawah navbar), live y131 → semua section di bawah 52px lebih tinggi. margin-top 52. Desktop saja. */ @media (min-width: 768px) { html body .elementor-92 .elementor-element.elementor-element-arbanner.elementor-element-arbanner.elementor-element-arbanner { margin-top: 52px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5f85ed67 */.elementor-92 .elementor-element.elementor-element-5f85ed67 { font-size:0.8rem; font-weight:700; letter-spacing:0.12em; color:var(--color-primary,#f59e0b); margin:0 0 0.5rem; text-transform:uppercase; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a7d0752 */.elementor-92 .elementor-element.elementor-element-2a7d0752.elementor-element-2a7d0752 h2 { font-weight:500 !important; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-2a7d0752.elementor-element-2a7d0752 h2 { font-size:30px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8dc139e1 */.elementor-92 .elementor-element.elementor-element-8dc139e1 { color:var(--text-muted); line-height:1.6; margin-bottom:1.5rem; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-8dc139e1.elementor-element-8dc139e1 { font-size:22px !important; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-8dc139e1.elementor-element-8dc139e1 { font-size:18px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ar1parm */.elementor-92 .elementor-element.elementor-element-ar1parm { color:var(--text-muted); line-height:1.6; margin-bottom:1.5rem; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-ar1parm.elementor-element-8dc139e1 { font-size:22px !important; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-ar1parm.elementor-element-8dc139e1 { font-size:18px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e3937919 */.elementor-92 .elementor-element.elementor-element-e3937919 { border-radius:var(--radius-btn); } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-e3937919 { align-self:center !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d714413 */.elementor-92 .elementor-element.elementor-element-3d714413 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-92 .elementor-element.elementor-element-3d714413 { display:flex; flex-direction:column; justify-content:center; } .elementor-92 .elementor-element.elementor-element-3d714413 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cacf0185 */.elementor-92 .elementor-element.elementor-element-cacf0185 { display:flex; flex-direction:column; align-items:center; text-align:center; max-width:820px; margin:0 auto; padding:4rem 0 2rem; } .elementor-92 .elementor-element.elementor-element-cacf0185 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ac4c470 */.elementor-92 .elementor-element.elementor-element-1ac4c470 { padding:4rem 0; background:#fff; } .elementor-92 .elementor-element.elementor-element-1ac4c470 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-cbd04fc5 *//* hg:lm-P2 radius media (mockup) */ @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element, .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element img, .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element video, .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element .elementor-wrapper, .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element .elementor-widget-container { border-radius:8px !important; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element, .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element img, .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element video, .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element .elementor-wrapper, .elementor-92 .elementor-element.elementor-element-cbd04fc5.elementor-element.elementor-element .elementor-widget-container { border-radius:8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2af45740 */.elementor-92 .elementor-element.elementor-element-2af45740 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-92 .elementor-element.elementor-element-2af45740 { width:100%; } .elementor-92 .elementor-element.elementor-element-2af45740 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-f0d890f7 */@media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-f0d890f7.elementor-element-f0d890f7 h2 { font-weight:400 !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e1b4756c */.elementor-92 .elementor-element.elementor-element-e1b4756c { color:var(--text-muted); font-size:1.05rem; line-height:1.6; margin-bottom:1rem; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-44b40f92 */.elementor-92 .elementor-element.elementor-element-44b40f92 { color:var(--text-muted); line-height:1.6; margin-bottom:1rem; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-44b40f92.elementor-element-44b40f92 { font-size:22px !important; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-44b40f92.elementor-element-44b40f92 { font-size:18px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-240dfca3 */.elementor-92 .elementor-element.elementor-element-240dfca3 { color:var(--text-muted); font-size:1.05rem; line-height:1.6; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0bc1ef6e */.elementor-92 .elementor-element.elementor-element-0bc1ef6e { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-92 .elementor-element.elementor-element-0bc1ef6e { display:flex; flex-direction:column; justify-content:center; } .elementor-92 .elementor-element.elementor-element-0bc1ef6e > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cacaf9fd */.elementor-92 .elementor-element.elementor-element-cacaf9fd { display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; } .elementor-92 .elementor-element.elementor-element-cacaf9fd > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a954bad */.elementor-92 .elementor-element.elementor-element-8a954bad { padding:4rem 0; background:var(--bg-light,#fafafa); } .elementor-92 .elementor-element.elementor-element-8a954bad > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0bb189ee */.elementor-92 .elementor-element.elementor-element-0bb189ee { color:var(--text-muted); line-height:1.6; max-width:540px; margin:0 auto; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-0bb189ee.elementor-element-0bb189ee { font-size:22px !important; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-0bb189ee.elementor-element-0bb189ee { font-size:18px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-101ea40c */.elementor-92 .elementor-element.elementor-element-101ea40c { text-align:center; margin-bottom:3rem; } .elementor-92 .elementor-element.elementor-element-101ea40c > .e-con-inner { display: contents !important; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-101ea40c { min-height:0; padding:0 0 56px; text-align:center; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-101ea40c { margin:0 !important; padding:0 20px !important; text-align:center; } }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-ar3photo1 *//* hg:lm-P2 radius media (mockup) */ @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element, .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element img, .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element video, .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element .elementor-wrapper, .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element .elementor-widget-container { border-radius:8px !important; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element, .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element img, .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element video, .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element .elementor-wrapper, .elementor-92 .elementor-element.elementor-element-ar3photo1.elementor-element.elementor-element .elementor-widget-container { border-radius:8px !important; } }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-ar3photo2 *//* hg:lm-P2 radius media (mockup) */ @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element, .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element img, .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element video, .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element .elementor-wrapper, .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element .elementor-widget-container { border-radius:8px !important; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element, .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element img, .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element video, .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element .elementor-wrapper, .elementor-92 .elementor-element.elementor-element-ar3photo2.elementor-element.elementor-element .elementor-widget-container { border-radius:8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ar3photos */.elementor-92 .elementor-element.elementor-element-ar3photos { display:flex; flex-direction:row; flex-wrap:wrap; gap:1.5rem; justify-content:center; margin:2rem 0 3rem; } .elementor-92 .elementor-element.elementor-element-ar3photos > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ar3packhead */.elementor-92 .elementor-element.elementor-element-ar3packhead { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:1.5rem; margin-bottom:2rem; } .elementor-92 .elementor-element.elementor-element-ar3packhead > .e-con-inner { display: contents !important; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-ar3packhead { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; background:#f7f8fb; padding:96px 0 30px; } .elementor-92 .elementor-element.elementor-element-ar3packhead > .e-con-inner { display:grid !important; grid-template-columns:1fr 1fr; gap:70px; width:min(calc(100% - 96px),1120px) !important; margin-inline:auto; text-align:left; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-ar3packhead { margin:0 !important; padding:30px 20px 15px; background:#f1f3f7; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6a1476f9 *//* hg: svg-base */ .elementor-92 .elementor-element.elementor-element-6a1476f9 img{display:block} /* hg: svg-gap */ .elementor-92 .elementor-element.elementor-element-6a1476f9.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-92 .elementor-element.elementor-element-6a1476f9.elementor-element{padding-bottom:0px!important}} @media (max-width:359px){.elementor-92 .elementor-element.elementor-element-6a1476f9.elementor-element{padding-bottom:0px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-458cf701 */.elementor-92 .elementor-element.elementor-element-458cf701 { color:var(--text-muted); line-height:1.6; margin:0; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-458cf701.elementor-element-458cf701 { font-size:18px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-20db59e2 */.elementor-92 .elementor-element.elementor-element-20db59e2 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-92 .elementor-element.elementor-element-20db59e2 { border:1px solid rgba(0,0,0,0.08); border-radius:16px; padding:2rem; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-92 .elementor-element.elementor-element-20db59e2 > .e-con-inner { display: contents !important; } .elementor-92 .elementor-element.elementor-element-20db59e2 { padding:24px 25px !important; border:2px solid transparent !important; border-radius:7px; background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#f5b000,#f16f9d) border-box !important; box-shadow:0 5px 12px rgba(46,54,74,.07); } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-20db59e2 { order:1; min-height:125px; margin:0 !important; padding:12px !important; } .elementor-92 .elementor-element.elementor-element-20db59e2 h3 { margin-bottom:6px !important; font-size:13px !important; line-height:16px !important; } .elementor-92 .elementor-element.elementor-element-20db59e2 p, .elementor-92 .elementor-element.elementor-element-20db59e2 .elementor-heading-title { font-size:11px !important; line-height:14.5px !important; } } /* hg:P2:kartu-tengah — isu prioritas user 2026-10-05 (pengecualian mockup): kartu mobile terpusat memakai spacing kanan mockup di kedua sisi. Mobile saja. */ @media (max-width: 767px) { html body.service-page--ar-experience.service-page--ar-experience .elementor-92 .elementor-element.elementor-element-20db59e2.elementor-element-20db59e2.elementor-element-20db59e2, html body.service-page--ar-experience.service-page--ar-experience .elementor-92 .elementor-element.elementor-element-1003537c.elementor-element-1003537c.elementor-element-1003537c, html body.service-page--ar-experience.service-page--ar-experience .elementor-92 .elementor-element.elementor-element-a5e86e38.elementor-element-a5e86e38.elementor-element-a5e86e38, html body.service-page--ar-experience.service-page--ar-experience .elementor-92 .elementor-element:is(.elementor-element-5ae1bd64,.elementor-element-ar3c5):is(.elementor-element-5ae1bd64,.elementor-element-ar3c5):is(.elementor-element-5ae1bd64,.elementor-element-ar3c5), html body.service-page--ar-experience.service-page--ar-experience .elementor-92 .elementor-element.elementor-element-ar3c5.elementor-element-ar3c5.elementor-element-ar3c5 { margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-84569b88 *//* hg: svg-base */ .elementor-92 .elementor-element.elementor-element-84569b88 img{display:block} /* hg: svg-gap */ .elementor-92 .elementor-element.elementor-element-84569b88.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-92 .elementor-element.elementor-element-84569b88.elementor-element{padding-bottom:0px!important}} @media (max-width:359px){.elementor-92 .elementor-element.elementor-element-84569b88.elementor-element{padding-bottom:0px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d0d55866 */.elementor-92 .elementor-element.elementor-element-d0d55866 { color:var(--text-muted); line-height:1.6; margin:0; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-d0d55866.elementor-element-d0d55866 { font-size:18px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a5e86e38 */.elementor-92 .elementor-element.elementor-element-a5e86e38 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-92 .elementor-element.elementor-element-a5e86e38 { border:1px solid rgba(0,0,0,0.08); border-radius:16px; padding:2rem; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-92 .elementor-element.elementor-element-a5e86e38 > .e-con-inner { display: contents !important; } .elementor-92 .elementor-element.elementor-element-a5e86e38 { padding:24px 25px !important; border:2px solid transparent !important; border-radius:7px; background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#f5b000,#f16f9d) border-box !important; box-shadow:0 5px 12px rgba(46,54,74,.07); } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-a5e86e38 { order:3; min-height:125px; margin:0 !important; padding:12px !important; } .elementor-92 .elementor-element.elementor-element-a5e86e38 h3 { margin-bottom:6px !important; font-size:13px !important; line-height:16px !important; } .elementor-92 .elementor-element.elementor-element-a5e86e38 p, .elementor-92 .elementor-element.elementor-element-a5e86e38 .elementor-heading-title { font-size:11px !important; line-height:14.5px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-34d8ce20 *//* hg: svg-base */ .elementor-92 .elementor-element.elementor-element-34d8ce20 img{display:block} /* hg: svg-gap */ .elementor-92 .elementor-element.elementor-element-34d8ce20.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-92 .elementor-element.elementor-element-34d8ce20.elementor-element{padding-bottom:0px!important}} @media (max-width:359px){.elementor-92 .elementor-element.elementor-element-34d8ce20.elementor-element{padding-bottom:0px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e5c7cf61 */.elementor-92 .elementor-element.elementor-element-e5c7cf61 { color:var(--text-muted); line-height:1.6; margin:0; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-e5c7cf61.elementor-element-e5c7cf61 { font-size:18px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1003537c */.elementor-92 .elementor-element.elementor-element-1003537c { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-92 .elementor-element.elementor-element-1003537c { border:1px solid rgba(0,0,0,0.08); border-radius:16px; padding:2rem; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-92 .elementor-element.elementor-element-1003537c > .e-con-inner { display: contents !important; } .elementor-92 .elementor-element.elementor-element-1003537c { padding:24px 25px !important; border:2px solid transparent !important; border-radius:7px; background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#f5b000,#f16f9d) border-box !important; box-shadow:0 5px 12px rgba(46,54,74,.07); } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-1003537c { order:2; min-height:125px; margin:0 !important; padding:12px !important; } .elementor-92 .elementor-element.elementor-element-1003537c h3 { margin-bottom:6px !important; font-size:13px !important; line-height:16px !important; } .elementor-92 .elementor-element.elementor-element-1003537c p, .elementor-92 .elementor-element.elementor-element-1003537c .elementor-heading-title { font-size:11px !important; line-height:14.5px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c52e6b50 *//* hg: svg-base */ .elementor-92 .elementor-element.elementor-element-c52e6b50 img{display:block} /* hg: svg-gap */ .elementor-92 .elementor-element.elementor-element-c52e6b50.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-92 .elementor-element.elementor-element-c52e6b50.elementor-element{padding-bottom:0px!important}} @media (max-width:359px){.elementor-92 .elementor-element.elementor-element-c52e6b50.elementor-element{padding-bottom:0px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-86a671ed */.elementor-92 .elementor-element.elementor-element-86a671ed { color:var(--text-muted); line-height:1.6; margin:0; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-86a671ed:is(.elementor-element-86a671ed,.elementor-element-ar3c5_dsc) { font-size:18px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5ae1bd64 */.elementor-92 .elementor-element.elementor-element-5ae1bd64 { --width: initial; width: auto; --container-widget-width: initial; flex-grow: 0; flex-shrink: 0; } .elementor-92 .elementor-element.elementor-element-5ae1bd64 { border:1px solid rgba(0,0,0,0.08); border-radius:16px; padding:2rem; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.05); } .elementor-92 .elementor-element.elementor-element-5ae1bd64 > .e-con-inner { display: contents !important; } .elementor-92 .elementor-element.elementor-element-5ae1bd64 { padding:24px 25px !important; border:2px solid transparent !important; border-radius:7px; background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#f5b000,#f16f9d) border-box !important; box-shadow:0 5px 12px rgba(46,54,74,.07); } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-5ae1bd64 { order:4; min-height:125px; margin:0 !important; padding:12px !important; } .elementor-92 .elementor-element.elementor-element-5ae1bd64 h3 { margin-bottom:6px !important; font-size:13px !important; line-height:16px !important; } .elementor-92 .elementor-element.elementor-element-5ae1bd64 p, .elementor-92 .elementor-element.elementor-element-5ae1bd64 .elementor-heading-title { font-size:11px !important; line-height:14.5px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ar3c5_ico *//* hg: svg-base */ .elementor-92 .elementor-element.elementor-element-ar3c5_ico img{display:block} /* hg: svg-gap */ .elementor-92 .elementor-element.elementor-element-ar3c5_ico.elementor-element{padding-bottom:10px!important} @media (max-width:767px){.elementor-92 .elementor-element.elementor-element-ar3c5_ico.elementor-element{padding-bottom:0px!important}} @media (max-width:359px){.elementor-92 .elementor-element.elementor-element-ar3c5_ico.elementor-element{padding-bottom:0px!important}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ar3c5_dsc */.elementor-92 .elementor-element.elementor-element-ar3c5_dsc { color:var(--text-muted); line-height:1.6; margin:0; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-ar3c5_dsc.elementor-element-ar3c5_dsc { font-size:18px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ar3c5 */.elementor-92 .elementor-element.elementor-element-ar3c5 { display:flex; flex-direction:row; align-items:flex-start; gap:1rem; padding:1.5rem; border:1.5px solid var(--color-pink); border-radius:12px; } .elementor-92 .elementor-element.elementor-element-ar3c5 > .e-con-inner { display: contents !important; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-ar3c5 { padding:24px 25px !important; border:2px solid transparent !important; border-radius:7px; background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#f5b000,#f16f9d) border-box !important; box-shadow:0 5px 12px rgba(46,54,74,.07); width:100% !important; max-width:none !important; margin:0 !important; grid-template-columns:38px 1fr; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-ar3c5 { order:5; min-height:125px; margin:0 !important; padding:12px !important; border:2px solid transparent !important; background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#f5b000,#f16f9d) border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-278ce80e */.elementor-92 .elementor-element.elementor-element-278ce80e { display:grid; grid-template-columns:1fr; gap:1.5rem; } .elementor-92 .elementor-element.elementor-element-278ce80e > .e-con-inner { display: contents !important; } @media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-278ce80e { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; background:#f7f8fb; padding-bottom:105px; } .elementor-92 .elementor-element.elementor-element-278ce80e > .e-con-inner { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; width:min(calc(100% - 96px),920px) !important; margin-inline:auto; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-278ce80e { width:100% !important; margin:0 !important; padding:0 20px 85px; background:#f1f3f7; } .elementor-92 .elementor-element.elementor-element-278ce80e > .e-con-inner { display:grid !important; grid-template-columns:1fr; gap:34px; width:325px !important; max-width:calc(100vw - 40px) !important; margin-inline:auto !important; } } /* mobile: 5 kartu 1 kolom 325px sesuai AR Exp_Mobile.svg; menetralkan grid 2x450px inline dari main.js fixArExperiencePackageGridLayout */ @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-278ce80e.ar-package-row > .e-con-inner { display:flex !important; flex-direction:column; align-items:stretch !important; gap:36px !important; max-width:min(325px, calc(100vw - 40px)) !important; } .elementor-92 .elementor-element.elementor-element-278ce80e .service-ar-package-col { display:contents; } .elementor-92 .elementor-element.elementor-element-278ce80e.ar-package-row .e-con { width:100% !important; max-width:none !important; flex:none; margin:0 !important; min-height:125px; padding:12px 16px 12px 23px !important; } .elementor-92 .elementor-element.elementor-element-278ce80e.ar-package-row .e-con > .e-con-inner { column-gap:14px !important; row-gap:2px !important; padding:0 !important; } .elementor-92 .elementor-element.elementor-element-278ce80e.ar-package-row.ar-package-row h3 { font-size:16px !important; font-weight:500 !important; line-height:20px !important; margin:0 !important; } .elementor-92 .elementor-element.elementor-element-278ce80e.ar-package-row.ar-package-row .elementor-heading-title { font-size:14px !important; line-height:18px !important; } .elementor-92 .elementor-element.elementor-element-278ce80e.ar-package-row .elementor-icon-box-wrapper { flex-direction:row !important; align-items:flex-start !important; gap:14px !important; text-align:left !important; } .elementor-92 .elementor-element.elementor-element-278ce80e.ar-package-row .elementor-icon-box-title { font-size:16px !important; font-weight:500 !important; line-height:20px !important; color:#403E3E !important; margin:0 !important; } .elementor-92 .elementor-element.elementor-element-278ce80e.ar-package-row .elementor-icon-box-description { font-size:14px !important; line-height:18px !important; margin:2px 0 0 !important; } } /* hg:rev:ar-package-cards-rapi — revisi user 2026-10-08: isi kartu 'Your Package At A Glance' seragam (padding, tinggi, x ikon/judul/deskripsi, jarak ikon-judul-deskripsi) */ @media (min-width: 768px) { body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], [data-id="5ae1bd64"], [data-id="ar3c5"]).e-con.e-con.e-con { padding: 28px 30px 28px 42px !important; min-height: 190px !important; box-sizing: border-box !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])).e-con.e-con.e-con > .e-con-inner { grid-template-columns: 40px minmax(0, 1fr) !important; column-gap: 22px !important; row-gap: 8px !important; align-items: start !important; align-content: start !important; padding: 0 !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])) svg { width: 40px !important; height: 40px !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])) h3 { margin: 0 !important; line-height: 40px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])) .elementor-heading-title { margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-wrapper { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; column-gap: 22px !important; row-gap: 8px !important; align-items: start !important; text-align: left !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-icon { grid-row: 1; grid-column: 1; margin: 0 !important; width: 40px; height: 40px; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-icon svg, body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-icon .elementor-icon { width: 40px !important; height: 40px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-content { display: contents !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-title { grid-row: 1; grid-column: 2; margin: 0 !important; line-height: 40px !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-description { grid-row: 2; grid-column: 2; margin: 0 !important; } } /* hg:rev:ar-package-cards-rapi-mobile — revisi user 2026-10-08 */ @media (max-width: 767px) { body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], [data-id="5ae1bd64"], [data-id="ar3c5"]).e-con.e-con.e-con { padding: calc(16px * var(--hg-vw-scale, 1)) calc(14px * var(--hg-vw-scale, 1)) calc(16px * var(--hg-vw-scale, 1)) calc(23px * var(--hg-vw-scale, 1)) !important; margin: 0 !important; min-height: calc(125px * var(--hg-vw-scale, 1)) !important; box-sizing: border-box !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])).e-con.e-con.e-con > .e-con-inner { grid-template-columns: calc(40px * var(--hg-vw-scale, 1)) minmax(0, 1fr) !important; column-gap: calc(14px * var(--hg-vw-scale, 1)) !important; row-gap: 4px !important; align-items: start !important; align-content: start !important; padding: 0 !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])) svg { width: calc(40px * var(--hg-vw-scale, 1)) !important; height: calc(40px * var(--hg-vw-scale, 1)) !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])) h3 { line-height: calc(40px * var(--hg-vw-scale, 1)) !important; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience :is([data-id="20db59e2"], [data-id="1003537c"], [data-id="a5e86e38"], :is([data-id="5ae1bd64"],[data-id="ar3c5"])) .elementor-heading-title { margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-wrapper { display: grid !important; grid-template-columns: calc(40px * var(--hg-vw-scale, 1)) minmax(0, 1fr) !important; column-gap: calc(14px * var(--hg-vw-scale, 1)) !important; row-gap: 4px !important; align-items: start !important; text-align: left !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-icon { grid-row: 1; grid-column: 1; margin: 0 !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-content { display: contents !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-title { grid-row: 1; grid-column: 2; margin: 0 !important; line-height: calc(40px * var(--hg-vw-scale, 1)) !important; } body.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience.service-page--ar-experience [data-id="ar3c5"] .elementor-icon-box-description { grid-row: 2; grid-column: 2; margin: 0 !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-85239828 */.elementor-92 .elementor-element.elementor-element-85239828 { border-radius:var(--radius-btn); } .elementor-92 .elementor-element.elementor-element-85239828 { display:none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eaa83430 */.elementor-92 .elementor-element.elementor-element-eaa83430 { text-align:center; margin-top:1rem; } .elementor-92 .elementor-element.elementor-element-eaa83430 > .e-con-inner { display: contents !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd049bd1 */@media (min-width: 768px) { .elementor-92 .elementor-element.elementor-element-dd049bd1 { width:100% !important; max-width:100% !important; } .elementor-92 .elementor-element.elementor-element-dd049bd1 > .e-con-inner { display:grid !important; grid-template-columns:1fr; width:100%; } } @media (max-width: 767px) { .elementor-92 .elementor-element.elementor-element-dd049bd1 { width:100% !important; max-width:100% !important; padding-left:0 !important; padding-right:0 !important; } .elementor-92 .elementor-element.elementor-element-dd049bd1 > .e-con-inner { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42614166 */.elementor-92 .elementor-element.elementor-element-42614166 { padding:4rem 0; background:#fff; } .elementor-92 .elementor-element.elementor-element-42614166 > .e-con-inner { display: contents !important; } /* Feature-card titles (Movement & Personality, Made For Sharing, Supporting Crew, etc.) use an inline h3 style (font-size:1rem;font-weight:700) smaller/bolder than mockup (22px/500) — same pattern as glambot. */ .elementor-92 .elementor-element.elementor-element-42614166 h3, .elementor-92 .elementor-element.elementor-element-42614166 .elementor-icon-box-title { font-size: 22px !important; font-weight: 500 !important; } .elementor-92 .elementor-element.elementor-element-42614166 .elementor-icon-box-title { color: #403e3e !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3731872 *//* hg: social-var */ .elementor-92 .elementor-element.elementor-element-c3731872{--hg-social-t:124.4px;--hg-social-pb:76px;--hg-social-bg:#FFFFFF;--hg-social-tm:6.14vw;--hg-social-pbm:6.34vw;--hg-social-fsm:20px;--hg-social-lhm:24px;width:100%}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68fa8e07 */.elementor-92 .elementor-element.elementor-element-68fa8e07 { display: none; } /* hg: html-style 0c696b65 */ @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .service-ar-experience-sec-1 .service-split-grid { grid-template-columns: 1fr 1fr !important; } .service-ar-experience-sec-1 .service-split-grid > .e-con-inner { display: contents !important; } } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .service-ar-experience-sec-2 .service-split-grid { grid-template-columns: 1fr 1fr !important; } .service-ar-experience-sec-2 .service-split-grid > .e-con-inner { display: contents !important; } } @media(min-width: 768px) /* hg-zoom A12: was 900px */ { .ar-package-row { grid-template-columns: 1fr 1fr !important; } .ar-package-row > .e-con-inner { display: contents !important; } }/* End custom CSS */ /* Start custom CSS *//* hg:themecss */ /* AR Experience "Your Package At A Glance" staggered grid (elementor-element-278ce80e / .ar-package-row): the page's own DB Custom CSS correctly declares `width:min(calc(100% - 96px),920px)` and `grid-template-columns:repeat(2,minmax(0,1fr))` on this row's > .e-con-inner for desktop - but the ACTUAL computed width comes out to 382px (181px per column) regardless, for a reason that didn't trace back to any single overriding rule found via CSS. getMatchedStylesForNode (only the intended 920px rule and the Elementor default matched, neither of which is 382/920). Reasserting the same intended values here, at matching specificity but loading after post-92.css, resolves it either way. Also restores the .service-ar-package-col flex-column + 106px stagger main.js's fixArExperiencePackageGridLayout() depends on - both rules were in service-ar-experience.css, deleted whole by the same erroneous "remove dead css files" commit as the scribble-booth family (that file also held zero migrated rules of its own, just these 2, so nothing else needs restoring from it). */ body.service-page--ar-experience.service-page--ar-experience .elementor-element-278ce80e>.e-con-inner{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: center !important; gap: 20px !important; width: min(calc(100% - 96px), 920px) !important; margin-inline: auto !important; } /* AR Experience hero "Check us Out" button (elementor-element-5135999a, a flex-direction:column container): the button widget defaults to align-self:flex-start, sitting flush against the container's left edge instead of centered under the already-centered heading/ subheading/paragraph above it - same shrink-to-fit-button-defaults- left mechanism documented elsewhere in this file. align-items is the cross-axis (horizontal) control in a column flex container. */ body.service-page--ar-experience .elementor-element-5135999a{ align-items: center !important; } body.service-page--ar-experience .elementor-element-5135999a .elementor-widget-button{ align-self: center !important; } /* AR Experience "Your Package At A Glance" first 4 cards (elementor-element-20db59e2/-1003537c/-a5e86e38/-5ae1bd64): each is 3 flat siblings (icon SVG widget, then a text-editor title, then a heading description) in a flex-direction:column card, stacking icon above title above description. Services_AR.png draws the icon beside the WHOLE text block - both title and description sit in their own column to the icon's right, matching the "Supporting Crew" card (elementor-element-ar3c5, a native icon-box widget) whose own icon-box-wrapper is row-direction with the icon top-aligned beside a single content column holding both title and description (confirmed via getBoundingClientRect: title and description share the same left edge, offset past the icon - not the icon sitting only beside the title with description breaking full-width). Reproduced the same shape via CSS Grid instead of restructuring _elementor_data: icon in column 1 spanning both rows, title and description stacked in column 2. */ body.service-page--ar-experience.service-page--ar-experience .elementor-element-20db59e2>.e-con-inner, body.service-page--ar-experience.service-page--ar-experience .elementor-element-1003537c>.e-con-inner, body.service-page--ar-experience.service-page--ar-experience .elementor-element-a5e86e38>.e-con-inner, body.service-page--ar-experience.service-page--ar-experience :is(.elementor-element-5ae1bd64,.elementor-element-ar3c5)>.e-con-inner{ display: grid !important; grid-template-columns: auto 1fr !important; grid-template-rows: auto auto !important; column-gap: 12px !important; row-gap: 0.5rem !important; align-items: start !important; } body.service-page--ar-experience .elementor-element-20db59e2>.e-con-inner>.elementor-element:nth-child(1), body.service-page--ar-experience .elementor-element-1003537c>.e-con-inner>.elementor-element:nth-child(1), body.service-page--ar-experience .elementor-element-a5e86e38>.e-con-inner>.elementor-element:nth-child(1), body.service-page--ar-experience :is(.elementor-element-5ae1bd64,.elementor-element-ar3c5)>.e-con-inner>.elementor-element:nth-child(1){ grid-column: 1; grid-row: 1 / 3; } body.service-page--ar-experience .elementor-element-20db59e2>.e-con-inner>.elementor-element:nth-child(1) svg, body.service-page--ar-experience .elementor-element-1003537c>.e-con-inner>.elementor-element:nth-child(1) svg, body.service-page--ar-experience .elementor-element-a5e86e38>.e-con-inner>.elementor-element:nth-child(1) svg, body.service-page--ar-experience :is(.elementor-element-5ae1bd64,.elementor-element-ar3c5)>.e-con-inner>.elementor-element:nth-child(1) svg{ margin-bottom: 0 !important; } body.service-page--ar-experience .elementor-element-20db59e2>.e-con-inner>.elementor-element:nth-child(2), body.service-page--ar-experience .elementor-element-1003537c>.e-con-inner>.elementor-element:nth-child(2), body.service-page--ar-experience .elementor-element-a5e86e38>.e-con-inner>.elementor-element:nth-child(2), body.service-page--ar-experience :is(.elementor-element-5ae1bd64,.elementor-element-ar3c5)>.e-con-inner>.elementor-element:nth-child(2){ grid-column: 2; grid-row: 1; } body.service-page--ar-experience .elementor-element-20db59e2>.e-con-inner>.elementor-element:nth-child(2) h3, body.service-page--ar-experience .elementor-element-1003537c>.e-con-inner>.elementor-element:nth-child(2) h3, body.service-page--ar-experience .elementor-element-a5e86e38>.e-con-inner>.elementor-element:nth-child(2) h3, body.service-page--ar-experience :is(.elementor-element-5ae1bd64,.elementor-element-ar3c5)>.e-con-inner>.elementor-element:nth-child(2) h3{ margin: 0 !important; } body.service-page--ar-experience .elementor-element-20db59e2>.e-con-inner>.elementor-element:nth-child(3), body.service-page--ar-experience .elementor-element-1003537c>.e-con-inner>.elementor-element:nth-child(3), body.service-page--ar-experience .elementor-element-a5e86e38>.e-con-inner>.elementor-element:nth-child(3), body.service-page--ar-experience :is(.elementor-element-5ae1bd64,.elementor-element-ar3c5)>.e-con-inner>.elementor-element:nth-child(3){ grid-column: 2; grid-row: 2; } /* AR Experience "Your Package At A Glance" section (elementor-element-42614166, .service-ar-experience-sec-3): the heading row (ar3packhead) and the card grid (ar-package-row, aka elementor-element-278ce80e) are each their own boxed (1140px), independently-backgrounded gray container - but the OUTER full-width section wrapping both of them is white, and the two boxed containers don't touch (52px gap between them), so a band of plain white shows through between the heading and the cards instead of one continuous gray section like the mockup and every other page's package-grid section. Match the outer section's background to the same gray. */ body.service-page--ar-experience .elementor-element-42614166{ background-color: rgb(247, 248, 251) !important; } /* /hg:themecss *//* End custom CSS */