diff --git a/account_manage.php b/account_manage.php
index 23e2cc2..9af1788 100644
--- a/account_manage.php
+++ b/account_manage.php
@@ -147,12 +147,7 @@ $view .= '</div>';
 
 $view .= '<div class="tabs">
             <a href="#" class="active">'.$view_account_information.'</a>
-            <a href="#">'.$view_account_contact.'</a>
-            <a href="#">'.$account_billing.'</a>
-            <a href="#">'.$account_shipping.'</a>
-            <a href="#">'.$tab3.'</a>
-        </div>
-    ';
+         </div>';
 //Define Permission & Profile
 
 $view .= '<div class="content-block tab-content active">
@@ -186,8 +181,10 @@ $view .= '<div class="content-block tab-content active">
             </div>
         </div>';
 
-$view .= '<div class="content-block tab-content">
- 
+$view .= '<div class="tabs">
+            <a href="#">'.$view_account_contact.'</a>
+         </div>
+         <div class="content-block tab-content">
             <div class="form responsive-width-100">
                 <label for="">'.$account_contactfirstname.'</label>
                 <input name="accountdetails[contactfirstname]" type="text" value="'.$accountdetails->contactfirstname.'">
@@ -206,8 +203,10 @@ $view .= '<div class="content-block tab-content">
             </div>
 </div>';
 
-$view .= '<div class="content-block tab-content">
- 
+$view .= '<div class="tabs">
+            <a href="#">'.$account_billing.'</a>
+         </div>
+         <div class="content-block tab-content">
             <div class="form responsive-width-100">
                 <label for="">'.$account_billstreetadress.'</label>
                 <input name="accountdetails[billstreetadress]" type="text" value="'.$accountdetails->billstreetadress.'">
@@ -231,7 +230,10 @@ $view .= '<div class="content-block tab-content">
             </div>
         </div>';
 
-$view .= '<div class="content-block tab-content">
+$view .= '<div class="tabs">
+            <a href="#">'.$account_shipping.'</a>
+         </div>
+         <div class="content-block tab-content">
             <div class="form responsive-width-100">
                 <label for="">'.$account_streetadress.'</label>
                 <input name="accountdetails[streetadress]" type="text" value="'.$accountdetails->streetadress.'">
@@ -272,8 +274,10 @@ $view .= '<div class="content-block tab-content">
 $partner_data = json_decode($_SESSION['partnerhierarchy']);
 $soldto_dropdown = listPartner('soldto',$_SESSION['permission'],$accounthierarchy->soldto,'');
 
-$view .= '<div class="content-block tab-content">
-        
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>
+         <div class="content-block tab-content">
             <div class="form responsive-width-100">
                 <label for="">'.$general_salesid.'</label>
                 <input name="salesid" type="text" value="'.$partner_data->salesid.'">
diff --git a/assets/admin.js b/assets/admin.js
index 15f2a49..b3869a2 100644
--- a/assets/admin.js
+++ b/assets/admin.js
@@ -23,17 +23,37 @@ document.querySelector('.responsive-toggle').onclick = event => {
 document.querySelectorAll('.tabs a').forEach((element, index) => {
     element.onclick = event => {
         event.preventDefault();
-        document.querySelectorAll('.tabs a').forEach(element => element.classList.remove('active'));
-        document.querySelectorAll('.tab-content').forEach((element2, index2) => {
-            if (index == index2) {
-                element.classList.add('active');
-                element2.style.display = 'block';
-            } else {
-                element2.style.display = 'none';
-            }
+        
+        // Toggle the clicked tab
+        const isActive = element.classList.contains('active');
+        const tabContent = document.querySelectorAll('.tab-content')[index];
+        
+        // Remove active class from all tabs and contents
+        document.querySelectorAll('.tabs a').forEach(el => el.classList.remove('active'));
+        document.querySelectorAll('.tab-content').forEach(content => {
+            content.classList.remove('active');
+            content.style.display = 'none';
         });
+        
+        // If it wasn't active, make it active (collapsible behavior)
+        if (!isActive && tabContent) {
+            element.classList.add('active');
+            tabContent.classList.add('active');
+            tabContent.style.display = 'block';
+        }
     };
 });
+
+// Initialize first tab as open by default
+if (document.querySelectorAll('.tabs a').length > 0) {
+    const firstTab = document.querySelectorAll('.tabs a')[0];
+    const firstContent = document.querySelectorAll('.tab-content')[0];
+    if (firstTab && firstContent) {
+        firstTab.classList.add('active');
+        firstContent.classList.add('active');
+        firstContent.style.display = 'block';
+    }
+}
 if (document.querySelector('.filters a')) {
     let filtersList = document.querySelector('.filters .list');
     let filtersListStyle = window.getComputedStyle(filtersList);
diff --git a/assets/images/media/1-Morval-Watches2024-V1-Blue-Black-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-Blue-Black-Date normaal.png
new file mode 100644
index 0000000..e63de24
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-Blue-Black-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-Blue-Brown-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-Blue-Brown-Date normaal.png
new file mode 100644
index 0000000..e3df3c2
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-Blue-Brown-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-Blue-Calf-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-Blue-Calf-Date normaal.png
new file mode 100644
index 0000000..4347d7f
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-Blue-Calf-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-Blue-DarkBlue-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-Blue-DarkBlue-Date normaal.png
new file mode 100644
index 0000000..ca628e6
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-Blue-DarkBlue-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-Blue-Steel-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-Blue-Steel-Date normaal.png
new file mode 100644
index 0000000..234da73
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-Blue-Steel-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-DarkGrey-Black-Soft normaal.png b/assets/images/media/1-Morval-Watches2024-V1-DarkGrey-Black-Soft normaal.png
new file mode 100644
index 0000000..d8943a1
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-DarkGrey-Black-Soft normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-DarkGrey-Brown-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-DarkGrey-Brown-Date normaal.png
new file mode 100644
index 0000000..b94e1df
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-DarkGrey-Brown-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-DarkGrey-Calf-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-DarkGrey-Calf-Date normaal.png
new file mode 100644
index 0000000..d10832d
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-DarkGrey-Calf-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-Black-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-Black-Date normaal.png
new file mode 100644
index 0000000..cbdf9f7
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-Black-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-DarkBlue normaal.png b/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-DarkBlue normaal.png
new file mode 100644
index 0000000..189713a
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-DarkBlue normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-DarkBlue-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-DarkBlue-Date normaal.png
new file mode 100644
index 0000000..3c6e8d7
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-DarkBlue-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-Steel-Date normaal.png b/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-Steel-Date normaal.png
new file mode 100644
index 0000000..260f28e
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-Darkgrey-Steel-Date normaal.png differ
diff --git a/assets/images/media/1-Morval-Watches2024-V1-LightBlue-DarkBlue normaal.png b/assets/images/media/1-Morval-Watches2024-V1-LightBlue-DarkBlue normaal.png
new file mode 100644
index 0000000..edeb083
Binary files /dev/null and b/assets/images/media/1-Morval-Watches2024-V1-LightBlue-DarkBlue normaal.png differ
diff --git a/assets/images/media/67fbcc9ac57a5_Swim-Spas-Image-1.jpg b/assets/images/media/67fbcc9ac57a5_Swim-Spas-Image-1.jpg
new file mode 100644
index 0000000..6d7584a
Binary files /dev/null and b/assets/images/media/67fbcc9ac57a5_Swim-Spas-Image-1.jpg differ
diff --git a/assets/images/media/67fbcda135a98_hotspringworld-42.webp b/assets/images/media/67fbcda135a98_hotspringworld-42.webp
new file mode 100644
index 0000000..ba91a01
Binary files /dev/null and b/assets/images/media/67fbcda135a98_hotspringworld-42.webp differ
diff --git a/assets/images/media/Band_0000_Layer-1-copy normaal.png b/assets/images/media/Band_0000_Layer-1-copy normaal.png
new file mode 100644
index 0000000..28ff691
Binary files /dev/null and b/assets/images/media/Band_0000_Layer-1-copy normaal.png differ
diff --git a/assets/images/media/Band_0001_Layer-2-copy normaal.png b/assets/images/media/Band_0001_Layer-2-copy normaal.png
new file mode 100644
index 0000000..e9320f0
Binary files /dev/null and b/assets/images/media/Band_0001_Layer-2-copy normaal.png differ
diff --git a/assets/images/media/Band_0002_Layer-3-copy normaal.png b/assets/images/media/Band_0002_Layer-3-copy normaal.png
new file mode 100644
index 0000000..88198a4
Binary files /dev/null and b/assets/images/media/Band_0002_Layer-3-copy normaal.png differ
diff --git a/assets/images/media/Band_0003_Layer-4-copy normaal.png b/assets/images/media/Band_0003_Layer-4-copy normaal.png
new file mode 100644
index 0000000..b9a20bb
Binary files /dev/null and b/assets/images/media/Band_0003_Layer-4-copy normaal.png differ
diff --git a/assets/images/media/Band_0004_Layer-1 normaal.png b/assets/images/media/Band_0004_Layer-1 normaal.png
new file mode 100644
index 0000000..f5f9ab1
Binary files /dev/null and b/assets/images/media/Band_0004_Layer-1 normaal.png differ
diff --git a/assets/images/media/Band_0005_Layer-2 normaal.png b/assets/images/media/Band_0005_Layer-2 normaal.png
new file mode 100644
index 0000000..a585050
Binary files /dev/null and b/assets/images/media/Band_0005_Layer-2 normaal.png differ
diff --git a/assets/images/media/Band_0006_Layer-4 normaal.png b/assets/images/media/Band_0006_Layer-4 normaal.png
new file mode 100644
index 0000000..9cbd799
Binary files /dev/null and b/assets/images/media/Band_0006_Layer-4 normaal.png differ
diff --git a/assets/images/media/Band_0007_Layer-3 normaal.png b/assets/images/media/Band_0007_Layer-3 normaal.png
new file mode 100644
index 0000000..f37c994
Binary files /dev/null and b/assets/images/media/Band_0007_Layer-3 normaal.png differ
diff --git a/assets/images/media/EPH2NA1.png b/assets/images/media/EPH2NA1.png
new file mode 100644
index 0000000..c21df08
Binary files /dev/null and b/assets/images/media/EPH2NA1.png differ
diff --git a/assets/images/media/EPSK01.jpg b/assets/images/media/EPSK01.jpg
new file mode 100644
index 0000000..1f0d38d
Binary files /dev/null and b/assets/images/media/EPSK01.jpg differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-Black normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-Black normaal.png
new file mode 100644
index 0000000..ff77427
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-Black normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-Black-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-Black-Date normaal.png
new file mode 100644
index 0000000..e63de24
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-Black-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-Brown normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-Brown normaal.png
new file mode 100644
index 0000000..620f56f
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-Brown normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-Brown-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-Brown-Date normaal.png
new file mode 100644
index 0000000..e3df3c2
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-Brown-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-Calf normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-Calf normaal.png
new file mode 100644
index 0000000..c0d2845
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-Calf normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-Calf-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-Calf-Date normaal.png
new file mode 100644
index 0000000..4347d7f
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-Calf-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-DarkBlue normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-DarkBlue normaal.png
new file mode 100644
index 0000000..668d797
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-DarkBlue normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-DarkBlue-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-DarkBlue-Date normaal.png
new file mode 100644
index 0000000..ca628e6
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-DarkBlue-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-Steel normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-Steel normaal.png
new file mode 100644
index 0000000..ff6788b
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-Steel normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Blue-Steel-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Blue-Steel-Date normaal.png
new file mode 100644
index 0000000..234da73
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Blue-Steel-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-DarkGrey-Black-Soft normaal.png b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Black-Soft normaal.png
new file mode 100644
index 0000000..d8943a1
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Black-Soft normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-DarkGrey-Brown normaal.png b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Brown normaal.png
new file mode 100644
index 0000000..8fd2e79
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Brown normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-DarkGrey-Brown-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Brown-Date normaal.png
new file mode 100644
index 0000000..b94e1df
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Brown-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-DarkGrey-Calf normaal.png b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Calf normaal.png
new file mode 100644
index 0000000..f3ef1ad
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Calf normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-DarkGrey-Calf-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Calf-Date normaal.png
new file mode 100644
index 0000000..d10832d
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Calf-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-DarkGrey-Steel normaal.png b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Steel normaal.png
new file mode 100644
index 0000000..dc0d6c6
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-DarkGrey-Steel normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Darkgrey-Black-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Darkgrey-Black-Date normaal.png
new file mode 100644
index 0000000..cbdf9f7
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Darkgrey-Black-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Darkgrey-DarkBlue normaal.png b/assets/images/media/Morval-Watches2024-V1-Darkgrey-DarkBlue normaal.png
new file mode 100644
index 0000000..189713a
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Darkgrey-DarkBlue normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Darkgrey-DarkBlue-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Darkgrey-DarkBlue-Date normaal.png
new file mode 100644
index 0000000..3c6e8d7
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Darkgrey-DarkBlue-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Darkgrey-Steel-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Darkgrey-Steel-Date normaal.png
new file mode 100644
index 0000000..260f28e
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Darkgrey-Steel-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Green-Black normaal.png b/assets/images/media/Morval-Watches2024-V1-Green-Black normaal.png
new file mode 100644
index 0000000..9b0d748
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Green-Black normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Green-Black-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Green-Black-Date normaal.png
new file mode 100644
index 0000000..b424ba1
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Green-Black-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Green-Brown-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Green-Brown-Date normaal.png
new file mode 100644
index 0000000..fa82b71
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Green-Brown-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Green-Calf-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Green-Calf-Date normaal.png
new file mode 100644
index 0000000..c081792
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Green-Calf-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Green-DarkBlue normaal.png b/assets/images/media/Morval-Watches2024-V1-Green-DarkBlue normaal.png
new file mode 100644
index 0000000..79c195e
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Green-DarkBlue normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Green-DarkBlue-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Green-DarkBlue-Date normaal.png
new file mode 100644
index 0000000..b09c59d
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Green-DarkBlue-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Green-Steel-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Green-Steel-Date normaal.png
new file mode 100644
index 0000000..4815362
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Green-Steel-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Grey-Black normaal.png b/assets/images/media/Morval-Watches2024-V1-Grey-Black normaal.png
new file mode 100644
index 0000000..deee56f
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Grey-Black normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Grey-Black-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Grey-Black-Date normaal.png
new file mode 100644
index 0000000..6c09695
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Grey-Black-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Grey-Brown-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Grey-Brown-Date normaal.png
new file mode 100644
index 0000000..2789db1
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Grey-Brown-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Grey-Calf-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Grey-Calf-Date normaal.png
new file mode 100644
index 0000000..57b817c
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Grey-Calf-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Grey-DarkBlue normaal.png b/assets/images/media/Morval-Watches2024-V1-Grey-DarkBlue normaal.png
new file mode 100644
index 0000000..a38d0a7
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Grey-DarkBlue normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Grey-DarkBlue-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Grey-DarkBlue-Date normaal.png
new file mode 100644
index 0000000..d3065f7
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Grey-DarkBlue-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Grey-Steel-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Grey-Steel-Date normaal.png
new file mode 100644
index 0000000..0a85be8
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Grey-Steel-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-LighBlue-Steel-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-LighBlue-Steel-Date normaal.png
new file mode 100644
index 0000000..594ea33
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-LighBlue-Steel-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-LightBlue-Black normaal.png b/assets/images/media/Morval-Watches2024-V1-LightBlue-Black normaal.png
new file mode 100644
index 0000000..9085101
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-LightBlue-Black normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-LightBlue-Calf-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-LightBlue-Calf-Date normaal.png
new file mode 100644
index 0000000..e4cce5c
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-LightBlue-Calf-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-LightBlue-DarkBlue normaal.png b/assets/images/media/Morval-Watches2024-V1-LightBlue-DarkBlue normaal.png
new file mode 100644
index 0000000..edeb083
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-LightBlue-DarkBlue normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-LightBlue-DarkBlue-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-LightBlue-DarkBlue-Date normaal.png
new file mode 100644
index 0000000..a4a5ae7
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-LightBlue-DarkBlue-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Lightblue-Black-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Lightblue-Black-Date normaal.png
new file mode 100644
index 0000000..70ddd78
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Lightblue-Black-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-V1-Lightblue-Brown-Date normaal.png b/assets/images/media/Morval-Watches2024-V1-Lightblue-Brown-Date normaal.png
new file mode 100644
index 0000000..cb77fb7
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-V1-Lightblue-Brown-Date normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-_0010_Grey-Steel normaal.png b/assets/images/media/Morval-Watches2024-_0010_Grey-Steel normaal.png
new file mode 100644
index 0000000..cf23bb5
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-_0010_Grey-Steel normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-_0011_Grey-Calf normaal.png b/assets/images/media/Morval-Watches2024-_0011_Grey-Calf normaal.png
new file mode 100644
index 0000000..f27dc60
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-_0011_Grey-Calf normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-_0012_Grey-Brown normaal.png b/assets/images/media/Morval-Watches2024-_0012_Grey-Brown normaal.png
new file mode 100644
index 0000000..8693c7e
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-_0012_Grey-Brown normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-_0015_Blue-Steel normaal.png b/assets/images/media/Morval-Watches2024-_0015_Blue-Steel normaal.png
new file mode 100644
index 0000000..d5d87fe
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-_0015_Blue-Steel normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-_0016_Blue-Calf normaal.png b/assets/images/media/Morval-Watches2024-_0016_Blue-Calf normaal.png
new file mode 100644
index 0000000..77afdda
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-_0016_Blue-Calf normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-_0017_Blue-Brown normaal.png b/assets/images/media/Morval-Watches2024-_0017_Blue-Brown normaal.png
new file mode 100644
index 0000000..dd790eb
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-_0017_Blue-Brown normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-_0020_Green-Steel normaal.png b/assets/images/media/Morval-Watches2024-_0020_Green-Steel normaal.png
new file mode 100644
index 0000000..bc16af0
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-_0020_Green-Steel normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-_0021_Green-Calf normaal.png b/assets/images/media/Morval-Watches2024-_0021_Green-Calf normaal.png
new file mode 100644
index 0000000..0117c40
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-_0021_Green-Calf normaal.png differ
diff --git a/assets/images/media/Morval-Watches2024-_0022_Green-Brown normaal.png b/assets/images/media/Morval-Watches2024-_0022_Green-Brown normaal.png
new file mode 100644
index 0000000..2511a89
Binary files /dev/null and b/assets/images/media/Morval-Watches2024-_0022_Green-Brown normaal.png differ
diff --git a/assets/images/media/Morval_achterkant.png b/assets/images/media/Morval_achterkant.png
new file mode 100644
index 0000000..4f72459
Binary files /dev/null and b/assets/images/media/Morval_achterkant.png differ
diff --git a/assets/images/media/SP1.jpg b/assets/images/media/SP1.jpg
new file mode 100644
index 0000000..ebb548d
Binary files /dev/null and b/assets/images/media/SP1.jpg differ
diff --git a/assets/images/media/band_black.png b/assets/images/media/band_black.png
new file mode 100644
index 0000000..da12733
Binary files /dev/null and b/assets/images/media/band_black.png differ
diff --git a/assets/images/media/band_black_croc.png b/assets/images/media/band_black_croc.png
new file mode 100644
index 0000000..f16ddef
Binary files /dev/null and b/assets/images/media/band_black_croc.png differ
diff --git a/assets/images/media/band_blue.png b/assets/images/media/band_blue.png
new file mode 100644
index 0000000..482a3cb
Binary files /dev/null and b/assets/images/media/band_blue.png differ
diff --git a/assets/images/media/band_dark_brown.png b/assets/images/media/band_dark_brown.png
new file mode 100644
index 0000000..9cd738f
Binary files /dev/null and b/assets/images/media/band_dark_brown.png differ
diff --git a/assets/images/media/band_light_brown.png b/assets/images/media/band_light_brown.png
new file mode 100644
index 0000000..2fc5545
Binary files /dev/null and b/assets/images/media/band_light_brown.png differ
diff --git a/assets/images/media/band_steel.png b/assets/images/media/band_steel.png
new file mode 100644
index 0000000..2501ebc
Binary files /dev/null and b/assets/images/media/band_steel.png differ
diff --git a/assets/images/media/morval-crown.jpg b/assets/images/media/morval-crown.jpg
new file mode 100644
index 0000000..ac92362
Binary files /dev/null and b/assets/images/media/morval-crown.jpg differ
diff --git a/assets/images/media/morval_band_connect1.jpg b/assets/images/media/morval_band_connect1.jpg
new file mode 100644
index 0000000..1d5c2c5
Binary files /dev/null and b/assets/images/media/morval_band_connect1.jpg differ
diff --git a/assets/images/media/morval_band_connect2.jpg b/assets/images/media/morval_band_connect2.jpg
new file mode 100644
index 0000000..6ede1a2
Binary files /dev/null and b/assets/images/media/morval_band_connect2.jpg differ
diff --git a/assets/images/media/morval_box.jpg b/assets/images/media/morval_box.jpg
new file mode 100644
index 0000000..2acddc2
Binary files /dev/null and b/assets/images/media/morval_box.jpg differ
diff --git a/assets/images/media/morval_closure.jpg b/assets/images/media/morval_closure.jpg
new file mode 100644
index 0000000..299eba1
Binary files /dev/null and b/assets/images/media/morval_closure.jpg differ
diff --git a/cartest_manage.php b/cartest_manage.php
index b58f819..6a7c375 100644
--- a/cartest_manage.php
+++ b/cartest_manage.php
@@ -251,14 +251,20 @@ foreach($arrayQuestions_cartest as $group){
         $view .= '<a href="#">'.$group['Group'].'</a>';
     }
 }
-$view .= '</div>';    
-    
+$view .= '</div>';
+
 foreach($arrayQuestions_cartest as $group){    
   
     if ($group['Group_sequence'] == 1){
+        $view .= '<div class="tabs">
+            <a href="#" class="active">'.$group['Group'].'</a>
+         </div>';
         $view .= '<div class="content-block tab-content active">
                     <div class="form responsive-width-100">';
    } else {
+        $view .= '<div class="tabs">
+            <a href="#">'.$group['Group'].'</a>
+         </div>';
         $view .= '<div class="content-block tab-content">
                     <div class="form responsive-width-100">';
    }
diff --git a/contract_manage.php b/contract_manage.php
index c097f9c..f2a6042 100644
--- a/contract_manage.php
+++ b/contract_manage.php
@@ -127,11 +127,8 @@ if ($update_allowed === 1){
 $view .= '</div>';
 
 $view .= '<div class="tabs">
-            <a href="#" class="active">'.$tab1 .'</a>
-            <a href="#">'.$tab2.'</a>
-            <a href="#">'.$tab3.'</a>
-        </div>
-    ';
+            <a href="#" class="active">'.$tab1.'</a>
+         </div>';
 
 $view .='<div class="content-block tab-content active">
             <div class="form responsive-width-100">
@@ -257,6 +254,10 @@ $shipto_dropdown = listPartner('shipto',$_SESSION['permission'],$partner_data->s
 $location_dropdown = listPartner('location',$_SESSION['permission'],$partner_data->location,'');
 
 //DISPLAY
+$view .= '<div class="tabs">
+            <a href="#">'.$tab2.'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
             <div class="form responsive-width-100">
 ';
@@ -273,6 +274,10 @@ $view .= '
     </div>
 </div>';
 
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
         <div class="form responsive-width-100">
             <label for="">'.$general_created.'</label>
diff --git a/dealer_manage.php b/dealer_manage.php
index 7a4170d..395e7f2 100644
--- a/dealer_manage.php
+++ b/dealer_manage.php
@@ -155,13 +155,7 @@ $view .= '</div>';
 
 $view .= '<div class="tabs">
             <a href="#" class="active">'.($view_dealers_information ?? 'Dealer information').'</a>
-            <a href="#">'.($view_dealer_details_1 ?? 'Descriptions').'</a>
-            <a href="#">'.($view_dealer_details_3 ?? 'Location').'</a>
-            <a href="#">'.($dealers_openinghours ?? 'opening_hours').'</a>
-            <a href="#">'.($view_dealer_details_2 ?? 'Settings').'</a>
-            <a href="#">'.$tab3.'</a>
-         </div>
-    ';
+         </div>';
 
 $view .= '<div class="content-block tab-content active">
             <div class="form responsive-width-100">
@@ -190,6 +184,10 @@ $view .= '<div class="content-block tab-content active">
             $view .= '<input type="hidden" name="rowID" value="'.($responses['rowID'] ?? '').'">';
         }
 
+$view .= '<div class="tabs">
+            <a href="#">'.($view_dealers_descriptions ?? 'Description').'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
             <div class="form responsive-width-100">
                 <label for="dealerdescription">'.($dealers_short_description ?? 'short').'</label>
@@ -325,6 +323,10 @@ $view .= '
         </div>
     </div>';
 
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
         <div class="form responsive-width-100">
             <label for="dealercode">'.$general_created.'</label>
diff --git a/equipment_manage.php b/equipment_manage.php
index 3b23636..a44a706 100644
--- a/equipment_manage.php
+++ b/equipment_manage.php
@@ -157,13 +157,6 @@ if ($update_allowed === 1 || $equipment_owner === 1){
    
 $view .= '</div>';
 
-$view .= '<div class="tabs">
-            <a href="#" class="active">'.$tab1.'</a>
-            <a href="#">'.$tab2.'</a>
-            <a href="#">'.$tab3.'</a>
-         </div>
-    ';
-
 //create product option list
 $product_option_list ='';
 foreach ($products as $product){
@@ -188,7 +181,10 @@ if (isset($products_software) && $products_software !=''){
     $product_software_list .= '</select>';
 }
 
-$view .= '<div class="content-block tab-content active">
+$view .= '<div class="tabs">
+            <a href="#" class="active">'.$tab1.'</a>
+         </div>
+         <div class="content-block tab-content active">
             <div class="form responsive-width-100">
                 <label for="status">'.$equipment_label3.'</label>
                 <select id="status" name="status" '.($update_allowed_special==0? 'disabled':'').'>
@@ -232,8 +228,11 @@ $location_dropdown = listPartner('location',$_SESSION['permission'],$partner_dat
 if (isset($partner_data->section)){$section = getPartnerName($partner_data->section) ?? 'Not specified';} else {$section = 'Not specified';}
 
 
-//DISPLAY
-$view .= '<div class="content-block tab-content">
+//DISPLAY TAB 2
+$view .= '<div class="tabs">
+            <a href="#">'.$tab2.'</a>
+         </div>
+         <div class="content-block tab-content">
             <div class="form responsive-width-100">
 ';
 $view .= '<label for="status">'.$general_salesid.'</label>';
@@ -266,24 +265,28 @@ if (is_array($geo_details)) {
     $geodetails_lon = '';
 }
 
-$view .= '<div class="content-block tab-content">
-        <div class="form responsive-width-100">
-            <label for="productcode">'.$general_created.'</label>
-            <input id="name" type="text" name="" placeholder="'.$general_created.'" value="'.$equipment['created'].'" readonly>
-            <label for="productcode">'.$general_createdby.'</label>
-            <input id="name" type="text" name="" placeholder="'.$general_createdby.'" value="'.$equipment['createdby'].'" readonly>
-            <label for="productcode">'.$general_updated.'</label>
-            <input id="name" type="text" name="" placeholder="'.$general_updated.'" value="'.$equipment['updated'].'" readonly>
-            <label for="productcode">'.$general_updatedby.'</label>
-            <input id="name" type="text" name="" placeholder="'.$general_updatedby.'" value="'.$equipment['updatedby'].'" readonly>
-            <label for="productcode">'.$equipment_label11.'</label>
-            <input id="name" type="text" name="order_ref" placeholder="'.$equipment_label11.'" value="'.$equipment['order_ref'].'">
-            <label for="productcode">'.$equipment_label12.'</label>
-            <input id="name" type="text" name="geolocation[]" placeholder="'.$equipment_label12.'" value="'.$geodetails_lat.'">
-            <input id="name" type="text" name="geolocation[]" placeholder="'.$equipment_label12.'" value="'.$geodetails_lon.'">
-            '.($update_allowed_special==1? $changelog:'').'
-        </div>      
-    </div>';
+//DISPLAY TAB 3
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>
+         <div class="content-block tab-content">
+            <div class="form responsive-width-100">
+                <label for="productcode">'.$general_created.'</label>
+                <input id="name" type="text" name="" placeholder="'.$general_created.'" value="'.$equipment['created'].'" readonly>
+                <label for="productcode">'.$general_createdby.'</label>
+                <input id="name" type="text" name="" placeholder="'.$general_createdby.'" value="'.$equipment['createdby'].'" readonly>
+                <label for="productcode">'.$general_updated.'</label>
+                <input id="name" type="text" name="" placeholder="'.$general_updated.'" value="'.$equipment['updated'].'" readonly>
+                <label for="productcode">'.$general_updatedby.'</label>
+                <input id="name" type="text" name="" placeholder="'.$general_updatedby.'" value="'.$equipment['updatedby'].'" readonly>
+                <label for="productcode">'.$equipment_label11.'</label>
+                <input id="name" type="text" name="order_ref" placeholder="'.$equipment_label11.'" value="'.$equipment['order_ref'].'">
+                <label for="productcode">'.$equipment_label12.'</label>
+                <input id="name" type="text" name="geolocation[]" placeholder="'.$equipment_label12.'" value="'.$geodetails_lat.'">
+                <input id="name" type="text" name="geolocation[]" placeholder="'.$equipment_label12.'" value="'.$geodetails_lon.'">
+                '.($update_allowed_special==1? $changelog:'').'
+            </div>      
+        </div>';
 
 
 $view .= '</form>';
diff --git a/history_manage.php b/history_manage.php
index 536912f..54a97e3 100644
--- a/history_manage.php
+++ b/history_manage.php
@@ -115,9 +115,7 @@ $view .= '</div>';
 
 $view .= '<div class="tabs">
             <a href="#" class="active">'.$tab1.'</a>
-            <a href="#" class="">'.$tab3.'</a>
-        </div>
-    ';
+         </div>';
 
 $view .= '<div class="content-block tab-content active">
             <div class="form responsive-width-100">
@@ -152,6 +150,10 @@ $view .= '<div class="content-block tab-content active">
            </div>
         </div>';
 
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
         
             <div class="form responsive-width-100">
diff --git a/media_manage.php b/media_manage.php
index dd3efb4..04945fa 100644
--- a/media_manage.php
+++ b/media_manage.php
@@ -123,9 +123,7 @@ $view .= '</div>';
 
 $view .= '<div class="tabs">
             <a href="#" class="active">'.$tab1 .'</a>
-            <a href="#">'.$tab3.'</a>
-        </div>
-    ';
+         </div>';
 
 //Define Service and User enabled
 $view .= '<div class="content-block tab-content active">
@@ -141,6 +139,10 @@ $view .= '<div class="content-block tab-content active">
 $view .= '</div>
         </div>';
 
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
         <div class="form responsive-width-100">
             <label for="">'.$general_created.'</label>
diff --git a/pricelists_manage.php b/pricelists_manage.php
index d0d18a1..ce6c2d4 100644
--- a/pricelists_manage.php
+++ b/pricelists_manage.php
@@ -179,9 +179,7 @@ $view .= '</div>';
 
 $view .= '<div class="tabs">
             <a href="#" class="active">'.$tab1 .'</a>
-            <a href="#">'.$tab3.'</a>
-        </div>
-    ';
+         </div>';
 
 //Define Service and User enabled
 $view .= '<div class="content-block tab-content active">
@@ -215,6 +213,10 @@ $view .= '<div class="content-block tab-content active">
             </div>
         </div>';
 
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
         <div class="form responsive-width-100">
             <label for="">'.$general_created.'</label>
diff --git a/product_manage.php b/product_manage.php
index 832d21a..b6a5dd6 100644
--- a/product_manage.php
+++ b/product_manage.php
@@ -159,10 +159,7 @@ $view .= '</div>';
 
 $view .= '<div class="tabs">
             <a href="#" class="active">'.$tab1.'</a>
-            <a href="#">'.$tab4.'</a>
-            <a href="#">'.$tab3.'</a>
-         </div>
-    ';
+         </div>';
 
 $view .= '<div class="content-block tab-content active">
             <div class="form responsive-width-100">
@@ -218,7 +215,10 @@ $view .= '          </div>
             </div>
         </div>';
 
-$view .= '<div class="content-block tab-content">
+$view .= '<div class="tabs">
+            <a href="#">'.$tab4.'</a>
+         </div>
+         <div class="content-block tab-content">
             <div class="form responsive-width-100">
                 <label for="serialized">'.($product_configurable ?? 'Configurable').'</label>
                 <select id="status" name="configurable">
@@ -248,12 +248,15 @@ $view .= '<div class="content-block tab-content">
             </div>
         </div>';
 
-$view .= '<div class="content-block tab-content">
-        <div class="form responsive-width-100">
-            <label for="productcode">'.$general_created.'</label>
-            <input id="name" type="text" name="" placeholder="'.$general_created.'" value="'.$product['created'].'" readonly>
-            <label for="productcode">'.$general_createdby.'</label>
-            <input id="name" type="text" name="" placeholder="'.$general_createdby.'" value="'.$product['createdby'].'" readonly>
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>
+         <div class="content-block tab-content">
+            <div class="form responsive-width-100">
+                <label for="productcode">'.$general_created.'</label>
+                <input id="name" type="text" name="" placeholder="'.$general_created.'" value="'.$product['created'].'" readonly>
+                <label for="productcode">'.$general_createdby.'</label>
+                <input id="name" type="text" name="" placeholder="'.$general_createdby.'" value="'.$product['createdby'].'" readonly>
             <label for="productcode">'.$general_updated.'</label>
             <input id="name" type="text" name="" placeholder="'.$general_updated.'" value="'.$product['updated'].'" readonly>
             <label for="productcode">'.$general_updatedby.'</label>
diff --git a/products_attributes_manage.php b/products_attributes_manage.php
index 8767555..a73de78 100644
--- a/products_attributes_manage.php
+++ b/products_attributes_manage.php
@@ -176,9 +176,7 @@ $view .= '</div>';
 
 $view .= '<div class="tabs">
             <a href="#" class="active">'.$tab1 .'</a>
-            <a href="#">'.$tab3.'</a>
-        </div>
-    ';
+         </div>';
 
 
 $view .='<div class="content-block tab-content active">
@@ -216,6 +214,10 @@ $view .='<div class="content-block tab-content active">
         </div>
         ';
 
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
         <div class="form responsive-width-100">
             <label for="">'.$general_created.'</label>
diff --git a/rma_manage.php b/rma_manage.php
index b092fe0..4fa7b8d 100644
--- a/rma_manage.php
+++ b/rma_manage.php
@@ -337,7 +337,11 @@ if($rma['header']['servicereport_available'] == 0 ){
       $view .='<a href="#">'.($rma_return_tab2 ?? 'Questions').'</a>';
 }
 
-$view .= '</div>';    
+$view .= '</div>';
+
+$view .= '<div class="tabs">
+            <a href="#" class="active">'.$tab1.'</a>
+         </div>';
     
 $view .= '<div class="content-block tab-content active">
             <div class="form responsive-width-100">
@@ -356,6 +360,10 @@ $view .= '<div class="content-block tab-content active">
             </div>
         </div>';
 
+$view .= '<div class="tabs">
+            <a href="#">'.$tab2.'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
             <div class="form responsive-width-100">';
 if($rma['header']['servicereport_available'] == 0 ){
diff --git a/style/admin.css b/style/admin.css
index 64d6df1..bebe95e 100644
--- a/style/admin.css
+++ b/style/admin.css
@@ -4,6 +4,7 @@
   --color-green: #005655;
   --color-red: #a75151;
   --color-gray: #f9fafb;
+  --color-gray-extra:#6b788c;
   --text-color: #555555;
   --text-color-accent: #4a5361;
   --text-color-accent-2:#606c7e;
@@ -531,7 +532,7 @@ main .content-block:has(.sortable) {
 main .content-block .block-header {
   position: relative;
   border-bottom: 1px solid #f0f1f2;
-  margin-bottom: 20px;
+  margin-bottom: 10px;
   padding: 0 15px 15px 15px;
   margin-left: -15px;
   margin-right: -15px;
@@ -573,7 +574,7 @@ main .content-block-wrapper .content-block:last-child {
 }
 
 main .tabs {
-  display: flex;
+  display: block;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   background-color: #dedfe1;
@@ -584,21 +585,36 @@ main .tabs {
 
 main .tabs a {
   display: flex;
+  justify-content: space-between;
+  align-items: center;
   text-decoration: none;
-  padding: 12px 15px;
-  border: 0;
-  color: #6b788c;
+  padding: 5px;
+  border: 1px solid #ddd;
+  color: var(--text-color);
   font-weight: 500;
-  font-size: 14px;
-}
-
-main .tabs a:hover {
-  background-color: #d8dadc;
+  font-size: 12px;
+  background-color: #e9e9e9;
+  cursor: pointer;
+  position: relative;
+  transition: background-color 0.3s ease;
 }
 
 main .tabs a.active {
-  color: var(--text-color-accent);
-  background-color: var(--color-white);
+  color: var(--color-white);
+  background-color: var(--color-green);
+}
+
+main .tabs a::after {
+  content: "▶";
+  font-size: 16px;
+  transition: transform 0.3s ease;
+  color:var(--color-indicator-1);
+}
+
+main .tabs a.active::after {
+  content: "▼";
+  transform: rotate(0deg);
+  color:var(--color-white);
 }
 
 main .tabs ~ .content-block {
@@ -608,6 +624,10 @@ main .tabs ~ .content-block {
 
 main .tab-content {
   display: none;
+  border: 1px solid #ddd;
+  border-top: none;
+  overflow: hidden;
+  transition: max-height 0.3s ease;
 }
 
 main .tab-content.active {
@@ -910,7 +930,7 @@ main .media-page .media .image:hover .title {
 main .order-details .order-detail {
   display: flex;
   justify-content: space-between;
-  padding-bottom: 15px;
+  padding-bottom: 10px;
   word-break: break-all;
 }
 
@@ -997,8 +1017,8 @@ main .manage-order-table .delete-item:hover {
 .table table thead th,
 .table table thead td {
   font-weight: 600;
-  font-size: 13px;
-  padding: 16px 20px;
+  font-size: 12px;
+  padding: 10px 10px;
   color: #64748b;
   text-transform: uppercase;
   letter-spacing: 0.5px;
@@ -1032,9 +1052,8 @@ main .manage-order-table .delete-item:hover {
 }
 
 .table table tbody td {
-  padding: 16px 20px;
-  font-size: 14px;
-  color: #334155;
+  padding: 10px 10px;
+  font-size: 12px;
   vertical-align: middle;
 }
 
@@ -1084,8 +1103,8 @@ main .manage-order-table .delete-item:hover {
 
 
 .status {
-  padding: 6px 12px;
-  border-radius: 6px;
+  padding: 3px 6px;
+  border-radius: 4px;
   background-color: #10b981;
   font-weight: 500;
   font-size: 12px;
diff --git a/translation_manage.php b/translation_manage.php
index d2a41ec..d780ec4 100644
--- a/translation_manage.php
+++ b/translation_manage.php
@@ -181,9 +181,7 @@ $view .= '</div>';
 
 $view .= '<div class="tabs">
             <a href="#" class="active">'.$tab1 .'</a>
-            <a href="#">'.$tab3.'</a>
-        </div>
-    ';
+         </div>';
 
 //Define Service and User enabled
 $view .= '<div class="content-block tab-content active">
@@ -196,6 +194,10 @@ $view .= '<div class="content-block tab-content active">
 $view .= '</div>
         </div>';
 
+$view .= '<div class="tabs">
+            <a href="#">'.$tab3.'</a>
+         </div>';
+
 $view .= '<div class="content-block tab-content">
         <div class="form responsive-width-100">
             <label for="">'.$general_created.'</label>