fix: update style add rem

src/views/experts/kolodiy/styles.module.scss

@@ -2,23 +2,23 @@
   margin: 0 auto;
   max-width: rem(1540px);
   display: grid;
-  gap: 10px;
-  padding: 10px;
+  gap: rem(10px);
+  padding: rem(10px);
 
   @include iftablet {
-    grid-template-columns: auto 400px;
+    grid-template-columns: auto rem(400px);
     justify-items: center;
-    gap: 20px;
-    padding: 20px;
+    gap: rem(20px);
+    padding: rem(20px);
   }
 
   @include iflaptop {
-    padding: 28px;
+    padding: rem(28px);
   }
 
   @include ifdesktop {
-    padding: 40px;
-    gap: 40px;
+    padding: rem(40px);
+    gap: rem(40px);
   }
 }
 
@@ -26,50 +26,58 @@
 .Block {
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  gap: rem(20px);
 
   h3 {
     font-family: $font-roboto;
     font-weight: 500;
-    font-size: 32px;
+    font-size: rem(32px);
     line-height: 130%;
     color: $color-text;
-    margin-bottom: 20px;
+    margin-bottom: rem(20px);
   }
 
   p {
     font-family: $font-roboto;
-    font-weight: 400;
-    font-size: 18px;
+    font-weight: 300;
+    font-size: rem(16px);
     line-height: 110%;
     color: $color-text;
+
+    @include iftablet{
+      font-size: rem(18px);
+    }
   }
 
   ul {
     display: flex;
     flex-direction: column;
     list-style-type: disc;
-    margin-left: 16px;
-    margin-bottom: 16px;
+    margin-left: rem(16px);
+    margin-bottom: rem(16px);
   }
 
   li {
     font-family: $font-roboto;
     font-weight: 300;
-    font-size: 16px;
+    font-size: rem(16px);
     line-height: 130%;
     color: $color-text;
     list-style: unset;
+
+    @include iftablet{
+      font-size: rem(18px);
+    }
   }
 
   .ListShift{
-    margin-left: 40px;
+    margin-left: rem(40px);
   }
 }
 
 .Photo {
   .Image {
-    width: 200px;
+    width: rem(200px);
     height: auto;
   }
 }