Production version

custom/css/main.css

@@ -3753,4 +3753,102 @@ input[type="password"] {
     .review-item p::after {
         font-size: 2.5rem;
     }
+
+    .top-content h2, .bottom-content h2 {
+      font-size: 1.2em;         /* Reduce font size */
+      word-break: break-word;   /* Break long words */
+      hyphens: auto;            /* Hyphenate if needed */
+      white-space: normal;      /* Allow wrapping */
+      overflow-wrap: break-word;
+      line-height: 1.2;
+      max-width: 90vw;          /* Prevent overflow */
+  } 
+}
+
+/* Reviews section */
+.reviews {
+    padding: 60px 0;
+    background-color: var(--color-light-gray);
+}
+
+.reviews .container {
+    max-width: 90%;
+    margin: 0 auto;
+}
+
+.reviews h2 {
+    text-align: center;
+    color: var(--color-dark-blue);
+    font-size: 2.2rem;
+    margin-bottom: 50px;
+    font-weight: 600;
+}
+
+.reviews-container {
+    display: flex;
+    gap: 20px;
+    overflow-x: auto;
+    scroll-behavior: smooth;
+    scrollbar-width: none; /* Hide scrollbar for Firefox */
+    -ms-overflow-style: none; /* Hide scrollbar for IE/Edge */
+}
+
+.reviews-container::-webkit-scrollbar {
+    display: none; /* Hide scrollbar for Webkit browsers */
+}
+
+.review-item {
+    flex: 0 0 320px;
+    min-width: 320px;
+    background: var(--color-white);
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+}
+
+.stars {
+    color: var(--color-star);
+    font-size: 1.3rem;
+    margin-bottom: 10px;
+}
+
+.reviewer {
+    font-weight: bold;
+    margin-top: 15px;
+    color: var(--color-dark-blue);
+}
+
+/* Mobile responsiveness */
+@media (max-width: 768px) {
+    .reviews {
+        padding: 40px 0;
+    }
+    
+    .reviews h2 {
+        font-size: 1.8rem;
+        margin-bottom: 30px;
+    }
+    
+    .review-item {
+        flex: 0 0 280px;
+        min-width: 280px;
+        padding: 15px;
+    }
+}
+
+@media (max-width: 480px) {
+    .review-item {
+        flex: 0 0 250px;
+        min-width: 250px;
+        padding: 12px;
+    }
+    
+    .reviews-container {
+        gap: 15px;
+    }
+    
+    .review-item p {
+        font-size: 14px;
+        line-height: 1.4;
+    }
 }