GLOBAL PATCH

src/components/ContactProduct/ContactProduct.module.css

@@ -3,6 +3,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 0px 0;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
 .left {
@@ -20,11 +21,22 @@
 }
 
 .title{
-  font-size: 20px;
+  margin: 0 0 12px;
+  color: var(--lightblue);
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  line-height: 1.2;
+  text-transform: uppercase;
 }
 
 .subtitle{
-  font-size: 28px;
+  margin: 0 0 28px;
+  color: #111111;
+  font-size: clamp(30px, 4vw, 46px);
+  font-weight: 800;
+  letter-spacing: 0;
+  line-height: 1.16;
 }
 
 .carousel {
@@ -51,7 +63,10 @@ position: relative;
   bottom: 20px;
   left: 40px;
   color: white;
-  font-size: 22px;
+  font-size: 16px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  line-height: 1.3;
 }
 
 .arrows {
@@ -67,7 +82,9 @@ position: relative;
   height: 48px;
   background: white;
   border: 1px solid #ccc;
-  font-size: 22px;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1;
   cursor: pointer;
 }
 
@@ -89,7 +106,15 @@ position: relative;
 }
 
 @media (max-width: 665px){
+  .title {
+    font-size: 13px;
+  }
+
+  .subtitle {
+    font-size: 30px;
+  }
+
   .arrow {
-  font-size: 20px;
+    font-size: 18px;
+  }
 }
-}