.elementor-653 .elementor-element.elementor-element-53a60dd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:50px;--padding-right:50px;--z-index:99;}.elementor-653 .elementor-element.elementor-element-53a60dd:not(.elementor-motion-effects-element-type-background), .elementor-653 .elementor-element.elementor-element-53a60dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-653 .elementor-element.elementor-element-f25a702{--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:0px;--padding-right:0px;}.elementor-653 .elementor-element.elementor-element-f25a702.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-653 .elementor-element.elementor-element-0f81714{width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;text-align:start;}.elementor-653 .elementor-element.elementor-element-0f81714 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-653 .elementor-element.elementor-element-0f81714 img{width:100%;}.elementor-653 .elementor-element.elementor-element-9029104{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-653 .elementor-element.elementor-element-9029104.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(22px/2);}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(22px/2);}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(22px/2);}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-22px/2);}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-22px/2);}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-653 .elementor-element.elementor-element-90980e6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-item > a{font-family:"Hypatia Semi", Sans-serif;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px;}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-653 .elementor-element.elementor-element-a7e410f .elementor-icon-wrapper{text-align:center;}.elementor-653 .elementor-element.elementor-element-a7e410f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-653 .elementor-element.elementor-element-a7e410f.elementor-view-framed .elementor-icon, .elementor-653 .elementor-element.elementor-element-a7e410f.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-653 .elementor-element.elementor-element-a7e410f.elementor-view-framed .elementor-icon, .elementor-653 .elementor-element.elementor-element-a7e410f.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-653 .elementor-element.elementor-element-a7e410f .elementor-icon{font-size:21px;}.elementor-653 .elementor-element.elementor-element-a7e410f .elementor-icon svg{height:21px;}.elementor-653 .elementor-element.elementor-element-dee1b3b .elementor-icon-wrapper{text-align:center;}.elementor-653 .elementor-element.elementor-element-dee1b3b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-653 .elementor-element.elementor-element-dee1b3b.elementor-view-framed .elementor-icon, .elementor-653 .elementor-element.elementor-element-dee1b3b.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-653 .elementor-element.elementor-element-dee1b3b.elementor-view-framed .elementor-icon, .elementor-653 .elementor-element.elementor-element-dee1b3b.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-653 .elementor-element.elementor-element-dee1b3b .elementor-icon{font-size:21px;}.elementor-653 .elementor-element.elementor-element-dee1b3b .elementor-icon svg{height:21px;}.elementor-653 .elementor-element.elementor-element-6af4dea{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-653 .elementor-element.elementor-element-6af4dea:not(.elementor-motion-effects-element-type-background), .elementor-653 .elementor-element.elementor-element-6af4dea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-653 .elementor-element.elementor-element-e0fc1b7{--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-653 .elementor-element.elementor-element-31f9bc7{width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;text-align:start;}.elementor-653 .elementor-element.elementor-element-31f9bc7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-653 .elementor-element.elementor-element-31f9bc7 img{width:100%;}.elementor-653 .elementor-element.elementor-element-e7585e5{--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-653 .elementor-element.elementor-element-ba08e8c .elementor-icon-wrapper{text-align:center;}.elementor-653 .elementor-element.elementor-element-ba08e8c.elementor-view-stacked .elementor-icon{background-color:#E7E7E7;}.elementor-653 .elementor-element.elementor-element-ba08e8c.elementor-view-framed .elementor-icon, .elementor-653 .elementor-element.elementor-element-ba08e8c.elementor-view-default .elementor-icon{color:#E7E7E7;border-color:#E7E7E7;}.elementor-653 .elementor-element.elementor-element-ba08e8c.elementor-view-framed .elementor-icon, .elementor-653 .elementor-element.elementor-element-ba08e8c.elementor-view-default .elementor-icon svg{fill:#E7E7E7;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-653 .elementor-element.elementor-element-53a60dd{--width:100%;}.elementor-653 .elementor-element.elementor-element-f25a702{--width:15%;}.elementor-653 .elementor-element.elementor-element-9029104{--width:85%;}.elementor-653 .elementor-element.elementor-element-e0fc1b7{--width:50%;}.elementor-653 .elementor-element.elementor-element-e7585e5{--width:50%;}}@media(max-width:1024px){.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-653 .elementor-element.elementor-element-90980e6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-653 .elementor-element.elementor-element-31f9bc7{--container-widget-width:117px;--container-widget-flex-grow:0;width:var( --container-widget-width, 117px );max-width:117px;}.elementor-653 .elementor-element.elementor-element-e7585e5{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-653 .elementor-element.elementor-element-ba08e8c .elementor-icon{font-size:21px;}.elementor-653 .elementor-element.elementor-element-ba08e8c .elementor-icon svg{height:21px;}}@media(max-width:767px){.elementor-653 .elementor-element.elementor-element-6af4dea{--justify-content:space-between;--z-index:99990;}.elementor-653 .elementor-element.elementor-element-e0fc1b7{--width:150px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-653 .elementor-element.elementor-element-31f9bc7{--container-widget-width:102px;--container-widget-flex-grow:0;width:var( --container-widget-width, 102px );max-width:102px;}.elementor-653 .elementor-element.elementor-element-e7585e5{--width:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-653 .elementor-element.elementor-element-ba08e8c .elementor-icon{font-size:19px;}.elementor-653 .elementor-element.elementor-element-ba08e8c .elementor-icon svg{height:19px;}}/* Start custom CSS for container, class: .elementor-element-53a60dd *//* ========================================================
   HEADER — GRADASI HITAM PEKAT & TRANSISI SANGAT HALUS
   ======================================================== */
.elementor-653 .elementor-element.elementor-element-53a60dd {
    position: relative;

    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.98) 0%,
        rgba(0, 0, 0, 0.94) 20%,
        rgba(0, 0, 0, 0.82) 40%,
        rgba(0, 0, 0, 0.62) 60%,
        rgba(0, 0, 0, 0.38) 75%,
        rgba(0, 0, 0, 0.18) 88%,
        rgba(0, 0, 0, 0.05) 97%,
        rgba(0, 0, 0, 0) 100%
    ) !important;

    background-color: transparent !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    margin-top: 0 !important;
    margin-bottom: -95px !important;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    transition:
        background 0.4s ease-in-out,
        margin 0.4s ease-in-out !important;
}

/* Kontainer Elementor */
.elementor-653 .elementor-element.elementor-element-53a60dd .elementor-container {
    background: transparent !important;
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* ========================================================
   SAAT SCROLL — HITAM PEKAT
   ======================================================== */
.elementor-653 .elementor-element.elementor-element-53a60dd.elementor-sticky--effects {
    background-image: none !important;
    background-color: #000000 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6af4dea *//* ========================================================
   1. KONDISI AWAL (Gradasi Hitam-Transparan & Potong Celah)
   ======================================================== */
.elementor-653 .elementor-element.elementor-element-6af4dea {
    position: relative;
    
    /* Gradasi Hitam Semitransparan dari Atas ke Bawah */
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%) !important;
    background-color: transparent !important;
    
    /* Menghapus paksa semua jenis border & outline */
    border: 0px none transparent !important;
    outline: none !important;
    box-shadow: none !important;
    
    /* PAKSA NAIK KE ATAS: Menghilangkan jeda putih akibat gap antar-kontainer */
    margin-top: 0px !important; 
    /* PAKSA MENJOROK: Menarik konten utama di bawahnya agar masuk ke area header */
    margin-bottom: -95px !important; 
    
    /* Memastikan tidak ada sisa background putih yang mengintip */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    
    transition: background 0.4s ease-in-out, margin 0.4s ease-in-out !important;
}

/* Membersihkan total kontainer internal Elementor */
.elementor-653 .elementor-element.elementor-element-6af4dea .elementor-container {
    background: transparent !important;
    border: 0px none transparent !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ========================================================
   2. KONDISI KETIKA SCROLL (Menjadi Hitam Pekat Sempurna)
   ======================================================== */
.elementor-653 .elementor-element.elementor-element-6af4dea.elementor-sticky--effects {
    background-image: none !important;
    background-color: #000000 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important; 
    border: 0px none transparent !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hypatia Semi';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://moonlightbrighton.com/wp-content/uploads/2026/09/HypatiaSansPro-Semibold.ttf') format('truetype');
}
/* End Custom Fonts CSS */