.elementor-459 .elementor-element.elementor-element-2c889c8{--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;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 30px 2px rgba(0, 0, 0, 0.22);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-459 .elementor-element.elementor-element-2c889c8:not(.elementor-motion-effects-element-type-background), .elementor-459 .elementor-element.elementor-element-2c889c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFDFD;}.elementor-459 .elementor-element.elementor-element-2c889c8:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.24);}.elementor-widget-theme-post-title .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-459 .elementor-element.elementor-element-436048e .elementor-heading-title{font-family:"agrandir", Sans-serif;font-size:1rem;font-weight:400;line-height:1.3rem;color:var( --e-global-color-text );}/* Start custom CSS for container, class: .elementor-element-2c889c8 */@media (prefers-color-scheme: dark) {
    #kartu-gelap2 {
        background-color: #000000 !important;
        background-image: none !important;
    }
}
@media (prefers-color-scheme: dark) {
    /* Targetkan semua teks di dalam ID kartu-gelap */
    #kartu-gelap2, 
    #kartu-gelap2 .elementor-heading-title, 
    #kartu-gelap2 .elementor-heading-title a, 
    #kartu-gelap2 p, 
    #kartu-gelap2 span {
        color: #ffffff !important; /* Paksa jadi putih bersih */
    }

    /* Jika Anda ingin teks link tetap ada efek sedikit berbeda saat di-hover */
    #kartu-gelap2 a:hover {
        color: #62BFD4 !important; /* Warna biru brand muncul saat disentuh kursor */
    }
}/* End custom CSS */