update

assets/css/style16eb.css

@@ -100,6 +100,7 @@
 ***************************************/
 /*-- Variables --*/
 :root {
+  --color-white1:white;
   --color-btn:#F5821F;
   --color-primary: #0383d3;
   --color-primary-alt: #F5821F;
@@ -12576,7 +12577,7 @@ Primary style
   }
 }
 .tmp-section-title-border .subtitle .subtitle-text {
-  color: var(--color-body);
+  color: var(--color-primary);
   font-weight: 700;
   width: max-content;
 }
@@ -31859,4 +31860,52 @@ transition: 0.3s all ease-out;
 }
 .time-box:hover .uni img{
   background-color: var(--color-btn);
-}
+}
+.branch-area {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  justify-content: space-around;
+  background-color: var(--color-white1);
+  border-radius: 8px;
+  padding: 12px;
+}
+
+/* Mobile view: 2 buttons per row */
+@media (max-width: 576px) {
+  .branch-area > .tmp-load-more {
+    flex: 0 0 calc(50% - 6px);
+    max-width: calc(50% - 6px);
+  }
+  .tmp-btn.btn-large{
+
+line-height: 42px;
+  }
+  
+}
+
+/* Make the <a> fill its container */
+.branch-area .tmp-load-more a.tmp-btn {
+  width: 100%;
+  text-align: center;
+  white-space: normal;    /* allow text wrap */
+  word-break: break-word; /* wrap long text */
+  display: inline-block;  /* fix flex shrinking issue */
+  padding: 10px 12px;
+  line-height: 38px;
+}
+
+
+/* contact form */
+/* Smooth transition for dynamic content */
+.aapoiment-left-area-thumbnail img,
+.tmp-map-area iframe,
+.tmp-contact-address {
+  transition: opacity 0.35s ease, transform 0.35s ease;
+}
+
+/* Fade-out state */
+.branch-fade-out {
+  opacity: 0;
+  transform: translateY(8px);
+}