.elementor-2361 .elementor-element.elementor-element-37f21f7{--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-2361 .elementor-element.elementor-element-37f21f7:not(.elementor-motion-effects-element-type-background), .elementor-2361 .elementor-element.elementor-element-37f21f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-2361 .elementor-element.elementor-element-37f21f7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-f9ae3b2 *//* --- GLOBAL & RESET --- */
    .hw-faq-page-container * {
        box-sizing: border-box; /* Kunci biar layout gak "mbleber" */
    }

    .hw-faq-page-container {
        font-family: 'Mont', sans-serif;
        color: #111;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px 80px 20px;
        width: 100%;
    }

    /* --- HEADER STYLES --- */
    .hw-faq-header {
        text-align: center;
        padding: 60px 0 40px;
        max-width: 700px;
        margin: 0 auto;
    }

    .hw-subtitle {
        font-size: 13px; /* Sedikit dikecilin biar rapi */
        letter-spacing: 2px;
        color: #888;
        font-weight: 700;
        margin: 0 0 15px 0; /* Reset margin bottom default */
        text-transform: uppercase;
        display: block;
    }

    .hw-title {
        font-size: 42px;
        font-weight: 800;
        margin: 0 0 20px 0;
        line-height: 1.2;
        color: #000;
        word-wrap: break-word; /* Jaga-jaga kalau ada kata panjang */
    }

    .hw-intro {
        font-size: 16px;
        color: #666;
        line-height: 1.6;
        margin-bottom: 0;
    }

    /* --- BODY --- */
    .hw-faq-body {
        width: 100%;
        /* Mencegah overflow kalau shortcode [hw_faq] isinya tabel/grid lebar */
        overflow-wrap: break-word; 
    }

    /* --- FOOTER / CONTACT BOX --- */
    .hw-faq-footer {
        margin-top: 60px;
        text-align: center;
        border-top: 1px solid #eee;
        padding-top: 60px;
    }

    .hw-contact-box h3 {
        font-size: 24px;
        font-weight: 700;
        margin: 0 0 10px 0;
        color: #000;
    }

    .hw-contact-box p {
        color: #666;
        margin: 0 auto 30px auto;
        max-width: 500px; /* Biar teks gak kepanjangan di desktop */
        line-height: 1.5;
    }

    /* --- TOMBOL WA (RESPONSIVE) --- */
    .hw-contact-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background-color: #000;
        color: #fff !important;
        padding: 14px 28px;
        border-radius: 50px;
        text-decoration: none;
        font-weight: 700;
        font-size: 15px;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        line-height: 1;
        white-space: nowrap; /* Teks jangan turun baris di dalam tombol */
    }

    .hw-contact-btn svg {
        flex-shrink: 0;
    }

    .hw-contact-btn:hover {
        background-color: #333;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    }

    /* --- MOBILE RESPONSIVE (MAGIC DISINI) --- */
    @media (max-width: 768px) {
        /* Container lebih rapat */
        .hw-faq-page-container {
            padding: 0 16px 60px 16px; 
        }

        /* Header lebih ringkas */
        .hw-faq-header {
            padding: 40px 0 30px;
        }

        .hw-subtitle {
            font-size: 12px;
            margin-bottom: 10px;
        }

        .hw-title {
            font-size: 28px; /* Turun drastis biar muat di layar HP kecil */
            margin-bottom: 15px;
        }

        .hw-intro {
            font-size: 15px;
        }
        
        /* Sembunyikan <br> di mobile biar teks ngalir natural */
        .desktop-br {
            display: none;
        }

        /* Footer adjustments */
        .hw-faq-footer {
            margin-top: 40px;
            padding-top: 40px;
        }

        .hw-contact-box h3 {
            font-size: 20px;
        }

        /* Tombol WA Full Width di HP tapi tetap cantik */
        .hw-contact-btn {
            width: 100%; 
            max-width: 320px; /* Batasi biar gak kegedean di Tablet */
            padding: 16px 20px; /* Area tap lebih besar */
            font-size: 14px;
        }
    }/* End custom CSS */