src/index.css

@@ -3,6 +3,12 @@
 @import "./styles/masks.css";
 @import "./styles/animations.css";
 
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 800 !important;
+  color: #FFFFFF !important;
+  letter-spacing: 0.025em !important;
+}
+
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
   --background: #0F172A;

src/pages/HomePage/sections/WhyChoose.tsx

@@ -80,7 +80,7 @@ const WhyChooseInline = () => (
             >
               <div className={cls(
                 "flex flex-col justify-between gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 card rounded",
-                shouldSpanFull ? "aspect-square md:aspect-video" : "aspect-square",
+                shouldSpanFull ? "min-h-[280px] md:min-h-[320px]" : "min-h-[280px]",
                 isEven && "order-2 md:order-1"
               )}>
                 <span className="text-5xl md:text-6xl font-semibold leading-snug text-accent">{metric.value}</span>