diff --git a/resources/views/auth/index.blade.php b/resources/views/auth/index.blade.php
index 8c9b89a..33c9742 100644
--- a/resources/views/auth/index.blade.php
+++ b/resources/views/auth/index.blade.php
@@ -19,20 +19,6 @@
         .login-wrapper{
             min-height: 650px;
         }
-
-        .carousel-inner{
-            height: 490px;
-        }
-
-        .carousel-item{
-            height: 490px;
-        }
-
-        .carousel-item img{
-            width: 100%;
-            height: 100%;
-            object-fit: contain;
-        }
         .login-card{
             min-height: 300px;
         }
@@ -42,24 +28,92 @@
             flex-direction:column;
             justify-content:center;
         }
+
+        .carousel-image{
+            width:100%;
+            max-height:420px;
+            object-fit:contain;
+        }
+
+        .carousel-indicators{
+            bottom:-40px;
+        }
+
+        .carousel-indicators button{
+            background-color:#0d6efd;
+        }
+
+        @media (max-width: 768px){
+            .carousel-image{
+                max-height:300px;
+            }
+        }
+        .carousel-indicators{
+          bottom: -50px;
+        }
+
+        .carousel-indicators button{
+            width: 10px !important;
+            height: 10px !important;
+            border-radius: 50% !important;
+            background-color: #adb5bd !important;
+            border: none !important;
+            margin: 0 5px !important;
+            opacity: 1 !important;
+        }
+
+        .carousel-indicators .active{
+            background-color: #212529 !important;
+            transform: scale(1.2);
+        }
     </style>
 
 <body>
   <!--  Body Wrapper -->
         <div class="container p-5">
           <div class="row">
-            <div class="col-md-7">
-                <div class="text-center">
+            <div class="col-md-7 d-none d-md-flex flex-column justify-content-center">
+
+                <!-- Header -->
+                <div class="text-center mb-4">
+
                     <img src="/logo/logo_rsabhk.png"
-                        class="img-fluid"
-                        style="max-height:80px;">
-                     <h5 class="fw-bold mt-4">RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA</h4>
+                        class="img-fluid mb-3"
+                        style="max-height:90px;">
+
+                    <h4 class="fw-bold text-black mb-1">
+                        RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA
+                    </h4>
+
                 </div>
+
+                <!-- Slider -->
                 <div id="loginCarousel"
-                    class="carousel slide carousel-fade"
+                    class="carousel slide"
                     data-bs-ride="carousel"
                     data-bs-interval="3000">
 
+                    <!-- Indicator -->
+                    <div class="carousel-indicators">
+
+                        <button type="button"
+                                data-bs-target="#loginCarousel"
+                                data-bs-slide-to="0"
+                                class="active">
+                        </button>
+
+                        <button type="button"
+                                data-bs-target="#loginCarousel"
+                                data-bs-slide-to="1">
+                        </button>
+
+                        <button type="button"
+                                data-bs-target="#loginCarousel"
+                                data-bs-slide-to="2">
+                        </button>
+
+                    </div>
+
                     <div class="carousel-inner">
 
                         <div class="carousel-item active text-center">
@@ -78,6 +132,7 @@
                         </div>
 
                     </div>
+
                 </div>
 
             </div>
