.elementor-391 .elementor-element.elementor-element-3e1de6a{--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-391 .elementor-element.elementor-element-bf50a44{--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-391 .elementor-element.elementor-element-34169d5{--display:flex;--justify-content:center;}.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-391 .elementor-element.elementor-element-2183b9d{text-align:start;}.elementor-391 .elementor-element.elementor-element-2183b9d .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-391 .elementor-element.elementor-element-142cade{text-align:start;}.elementor-391 .elementor-element.elementor-element-142cade .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.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-391 .elementor-element.elementor-element-3ca9688{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-image-box .elementor-image-box-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-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-391 .elementor-element.elementor-element-0789ac3 .elementor-image-box-wrapper{text-align:start;}.elementor-391 .elementor-element.elementor-element-0789ac3 .elementor-image-box-title{margin-bottom:6px;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:2.2px;color:#9D2235;}.elementor-391 .elementor-element.elementor-element-0789ac3 .elementor-image-box-description{color:var( --e-global-color-text );}.elementor-391 .elementor-element.elementor-element-06cdba0 .elementor-image-box-wrapper{text-align:start;}.elementor-391 .elementor-element.elementor-element-06cdba0 .elementor-image-box-title{margin-bottom:6px;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:2.2px;color:#9D2235;}.elementor-391 .elementor-element.elementor-element-06cdba0 .elementor-image-box-description{color:var( --e-global-color-text );}.elementor-391 .elementor-element.elementor-element-454f2e0 .elementor-image-box-wrapper{text-align:start;}.elementor-391 .elementor-element.elementor-element-454f2e0 .elementor-image-box-title{margin-bottom:6px;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:2.2px;color:#9D2235;}.elementor-391 .elementor-element.elementor-element-454f2e0 .elementor-image-box-description{color:var( --e-global-color-text );}.elementor-391 .elementor-element.elementor-element-b67b26a{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-391 .elementor-element.elementor-element-1cafb80{--e-image-carousel-slides-to-show:1;}.elementor-391 .elementor-element.elementor-element-f97daaf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-8c6a1ae{padding:0px 0px 0px 0px;}.elementor-391 .elementor-element.elementor-element-8c6a1ae iframe{height:499px;filter:brightness( 73% ) contrast( 200% ) saturate( 0% ) blur( 0.4px ) hue-rotate( 360deg );}body.elementor-page-391:not(.elementor-motion-effects-element-type-background), body.elementor-page-391 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F3ED;}@media(max-width:767px){.elementor-391 .elementor-element.elementor-element-2183b9d{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-391 .elementor-element.elementor-element-34169d5{--width:50%;}.elementor-391 .elementor-element.elementor-element-b67b26a{--width:50%;}}/* Start custom CSS for image-carousel, class: .elementor-element-1cafb80 *//* ======================================================== 1. CAROUSEL SLIDE CONTAINER (Bingkai Rapat & Transparan) ======================================================== */ .elementor-391 .elementor-element.elementor-element-1cafb80 .swiper-slide { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ position: relative; padding: var(--padding-foto) !important; background: transparent !important; box-sizing: border-box; } /* Memastikan foto di dalam slide rapi di tengah */ .elementor-391 .elementor-element.elementor-element-1cafb80 .swiper-slide img { display: block; width: 100% !important; height: auto !important; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-391 .elementor-element.elementor-element-1cafb80 .swiper-slide::before { content: ''; position: absolute; top: 0; bottom: 0; /* Menempel pas di tepi luar slide */ left: 0; right: 0; /* Menempel pas di tepi luar slide */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-391 .elementor-element.elementor-element-1cafb80 .swiper-slide::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%; } .diamond-slider .elementor-swiper-button{ display:none; }/* 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 */