diff --git a/src/components/Navigaton/navigation.css b/src/components/Navigaton/navigation.css
index e788198..fcf9a69 100644
--- a/src/components/Navigaton/navigation.css
+++ b/src/components/Navigaton/navigation.css
@@ -1,8 +1,21 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .navigation {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
   color: #e3dde5;
   padding: 8px 10px;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: fixed;
   top: 66px;
@@ -16,15 +29,20 @@
 
 .nav__close {
   cursor: pointer;
+  -o-object-fit: cover;
   object-fit: cover;
   width: 24px;
 }
 
-.button__container {
-}
+.button__container {}
 
 .nav__header {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
   gap: 42px;
 }
@@ -37,12 +55,17 @@
 .button__nav_container {
   margin-top: 28px;
   padding: 1px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   gap: 20px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
   align-items: center;
 }
 
 .nav__button {
+  -moz-appearance: none;
   appearance: none;
   background-color: transparent;
   color: #ebebeb;
@@ -61,6 +84,7 @@
   font-weight: 500;
   font-size: 12px;
   line-height: 130%;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 
   border-bottom: 1px solid transparent;
@@ -72,6 +96,8 @@
   font-size: 12px;
   line-height: 130%;
 
+  -webkit-box-sizing: border-box;
+
   box-sizing: border-box;
   border-bottom: 1px solid #ebebeb;
 }
@@ -79,6 +105,7 @@
 .nav__button_active {
   border-bottom: 1px solid #ebebeb;
 }
+
 .nav__title {
   font-style: normal;
   font-weight: 500;
@@ -98,6 +125,8 @@
 }
 
 .nav__title_container {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   gap: 24px;
 }
@@ -107,8 +136,13 @@
 }
 
 .nav__buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
   margin-bottom: 50px;
-}
+}
\ No newline at end of file
diff --git a/src/components/analytics/analytics.css b/src/components/analytics/analytics.css
index 4083607..e9ffc5b 100644
--- a/src/components/analytics/analytics.css
+++ b/src/components/analytics/analytics.css
@@ -7,24 +7,35 @@
 }
 
 .graph__container {
+    display: -ms-grid;
     display: grid;
+    -ms-grid-rows: 1fr 26px auto;
     grid-template-rows: 1fr auto;
     gap: 26px;
     margin-bottom: 80px;
 }
 
 .graph__row_1 {
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
 }
 
 .graph__row_item {
     height: 256px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
     gap: 16px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     background: #141414;
     border-radius: 16px;
@@ -45,7 +56,9 @@
 
 
 .graph__row_2 {
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: 175px 30px 175px 30px 175px 30px 175px 30px 380px;
     grid-template-columns: 175px 175px 175px 175px 380px;
     gap: 30px;
 }
@@ -53,18 +66,28 @@
 
 
 .graph__row_item_s {
+    -webkit-box-align: center;
+    -ms-flex-align: center;
     align-items: center;
     font-weight: 600;
     font-size: 14px;
     line-height: 120%;
     padding: 24px;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
     align-items: flex-start;
     gap: 20px;
     padding: 24px;
     background: #141414;
     border-radius: 16px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
@@ -101,9 +124,13 @@
 }
 
 .graph__bar_row {
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: auto 16px 2fr 16px auto;
     grid-template-columns: auto 2fr auto;
     gap: 16px;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
     align-items: center;
 }
 
@@ -131,6 +158,7 @@
 
 .graph__bar_1 {
     width: 100%;
+    background: -o-linear-gradient(33.25deg, #D375FF 19.74%, #798FFF 82.32%);
     background: linear-gradient(56.75deg, #D375FF 19.74%, #798FFF 82.32%);
     border-radius: 4px;
     height: 24px;
@@ -148,6 +176,7 @@
 
 .graph__bar_2 {
     margin-right: 41px;
+    background: -o-linear-gradient(33.25deg, #D375FF 19.74%, #798FFF 82.32%);
     background: linear-gradient(56.75deg, #D375FF 19.74%, #798FFF 82.32%);
     border-radius: 4px;
     height: 24px;
@@ -157,6 +186,8 @@
 
 .graph__bar_3 {
 
+    background: -o-linear-gradient(33.25deg, #D375FF 19.74%, #798FFF 82.32%);
+
     background: linear-gradient(56.75deg, #D375FF 19.74%, #798FFF 82.32%);
     border-radius: 4px;
     height: 24px;
@@ -167,6 +198,7 @@
 }
 
 .graph__bar_4 {
+    background: -o-linear-gradient(33.25deg, #D375FF 19.74%, #798FFF 82.32%);
     background: linear-gradient(56.75deg, #D375FF 19.74%, #798FFF 82.32%);
     border-radius: 4px;
     height: 24px;
@@ -176,12 +208,21 @@
 }
 
 .bar__container {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
     align-items: center;
 }
 
 .chart__container {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
     gap: 49px;
 }
@@ -191,8 +232,15 @@
     font-weight: 400;
     font-size: 14px;
     line-height: 140%;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
     justify-content: space-between;
     gap: 6px;
     height: auto;
@@ -205,8 +253,15 @@
 }
 
 .legend__row {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
     align-items: center;
     gap: 18px;
 }
@@ -239,14 +294,22 @@
 }
 
 .sales__container {
+    -webkit-box-align: start;
+    -ms-flex-align: start;
     align-items: flex-start;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     gap: 15px;
     font-style: normal;
 }
 
 .background__row {
+    background: -o-linear-gradient(33.25deg, rgba(211, 117, 255, 0.1) 19.74%, rgba(121, 143, 255, 0.1) 82.32%), rgba(124, 142, 255, 0.1);
     background: linear-gradient(56.75deg, rgba(211, 117, 255, 0.1) 19.74%, rgba(121, 143, 255, 0.1) 82.32%), rgba(124, 142, 255, 0.1);
     border-radius: 4px;
     width: 262px;
@@ -258,6 +321,7 @@
 
     padding-top: 3px;
     padding-bottom: 5px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-family: 'GilroyWebRegular';
     font-style: normal;
@@ -270,12 +334,19 @@
     border-radius: 4px;
     height: 25px;
     text-align: center;
+    background: -o-linear-gradient(33.25deg, #D375FF 19.74%, #798FFF 82.32%);
     background: linear-gradient(56.75deg, #D375FF 19.74%, #798FFF 82.32%);
 }
 
 .sales__row {
+    -webkit-box-align: center;
+    -ms-flex-align: center;
     align-items: center;
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
     justify-content: flex-start;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
     gap: 16px;
     width: 100%;
@@ -297,7 +368,13 @@
 .background__row {
     width: 262px;
 
+    -webkit-box-pack: center;
+
+    -ms-flex-pack: center;
+
     justify-content: center;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
 
 }
@@ -316,6 +393,7 @@
 
 @media screen and (min-width: 1600px) {
     .graph__row_2 {
+        -ms-grid-columns: 1fr 1fr 1fr 1fr 456px;
         grid-template-columns: 1fr 1fr 1fr 1fr 456px;
     }
 
@@ -420,12 +498,14 @@
 
 
     .graph__row_2 {
+        -ms-grid-columns: 151px 15px 151px 15px 151px 15px 151px 15px 318px;
         grid-template-columns: 151px 151px 151px 151px 318px;
         gap: 15px;
     }
 
 
     .graph__row_1 {
+        -ms-grid-columns: 318px 15px 318px 15px 318px;
         grid-template-columns: 318px 318px 318px;
         gap: 15px;
     }
@@ -498,10 +578,12 @@
 
     .graph__row_item {
         height: 240px;
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
     }
 
     .graph__row_item_s {
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
         height: 100%;
         gap: 28px;
@@ -509,6 +591,7 @@
 
     .analytics__container {
         padding: 120px 20px 80px;
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
 
     }
@@ -533,7 +616,9 @@
 
 @media (max-width: 890px) {
     .graph__container {
+        display: -ms-grid;
         display: grid;
+        -ms-grid-columns: 1fr 20px auto;
         grid-template-columns: 1fr auto;
         gap: 20px;
         row-gap: 0;
@@ -554,7 +639,12 @@
 
 
     .analytics__container {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
     }
 
@@ -565,8 +655,15 @@
 
 
     .chart__container {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: row;
         flex-direction: row;
+        -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
         justify-content: space-between;
         gap: 35px;
     }
@@ -585,6 +682,8 @@
     }
 
     .sales__row {
+        -webkit-box-pack: start;
+        -ms-flex-pack: start;
         justify-content: flex-start;
     }
 
@@ -607,7 +706,12 @@
 
     .graph__row_1 {
         width: 100%;
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
 
     }
@@ -620,7 +724,9 @@
 
 
     .graph__row_2 {
+        display: -ms-grid;
         display: grid;
+        -ms-grid-columns: 1fr 10px 1fr;
         grid-template-columns: 1fr 1fr;
         gap: 10px;
     }
@@ -669,4 +775,4 @@
         margin-bottom: 40px;
     }
 
-}
+}
\ No newline at end of file
diff --git a/src/components/animationComponent/animationComponent.css b/src/components/animationComponent/animationComponent.css
index 78ad961..42ce120 100644
--- a/src/components/animationComponent/animationComponent.css
+++ b/src/components/animationComponent/animationComponent.css
@@ -25,8 +25,13 @@
 .title__container {
   padding-left: 80px;
   z-index: 99;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   gap: 30px;
   padding-top: 140px;
 }
@@ -42,6 +47,8 @@
 }
 
 .title__gardient_pos {
+  background: -webkit-gradient(linear, left top, right top, from(#D375FF), color-stop(45%, #798FFF));
+  background: -o-linear-gradient(left, #D375FF 0%, #798FFF 45%);
   background: linear-gradient(to right, #D375FF 0%, #798FFF 45%);
 
 }
@@ -62,13 +69,23 @@
 }
 
 .button__demo {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 
   background-color: transparent;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: 14px 14px 12px 20px;
   gap: 4px;
   border: 1px solid #454545;
@@ -174,7 +191,8 @@
   }
 
   .animation-container {
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
 
   }
 
diff --git a/src/components/calendarDesktop/calendar.css b/src/components/calendarDesktop/calendar.css
index 7e2d35e..eed668b 100644
--- a/src/components/calendarDesktop/calendar.css
+++ b/src/components/calendarDesktop/calendar.css
@@ -1,4 +1,3 @@
-
 .title_small {
   font-size: 40px;
 }
@@ -14,6 +13,8 @@
 }
 
 .button__arrow_r {
+  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
+  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
   transform: matrix(-1, 0, 0, 1, 0, 0);
 
   cursor: pointer;
@@ -39,6 +40,8 @@
   background-position: center;
   height: 24px;
   width: 24px;
+  -webkit-transform: rotate(-180deg);
+  -ms-transform: rotate(-180deg);
   transform: rotate(-180deg);
 }
 
@@ -48,6 +51,8 @@
 }
 
 .button__chevron_l {
+  -webkit-transform: rotate(-180deg);
+  -ms-transform: rotate(-180deg);
   transform: rotate(-180deg);
   cursor: pointer;
   background-image: url(../calendar/chevron.svg);
@@ -89,7 +94,12 @@
 }
 
 .appointment__block {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
   flex-direction: row;
   gap: 24px;
   margin-top: 20px;
@@ -101,6 +111,7 @@
 }
 
 .calendar__container {
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding-top: 160px;
   margin-bottom: 160px;
@@ -120,10 +131,16 @@
 }
 
 .calendar {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
 
   color: #ebebeb;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 385px;
   background: #141414;
@@ -133,14 +150,19 @@
 }
 
 .calendar_active {
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   opacity: 1;
+  -webkit-transition: opacity ease-in 0.5s;
+  -o-transition: opacity ease-in 0.5s;
   transition: opacity ease-in 0.5s;
 }
 
 .opacity_active {
   height: 100%;
   opacity: 1;
+  -webkit-transition: opacity ease-in 0.5s;
+  -o-transition: opacity ease-in 0.5s;
   transition: opacity ease-in 0.5s;
   pointer-events: all;
 
@@ -152,6 +174,8 @@
   height: 100%;
   pointer-events: none;
   opacity: 0.5;
+  -webkit-transition: opacity ease-in 0.5s;
+  -o-transition: opacity ease-in 0.5s;
   transition: opacity ease-in 0.5s;
   pointer-events: none;
 
@@ -162,22 +186,39 @@
 
 
 .caption__container {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
   align-items: center;
   gap: 17px;
 }
 
 .wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
   flex-direction: row;
   gap: 25px;
   margin-bottom: 80px;
 }
 
 .calendar__header {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
   justify-content: space-between;
+  -ms-flex-line-pack: center;
   align-content: center;
 }
 
@@ -190,9 +231,15 @@
 
 
 .date__container {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 16px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -216,8 +263,12 @@
 
 
 .calendar__table {
+  display: -ms-grid;
   display: grid;
+  -ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
   grid-template-columns: repeat(7, 1fr);
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
   justify-content: center;
   border-radius: 4px;
   gap: 2px;
@@ -234,8 +285,13 @@
 .calendar__cell {
   pointer-events: none;
   font-style: normal;
+  display: -ms-grid;
   display: grid;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
   justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
   align-items: center;
   font-weight: 400;
   font-size: 18px;
@@ -243,6 +299,8 @@
   cursor: pointer;
   padding: 11px 5px;
   height: 21px;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   /* identical to box height, or 29px */
 }
@@ -263,8 +321,13 @@
 }
 
 .weekday__cell {
+  display: -ms-grid;
   display: grid;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
   justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
   align-items: center;
   font-style: normal;
   font-weight: 400;
@@ -369,6 +432,7 @@
   }
 
   .calendar__container {
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 120px 20px 80px;
     margin-bottom: 40px;
@@ -390,7 +454,9 @@
 
 @media screen and (max-width: 639px) {
   .wrapper {
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: auto;
     grid-template-columns: auto;
     gap: 20px;
   }
@@ -408,12 +474,15 @@
 
   .calendar__padding {
     padding: 0px 10px 0px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
 
 
   }
 
   .sales__row {
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
     justify-content: flex-start;
   }
 
diff --git a/src/components/cloudSolution/cloudSolution.css b/src/components/cloudSolution/cloudSolution.css
index ee81679..e3f9b7a 100644
--- a/src/components/cloudSolution/cloudSolution.css
+++ b/src/components/cloudSolution/cloudSolution.css
@@ -1,4 +1,5 @@
 .cloud__container {
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
@@ -6,8 +7,11 @@
     background: #141414;
     border-radius: 32px;
     padding: 74px 80px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: 1fr 2fr;
     grid-template-columns: 1fr 2fr;
     margin-bottom: 160px;
 }
@@ -34,6 +38,8 @@
 
     .block__container {
         padding: 96px 84px;
+        -webkit-box-pack: normal;
+        -ms-flex-pack: normal;
         justify-content: normal;
         margin-bottom: 192px;
 
@@ -47,6 +53,8 @@
 
 
     .caption__block {
+        -webkit-box-pack: normal;
+        -ms-flex-pack: normal;
         justify-content: normal;
 
     }
@@ -54,17 +62,28 @@
 
 @media screen and (max-width: 1024px) {
     .image__container {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-pack: center;
+        -ms-flex-pack: center;
         justify-content: center;
     }
 
     .image {
         width: 50%;
     }
+
     .block__container {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: reverse;
+        -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
         padding: 80px 20px 80px;
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
         height: auto;
         gap: 40px;
@@ -75,25 +94,27 @@
 
     }
 
-    
 
 
 
-    
-
-}
-
-@media screen and (max-width: 800px)  {
 
 
 
 }
 
-@media screen and (max-width: 639px)  {
+@media screen and (max-width: 800px) {}
+
+@media screen and (max-width: 639px) {
     .block__container {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: reverse;
+        -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
         padding: 60px 10px 80px;
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
         height: auto;
         gap: 40px;
@@ -114,6 +135,6 @@
         padding: 0px 10px 0px;
     }
 
-    
+
 
 }
\ No newline at end of file
diff --git a/src/components/demonstration/demonstartion.tsx b/src/components/demonstration/demonstartion.tsx
index ba1a454..f266c08 100644
--- a/src/components/demonstration/demonstartion.tsx
+++ b/src/components/demonstration/demonstartion.tsx
@@ -1,13 +1,13 @@
 import "../../styles/styles.css";
 import "./demonstration.css"
 import building from './building.png'
-import building1 from './building2.png'
+import building1 from './building1.png'
 
 import iconButton from "./iconButton.svg"
 
 
 export const Demostration: React.FC<any> = ({text}) => {
-    const { card, card2 } = text;
+    const { card, card1 } = text;
 
     return (
         <div className="block">
@@ -37,12 +37,12 @@ export const Demostration: React.FC<any> = ({text}) => {
                 <img alt='buildingImg' src={building1} className='demo_image'></img>
                 <div className='demo_info'>
                     <div className='title__block'>
-                        <h4 className='title__demo'>{card2.title}</h4>
-                        <p className='caption'>{card.subTitle}</p>
+                        <h4 className='title__demo'>{card1.title}</h4>
+                        <p className='caption'>{card1.subTitle}</p>
                     </div>
                     <div className='body__block'>
-                        <p className='caption1'>{card2.caption}</p>
-                        <p className='caption2'>{card2.caption1}</p>
+                        <p className='caption1'>{card1.caption}</p>
+                        <p className='caption2'>{card1.caption1}</p>
                     </div>
                 </div>
             </div>
diff --git a/src/components/demonstration/demonstration.css b/src/components/demonstration/demonstration.css
index 12220d5..a8422ed 100644
--- a/src/components/demonstration/demonstration.css
+++ b/src/components/demonstration/demonstration.css
@@ -1,3 +1,10 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .demonstration__title {
     margin: 0 0 44px 0;
     font-style: normal;
@@ -9,8 +16,13 @@
 }
 
 .demos-card__container {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
-    flex-direction: row;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
     gap: 24px;
 
 }
@@ -33,8 +45,13 @@
 
 .block {
     margin-top: 80px;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
-    flex-direction: column;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
     gap: 20px;
 }
 
@@ -47,8 +64,13 @@
 
 .demo-card__info {
     padding: 32px;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
-    flex-direction: column;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
     gap: 20px;
 }
 
@@ -112,6 +134,8 @@
 
 
 .demos-card:hover>div>div>div>img {
+    -webkit-transition: opacity ease-out 0.2s;
+    -o-transition: opacity ease-out 0.2s;
     transition: opacity ease-out 0.2s;
     opacity: 1;
 }
@@ -127,12 +151,20 @@
     }
 
     .demos-card__container {
-        flex-direction: column;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+            -ms-flex-direction: column;
+                flex-direction: column;
     }
 
     .demos-card {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
-        flex-direction: row;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+            -ms-flex-direction: row;
+                flex-direction: row;
         width: 100%;
     }
 
diff --git a/src/components/demos/demos.css b/src/components/demos/demos.css
index f2e53d2..4442563 100644
--- a/src/components/demos/demos.css
+++ b/src/components/demos/demos.css
@@ -3,14 +3,21 @@
 }
 
 .demos_container {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
     justify-content: center;
     border-radius: 16px;
     position: relative;
     width: 84%;
     text-decoration: none;
-    
+
 }
 
 .demos__tittle {
@@ -34,12 +41,19 @@
 
 .demo {
     cursor: pointer;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
     gap: 40px;
 }
 
 .demo_image {
+    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
+    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
     border-radius: 16px;
 
@@ -48,11 +62,17 @@
 }
 
 .demo_info {
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding-top: 45px;
     padding-bottom: 45px;
     padding-right: 40px;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     width: 100%;
@@ -121,12 +141,19 @@
 }
 
 .width {
+    -webkit-box-align: end;
+    -ms-flex-align: end;
     align-items: flex-end
 }
 
 .title__block {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
     gap: 5px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
 }
 
@@ -143,13 +170,20 @@
 }
 
 .demos_container:hover>div>img {
+    -webkit-transition: opacity ease-out 0.2s;
+    -o-transition: opacity ease-out 0.2s;
     transition: opacity ease-out 0.2s;
     opacity: 1;
 
 }
 
 .demos__list {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
@@ -161,15 +195,15 @@
         margin: auto auto 72px auto;
 
     }
-    
+
     .demo {
         gap: 24px;
         height: 306px;
     }
 
-    .demos_container  {
+    .demos_container {
         width: 70%;
-        
+
     }
 
     .demo__icon {
@@ -177,7 +211,7 @@
         right: 43px;
         width: 19px;
         height: 19px;
-    
+
     }
 
     .title__demo {
@@ -198,6 +232,7 @@
 
     .demo_image {
         height: auto;
+        -o-object-fit: cover;
         object-fit: cover;
         width: 240px;
     }
@@ -206,6 +241,7 @@
 
 @media screen and (max-width: 1024px) {
     .demo__container {
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
         padding: 120px 12px 80px;
 
@@ -229,11 +265,16 @@
 
     .demos__list {
         padding: 120px 20px 80px;
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
         align-items: center;
     }
 
     .width {
+        -webkit-box-align: stretch;
+        -ms-flex-align: stretch;
         align-items: stretch;
     }
 
@@ -246,7 +287,9 @@
     }
 
     .demo_info {
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
+        -ms-grid-rows: auto 1fr;
         grid-template-rows: auto 1fr;
 
 
@@ -262,6 +305,7 @@
     }
 
     .demo__container_mobile {
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
         padding: 0px 10px 80px;
     }
@@ -270,19 +314,30 @@
 
 
     .demo {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
         gap: 0;
     }
 
     .demo_info {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
         gap: 15px;
         padding: 15px;
     }
 
     .demo_image {
+        -o-object-fit: cover;
         object-fit: cover;
 
         width: 100%;
diff --git a/src/components/demos/demos.tsx b/src/components/demos/demos.tsx
index a870a40..b69267d 100644
--- a/src/components/demos/demos.tsx
+++ b/src/components/demos/demos.tsx
@@ -9,6 +9,7 @@ import iconButton from "./iconButton.svg"
 
 export const Demos: React.FC<any> = ({ text }) => {
     const { card, card1 } = text;
+    console.log(text)
 
     return (<div className=" demo__container_mobile main-block__container width demo__container">
         <h3 className='demos__tittle'>
@@ -33,7 +34,7 @@ export const Demos: React.FC<any> = ({ text }) => {
                 </div>
             </div>
         </a>
-        <a href='https://stream.graff.tech/' target='_blank' rel="noreferrer"  data-aos="fade-up"
+        <a href='http://stream.graff.tech:16005/' target='_blank' rel="noreferrer"  data-aos="fade-up"
             data-aos-delay="150" className='demos_container'>
             <div className="main-block__icon_container demo__icon">
                 <img alt='icon' src={iconButton} className="main-block__icon"></img>
diff --git a/src/components/devices/devices.css b/src/components/devices/devices.css
index e20e8c3..0deace9 100644
--- a/src/components/devices/devices.css
+++ b/src/components/devices/devices.css
@@ -1,19 +1,34 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .devices__container {
   padding: 0;
   margin-bottom: 160px;
 }
 
 .card__container {
+  display: -ms-grid;
   display: grid;
+  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 30px;
   margin-bottom: 80px;
 }
 
 .card {
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
   height: 380px;
   padding: 32px;
@@ -83,6 +98,7 @@
   .devices__container {
     padding-left: 30px;
     padding-right: 30px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
 
@@ -107,8 +123,10 @@
   }
 
   .card {
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     height: auto;
+    -o-object-fit: cover;
     object-fit: cover;
     aspect-ratio: 1/1;
     padding: 32px;
@@ -117,9 +135,11 @@
 
 @media screen and (max-width: 750px) {
   .card__container {
+    -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
     margin-bottom: 60px;
   }
+
   .card__name {
     font-size: 7.5vw;
   }
@@ -137,7 +157,9 @@
 
 
   .card__container {
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
     margin-bottom: 40px;
   }
@@ -145,4 +167,4 @@
   .card {
     padding: 24px;
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
index 9315c48..b19aea4 100644
--- a/src/components/footer/footer.css
+++ b/src/components/footer/footer.css
@@ -1,10 +1,22 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .footer__container {
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-color: transparent;
     background: #141414;
     border-radius: 32px 32px 0px 0px;
     color: #EBEBEB;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
     justify-content: center
 }
 
@@ -15,9 +27,13 @@
 
 .footer__main-block {
     width: 1200px;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
     padding: 120px 120px;
     gap: 186px;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
     justify-content: space-between;
 }
 
@@ -30,7 +46,12 @@
 }
 
 .footer__block_1 {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     gap: 70px;
 }
@@ -49,6 +70,8 @@
     font-size: 40px;
     line-height: 100%;
     margin: 0;
+    background-image: -webkit-gradient(linear, left top, right top, from(#D375FF), color-stop(45%, #798FFF));
+    background-image: -o-linear-gradient(left, #D375FF 0%, #798FFF 45%);
     background-image: linear-gradient(to right, #D375FF 0%, #798FFF 45%);
     background-size: 100%;
     background-repeat: repeat;
@@ -59,7 +82,12 @@
 }
 
 .footer__block_contacts {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
 }
@@ -81,7 +109,9 @@
 }
 
 .footer__container_social {
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: 74px 16px 74px;
     grid-template-columns: 74px 74px;
     gap: 16px;
     grid-row-gap: 8px;
@@ -98,7 +128,9 @@
 }
 
 .footer__block_copyright {
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: auto 29px 1fr;
     grid-template-columns: auto 1fr;
     gap: 29px;
 }
@@ -109,13 +141,20 @@
 }
 
 .copyright__caption {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     font-style: normal;
     font-weight: 600;
     font-size: 14px;
     line-height: 120%;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
     justify-content: flex-end
 }
 
@@ -126,7 +165,9 @@
 }
 
 .footer__block_2 {
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: 380px 30px 380px;
     grid-template-columns: 380px 380px;
     gap: 30px;
 }
@@ -136,13 +177,20 @@
     border-radius: 16px;
     padding: 32px;
     margin-bottom: 30px;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     gap: 26px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .footer__card_2 {
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     cursor: pointer;
     padding: 32px;
@@ -230,10 +278,14 @@
 
 .footer__card_2:hover {
     border: 1px solid #E3DDE5;
+    -webkit-transition: border ease-out 0.2s;
+    -o-transition: border ease-out 0.2s;
     transition: border ease-out 0.2s;
 }
 
 .footer__card_2:hover>a>div>div>img {
+    -webkit-transition: opacity ease-out 0.2s;
+    -o-transition: opacity ease-out 0.2s;
     transition: opacity ease-out 0.2s;
     opacity: 1;
 
@@ -281,6 +333,7 @@
 
     .footer__container_social {
         gap: 25px;
+        -ms-grid-columns: 94px 25px 94px;
         grid-template-columns: 94px 94px;
     }
 
@@ -309,6 +362,7 @@
 
     .footer__block_2 {
         gap: 35px;
+        -ms-grid-columns: 456px 35px 456px;
         grid-template-columns: 456px 456px
     }
 
@@ -353,6 +407,7 @@
 
 @media screen and (max-width: 1279px) {
     .footer__block_2 {
+        -ms-grid-columns: 311px 311px;
         grid-template-columns: 311px 311px;
     }
 
@@ -366,6 +421,7 @@
 
 .footer__block_copyright_mobile {
     display: none;
+    -ms-grid-columns: auto 29px 1fr;
     grid-template-columns: auto 1fr;
     gap: 29px;
     font-weight: 500;
@@ -382,13 +438,18 @@
 @media screen and (max-width: 1060px) {
 
     .footer__main-block {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
         gap: 53px;
         width: 100%;
         padding: 0;
     }
-    
+
 
 
     .footer__block_copyright {
@@ -396,12 +457,18 @@
     }
 
     .footer__block_1 {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: row;
         flex-direction: row;
         gap: 121px;
     }
 
     .footer__block_2 {
+        -ms-grid-columns: 1fr 1fr;
         grid-template-columns: 1fr 1fr
     }
 
@@ -410,6 +477,7 @@
     }
 
     .footer__block_copyright_mobile {
+        display: -ms-grid;
         display: grid;
     }
 }
@@ -426,6 +494,9 @@
     }
 
     .footer__block_1 {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
         gap: 30px;
     }
@@ -435,7 +506,12 @@
     }
 
     .footer__block_2 {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
     }
 
@@ -448,7 +524,12 @@
     }
 
     .footer__column_mobile {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
         gap: 10px;
     }
@@ -462,6 +543,8 @@
     }
 
     .footer__block_copyright_mobile {
+        display: -webkit-box;
+        display: -ms-flexbox;
         display: flex;
     }
 
diff --git a/src/components/form/form.css b/src/components/form/form.css
index fcb0460..6a41b56 100644
--- a/src/components/form/form.css
+++ b/src/components/form/form.css
@@ -1,14 +1,24 @@
 .form__container {
   width: 385px;
   color: #ebebeb;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
   padding: 24px 32px;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background: #141414;
   border-radius: 16px;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
   justify-content: space-between;
   opacity: 0.5;
+  -webkit-transition: opacity ease-in 0.5s;
+  -o-transition: opacity ease-in 0.5s;
   transition: opacity ease-in 0.5s;
 }
 
@@ -21,8 +31,15 @@
 
 
 .form__block {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
   justify-content: space-between;
 
 }
@@ -33,12 +50,53 @@
 }
 
 .form {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
   gap: 16px;
   outline: none;
 }
 
+.form__input::-webkit-input-placeholder {
+  font-style: 'GilroyWebRegular';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  color: #888888;
+  line-height: 125%;
+}
+
+.form__input::-moz-placeholder {
+  font-style: 'GilroyWebRegular';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  color: #888888;
+  line-height: 125%;
+}
+
+.form__input:-ms-input-placeholder {
+  font-style: 'GilroyWebRegular';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  color: #888888;
+  line-height: 125%;
+}
+
+.form__input::-ms-input-placeholder {
+  font-style: 'GilroyWebRegular';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  color: #888888;
+  line-height: 125%;
+}
+
 .form__input::placeholder {
   font-style: 'GilroyWebRegular';
   font-style: normal;
@@ -57,6 +115,7 @@
   border: none;
   background: rgba(86, 126, 206, 0.1);
   border-radius: 8px;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 
@@ -75,9 +134,14 @@
   width: 100%;
   border-radius: 8px;
   padding: 13px 11px;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border: none;
+  -webkit-transition: background-color ease-in 0.5s;
+  -o-transition: background-color ease-in 0.5s;
   transition: background-color ease-in 0.5s;
+  -webkit-transition: opacity ease-in 0.5s;
+  -o-transition: opacity ease-in 0.5s;
   transition: opacity ease-in 0.5s;
 }
 
@@ -86,8 +150,12 @@
   outline: none;
   border: none;
   cursor: default;
+  -webkit-transition: background-color ease-in 0.5s;
+  -o-transition: background-color ease-in 0.5s;
   transition: background-color ease-in 0.5s;
   opacity: 0.5;
+  -webkit-transition: opacity ease-in 0.5s;
+  -o-transition: opacity ease-in 0.5s;
   transition: opacity ease-in 0.5s;
 
 
@@ -100,8 +168,14 @@
 
 
 .form__header {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
   justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -109,11 +183,19 @@
   color: #FFFFFF;
   background: #141414;
   border-radius: 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
   justify-content: space-between;
   width: 385px;
   padding: 24px 32px;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 
@@ -193,6 +275,38 @@
     height: 56px;
   }
 
+  .form__input::-webkit-input-placeholder {
+    font-size: 16px;
+    font-weight: 400;
+    font-size: 20px;
+    line-height: 125%;
+
+  }
+
+  .form__input::-moz-placeholder {
+    font-size: 16px;
+    font-weight: 400;
+    font-size: 20px;
+    line-height: 125%;
+
+  }
+
+  .form__input:-ms-input-placeholder {
+    font-size: 16px;
+    font-weight: 400;
+    font-size: 20px;
+    line-height: 125%;
+
+  }
+
+  .form__input::-ms-input-placeholder {
+    font-size: 16px;
+    font-weight: 400;
+    font-size: 20px;
+    line-height: 125%;
+
+  }
+
   .form__input::placeholder {
     font-size: 16px;
     font-weight: 400;
@@ -231,6 +345,7 @@
 
   .form__container_active {
     width: 320px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
 
diff --git a/src/components/header/header.css b/src/components/header/header.css
index c44cc93..d4a341e 100644
--- a/src/components/header/header.css
+++ b/src/components/header/header.css
@@ -1,15 +1,32 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .header-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   padding: 30px 40px;
   color: #ffffff;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
   justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
   align-items: center;
   position: relative;
 }
 
 .header__buttons_wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   gap: 40px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -37,6 +54,8 @@
   color: #ffffff;
   cursor: pointer;
   padding: 0px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   text-decoration: none;
 }
@@ -55,19 +74,29 @@
   right: 40px;
   top: 40px;
   overflow: hidden;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
   width: 58px;
   padding: 5px 12px;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   height: 31px;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
   justify-content: space-between;
   box-sizing: border-box;
   line-height: 13px;
   background-color: transparent;
   border: 1.2px solid #ebebeb;
   border-radius: 12px;
+  -webkit-transition: height ease-in 0.3s;
+  -o-transition: height ease-in 0.3s;
   transition: height ease-in 0.3s;
   font-style: normal;
   font-weight: 500;
@@ -89,6 +118,7 @@
 
 .header-lang-button-text {
   width: 100%;
+  -moz-appearance: none;
   appearance: none;
   background-color: transparent;
   color: #ebebeb;
@@ -108,6 +138,7 @@
 
 .header-lang-button-picked {
   width: 100%;
+  -moz-appearance: none;
   appearance: none;
   background-color: transparent;
   color: #ebebeb;
@@ -128,14 +159,21 @@
 .header-select__icon {
   top: 6px;
   height: 16px;
-right: 5px;
+  right: 5px;
   position: absolute;
 }
 
 .select {
   background-color: transparent;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
+  -ms-flex-item-align: center;
+  -ms-grid-row-align: center;
   align-self: center;
   gap: 11px;
   position: relative;
@@ -159,8 +197,12 @@ right: 5px;
   cursor: pointer;
   background-color: transparent;
   display: none;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
   gap: 5px;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 
@@ -227,6 +269,8 @@ right: 5px;
   }
 
   .burger__button {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/multiplayer/multiplayer.css b/src/components/multiplayer/multiplayer.css
index c0710de..094a147 100644
--- a/src/components/multiplayer/multiplayer.css
+++ b/src/components/multiplayer/multiplayer.css
@@ -1,3 +1,10 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .multiplayer__container {
   background: #141414;
   border-radius: 32px;
@@ -10,7 +17,9 @@
 }
 
 .multiplayer__photo-container {
+  display: -ms-grid;
   display: grid;
+  -ms-grid-columns: 1fr 30px 1fr;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
   margin-bottom: 80px;
@@ -62,6 +71,7 @@
   .multiplayer__container {
 
     padding: 120px 20px 60px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin-bottom: 120px;
   }
@@ -82,13 +92,16 @@
   }
 
   .multiplayer__photo-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     margin-bottom: 40px;
 
   }
 
-
-
 }
\ No newline at end of file
diff --git a/src/components/photoComponent/photoComponent.css b/src/components/photoComponent/photoComponent.css
index 1fb481f..533343c 100644
--- a/src/components/photoComponent/photoComponent.css
+++ b/src/components/photoComponent/photoComponent.css
@@ -1,3 +1,10 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .photo___container {
     background-color: transparent;
     margin-bottom: 160px;
@@ -5,13 +12,16 @@
 }
 
 .photo__container_grid {
+    display: -ms-grid;
     display: grid;
+    -ms-grid-columns: 1fr 30px 1fr;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     margin-bottom: 80px;
 }
 
 .photo__container_image {
+    -o-object-fit: cover;
     object-fit: cover;
     width: 585px;
 }
@@ -81,11 +91,13 @@
 
 
     .photo__container_grid {
+        -ms-grid-columns: 1fr;
         grid-template-columns: 1fr;
         margin-bottom: 40px;
     }
 
     .photo__container_image {
+        -o-object-fit: contain;
         object-fit: contain;
 
         width: 100%;
diff --git a/src/components/piechart/chart.css b/src/components/piechart/chart.css
index 1f48c94..ce0e480 100644
--- a/src/components/piechart/chart.css
+++ b/src/components/piechart/chart.css
@@ -1,16 +1,25 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .chart {
-    font-family: 'Gilroy';
-    font-style: normal;
-    font-weight: 500;
-    font-size: 12px;
-    line-height: 140%;
-    /* or 17px */
+  font-family: 'Gilroy';
+  font-style: normal;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 140%;
+  /* or 17px */
 
-    font-feature-settings: 'tnum' on, 'lnum' on;
+  -webkit-font-feature-settings: 'tnum' on, 'lnum' on;
 
-    /* Landing/White */
-    width: 144px;
-    color: #EBEBEB;
+  font-feature-settings: 'tnum' on, 'lnum' on;
+
+  /* Landing/White */
+  width: 144px;
+  color: #EBEBEB;
 }
 
 @media screen and (min-width: 1600px) {
@@ -22,24 +31,24 @@
 
 
 @media screen and (max-width: 1279px) {
-    .chart {
-      width: 128px;
-    }
-  
+  .chart {
+    width: 128px;
+  }
+
 }
 
 @media screen and (max-width: 1023px) {
-    .chart {
-      width: 144px;
-    }
-  
+  .chart {
+    width: 144px;
+  }
+
 }
 
 
 @media screen and (max-width: 690px) {
-    .chart {
-        width: 40%;
-      }
+  .chart {
+    width: 40%;
+  }
 }
 
 
@@ -47,5 +56,5 @@
   .chart {
     width: 100%;
   }
-  
+
 }
\ No newline at end of file
diff --git a/src/components/player/player.css b/src/components/player/player.css
index 90e8e9a..6332c3c 100644
--- a/src/components/player/player.css
+++ b/src/components/player/player.css
@@ -1,3 +1,10 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .player__container {
   background: #141414;
   border-radius: 32px;
@@ -6,8 +13,13 @@
 }
 
 .video__container {
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 80px;
   width: 1136px;
@@ -47,6 +59,7 @@
 @media screen and (max-width: 1024px) {
   .player__container {
     padding: 80px 20px 60px;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin-bottom: 0;
   }
diff --git a/src/components/sliderComponent/sliderComponent.css b/src/components/sliderComponent/sliderComponent.css
index f6fefcc..d86d073 100644
--- a/src/components/sliderComponent/sliderComponent.css
+++ b/src/components/sliderComponent/sliderComponent.css
@@ -1,3 +1,10 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .slider-container {
   width: 100%;
   margin: 0 auto;
@@ -6,6 +13,7 @@
   border-radius: 32px;
   padding-top: 120px;
   padding-bottom: 85px;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 
@@ -20,7 +28,12 @@
 .text_container {
   width: 416px;
   margin: 0 auto 80px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
   justify-content: center;
   gap: 20px;
 }
@@ -59,6 +72,8 @@
   line-height: 100%;
 
   margin: 0;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d375ff), to(#798fff));
+  background-image: -o-linear-gradient(#d375ff, #798fff);
   background-image: linear-gradient(#d375ff, #798fff);
   background-size: 100%;
   background-repeat: repeat;
@@ -81,8 +96,10 @@
 }
 
 .title__gardient_pos {
+  background-image: -webkit-gradient(linear, left top, right top, from(#D375FF), color-stop(45%, #798FFF));
+  background-image: -o-linear-gradient(left, #D375FF 0%, #798FFF 45%);
   background-image: linear-gradient(to right, #D375FF 0%, #798FFF 45%);
-  
+
 }
 
 
@@ -94,6 +111,7 @@
   }
 
   .slider-container {
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 80px 0 85px;
 
@@ -102,6 +120,7 @@
 
 @media screen and (max-width: 639px) {
   .slider-container {
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 60px 0 69px;
   }
@@ -110,5 +129,5 @@
     padding: 0 10px 0;
   }
 
-  
-}
+
+}
\ No newline at end of file
diff --git a/src/components/timepicker/timepicker.css b/src/components/timepicker/timepicker.css
index 9ddef90..7599a28 100644
--- a/src/components/timepicker/timepicker.css
+++ b/src/components/timepicker/timepicker.css
@@ -1,13 +1,30 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .timepicker__header {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
   flex-direction: column;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
   justify-content: space-between;
+  -ms-flex-line-pack: center;
   align-content: center;
 }
 
 .timepicker__table {
   margin-bottom: 4px;
+  display: -ms-grid;
   display: grid;
+  -ms-grid-columns: 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr;
   grid-template-columns: repeat(5, 1fr);
   gap: 4px;
 }
@@ -20,8 +37,13 @@
   height: 21px;
   font-style: normal;
   padding: 11px 5px;
+  display: -ms-grid;
   display: grid;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
   justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
   align-items: center;
   font-style: normal;
   font-weight: 400;
@@ -32,6 +54,10 @@
   background-color: transparent;
   border-radius: 4px;
 
+  -webkit-transition: all 0.3s ease;
+
+  -o-transition: all 0.3s ease;
+
   transition: all 0.3s ease;
 }
 
@@ -58,17 +84,17 @@
     font-size: 20px;
     padding: 13px 7px;
 
-  }  
+  }
 }
 
 @media screen and (max-width: 1279px) {
   .timpicker__cell {
     font-size: 16px;
   }
-  
+
 }
 
-@media screen and (max-width: 1024px)  {
+@media screen and (max-width: 1024px) {
   .timpicker__cell {
     padding: 8px 4px;
     font-size: 14px;
@@ -78,5 +104,4 @@
 
 
 
-}
-
+}
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index cba0d54..aec8b86 100644
--- a/src/index.css
+++ b/src/index.css
@@ -13,6 +13,13 @@
 @import url(./components/timepicker/timepicker.css);
 
 
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 
 body {
   font-family: 'GilroyWebRegular';
@@ -29,7 +36,8 @@ body {
 .main {
   margin: 0 auto;
   width: 1200px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 @media screen and (min-width: 1600px) {
diff --git a/src/styles/styles.css b/src/styles/styles.css
index fbb7255..5aee8c7 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -1,9 +1,23 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .main-block__container {
   width: 536px;
   margin: 0 auto 80px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   gap: 20px;
 }
 
@@ -17,17 +31,31 @@
 }
 
 .main-block__subblock-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: column;
-  align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 
 .main-block_subblock {
   width: 480px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   margin: 0 auto;
-  flex-direction: column;
-  align-items: flex-start;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
   gap: 40px;
   font-style: normal;
   font-weight: 400;
@@ -64,6 +92,7 @@
   font-size: 64px;
   line-height: 100%;
   margin: 0;
+  background-image: -o-linear-gradient(33.25deg, #D375FF 19.74%, #798FFF 82.32%);
   background-image: linear-gradient(56.75deg, #D375FF 19.74%, #798FFF 82.32%);
   background-size: 100%;
   background-repeat: repeat;
@@ -77,6 +106,7 @@
   font-weight: 400;
   line-height: 100%;
   margin: 0;
+  background-image: -o-linear-gradient(33.25deg, #D375FF 19.74%, #798FFF 82.32%);
   background-image: linear-gradient(56.75deg, #D375FF 19.74%, #798FFF 82.32%);
   background-size: 100%;
   background-repeat: repeat;
@@ -109,6 +139,13 @@
   width: 416px;
 }
 
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
 .main-block__button {
   font-family: 'GilroyWebRegular';
   font-style: normal;
@@ -120,13 +157,23 @@
   font-weight: 400;
   font-size: 16px;
   line-height: 125%;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: 14px 18px 12px 24px;
   gap: 8px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   width: 164px;
   height: 40px;
 
@@ -136,7 +183,6 @@
   color: #ebebeb;
   cursor: pointer;
 }
-
 .main-block__icon {
   opacity: 1;
   width: 10px;
@@ -146,9 +192,15 @@
 }
 
 .main-block__icon_container {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: center;
-  justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   width: 16px;
   height: 16px;
   border-radius: 100%;
@@ -156,6 +208,8 @@
 }
 
 .main-block__button:hover>div>img {
+  -webkit-transition: opacity ease-out 0.2s;
+  -o-transition: opacity ease-out 0.2s;
   transition: opacity ease-out 0.2s;
   opacity: 1;
 }
@@ -163,6 +217,8 @@
 
 .main-block__button:hover {
   border: 1px solid #FFFFFF;
+  -webkit-transition: border ease-out 0.2s;
+  -o-transition: border ease-out 0.2s;
   transition: border ease-out 0.2s;
 }
 
@@ -254,6 +310,8 @@
 
   .main-block__caption_color {
     font-size: 2.1vw;
+    width: -webkit-fit-content;
+    width: -moz-fit-content;
     width: fit-content;
   }
 
diff --git a/src/utils/textEN.js b/src/utils/textEN.js
index 50e523e..8980d04 100644
--- a/src/utils/textEN.js
+++ b/src/utils/textEN.js
@@ -118,9 +118,9 @@ const textEN = {
             caption1: 'Winner of the prestigious Urban Awards 2019 in the nomination "Best regional business class residential complex under construction".',
         },
         card1: {
-            title: 'ЖК «Машаров»',
-            subTitle: 'Россия, Тюмень.',
-            caption: 'Авторский Квартал «Машаров» — новый проект компании Сибинтел Девелопмент, которая создает уникальные объекты для тюменского региона с 2002 года.',
+            title: 'RC «Masharov»',
+            subTitle: 'Russia, Tyumen.',
+            caption: "Author's Quarter 'Masharov' is a new project of Sibintel Development, which has been creating unique buildings for the Tyumen region since 2002.",
         },
         card2: {
             title: 'ЖК «Тактика»',