.elementor-27401 .elementor-element.elementor-element-e6e88e3{--display:flex;--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-27401 .elementor-element.elementor-element-e6e88e3:not(.elementor-motion-effects-element-type-background), .elementor-27401 .elementor-element.elementor-element-e6e88e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-27401 .elementor-element.elementor-element-b71c78e{--display:flex;--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-27401 .elementor-element.elementor-element-70b4dac{--display:flex;--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:20px;--padding-left:40px;--padding-right:20px;}.elementor-27401 .elementor-element.elementor-element-9ecb397 li{font-size:15px;}body:not(.rtl) .elementor-27401 .elementor-element.elementor-element-dcbf6ee{left:0px;}body.rtl .elementor-27401 .elementor-element.elementor-element-dcbf6ee{right:0px;}.elementor-27401 .elementor-element.elementor-element-dcbf6ee{top:0px;}.elementor-27401 .elementor-element.elementor-element-b8cec8b{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-27401 .elementor-element.elementor-element-0d9b28e{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-27401 .elementor-element.elementor-element-0d9b28e.e-con{--align-self:center;}.elementor-27401 .elementor-element.elementor-element-b5d910e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27401 .elementor-element.elementor-element-aa7571c .elementor-heading-title{color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27401 .elementor-element.elementor-element-16b4ef4 .elementor-heading-title{font-weight:100;text-transform:capitalize;color:#FFFFFF;}.elementor-27401 .elementor-element.elementor-element-f5ff6da{--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:center;--align-items:flex-start;--margin-top:-50px;--margin-bottom:00px;--margin-left:00px;--margin-right:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-27401 .elementor-element.elementor-element-a8f15fa{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--z-index:1;}.elementor-widget-text-editor{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-27401 .elementor-element.elementor-element-ea97ef8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--z-index:1;}body:not(.rtl) .elementor-27401 .elementor-element.elementor-element-ca14fac{left:1000px;}body.rtl .elementor-27401 .elementor-element.elementor-element-ca14fac{right:1000px;}.elementor-27401 .elementor-element.elementor-element-ca14fac{top:-37px;z-index:0;}.elementor-27401 .elementor-element.elementor-element-7722485{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27401 .elementor-element.elementor-element-e69f430{--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;--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-27401 .elementor-element.elementor-element-4e54343{--display:flex;}.elementor-27401 .elementor-element.elementor-element-fe440f1{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-weight:var( --e-global-typography-text-font-weight );}.elementor-27401 .elementor-element.elementor-element-3ccfa8b{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27401 .elementor-element.elementor-element-5719617{--display:flex;}.elementor-27401 .elementor-element.elementor-element-8233ac4{--display:flex;}.elementor-27401 .elementor-element.elementor-element-799ecb2{--display:flex;}@media(min-width:768px){.elementor-27401 .elementor-element.elementor-element-0d9b28e{--width:100%;}.elementor-27401 .elementor-element.elementor-element-b5d910e{--width:100%;}.elementor-27401 .elementor-element.elementor-element-f5ff6da{--content-width:1404px;}.elementor-27401 .elementor-element.elementor-element-a8f15fa{--width:50%;}.elementor-27401 .elementor-element.elementor-element-ea97ef8{--width:100%;}.elementor-27401 .elementor-element.elementor-element-7722485{--content-width:1404px;}.elementor-27401 .elementor-element.elementor-element-4e54343{--width:34%;}.elementor-27401 .elementor-element.elementor-element-3ccfa8b{--width:1404px;}.elementor-27401 .elementor-element.elementor-element-5719617{--width:1404px;}}@media(max-width:1024px) and (min-width:768px){.elementor-27401 .elementor-element.elementor-element-a8f15fa{--width:100%;}.elementor-27401 .elementor-element.elementor-element-4e54343{--width:80%;}}@media(max-width:1024px){body:not(.rtl) .elementor-27401 .elementor-element.elementor-element-dcbf6ee{left:-43px;}body.rtl .elementor-27401 .elementor-element.elementor-element-dcbf6ee{right:-43px;}.elementor-27401 .elementor-element.elementor-element-dcbf6ee{top:182px;}.elementor-27401 .elementor-element.elementor-element-f5ff6da{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}}@media(max-width:767px){.elementor-27401 .elementor-element.elementor-element-f5ff6da{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-27401 .elementor-element.elementor-element-7722485{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-27401 .elementor-element.elementor-element-fe440f1{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-dcbf6ee */.elementor-27401 .elementor-element.elementor-element-dcbf6ee{
    overflow: hidden;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b71c78e */.elementor-27401 .elementor-element.elementor-element-b71c78e {
  position: relative;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for theme-post-title, class: .elementor-element-aa7571c *//* Membatasi lebar judul agar otomatis turun baris */
.elementor-27401 .elementor-element.elementor-element-aa7571c .elementor-heading-title, 
.elementor-27401 .elementor-element.elementor-element-aa7571c h1, .elementor-27401 .elementor-element.elementor-element-aa7571c h2, .elementor-27401 .elementor-element.elementor-element-aa7571c h3 {
    max-width: 400px !important; /* Sesuaikan angka ini (misal 350px atau 450px) sampai potongannya pas */
    white-space: normal !important;
    word-wrap: break-word !important;
    line-height: 1.3 !important; /* Jarak antar baris atas-bawah agar tidak terlalu mepet */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d9b28e *//* 1. Styling Container Utama */
.elementor-27401 .elementor-element.elementor-element-0d9b28e {
    min-height: 60vh !important;
    display: flex !important;
    flex-direction: column !important;  /* WAJIB: Menegaskan susunan dari atas ke bawah */
    justify-content: center !important; /* Menarik konten ke TENGAH secara Vertikal (Atas-Bawah) */
    align-items: flex-start !important; /* Menarik konten ke KIRI secara Horizontal (Kiri-Kanan) */
    padding: 20px 10% !important;       /* Jarak aman 10% dari ujung kiri layar */
    position: relative !important;
    overflow: hidden !important;
}

/* 2. Memaksa Container Anak & Teks agar patuh rata kiri */
.elementor-27401 .elementor-element.elementor-element-0d9b28e > * {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important; 
    max-width: 700px !important; /* Membatasi area agar teks tidak keluar jalur gelap */
}

.elementor-27401 .elementor-element.elementor-element-0d9b28e .elementor-heading-title, 
.elementor-27401 .elementor-element.elementor-element-0d9b28e h1, .elementor-27401 .elementor-element.elementor-element-0d9b28e h2, .elementor-27401 .elementor-element.elementor-element-0d9b28e h3 {
    text-align: left !important; /* Memaksa teks rata kiri mengabaikan settingan widget */
    margin: 0 !important;
}

/* 3. Overlay gradient gelap (Dari Kiri ke Kanan) */
.elementor-27401 .elementor-element.elementor-element-0d9b28e::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;

    /* Gradasi sesuai gambar referensi */
    background: linear-gradient(
        90deg,
        rgba(55, 22, 9, 1) 0%,
        rgba(125, 55, 18, 0.95) 25%,
        rgba(225, 140, 55, 0.85) 45%,
        rgba(225, 140, 55, 0) 65%,
        transparent 100%
    ) !important;

    z-index: 0 !important;
    pointer-events: none !important;
}

/* =========================================
   4. PENGATURAN RESPONSIF (TABLET & HP)
   ========================================= */

/* Tampilan Tablet */
@media (max-width: 1024px) {
    .elementor-27401 .elementor-element.elementor-element-0d9b28e {
        min-height: 50vh !important;
        padding: 20px 5% !important; 
    }

    .elementor-27401 .elementor-element.elementor-element-0d9b28e::before {
        background: linear-gradient(
            90deg,
            rgba(55, 22, 9, 1) 0%,
            rgba(125, 55, 18, 0.95) 30%,
            rgba(225, 140, 55, 0.85) 55%,
            rgba(225, 140, 55, 0) 75%,
            transparent 100%
        ) !important;
    }
}

/* Tampilan HP (Mobile) */
@media (max-width: 767px) {
    .elementor-27401 .elementor-element.elementor-element-0d9b28e {
        min-height: 350px !important;
        align-items: center !important; /* Khusus HP, ditarik ke tengah */
        padding: 20px !important;
    }

    .elementor-27401 .elementor-element.elementor-element-0d9b28e .elementor-heading-title, 
    .elementor-27401 .elementor-element.elementor-element-0d9b28e h1, .elementor-27401 .elementor-element.elementor-element-0d9b28e h2, .elementor-27401 .elementor-element.elementor-element-0d9b28e h3 {
        text-align: center !important; /* Khusus HP, teks rata tengah */
    }

    /* Khusus HP, gradasi dari Bawah ke Atas */
    .elementor-27401 .elementor-element.elementor-element-0d9b28e::before {
        background: linear-gradient(
            0deg,
            rgba(55, 22, 9, 1) 0%,
            rgba(125, 55, 18, 0.95) 35%,
            rgba(225, 140, 55, 0.85) 60%,
            rgba(225, 140, 55, 0) 80%,
            transparent 100%
        ) !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0a56378 *//* Jika Anda menggunakan widget Heading atau Text Editor, gunakan ini */
.elementor-27401 .elementor-element.elementor-element-0a56378, .elementor-27401 .elementor-element.elementor-element-0a56378 * {
    /* Mengubah warna teks menjadi merah bata tua */
    color: #8B2611 !important; 
    
    /* Mengatur ketebalan huruf (Bold) */
    font-weight: 700 !important;
    
    /* Membuat semua huruf menjadi kapital otomatis */
    text-transform: uppercase !important;
    
    /* Mengatur jarak antar huruf */
    letter-spacing: 1px !important;
    
    /* Mengatur ukuran font */
    font-size: 28px !important;
    
    /* Jarak antara judul ke tulisan di bawahnya */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8f15fa */.elementor-27401 .elementor-element.elementor-element-a8f15fa {
    position: relative !important;
    overflow: hidden !important;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.28) 0%,
        rgba(255, 255, 255, 0.38) 50%,
        rgba(255, 241, 190, 0.35) 100%
    ) !important;

    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;

    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;

    box-shadow:
        inset 0 20px 35px rgba(255, 255, 255, 0.12),
        inset 0 -45px 60px rgba(255, 220, 130, 0.14),
        0 14px 30px rgba(0, 0, 0, 0.035) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2165050 *//* Jika Anda menggunakan widget Heading atau Text Editor, gunakan ini */
.elementor-27401 .elementor-element.elementor-element-2165050, .elementor-27401 .elementor-element.elementor-element-2165050 * {
    /* Mengubah warna teks menjadi merah bata tua */
    color: #8B2611 !important; 
    
    /* Mengatur ketebalan huruf (Bold) */
    font-weight: 700 !important;
    
    /* Membuat semua huruf menjadi kapital otomatis */
    text-transform: uppercase !important;
    
    /* Mengatur jarak antar huruf */
    letter-spacing: 1px !important;
    
    /* Mengatur ukuran font */
    font-size: 28px !important;
    
    /* Jarak antara judul ke tulisan di bawahnya */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea97ef8 */.elementor-27401 .elementor-element.elementor-element-ea97ef8 {
    position: relative !important;
    overflow: hidden !important;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.28) 0%,
        rgba(255, 255, 255, 0.38) 50%,
        rgba(255, 241, 190, 0.35) 100%
    ) !important;

    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;

    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;

    box-shadow:
        inset 0 20px 35px rgba(255, 255, 255, 0.12),
        inset 0 -45px 60px rgba(255, 220, 130, 0.14),
        0 14px 30px rgba(0, 0, 0, 0.035) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e69f430 */.elementor-27401 .elementor-element.elementor-element-e69f430 {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 12px;

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.035),
    0 2px 6px rgba(0, 0, 0, 0.025);

  overflow: hidden;
}/* End custom CSS */