.pkp_structure_content{
    padding: 0px !important;
    display: flex;
}
.pkp_structure_main:before, 
.pkp_structure_main:after {
    border: none !important;
}
.pkp_structure_main{
    /*background:red;*/
    width:100%;
}
.page_homepage{
    width:100%;
    
}

/* ==========================================================================
   2. HERO BANNER & COUNTER STATISTIK (PRESISI)
   ========================================================================== */
.unp-hero-section {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 50px 6% 120px 6% !important;
    background: linear-gradient(135deg, #f4f9ff 0%, #eef5fc 100%) !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
.hero-text-container { flex: 0 0 55% !important; max-width: 55% !important; }
.hero-text-container h1 { font-size: 2.4rem !important; font-weight: 800 !important; color: #0c2340 !important; border: none !important; line-height: 1.3 !important;}
.hero-text-container h1 .highlight-blue { color: #0056b3 !important; }
.hero-action-buttons { display: flex !important; gap: 12px !important; margin-top: 20px !important; }
.hero-action-buttons .btn-jelahi { background-color: #0056b3 !important; color: #ffffff !important; padding: 10px 22px !important; font-weight: 600 !important; border-radius: 6px !important; text-decoration: none !important; }
.hero-action-buttons .btn-submit { background-color: #ffffff !important; color: #333333 !important; padding: 10px 22px !important; font-weight: 600 !important; border: 1px solid #cccccc !important; border-radius: 6px !important; text-decoration: none !important; }
.hero-image-container { flex: 0 0 38% !important; max-width: 38% !important; }
.hero-image-container img { width: 100% !important; height: auto !important; }

.unp-counter-container {
    display: flex !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    padding: 20px 25px !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: -60px auto 40px auto !important;
    position: relative !important;
    z-index: 99 !important;
    box-sizing: border-box !important;
}
.counter-card { display: flex !important; align-items: center !important; gap: 12px !important; flex: 1 !important; justify-content: center !important; border-right: 1px solid #eeeeee !important; }
.counter-card:last-child { border-right: none !important; }