Update app.py

app.py

@@ -162,37 +162,37 @@ with gr.Blocks(css="""
     transform: scale(1.05);
 }
     .gr-chatbot { background-color: white; border-radius: 15px; padding: 20px; }
-    /* CUSTOM TABS DESIGN (only affects Step 3 Tabs) */
-.custom-tabs .gr-tabs { 
-    background-color: #f9f9f7; 
-    border-radius: 15px; 
-    padding: 5px; 
-    display: flex; 
-    justify-content: center; 
+.custom-tabs .tab-nav {
+    background-color: #f9f9f7;
+    border-radius: 15px;
+    padding: 5px;
+    display: flex;
+    justify-content: center;
 }
 
-.custom-tabs .gr-tab-button { 
-    border-radius: 12px !important; 
-    padding: 10px 24px !important; 
-    margin: 4px !important; 
-    font-weight: 500; 
-    font-size: 16px; 
-    color: #888 !important; 
-    background-color: #ffffff; 
-    border: none !important; 
-    transition: 0.3s ease; 
+.custom-tabs .tab-button {
+    border-radius: 12px !important;
+    padding: 10px 24px !important;
+    margin: 4px !important;
+    font-weight: 500;
+    font-size: 16px;
+    color: #888 !important;
+    background-color: #ffffff;
+    border: none !important;
+    transition: 0.3s ease;
 }
 
-.custom-tabs .gr-tab-button.selected { 
-    background-color: #f0f0eb !important; 
-    color: #333 !important; 
-    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); 
+.custom-tabs .tab-button.selected {
+    background-color: #f0f0eb !important;
+    color: #333 !important;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
 }
 
-.custom-tabs .gr-tab-button:hover { 
-    background-color: #ecece8 !important; 
+.custom-tabs .tab-button:hover {
+    background-color: #ecece8 !important;
 }
 
+
 """) as demo:
 
     gr.Markdown("""