Edit contact us

src/Components/Sections/Contact/Contact.jsx

@@ -130,10 +130,7 @@ emailjs
                 initial={false}
               />
               <motion.div
-                className="absolute bottom-0 left-1/2 h-1 w-0 group-hover:w-3/4 bg-gradient-to-r from-transparent via-[#57acd9] to-transparent rounded-full"
+               
-                initial={{ x: "-50%", width: "0%" }}
-                whileHover={{ width: "75%" }}
-                transition={{ duration: 0.3 }}
               />
             </motion.div>
             <motion.div
@@ -169,10 +166,8 @@ emailjs
               />
               
               <motion.div
-                className="absolute bottom-0 left-1/2 h-1 w-0 group-hover:w-3/4 bg-gradient-to-r from-transparent via-[#2ecc71] to-transparent rounded-full"
+              
-                initial={{ x: "-50%", width: "0%" }}
+             
-                whileHover={{ width: "75%" }}
-                transition={{ duration: 0.3 }}
               />
             </motion.div>
           </motion.div>
@@ -184,7 +179,7 @@ emailjs
             className="group relative bg-white/95 backdrop-blur-sm p-8 rounded-2xl shadow-2xl border border-gray-100 hover:border-[#3c5ee3]/50 hover:shadow-3xl transition-all duration-500 lg:w-1/2"
           >
             <div className="relative mb-3 pt-3">
-              <h2 className="text-2xl md:text-3xl font-bold text-center">
+              <h2 className="text-2xl md:text-3xl font-bold text-center" style={{ whiteSpace: 'pre-line' }}>
                 <span className="bg-clip-text text-[#063e5b] bg-gradient-to-r from-[#4a7c9b] via-[#063e5b] to-[#57acd9]">
                   {t("contact.formTitle")} 
                 </span>