Update README.md

README.md

@@ -136,6 +136,7 @@ body {
   color: #333;
 }
 
+/* Carousel Styles */
 .carousel {
   position: relative;
   width: 100%;
@@ -177,6 +178,26 @@ body {
   padding: 10px;
   cursor: pointer;
 }
+
+.dot-container {
+  text-align: center;
+  padding: 10px;
+}
+
+.dot {
+  height: 15px;
+  width: 15px;
+  margin: 0 2px;
+  background-color: #bbb;
+  border-radius: 50%;
+  display: inline-block;
+  transition: background-color 0.6s ease;
+}
+
+.active,
+.dot:hover {
+  background-color: #717171;
+}
   
 .detail {
   display: flex;