rerank model

app.py

@@ -81,20 +81,21 @@ st.markdown("""
 
 /* Header strip with icon */
 .card-header {
-    font-size: 45px;
-    margin-bottom: 12px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+    font-size: 36px;
     height: 60px;
     width: 60px;
     margin: 0 auto 12px auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     border-radius: 50%;
-    background: rgba(255, 255, 255, 0.08); /* faint soft background */
-    backdrop-filter: blur(4px);            /* frosted effect */
-    box-shadow: 0 2px 6px rgba(0,0,0,0.4); /* subtle depth */
+    background: rgba(255, 255, 255, 0.08);
+    backdrop-filter: blur(4px);
+    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
+    border: 1px solid rgba(255, 255, 255, 0.1);
 }
 
+
 .card-text {
     font-size: 31px;
     font-weight: 500;
@@ -190,7 +191,7 @@ with col2:
     st.markdown("""
         <a href="/Multimodal_Conversational_Search" target="_self" style="text-decoration: none;">
             <div class="card">
-                <div class="card-header" style="font-size: 50px; margin-bottom: 10px;">💬</div>
+                <div class="card-header">💬</div>
                 <div class="card-text" style="font-size: 31px; color: #e46e08; ">Multimodal RAG</div>
                 <div class="card-description" style="font-size: 16px; color: #ccc; margin-top: 6px;text-align: center;white-space: normal;">
                     Explore Multimodal RAG over complex PDFs (with tables, graphs etc) </div>
@@ -207,7 +208,7 @@ with col3:
     st.markdown("""
         <a href="/AI_Shopping_Assistant" target="_self" style="text-decoration: none;">
             <div class="card">
-                <div class="card-header" style="font-size: 50px; margin-bottom: 10px;">🤖</div>
+                <div class="card-header">🤖</div>
                 <div class="card-text" style="font-size: 31px;  color: #e46e08;">Agentic RAG</div>
                 <div class="card-description" style="font-size: 16px; color: #ccc; margin-top: 6px;text-align: center;white-space: normal;">
                     Explore how an AI agent in front of RAG enhances product search experience </div>