style: left-align TrustBar content

src/blocks/TrustBar/Component.tsx

@@ -19,7 +19,7 @@ export const TrustBarBlock: React.FC<Props> = ({ items }) => {
   return (
     <section className="bg-background py-8 border-b border-border">
       <div className="container-premium">
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
+        <div className="flex flex-wrap gap-x-8 gap-y-6 md:gap-x-12 lg:gap-x-16 items-start justify-start">
           {items.map((item: NonNullable<Props['items']>[0], index: number) => {
             const Icon = item.icon ? iconMap[item.icon as keyof typeof iconMap] : CheckCircle
             return (
@@ -29,10 +29,10 @@ export const TrustBarBlock: React.FC<Props> = ({ items }) => {
                 whileInView={{ opacity: 1, y: 0 }}
                 viewport={{ once: true }}
                 transition={{ duration: 0.5, delay: index * 0.1 }}
-                className="flex flex-col items-center justify-center gap-3"
+                className="flex items-center gap-3"
               >
-                <div className="text-accent">
-                  <Icon size={28} />
+                <div className="text-accent flex-shrink-0">
+                  <Icon size={24} />
                 </div>
                 <span className="text-sm font-medium text-foreground">{item.text}</span>
               </motion.div>