.elementor-3426 .elementor-element.elementor-element-8ff5df9{--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:visible;}.elementor-3426 .elementor-element.elementor-element-4d745ad1{--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:1em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;overflow:visible;}.elementor-3426 .elementor-element.elementor-element-4ba2d3c4{border-radius:20px 20px 20px 20px;}.elementor-3426 .elementor-element.elementor-element-4ba2d3c4 iframe{height:50vh;filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );transition-duration:1.4s;}:root{--page-title-display:none;}/* Start custom CSS for google_maps, class: .elementor-element-4ba2d3c4 */<style>
    /* --- CSS VARIABLES --- */
    #dii-contact-wrapper {
        --dii-orange: #fe6902;
        --dii-black: #111111;
        --dii-gray-dark: #444444;
        --dii-gray-light: #888888;
        --dii-border: #e0e0e0;
        --dii-bg-light: #f9f9f9;
        --dii-radius: 8px;
        --dii-transition: all 0.3s ease;
    }

    /* --- MAIN CONTAINER --- */
    #dii-contact-wrapper {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        /* FORCE TEXT COLOR TO BLACK */
        color: #111111 !important;
        background: #ffffff;
        padding: 80px 20px;
        max-width: 1200px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    /* --- 1. HERO SECTION --- */
    .dii-contact-hero {
        text-align: center;
        max-width: 800px;
        margin: 0 auto 80px auto;
    }

    .dii-eyebrow {
        color: #fe6902 !important; /* FORCE ORANGE */
        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: block;
        margin-bottom: 20px;
    }

    .dii-headline {
        font-size: clamp(2.5rem, 5vw, 3.5rem);
        font-weight: 800;
        line-height: 1.1;
        margin: 0 0 25px 0;
        /* FORCE VISIBLE COLOR */
        color: #111111 !important; 
    }

    .dii-subhead {
        font-size: 1.15rem;
        line-height: 1.6;
        /* FORCE VISIBLE COLOR */
        color: #444444 !important; 
        max-width: 700px;
        margin: 0 auto;
    }

    /* --- 2. GRID LAYOUT --- */
    .dii-contact-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;
        align-items: start;
    }

    /* --- LEFT COLUMN: INFO --- */
    .dii-info-col {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .dii-info-block h3 {
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: #888888 !important; /* Force Light Gray */
        margin: 0 0 20px 0;
        font-weight: 600;
        border-bottom: 1px solid var(--dii-border);
        padding-bottom: 10px;
        display: inline-block;
    }

    .dii-address-item {
        margin-bottom: 30px;
    }

    .dii-office-name {
        font-size: 1.25rem;
        font-weight: 700;
        color: #111111 !important; /* Force Black */
        margin-bottom: 10px;
        display: block;
    }

    .dii-address-text {
        font-size: 1rem;
        line-height: 1.6;
        color: #444444 !important; /* Force Dark Gray */
        margin-bottom: 10px;
        display: block;
    }

    .dii-map-link {
        color: #fe6902 !important; /* Force Orange */
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        transition: var(--dii-transition);
    }

    .dii-map-link:hover {
        opacity: 0.8;
        transform: translateX(5px);
    }

    /* Contact Links */
    .dii-contact-link-group {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .dii-contact-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background: var(--dii-bg-light);
        border: 1px solid var(--dii-border);
        border-radius: var(--dii-radius);
        text-decoration: none;
        transition: var(--dii-transition);
    }

    .dii-contact-btn:hover {
        border-color: var(--dii-orange);
        background: #fff;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }

    .dii-btn-label {
        font-size: 0.9rem;
        color: #888888 !important;
        display: block;
        margin-bottom: 5px;
    }

    .dii-btn-value {
        font-size: 1.1rem;
        font-weight: 700;
        color: #111111 !important;
        display: block;
    }

    .dii-arrow-icon {
        color: #fe6902 !important;
        font-weight: bold;
    }

    /* Working Hours */
    .dii-hours {
        font-size: 0.95rem;
        color: #444444 !important;
        background: var(--dii-bg-light);
        padding: 15px 20px;
        border-radius: var(--dii-radius);
        display: inline-block;
    }

    /* --- RIGHT COLUMN: FORM --- */
    .dii-form-container {
        background: #ffffff;
        padding: 40px;
        border: 1px solid var(--dii-border);
        border-radius: 12px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.04);
    }

    .dii-form-group {
        margin-bottom: 25px;
    }

    .dii-label {
        display: block;
        font-size: 0.9rem;
        font-weight: 600;
        color: #111111 !important; /* Force Black */
        margin-bottom: 8px;
    }

    .dii-input, .dii-textarea {
        width: 100%;
        padding: 14px 16px;
        font-size: 1rem;
        color: #111111 !important; /* Force Input Text Black */
        background: var(--dii-bg-light);
        border: 1px solid var(--dii-border);
        border-radius: var(--dii-radius);
        outline: none;
        transition: var(--dii-transition);
        font-family: inherit;
        box-sizing: border-box;
    }

    .dii-input::placeholder, .dii-textarea::placeholder {
        color: #999999 !important; /* Force Placeholder Color */
    }

    .dii-input:focus, .dii-textarea:focus {
        border-color: var(--dii-orange);
        background: #fff;
        box-shadow: 0 0 0 3px rgba(254, 105, 2, 0.1);
    }

    .dii-textarea {
        resize: vertical;
        min-height: 120px;
    }

    /* --- BUTTON --- */
    .dii-submit-btn {
        width: 100%;
        padding: 18px;
        font-size: 1rem;
        font-weight: 700;
        color: #ffffff !important; /* Force White Text */
        background: #fe6902 !important; /* Force Brand Orange */
        border: none;
        border-radius: var(--dii-radius);
        cursor: pointer;
        transition: var(--dii-transition);
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .dii-submit-btn:hover {
        background: #e65e00 !important; /* Darker Orange */
        transform: translateY(-2px);
        box-shadow: 0 10px 20px rgba(254, 105, 2, 0.2);
    }

    .dii-confidential {
        margin-top: 15px;
        font-size: 0.8rem;
        color: #888888 !important;
        text-align: center;
        display: block;
    }

    /* --- RESPONSIVE --- */
    @media (max-width: 900px) {
        .dii-contact-grid {
            grid-template-columns: 1fr;
            gap: 60px;
        }
        
        .dii-form-container {
            padding: 30px 20px;
        }

        #dii-contact-wrapper {
            padding: 60px 20px;
        }
    }
</style>

<div id="dii-contact-wrapper">
    
    <div class="dii-contact-hero">
        <span class="dii-eyebrow">Get in Touch</span>
        <h1 class="dii-headline">Initiate a Strategic Dialogue</h1>
        <p class="dii-subhead">
            We invite institutional investors, partners, and high-net-worth individuals to discuss opportunities within Indonesia’s high-growth sectors. Connect with our advisory team to explore bespoke investment structures.
        </p>
    </div>

    <div class="dii-contact-grid">
        
        <div class="dii-info-col">
            
            <div class="dii-info-block">
                <h3>Our Offices</h3>
                
                <div class="dii-address-item">
                    <span class="dii-office-name">Jakarta HQ</span>
                    <span class="dii-address-text">
                        Jl. Jenderal Basuki Rachmat No.04 A, RT.4/RW.6,<br>
                        Cipinang Besar Sel., Kecamatan Jatinegara,<br>
                        Jakarta Timur, DKI Jakarta 13410
                    </span>
                    <a href="https://maps.app.goo.gl/1asCyBtYZbqub6r16" target="_blank" class="dii-map-link">View on Map →</a>
                </div>

                <div class="dii-address-item">
                    <span class="dii-office-name">Bogor Office</span>
                    <span class="dii-address-text">
                        Jl. Majapahit Raya No.9 Blok O2, RT.007/RW.007,<br>
                        Kedungbadak, Tanah Sereal,<br>
                        Bogor City, West Java 16164
                    </span>
                    <a href="https://maps.app.goo.gl/DjESSH7yZQDiNhBN8" target="_blank" class="dii-map-link">View on Map →</a>
                </div>
            </div>

            <div class="dii-info-block">
                <h3>Direct Contact</h3>
                <div class="dii-contact-link-group">
                    <a href="https://wa.me/628119784442?text=Hello%20DII%20Venture%20Capital%20Team,%20I%20would%20like%20to%20request%20a%20consultation%20to%20discuss%20potential%20investment%20or%20strategic%20collaboration%20opportunities." target="_blank" class="dii-contact-btn">
                        <div>
                            <span class="dii-btn-label">WhatsApp / Phone</span>
                            <span class="dii-btn-value">+62 811-9784-442</span>
                        </div>
                        <span class="dii-arrow-icon">→</span>
                    </a>

                    <a href="mailto:info@dii.ventures?subject=Investment%20Consultation%20Request&body=Dear%20DII%20Team,%0A%0AI%20am%20interested%20in%20discussing..." class="dii-contact-btn">
                        <div>
                            <span class="dii-btn-label">Email Inquiries</span>
                            <span class="dii-btn-value">info@dii.ventures</span>
                        </div>
                        <span class="dii-arrow-icon">→</span>
                    </a>
                </div>
            </div>

            <div>
                 <span class="dii-hours">Business Hours: 09:00 AM — 06:00 PM (WIB)</span>
            </div>

        </div>

        <div class="dii-form-col">
            <div class="dii-form-container">
                <form action="#" method="POST"> 
                    
                    <div class="dii-form-group">
                        <label class="dii-label">Full Name</label>
                        <input type="text" class="dii-input" placeholder="e.g. John Doe" required>
                    </div>

                    <div class="dii-form-group">
                        <label class="dii-label">Work Email Address</label>
                        <input type="email" class="dii-input" placeholder="name@company.com" required>
                    </div>

                    <div class="dii-form-group">
                        <label class="dii-label">Company / Institution</label>
                        <input type="text" class="dii-input" placeholder="Company Name" required>
                    </div>

                    <div class="dii-form-group">
                        <label class="dii-label">Investment Interest / Message</label>
                        <textarea class="dii-textarea" placeholder="Briefly describe your inquiry..." required></textarea>
                    </div>

                    <button type="submit" class="dii-submit-btn">Request a Consultation</button>
                    
                    <span class="dii-confidential">
                        <svg width="10" height="10" viewBox="0 0 24 24" fill="currentColor" style="margin-right:4px;"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>
                        All inquiries are treated with strict confidentiality.
                    </span>

                </form>
            </div>
        </div>

    </div>
</div>/* End custom CSS */