Update app.py

app.py

@@ -87,31 +87,36 @@ h1, h2, h3 {
 </style>
 """, unsafe_allow_html=True)
 
+# Add custom CSS for centering
 st.markdown("""
 <style>
-    #the-title {
-        text-align: center;
-        font-size: 24px;
-        color: white;
-    }
-    .css-10trblm {
-        text-align: center;
-    }
-    .css-1a7jz76 {
-        text-align: center;
-    }
+/* Center align title and header */
+.css-10trblm, .css-1a7jz76 {
+    text-align: center !important;
+    color: white !important;
+}
+
+/* Center align markdown text */
+.center-text {
+    text-align: center !important;
+    margin: 0 auto;
+    display: block;
+}
 </style>
 """, unsafe_allow_html=True)
 
+# Title and subheader
 st.title("🌿 Dr. Radha: AI-Powered Organic Farming Consultant")
 st.subheader("Specializing in Agro-Homeopathy | Free Consultation")
 
-# Add information request message
+# Information message with centered alignment
 st.markdown("""
-Please provide complete details about the issue, including:
-- Detailed description of plant problem
+<div class="center-text">
+Please provide complete details about the issue, including:<br>
+- Detailed description of plant problem<br>
 - Current location, temperature & weather conditions
-""")
+</div>
+""", unsafe_allow_html=True)
 
 human_image = "human.png"
 robot_image = "bot.jpg"