.elementor-8854 .elementor-element.elementor-element-3d63673{--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-8854 .elementor-element.elementor-element-eb3ef72{--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-8854 .elementor-element.elementor-element-b22658e{--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-8854 .elementor-element.elementor-element-40e318b{--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-8854 .elementor-element.elementor-element-e5b6182{--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-8854 .elementor-element.elementor-element-5636c89{--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-8854 .elementor-element.elementor-element-53748d6{--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-8854 .elementor-element.elementor-element-85c1914{--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-8854 .elementor-element.elementor-element-fb057f6{--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-8854 .elementor-element.elementor-element-1cfc1ba{--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-8854 .elementor-element.elementor-element-0218cfe{--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-8854 .elementor-element.elementor-element-e754337{--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-8854 .elementor-element.elementor-element-06857b5{--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-8854 .elementor-element.elementor-element-2e9c328{--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-8854 .elementor-element.elementor-element-dc360c9{--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;}/* Start custom CSS for container, class: .elementor-element-85c1914 *//* Responsive */
    @media (max-width: 992px) {
        .project-content {
            grid-template-columns: 1fr;
            padding: 20px; /* Mengurangi padding dari 30px agar lebih proporsional */
        }
        .detail-section {
            border-left: none;
            padding-left: 0;
            border-top: 1px solid #EAEAEA;
            padding-top: 25px;
        }
        .project-stats {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    /* Tambahan khusus untuk layar Mobile (HP) */
    @media (max-width: 576px) {
        .section-title {
            font-size: 26px;
        }
        .project-content {
            padding: 15px; /* Memaksimalkan ruang untuk elemen di dalamnya */
        }
        .phase-nav {
            flex-direction: column; /* Menyusun label dan tombol fase atas-bawah */
            align-items: stretch;
            gap: 10px;
        }
        .phase-tabs {
            width: 100%;
            display: flex;
        }
        .phase-btn {
            flex: 1; /* Membagi lebar tombol secara merata agar tidak terpotong */
            padding: 8px 2px;
            font-size: 10px;
            text-align: center;
        }
        .main-image-box {
            height: 250px; /* Menyesuaikan tinggi gambar utama agar tidak terlalu memanjang */
        }
        .image-caption {
            font-size: 9px;
            left: 10px;
            bottom: 10px;
            right: 10px; /* Mencegah teks caption menabrak batas kanan layar */
        }
        .thumbnail-grid {
            gap: 6px;
        }
        .thumb-item {
            height: 65px; /* Menyesuaikan rasio tinggi thumbnail */
        }
        .tab-btn {
            font-size: 11px;
            padding: 8px 10px;
        }
    }/* End custom CSS */