change text classes

src/components/Communicate.jsx

@@ -31,8 +31,8 @@ export default function Communicate() {
         <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
           <div className="lg:pr-8 lg:pt-4">
             <div className="lg:max-w-lg">
-              <p className="mt-2 text-3xl font-semibold tracking-tighter text-gradient-dark sm:text-4xl">Advanced Communication</p>
-              <p className="mt-6 text-lg leading-8 text-purple-900">
+              <p className="mt-2 h3-title">Advanced Communication</p>
+              <p className="mt-4 section-text">
               Elevate your virtual interactions with cutting-edge communication features 
               designed to keep you connected and engaged.
               </p>