rerank model

app.py

@@ -81,16 +81,18 @@ st.markdown("""
 
 /* Header strip with icon */
 .card-header {
-    font-size: 50px;
-    color: #AAA;
-    text-transform: uppercase;
-    
-    padding-bottom: 8px;
+    font-size: 45px;
     margin-bottom: 12px;
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 24px;
+    height: 60px;
+    width: 60px;
+    margin: 0 auto 12px auto;
+    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 */
 }
 
 .card-text {
@@ -175,7 +177,7 @@ with col1:
     st.markdown("""
         <a href="/Semantic_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; ">AI Search</div>
                 <div class="card-description" style="font-size: 16px; color: #ccc; margin-top: 6px;text-align: center;white-space: normal;">
                     Explore ML search types, Re-ranking, Query rewriting and more on a retail dataset </div>