Update section title and grid column count

Author: denizozturk95

Source code/src/components/ApplicationsSection.tsx

@@ -15,12 +15,12 @@ const ApplicationsSection = () => {
         <div className="max-w-6xl mx-auto">
           <h2 className="text-3xl md:text-4xl font-bold mb-16 text-center text-primary-blue">
             <span className="relative pb-2">
-              Where Our Technology Can Be Applied
+              Practical Applications
               <span className="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-20 h-1 bg-bistre"></span>
             </span>
           </h2>
 
-          <div className={`grid ${isMobile ? 'grid-cols-1' : 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5'} gap-6 max-w-5xl mx-auto`}>
+          <div className={`grid ${isMobile ? 'grid-cols-1' : 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'} gap-6 max-w-5xl mx-auto`}>
             <Card className="focus-card bg-offwhite border-primary-blue/20 hover:border-primary-blue/50">
               <CardContent className="p-6 flex flex-col items-center text-center">
                 <div className="focus-icon bg-primary-blue/5 text-primary-blue">