diff --git a/src/app/content/hemat-app/cost-management/cost-management.component.html b/src/app/content/hemat-app/cost-management/cost-management.component.html
index c53a455..4998b63 100644
--- a/src/app/content/hemat-app/cost-management/cost-management.component.html
+++ b/src/app/content/hemat-app/cost-management/cost-management.component.html
@@ -186,6 +186,44 @@
           </div>
         </div>
       </section>
+      <section id="configuration">
+        <div class="row">
+          <div class="col-lg-6 col-12">
+            <div class="card pull-up">
+              <div class="card-content">
+                <div class="card-body">
+                  <div class="media d-flex">
+                    <div class="media-body text-left">
+                      <h6 class="text-muted">Total Use </h6>
+                      <h3>3,568</h3>
+                    </div>
+                    <div class="align-self-center">
+                      <i class="feather ft-zap danger font-large-2 float-right"></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-lg-6 col-12">
+            <div class="card pull-up">
+              <div class="card-content">
+                <div class="card-body">
+                  <div class="media d-flex">
+                    <div class="media-body text-left">
+                      <h6 class="text-muted">Estimation Cost</h6>
+                      <h3>Rp 1.000.000.000.000</h3>
+                    </div>
+                    <div class="align-self-center">
+                      <i class="feather ft-trending-up success font-large-2 float-right"></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
     </div>
   </div>
 </div>