Update app.py

app.py

@@ -1897,6 +1897,43 @@ def show_main_app():
     -webkit-text-fill-color: black !important;
     opacity: 1 !important;
       }
+      /*for quotes */
+      /* Custom CSS for a reusable "info-box" component */
+    .custom-info-box {
+    background-color: #e6f7ff;
+    border-left: 6px solid #64b5f6;
+    border-radius: 10px;
+    padding: 18px 25px;
+    margin-top: 2rem;
+    font-size: 1.05em;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+    display: flex;
+    align-items: center;
+     }
+
+    /* Style for the icon within the custom info box */
+    .custom-info-box .info-icon {
+    font-size: 1.5em;
+    margin-right: 10px;
+    color: #64b5f6;
+    }
+
+/* Styles for the text content within the custom info box */
+   .custom-info-box .info-text {
+    color: black !important;
+    -webkit-text-fill-color: black !important;
+    opacity: 1 !important;
+    font-style: italic; /* Apply italic here directly */
+    margin: 0; /* Remove default paragraph margin */
+      }
+
+      /* If you want bold text within this custom info box to also be black
+      .custom-info-box .info-text strong,
+.custom-info-box .info-text b {
+    color: black !important;
+    -webkit-text-fill-color: black !important;
+    opacity: 1 !important; */
+}
 
     </style>
     """, unsafe_allow_html=True)
@@ -2029,7 +2066,9 @@ Respond as DilBot with warmth, empathy, and understanding. Keep it conversationa
                         sims = util.pytorch_cos_sim(user_embedding, quote_embeddings)[0]
                         best_match = sims.argmax().item()
                         selected_quote = current_quotes[best_match]
-                        st.info(f" **Quote for you:** *{selected_quote}*")
+                        #st.info(f" **Quote for you:** *{selected_quote}*")
+                        st.markdown(f"""<div class="custom-info-box"><span class="info-icon">&#x2139;</span><p class="info-text">
+                        <strong>Quote for you:</strong> {selected_quote}</p> </div> """, unsafe_allow_html=True)
 
                     # DilBot's response presented in a chat bubble
                     st.markdown(f"<div class='bot-message-container'><div class='bot-message'>DilBot: {response}</div></div>", unsafe_allow_html=True)