.elementor-298 .elementor-element.elementor-element-986a9bf{--display:flex;--min-height:549px;--justify-content:center;--overlay-opacity:0.69;}.elementor-298 .elementor-element.elementor-element-986a9bf:not(.elementor-motion-effects-element-type-background), .elementor-298 .elementor-element.elementor-element-986a9bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moonlightsavoy.com/wp-content/uploads/2026/07/2-3.webp");background-position:0px -98px;background-size:cover;}.elementor-298 .elementor-element.elementor-element-986a9bf::before, .elementor-298 .elementor-element.elementor-element-986a9bf > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-986a9bf > .e-con-inner > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-986a9bf > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-986a9bf > .e-con-inner > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-986a9bf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-298 .elementor-element.elementor-element-4570e2e{--display:flex;}.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-298 .elementor-element.elementor-element-759a608{text-align:center;}.elementor-298 .elementor-element.elementor-element-759a608 .elementor-heading-title{font-family:"Hypatia Sans Semibold", Sans-serif;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-298 .elementor-element.elementor-element-1003b0f{text-align:center;}.elementor-298 .elementor-element.elementor-element-1003b0f .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.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-298 .elementor-element.elementor-element-39c3b58{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Hypatia Sans Regular", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-298 .elementor-element.elementor-element-39c3b58.elementor-element{--align-self:center;}.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-298 .elementor-element.elementor-element-267adef .elementor-button{background-color:#E8D5A6;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:3.1px;word-spacing:1px;fill:#000000;color:#000000;border-style:none;border-radius:0px 0px 0px 0px;padding:13px 30px 13px 30px;}.elementor-298 .elementor-element.elementor-element-d4014db{--display:flex;--overlay-opacity:0.42;}.elementor-298 .elementor-element.elementor-element-d4014db:not(.elementor-motion-effects-element-type-background), .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb583c5 );}.elementor-298 .elementor-element.elementor-element-d4014db::before, .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-d4014db > .e-con-inner > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-d4014db > .e-con-inner > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://moonlightsavoy.com/wp-content/uploads/2026/07/Tanpa-judul-2000-x-2000-piksel-2.png");--background-overlay:'';background-position:456px -54px;background-repeat:no-repeat;background-size:68% auto;}.elementor-298 .elementor-element.elementor-element-cd06691{--display:flex;--min-height:311px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-298 .elementor-element.elementor-element-1f3770b{--display:flex;}.elementor-298 .elementor-element.elementor-element-458ce9a{text-align:end;}.elementor-298 .elementor-element.elementor-element-458ce9a .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;line-height:57px;color:#000000;}.elementor-298 .elementor-element.elementor-element-124c901{--display:flex;}.elementor-298 .elementor-element.elementor-element-4b863af{width:100%;max-width:100%;font-family:"Hypatia Sans Semibold", Sans-serif;font-weight:400;color:#646068;}.elementor-298 .elementor-element.elementor-element-4843483 .elementor-button{background-color:#917D4C;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:3.1px;word-spacing:1px;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:13px 30px 13px 30px;}.elementor-298 .elementor-element.elementor-element-664d43f{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-298 .elementor-element.elementor-element-ece5a3f{--divider-border-style:solid;--divider-color:#B6B6B6;--divider-border-width:1px;}.elementor-298 .elementor-element.elementor-element-ece5a3f .elementor-divider-separator{width:100%;}.elementor-298 .elementor-element.elementor-element-ece5a3f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-298 .elementor-element.elementor-element-ece5a3f .elementor-divider__text{color:#9D2235;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:19px;letter-spacing:1.9px;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-298 .elementor-element.elementor-element-5ff5be5{--grid-columns:1;--load-more-button-align:center;}.elementor-298 .elementor-element.elementor-element-5ff5be5 .e-loop-nothing-found-message__text{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-298 .elementor-element.elementor-element-91f52db{--grid-columns:1;--load-more-button-align:center;}.elementor-298 .elementor-element.elementor-element-91f52db .e-loop-nothing-found-message__text{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-298 .elementor-element.elementor-element-f8d3a2b{--display:flex;}.elementor-298 .elementor-element.elementor-element-3ff564b{--display:flex;}.elementor-298 .elementor-element.elementor-element-e5da454{--spacer-size:50px;}.elementor-298 .elementor-element.elementor-element-10fbff7{--display:flex;}.elementor-298 .elementor-element.elementor-element-10fbff7:not(.elementor-motion-effects-element-type-background), .elementor-298 .elementor-element.elementor-element-10fbff7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moonlightsavoy.com/wp-content/uploads/2026/07/Desain-tanpa-judul-6-scaled.webp");background-size:cover;}.elementor-298 .elementor-element.elementor-element-f8b3e56{--spacer-size:50px;}.elementor-298 .elementor-element.elementor-element-4dd79c2{--display:flex;--overlay-opacity:0.5;}.elementor-298 .elementor-element.elementor-element-4dd79c2:not(.elementor-motion-effects-element-type-background), .elementor-298 .elementor-element.elementor-element-4dd79c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb583c5 );}.elementor-298 .elementor-element.elementor-element-4dd79c2::before, .elementor-298 .elementor-element.elementor-element-4dd79c2 > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-4dd79c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-4dd79c2 > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-4dd79c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-4dd79c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://moonlightsavoy.com/wp-content/uploads/2026/07/Tanpa-judul-2000-x-2000-piksel-2.png");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-298 .elementor-element.elementor-element-05db082{--display:flex;--min-height:311px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-298 .elementor-element.elementor-element-3f7b14c{--display:flex;}.elementor-298 .elementor-element.elementor-element-2409492{text-align:end;}.elementor-298 .elementor-element.elementor-element-2409492 .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;line-height:57px;color:#000000;}.elementor-298 .elementor-element.elementor-element-81af184{--display:flex;}.elementor-298 .elementor-element.elementor-element-d8a0ad1{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;font-family:"Hypatia Sans Semibold", Sans-serif;font-weight:400;color:#646068;}.elementor-298 .elementor-element.elementor-element-6e3e406 .elementor-button{background-color:#917D4C;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:3.1px;word-spacing:1px;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:13px 30px 13px 30px;}.elementor-298 .elementor-element.elementor-element-beff69e{--display:flex;}.elementor-298 .elementor-element.elementor-element-aa313d4{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-298 .elementor-element.elementor-element-0597423{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-298 .elementor-element.elementor-element-b64d212{text-align:center;}.elementor-298 .elementor-element.elementor-element-b64d212 .elementor-heading-title{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#9D2235;}.elementor-298 .elementor-element.elementor-element-2b7954e{text-align:center;}.elementor-298 .elementor-element.elementor-element-2b7954e .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.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-298 .elementor-element.elementor-element-f99b230{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-298 .elementor-element.elementor-element-f99b230.elementor-element{--align-self:center;}.elementor-298 .elementor-element.elementor-element-f99b230 img{width:100%;}.elementor-298 .elementor-element.elementor-element-b869c00{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:14px;font-weight:400;}.elementor-298 .elementor-element.elementor-element-d5a14c9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-298 .elementor-element.elementor-element-5b11c5e{text-align:center;}.elementor-298 .elementor-element.elementor-element-5b11c5e .elementor-heading-title{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#9D2235;}.elementor-298 .elementor-element.elementor-element-341a6f9{text-align:center;}.elementor-298 .elementor-element.elementor-element-341a6f9 .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-298 .elementor-element.elementor-element-f37af1b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-298 .elementor-element.elementor-element-f37af1b.elementor-element{--align-self:center;}.elementor-298 .elementor-element.elementor-element-f37af1b img{width:100%;}.elementor-298 .elementor-element.elementor-element-53d888a{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:14px;font-weight:400;}.elementor-298 .elementor-element.elementor-element-6aa685c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-298 .elementor-element.elementor-element-d444f47{text-align:center;}.elementor-298 .elementor-element.elementor-element-d444f47 .elementor-heading-title{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#9D2235;}.elementor-298 .elementor-element.elementor-element-0519f49{text-align:center;}.elementor-298 .elementor-element.elementor-element-0519f49 .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-298 .elementor-element.elementor-element-aeac9b0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-298 .elementor-element.elementor-element-aeac9b0.elementor-element{--align-self:center;}.elementor-298 .elementor-element.elementor-element-aeac9b0 img{width:100%;}.elementor-298 .elementor-element.elementor-element-df89d0d{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:14px;font-weight:400;}.elementor-298 .elementor-element.elementor-element-5f77f32{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-298 .elementor-element.elementor-element-cb50dbc{text-align:center;}.elementor-298 .elementor-element.elementor-element-cb50dbc .elementor-heading-title{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#9D2235;}.elementor-298 .elementor-element.elementor-element-953010b{text-align:center;}.elementor-298 .elementor-element.elementor-element-953010b .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-298 .elementor-element.elementor-element-0fe3459{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-298 .elementor-element.elementor-element-0fe3459.elementor-element{--align-self:center;}.elementor-298 .elementor-element.elementor-element-0fe3459 img{width:100%;}.elementor-298 .elementor-element.elementor-element-66550e6{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:14px;font-weight:400;}body.elementor-page-298:not(.elementor-motion-effects-element-type-background), body.elementor-page-298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb583c5 );}@media(min-width:768px){.elementor-298 .elementor-element.elementor-element-cd06691{--width:100%;}.elementor-298 .elementor-element.elementor-element-1f3770b{--width:50%;}.elementor-298 .elementor-element.elementor-element-124c901{--width:29%;}.elementor-298 .elementor-element.elementor-element-05db082{--width:100%;}.elementor-298 .elementor-element.elementor-element-3f7b14c{--width:50%;}.elementor-298 .elementor-element.elementor-element-81af184{--width:50%;}}@media(max-width:1024px){.elementor-298 .elementor-element.elementor-element-986a9bf:not(.elementor-motion-effects-element-type-background), .elementor-298 .elementor-element.elementor-element-986a9bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-298 .elementor-element.elementor-element-d4014db::before, .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-d4014db > .e-con-inner > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-d4014db > .e-con-inner > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-298 .elementor-element.elementor-element-5ff5be5{--grid-columns:2;}.elementor-298 .elementor-element.elementor-element-91f52db{--grid-columns:2;}.elementor-298 .elementor-element.elementor-element-aa313d4{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-298 .elementor-element.elementor-element-986a9bf:not(.elementor-motion-effects-element-type-background), .elementor-298 .elementor-element.elementor-element-986a9bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-298 .elementor-element.elementor-element-986a9bf{--overlay-opacity:0.41;}.elementor-298 .elementor-element.elementor-element-759a608 .elementor-heading-title{letter-spacing:6.1px;}.elementor-298 .elementor-element.elementor-element-39c3b58{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;font-size:15px;}.elementor-298 .elementor-element.elementor-element-d4014db::before, .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-d4014db > .e-con-inner > .elementor-background-video-container::before, .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-d4014db > .e-con-inner > .elementor-background-slideshow::before, .elementor-298 .elementor-element.elementor-element-d4014db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:top center;background-size:cover;}.elementor-298 .elementor-element.elementor-element-d4014db{--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-298 .elementor-element.elementor-element-cd06691{--min-height:406px;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-298 .elementor-element.elementor-element-458ce9a{text-align:start;}.elementor-298 .elementor-element.elementor-element-458ce9a .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-298 .elementor-element.elementor-element-124c901{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-298 .elementor-element.elementor-element-4b863af{width:100%;max-width:100%;}.elementor-298 .elementor-element.elementor-element-ece5a3f{padding:0px 0px 0px 0px;}.elementor-298 .elementor-element.elementor-element-5ff5be5{--grid-columns:1;}.elementor-298 .elementor-element.elementor-element-91f52db{--grid-columns:1;}.elementor-298 .elementor-element.elementor-element-05db082{--min-height:406px;--justify-content:center;}.elementor-298 .elementor-element.elementor-element-2409492{text-align:start;}.elementor-298 .elementor-element.elementor-element-2409492 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-298 .elementor-element.elementor-element-81af184{--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-298 .elementor-element.elementor-element-d8a0ad1{width:100%;max-width:100%;}.elementor-298 .elementor-element.elementor-element-beff69e{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;}.elementor-298 .elementor-element.elementor-element-aa313d4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2px;--padding-bottom:2px;--padding-left:11px;--padding-right:2px;}}@media(min-width:1025px){.elementor-298 .elementor-element.elementor-element-986a9bf:not(.elementor-motion-effects-element-type-background), .elementor-298 .elementor-element.elementor-element-986a9bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for button, class: .elementor-element-267adef */.elementor-298 .elementor-element.elementor-element-267adef .elementor-button { /* Membuat garis luar tipis */ outline: 1px solid #e8d5a6; /* Ganti kode warna #d4af37 dengan warna emas/krem Anda */ /* Mengatur jarak antara garis dalam (border) dan garis luar (outline) */ outline-offset: 4px; /* Memastikan sudutnya tetap kotak tajam */ border-radius: 0px !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4843483 */.elementor-298 .elementor-element.elementor-element-4843483 .elementor-button { /* Membuat garis luar tipis */ outline: 1px solid #917D4C; /* Ganti kode warna #d4af37 dengan warna emas/krem Anda */ /* Mengatur jarak antara garis dalam (border) dan garis luar (outline) */ outline-offset: 4px; /* Memastikan sudutnya tetap kotak tajam */ border-radius: 0px !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6e3e406 */.elementor-298 .elementor-element.elementor-element-6e3e406 .elementor-button { /* Membuat garis luar tipis */ outline: 1px solid #917D4C; /* Ganti kode warna #d4af37 dengan warna emas/krem Anda */ /* Mengatur jarak antara garis dalam (border) dan garis luar (outline) */ outline-offset: 4px; /* Memastikan sudutnya tetap kotak tajam */ border-radius: 0px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b7954e *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-298 .elementor-element.elementor-element-2b7954e .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-298 .elementor-element.elementor-element-2b7954e .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-298 .elementor-element.elementor-element-2b7954e .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f99b230 *//* ======================================================== 1. CONTAINER UTAMA (Transparan & Mengikuti Ukuran Foto) ======================================================== */ .elementor-298 .elementor-element.elementor-element-f99b230 { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ display: inline-block; position: relative; padding: var(--padding-foto) !important; background: transparent !important; } /* Memastikan gambar rapi di tengah */ .elementor-298 .elementor-element.elementor-element-f99b230 img { display: block; width: 100%; height: auto; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-298 .elementor-element.elementor-element-f99b230::before { content: ''; position: absolute; top: 0; bottom: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ left: 0; right: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-298 .elementor-element.elementor-element-f99b230::after { content: ''; position: absolute; top: 0; bottom: 0; /* Wajib sama dengan ::before (0) */ left: 0; right: 0; /* Wajib sama dengan ::before (0) */ pointer-events: none; z-index: 2; background-image: /* A. Dua Garis Vertikal Dalam */ linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), /* B. Dua Garis Horizontal Dalam */ linear-gradient(to right, var(--warna-garis) 100%, transparent 0), linear-gradient(to right, var(--warna-garis) 100%, transparent 0), /* C. Garis Horizontal Tengah Kiri (Celah 8px) */ linear-gradient(to right, var(--warna-garis) 8px, transparent 8px), /* D. Garis Horizontal Tengah Kanan (Celah 8px) */ linear-gradient(to left, var(--warna-garis) 8px, transparent 8px); background-repeat: no-repeat; /* Ukuran lajur garis dalam dikunci di 8px */ background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 8px 1px, 8px 1px; /* Posisi pergeseran lajur dalam dikunci di 8px dari tepi nol */ background-position: 8px 0, calc(100% - 8px) 0, 0 8px, 0 calc(100% - 8px), 0 50%, 100% 50%; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-341a6f9 *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-298 .elementor-element.elementor-element-341a6f9 .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-298 .elementor-element.elementor-element-341a6f9 .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-298 .elementor-element.elementor-element-341a6f9 .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f37af1b *//* ======================================================== 1. CONTAINER UTAMA (Transparan & Mengikuti Ukuran Foto) ======================================================== */ .elementor-298 .elementor-element.elementor-element-f37af1b { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ display: inline-block; position: relative; padding: var(--padding-foto) !important; background: transparent !important; } /* Memastikan gambar rapi di tengah */ .elementor-298 .elementor-element.elementor-element-f37af1b img { display: block; width: 100%; height: auto; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-298 .elementor-element.elementor-element-f37af1b::before { content: ''; position: absolute; top: 0; bottom: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ left: 0; right: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-298 .elementor-element.elementor-element-f37af1b::after { content: ''; position: absolute; top: 0; bottom: 0; /* Wajib sama dengan ::before (0) */ left: 0; right: 0; /* Wajib sama dengan ::before (0) */ pointer-events: none; z-index: 2; background-image: /* A. Dua Garis Vertikal Dalam */ linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), /* B. Dua Garis Horizontal Dalam */ linear-gradient(to right, var(--warna-garis) 100%, transparent 0), linear-gradient(to right, var(--warna-garis) 100%, transparent 0), /* C. Garis Horizontal Tengah Kiri (Celah 8px) */ linear-gradient(to right, var(--warna-garis) 8px, transparent 8px), /* D. Garis Horizontal Tengah Kanan (Celah 8px) */ linear-gradient(to left, var(--warna-garis) 8px, transparent 8px); background-repeat: no-repeat; /* Ukuran lajur garis dalam dikunci di 8px */ background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 8px 1px, 8px 1px; /* Posisi pergeseran lajur dalam dikunci di 8px dari tepi nol */ background-position: 8px 0, calc(100% - 8px) 0, 0 8px, 0 calc(100% - 8px), 0 50%, 100% 50%; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0519f49 *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-298 .elementor-element.elementor-element-0519f49 .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-298 .elementor-element.elementor-element-0519f49 .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-298 .elementor-element.elementor-element-0519f49 .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aeac9b0 *//* ======================================================== 1. CONTAINER UTAMA (Transparan & Mengikuti Ukuran Foto) ======================================================== */ .elementor-298 .elementor-element.elementor-element-aeac9b0 { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ display: inline-block; position: relative; padding: var(--padding-foto) !important; background: transparent !important; } /* Memastikan gambar rapi di tengah */ .elementor-298 .elementor-element.elementor-element-aeac9b0 img { display: block; width: 100%; height: auto; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-298 .elementor-element.elementor-element-aeac9b0::before { content: ''; position: absolute; top: 0; bottom: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ left: 0; right: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-298 .elementor-element.elementor-element-aeac9b0::after { content: ''; position: absolute; top: 0; bottom: 0; /* Wajib sama dengan ::before (0) */ left: 0; right: 0; /* Wajib sama dengan ::before (0) */ pointer-events: none; z-index: 2; background-image: /* A. Dua Garis Vertikal Dalam */ linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), /* B. Dua Garis Horizontal Dalam */ linear-gradient(to right, var(--warna-garis) 100%, transparent 0), linear-gradient(to right, var(--warna-garis) 100%, transparent 0), /* C. Garis Horizontal Tengah Kiri (Celah 8px) */ linear-gradient(to right, var(--warna-garis) 8px, transparent 8px), /* D. Garis Horizontal Tengah Kanan (Celah 8px) */ linear-gradient(to left, var(--warna-garis) 8px, transparent 8px); background-repeat: no-repeat; /* Ukuran lajur garis dalam dikunci di 8px */ background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 8px 1px, 8px 1px; /* Posisi pergeseran lajur dalam dikunci di 8px dari tepi nol */ background-position: 8px 0, calc(100% - 8px) 0, 0 8px, 0 calc(100% - 8px), 0 50%, 100% 50%; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-953010b *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-298 .elementor-element.elementor-element-953010b .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-298 .elementor-element.elementor-element-953010b .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-298 .elementor-element.elementor-element-953010b .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0fe3459 *//* ======================================================== 1. CONTAINER UTAMA (Transparan & Mengikuti Ukuran Foto) ======================================================== */ .elementor-298 .elementor-element.elementor-element-0fe3459 { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ display: inline-block; position: relative; padding: var(--padding-foto) !important; background: transparent !important; } /* Memastikan gambar rapi di tengah */ .elementor-298 .elementor-element.elementor-element-0fe3459 img { display: block; width: 100%; height: auto; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-298 .elementor-element.elementor-element-0fe3459::before { content: ''; position: absolute; top: 0; bottom: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ left: 0; right: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-298 .elementor-element.elementor-element-0fe3459::after { content: ''; position: absolute; top: 0; bottom: 0; /* Wajib sama dengan ::before (0) */ left: 0; right: 0; /* Wajib sama dengan ::before (0) */ pointer-events: none; z-index: 2; background-image: /* A. Dua Garis Vertikal Dalam */ linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), /* B. Dua Garis Horizontal Dalam */ linear-gradient(to right, var(--warna-garis) 100%, transparent 0), linear-gradient(to right, var(--warna-garis) 100%, transparent 0), /* C. Garis Horizontal Tengah Kiri (Celah 8px) */ linear-gradient(to right, var(--warna-garis) 8px, transparent 8px), /* D. Garis Horizontal Tengah Kanan (Celah 8px) */ linear-gradient(to left, var(--warna-garis) 8px, transparent 8px); background-repeat: no-repeat; /* Ukuran lajur garis dalam dikunci di 8px */ background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 8px 1px, 8px 1px; /* Posisi pergeseran lajur dalam dikunci di 8px dari tepi nol */ background-position: 8px 0, calc(100% - 8px) 0, 0 8px, 0 calc(100% - 8px), 0 50%, 100% 50%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aa313d4 *//* HORIZONTAL SCROLL MOBILE - TINGGI SAMA RATA (STRETCH) */ @media (max-width: 767px) { /* 1. Pengaturan Container Induk */ .elementor-298 .elementor-element.elementor-element-aa313d4 { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; /* Memaksa semua anak kolom ditarik setinggi kolom tertinggi */ align-items: stretch !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x mandatory !important; } /* 2. Mengatur ukuran dan memaksa tinggi kolom sama rata */ .elementor-298 .elementor-element.elementor-element-aa313d4 > .e-con, .elementor-298 .elementor-element.elementor-element-aa313d4 > .elementor-column, .elementor-298 .elementor-element.elementor-element-aa313d4 > .elementor-grid > .e-con { flex: 0 0 82% !important; /* Lebar kartu agar kolom sebelah mengintip */ width: 82% !important; max-width: 82% !important; /* Memaksa tinggi otomatis mengikuti tarikan stretch induk */ height: auto !important; display: flex !important; flex-direction: column !important; scroll-snap-align: start !important; box-sizing: border-box !important; } /* 3. Sembunyikan Scrollbar */ .elementor-298 .elementor-element.elementor-element-aa313d4::-webkit-scrollbar { display: none !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Hypatia Sans Semibold'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://moonlightsavoy.com/wp-content/uploads/2026/07/HypatiaSansPro-Semibold.woff') format('woff'), url('https://moonlightsavoy.com/wp-content/uploads/2026/07/HypatiaSansPro-Semibold.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Golden Book Bold'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://moonlightsavoy.com/wp-content/uploads/2026/07/Goldenbook-Bold-1.woff') format('woff'), url('https://moonlightsavoy.com/wp-content/uploads/2026/07/Goldenbook-Bold-1.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Hypatia Sans Regular'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://moonlightsavoy.com/wp-content/uploads/2026/07/HypatiaSansPro-Semibold.woff') format('woff'), url('https://moonlightsavoy.com/wp-content/uploads/2026/07/HypatiaSansPro-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */