.elementor-3831 .elementor-element.elementor-element-9b76273{--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-3831 .elementor-element.elementor-element-eb313d0{--spacer-size:8px;}.elementor-3831 .elementor-element.elementor-element-3e71996{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;padding:0px 0px 0px 0px;}.elementor-3831 .elementor-element.elementor-element-18f4bbb{--display:flex;--min-height:156px;--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;}.elementor-3831 .elementor-element.elementor-element-68873cb{--display:flex;--min-height:286px;--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;--overlay-opacity:0.55;--border-radius:34px 34px 34px 34px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3831 .elementor-element.elementor-element-68873cb::before, .elementor-3831 .elementor-element.elementor-element-68873cb > .elementor-background-video-container::before, .elementor-3831 .elementor-element.elementor-element-68873cb > .e-con-inner > .elementor-background-video-container::before, .elementor-3831 .elementor-element.elementor-element-68873cb > .elementor-background-slideshow::before, .elementor-3831 .elementor-element.elementor-element-68873cb > .e-con-inner > .elementor-background-slideshow::before, .elementor-3831 .elementor-element.elementor-element-68873cb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3831 .elementor-element.elementor-element-8c7b1d1{--display:flex;}.elementor-3831 .elementor-element.elementor-element-2723e73{--spacer-size:296px;}.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-3831 .elementor-element.elementor-element-e0ef32f{text-align:center;}.elementor-3831 .elementor-element.elementor-element-e0ef32f .elementor-heading-title{font-family:"Sarina", Sans-serif;font-weight:300;color:#FCFCFC;}.elementor-3831 .elementor-element.elementor-element-e27a60b{text-align:center;}.elementor-3831 .elementor-element.elementor-element-e27a60b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#F1F1F1;}.elementor-3831 .elementor-element.elementor-element-0d8a844{text-align:center;}.elementor-3831 .elementor-element.elementor-element-0d8a844 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#F1F1F1;}.elementor-3831 .elementor-element.elementor-element-3f846b7{text-align:center;}.elementor-3831 .elementor-element.elementor-element-3f846b7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#F1F1F1;}.elementor-3831 .elementor-element.elementor-element-6179632{--display:flex;}.elementor-3831 .elementor-element.elementor-element-dcaa71c{--display:flex;}.elementor-3831 .elementor-element.elementor-element-a9d76e1{--spacer-size:67px;}.elementor-3831 .elementor-element.elementor-element-d237fcd{--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;--overflow:hidden;}@media(min-width:768px){.elementor-3831 .elementor-element.elementor-element-18f4bbb{--content-width:1600px;}.elementor-3831 .elementor-element.elementor-element-68873cb{--content-width:1600px;}}@media(max-width:767px){.elementor-3831 .elementor-element.elementor-element-eb313d0{--spacer-size:25px;}.elementor-3831 .elementor-element.elementor-element-2723e73{--spacer-size:151px;}}/* Start custom CSS for container, class: .elementor-element-18f4bbb *//* ===================================
   JAPANESE WAVE PATTERN (SEIGAIHA)
   Background untuk Website/Elementor
   =================================== */

/* Cara pakai di Elementor:
   1. Pilih Section/Container
   2. Style > Background > Color: #FAFAFA
   3. Advanced > Custom CSS > Copy paste code di bawah
*/

.elementor-3831 .elementor-element.elementor-element-18f4bbb {
    background-color: #FAFAFA;
    background-image: 
        radial-gradient(circle at 50% 0%, transparent 20%, #E8E8E8 21%, #E8E8E8 22%, transparent 23%),
        radial-gradient(circle at 0% 50%, transparent 20%, #E8E8E8 21%, #E8E8E8 22%, transparent 23%),
        radial-gradient(circle at 100% 50%, transparent 20%, #E8E8E8 21%, #E8E8E8 22%, transparent 23%),
        radial-gradient(circle at 50% 100%, transparent 20%, #E8E8E8 21%, #E8E8E8 22%, transparent 23%),
        radial-gradient(circle at 50% 0%, transparent 30%, #ECECEC 31%, #ECECEC 32%, transparent 33%),
        radial-gradient(circle at 0% 50%, transparent 30%, #ECECEC 31%, #ECECEC 32%, transparent 33%),
        radial-gradient(circle at 100% 50%, transparent 30%, #ECECEC 31%, #ECECEC 32%, transparent 33%),
        radial-gradient(circle at 50% 100%, transparent 30%, #ECECEC 31%, #ECECEC 32%, transparent 33%);
    background-size: 80px 80px;
    background-position: 0 0, 0 0, 40px 0, 0 40px, 0 0, 0 0, 40px 0, 0 40px;
}

/* ===================================
   VARIASI WARNA
   =================================== */

/* Versi Abu-abu Muda (Default) */
.wave-pattern-light {
    background-color: #FAFAFA;
    /* (sama seperti di atas) */
}

/* Versi Putih Bersih */
.wave-pattern-white {
    background-color: #FFFFFF;
    background-image: 
        radial-gradient(circle at 50% 0%, transparent 20%, #F0F0F0 21%, #F0F0F0 22%, transparent 23%),
        radial-gradient(circle at 0% 50%, transparent 20%, #F0F0F0 21%, #F0F0F0 22%, transparent 23%),
        radial-gradient(circle at 100% 50%, transparent 20%, #F0F0F0 21%, #F0F0F0 22%, transparent 23%),
        radial-gradient(circle at 50% 100%, transparent 20%, #F0F0F0 21%, #F0F0F0 22%, transparent 23%),
        radial-gradient(circle at 50% 0%, transparent 30%, #F5F5F5 31%, #F5F5F5 32%, transparent 33%),
        radial-gradient(circle at 0% 50%, transparent 30%, #F5F5F5 31%, #F5F5F5 32%, transparent 33%),
        radial-gradient(circle at 100% 50%, transparent 30%, #F5F5F5 31%, #F5F5F5 32%, transparent 33%),
        radial-gradient(circle at 50% 100%, transparent 30%, #F5F5F5 31%, #F5F5F5 32%, transparent 33%);
    background-size: 80px 80px;
    background-position: 0 0, 0 0, 40px 0, 0 40px, 0 0, 0 0, 40px 0, 0 40px;
}

/* Versi Biru Laut */
.wave-pattern-blue {
    background-color: #E8F4F8;
    background-image: 
        radial-gradient(circle at 50% 0%, transparent 20%, #C5E3ED 21%, #C5E3ED 22%, transparent 23%),
        radial-gradient(circle at 0% 50%, transparent 20%, #C5E3ED 21%, #C5E3ED 22%, transparent 23%),
        radial-gradient(circle at 100% 50%, transparent 20%, #C5E3ED 21%, #C5E3ED 22%, transparent 23%),
        radial-gradient(circle at 50% 100%, transparent 20%, #C5E3ED 21%, #C5E3ED 22%, transparent 23%),
        radial-gradient(circle at 50% 0%, transparent 30%, #D5ECF3 31%, #D5ECF3 32%, transparent 33%),
        radial-gradient(circle at 0% 50%, transparent 30%, #D5ECF3 31%, #D5ECF3 32%, transparent 33%),
        radial-gradient(circle at 100% 50%, transparent 30%, #D5ECF3 31%, #D5ECF3 32%, transparent 33%),
        radial-gradient(circle at 50% 100%, transparent 30%, #D5ECF3 31%, #D5ECF3 32%, transparent 33%);
    background-size: 80px 80px;
    background-position: 0 0, 0 0, 40px 0, 0 40px, 0 0, 0 0, 40px 0, 0 40px;
}

/* ===================================
   VARIASI UKURAN
   =================================== */

/* Pattern Kecil (Lebih Detail) */
.wave-pattern-small {
    background-size: 50px 50px;
    background-position: 0 0, 0 0, 25px 0, 0 25px, 0 0, 0 0, 25px 0, 0 25px;
}

/* Pattern Besar (Lebih Bold) */
.wave-pattern-large {
    background-size: 120px 120px;
    background-position: 0 0, 0 0, 60px 0, 0 60px, 0 0, 0 0, 60px 0, 0 60px;
}

/* ===================================
   TIPS KUSTOMISASI
   =================================== */

/*
WARNA:
- Background utama: background-color
- Ombak gelap: #E8E8E8 (ganti semua)
- Ombak terang: #ECECEC (ganti semua)

UKURAN:
- Kecil = 50px x 50px
- Medium = 80px x 80px (default)
- Besar = 120px x 120px

OPACITY:
Tambahkan: opacity: 0.6; untuk membuat pattern lebih halus
*//* End custom CSS */