diff --git a/src/components/Design.jsx b/src/components/Design.jsx
index ed7b2645..9aa9a1d9 100644
--- a/src/components/Design.jsx
+++ b/src/components/Design.jsx
@@ -1,23 +1,57 @@
-import React from 'react'
-import {useState} from 'react'
+import React from "react";
+import { useState } from "react";
 
-export const Design = ({question,answer}) => {
-  const [show,setShow]= useState(false);
-  const [sign,setSign]= useState("+");
-  function one(){
+export const Design = ({ question, answer }) => {
+  const [show, setShow] = useState(false);
+  const [sign, setSign] = useState("+");
+  function one() {
     setShow(!show);
   }
   return (
-    <div  className="card mt-5">
-      <div class="topic" style={{display:"flex",justifyContent:"space-between",cursor:"pointer"}} >
-      <h2 onClick={()=>{one()}}>{question} </h2>
-      <div onClick={()=>{one()}}>
-      <p style={{color:"black",paddingRight:"10px",paddingLeft:"30px"}}>{show?"-":"+"}</p></div>
+    <div className="card mt-5 hover:bg-[#64748b] border">
+      <div
+        class="topic"
+        style={{
+          display: "flex",
+          justifyContent: "space-between",
+          cursor: "pointer",
+        }}
+      >
+        <h2
+          onClick={() => {
+            one();
+          }}
+        >
+          {question}{" "}
+        </h2>
+        <div
+          onClick={() => {
+            one();
+          }}
+        >
+          <p
+            style={{
+              color: "black",
+              paddingRight: "10px",
+              paddingLeft: "30px",
+            }}
+          >
+            {show ? "-" : "+"}
+          </p>
+        </div>
       </div>
-      {
-        show && <p style={{color:"black",background:"white",border:"1px solid black",padding:"20px"}}>{answer}</p>
-      }
-      
+      {show && (
+        <p
+          style={{
+            color: "black",
+            background: "white",
+            border: "1px solid black",
+            padding: "20px",
+          }}
+        >
+          {answer}
+        </p>
+      )}
     </div>
-  )
-}
+  );
+};
diff --git a/src/components/Faq-ques.js b/src/components/Faq-ques.js
index 69a9c029..d4dfd960 100644
--- a/src/components/Faq-ques.js
+++ b/src/components/Faq-ques.js
@@ -1,7 +1,8 @@
 export const questions=[
+  
   {
     id: 1,
-    question: 'What are the best places for nature lovers in India?',
+    question: 'What are the best places for nature lovers in IndiaWha?',
     answer: 'When exploring different places in India, one can visit a number of tourist destinations that are perfect for nature lovers. Some of them are mentioned in the list: Ladakh, Kashmir, Andaman & Nicobar, Kerala'
   },
   {
@@ -49,4 +50,5 @@ export const questions=[
     question: 'Is it necessary to tip in India?',
     answer: 'Tipping is not mandatory in India, but it is common to tip service staff, such as waiters and bellboys, around 10% of the bill amount.'
   }
+  
 ]
\ No newline at end of file
diff --git a/src/pages/ContactUs.jsx b/src/pages/ContactUs.jsx
index 3e147e82..1b3afdd4 100644
--- a/src/pages/ContactUs.jsx
+++ b/src/pages/ContactUs.jsx
@@ -183,7 +183,7 @@ export const ContactUs = () => {
         <div className="flex flex-row w-full mt-10 max-md:flex-col">
           <div className="flex flex-col w-2/4 m-5  max-md:w-full">
             <div className="w-full flex flex-col items-center justify-center">
-              <div className="flex flex-col items-center justify-center p-3 shadow-lg rounded-lg">
+              <div className="flex flex-col items-center justify-center p-6 shadow-lg rounded-lg">
                 <h2 className="text-lg font-medium">Contact Information</h2>
                 <div className="pt-5 pb-5 pl-5 pr-5 mt-3 mb-5 shadow-lg rounded-lg">
                   <p>