diff --git a/src/App.css b/src/App.css
index da37af9..896030a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -78,10 +78,10 @@
 .nav_circle::after {
     position: absolute;
     content: "";
-    height: 1591px;
-    width: 1591px;
-    top: -460px;
-    right: -10%;
+    height: 800px;
+    width: 801px;
+    top: -156px;
+    right: -8%;
     border: 1px solid rgba(255, 255, 255, 0.5);
     background: transparent !important;
     transition: width 0.3s;
@@ -194,7 +194,10 @@
     border-radius: 0 0 100px 0;
 }
 
-.heroOffice_img,
+.heroOffice_img {
+    border-radius: 0 100px 0px 0px;
+}
+
 .heroTeam_img {
     border-radius: 0 100px 100px 0px;
 }
@@ -208,7 +211,7 @@
     border-top-right-radius: 400px;
     border: 2px solid rgba(0, 0, 0, 0.5);
     left: -400px;
-    bottom: -8%;
+    bottom: -7%;
     z-index: 0;
 }
 
@@ -221,7 +224,7 @@
     border-bottom-right-radius: 400px;
     border: 2px solid rgba(255, 255, 255, 0.5);
     left: -400px;
-    top: 0;
+    top: -2px;
     z-index: 0;
 }
 
@@ -235,8 +238,8 @@
 }
 
 .neg_marginLogo {
-    margin-top: -70%;
-    margin-left: -5px;
+    margin-top: -72%;
+    margin-left: 15px;
 }
 
 .true_magic {
@@ -259,7 +262,7 @@
 
 .msg_btn {
     padding: 16px 18px 16px 30px;
-    box-shadow: 0px 88px 35px rgba(191, 4, 4, 0.03), 0px 50px 30px rgba(191, 4, 4, 0.1), 0px 22px 22px rgba(191, 4, 4, 0.17), 0px 6px 12px rgba(191, 4, 4, 0.2), 0px 0px 0px rgba(191, 4, 4, 0.2); 
+    box-shadow: 0px 88px 35px rgba(191, 4, 4, 0.03), 0px 50px 30px rgba(191, 4, 4, 0.1), 0px 22px 22px rgba(191, 4, 4, 0.17), 0px 6px 12px rgba(191, 4, 4, 0.2), 0px 0px 0px rgba(191, 4, 4, 0.2);
     transition: all .3s;
 }
 
@@ -397,36 +400,6 @@
     gap: 22px;
 }
 
-.grid_item1 {
-    grid-row: 2/3;
-    grid-column: 3/4;
-}
-
-.grid_item2 {
-    grid-row: 1/4;
-    grid-column: 4/9;
-}
-
-.grid_item3 {
-    grid-row: 3/5;
-    grid-column: 2/4;
-}
-
-.grid_item4 {
-    grid-row: 5/7;
-    grid-column: 1/4;
-}
-
-.grid_item5 {
-    grid-row: 4/8;
-    grid-column: 4/7;
-}
-
-.grid_item6 {
-    grid-row: 4/6;
-    grid-column: 7/9;
-}
-
 .grid_item img {
     object-fit: cover;
     object-position: center;
@@ -458,12 +431,6 @@
     left: 150%;
 }
 
-.grid_item:hover,
-.grid_item:active {
-    color: #fff;
-    box-shadow: 0px -1px 10px 0 #e80b0b6b;
-}
-
 .mw_1258 {
     max-width: 1258px;
 }
@@ -472,10 +439,6 @@
     max-width: 993px;
 }
 
-.mw_150 {
-    min-width: 150px;
-}
-
 .top_50 {
     top: -50px;
 }
@@ -489,6 +452,16 @@
     transition: .3s;
 }
 
+.slick-dots li button:before {
+    font-size: 13px !important;
+    color: var(--bg-red) !important;
+}
+
+.slick-dots li.slick-active button:before {
+    opacity: .75;
+    color: var(--bg-red);
+}
+
 .truedata_card {
     border: 5px solid #215BC7;
 }
@@ -560,6 +533,10 @@
     width: 20%;
 }
 
+.mw_100 {
+    max-width: 100px;
+}
+
 /* === form === */
 .contact {
     position: relative;
@@ -612,11 +589,12 @@ svg:hover path {
     fill-opacity: 1;
 }
 
-.send_btn:hover{
+.send_btn:hover {
     background: white;
-        color: var(--fc-red);
-        box-shadow: 0px 88px 35px rgba(191, 4, 4, 0.03), 0px 50px 30px rgba(191, 4, 4, 0.1), 0px 22px 22px rgba(191, 4, 4, 0.17), 0px 6px 12px rgba(191, 4, 4, 0.2), 0px 0px 0px rgba(191, 4, 4, 0.2);
+    color: var(--fc-red);
+    box-shadow: 0px 88px 35px rgba(191, 4, 4, 0.03), 0px 50px 30px rgba(191, 4, 4, 0.1), 0px 22px 22px rgba(191, 4, 4, 0.17), 0px 6px 12px rgba(191, 4, 4, 0.2), 0px 0px 0px rgba(191, 4, 4, 0.2);
 }
+
 .touch_btn:hover,
 .msg_btn:hover {
     background: transparent;
@@ -690,10 +668,6 @@ svg:hover path {
     backface-visibility: hidden;
 }
 
-/* .content {
-    transform: translateZ(70px) scale(0.8);
-} */
-
 .front {
     z-index: 2;
 }
@@ -712,7 +686,7 @@ svg:hover path {
 
 .map_bg {
     background: url("./assets/images/png/map.png") no-repeat;
-    background-size: cover;
+    background-size: 100% 100%;
 }
 
 .mw_872 {
@@ -811,6 +785,19 @@ svg:hover path {
     .mt_-160 {
         margin-top: -160px;
     }
+
+    .nav_circle::after {
+        position: absolute;
+        content: "";
+        height: 1591px;
+        width: 1591px;
+        top: -460px;
+        right: -10%;
+        border: 1px solid rgba(255, 255, 255, 0.5);
+        background: transparent !important;
+        transition: width 0.3s;
+        border-radius: 50%;
+    }
 }
 
 @media (min-width:1600px) {
@@ -821,6 +808,7 @@ svg:hover path {
     .black_circle {
         width: 197px;
         height: 197px;
+        padding: 47px;
     }
 
     .productCard_container {
@@ -837,7 +825,10 @@ svg:hover path {
         border-radius: 0 0 50px 0;
     }
 
-    .heroOffice_img,
+    .heroOffice_img {
+        border-radius: 0 50px 0px 0px;
+    }
+
     .heroTeam_img {
         border-radius: 0 50px 50px 0px;
     }
@@ -858,13 +849,21 @@ svg:hover path {
     }
 
     .product_card {
-        height: 570px;
+        height: 617px;
         margin-bottom: 0;
     }
 
     .expert_circle::after {
         display: none;
     }
+
+    .nav_circle::after {
+        display: none;
+    }
+
+    .map_bg {
+        background-size: cover;
+    }
 }
 
 @media (max-width:400px) {
diff --git a/src/App.js b/src/App.js
index e4ca195..942bc9a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -25,7 +25,7 @@ function App() {
   }, []);
   return (
     <div className="App overflow-hidden">
-      {/* <LoaderHome /> */}
+      <LoaderHome />
       <BackToTop />
       <EyonaHero />
       <Eyona />
diff --git a/src/assets/images/png/arivu_img.png b/src/assets/images/png/arivu_img.png
index e38091a..8f58af1 100644
Binary files a/src/assets/images/png/arivu_img.png and b/src/assets/images/png/arivu_img.png differ
diff --git a/src/assets/images/png/gridParty_img.png b/src/assets/images/png/gridParty_img.png
deleted file mode 100644
index f4b6f60..0000000
Binary files a/src/assets/images/png/gridParty_img.png and /dev/null differ
diff --git a/src/assets/images/png/gridTeam_img.png b/src/assets/images/png/gridTeam_img.png
deleted file mode 100644
index 6bdb719..0000000
Binary files a/src/assets/images/png/gridTeam_img.png and /dev/null differ
diff --git a/src/assets/images/png/gridTyping_img.png b/src/assets/images/png/gridTyping_img.png
deleted file mode 100644
index 6f30dad..0000000
Binary files a/src/assets/images/png/gridTyping_img.png and /dev/null differ
diff --git a/src/assets/images/png/grid_img1.png b/src/assets/images/png/grid_img1.png
deleted file mode 100644
index 66730c1..0000000
Binary files a/src/assets/images/png/grid_img1.png and /dev/null differ
diff --git a/src/assets/images/png/grid_laptop_img.png b/src/assets/images/png/grid_laptop_img.png
deleted file mode 100644
index a5ed591..0000000
Binary files a/src/assets/images/png/grid_laptop_img.png and /dev/null differ
diff --git a/src/assets/images/png/grid_woman_workingLaptop_img.png b/src/assets/images/png/grid_woman_workingLaptop_img.png
deleted file mode 100644
index 50b9eda..0000000
Binary files a/src/assets/images/png/grid_woman_workingLaptop_img.png and /dev/null differ
diff --git a/src/assets/images/png/magicGrid_img.png b/src/assets/images/png/magicGrid_img.png
new file mode 100644
index 0000000..310dfd2
Binary files /dev/null and b/src/assets/images/png/magicGrid_img.png differ
diff --git a/src/components/Experts.jsx b/src/components/Experts.jsx
index ee640e7..f3eb701 100644
--- a/src/components/Experts.jsx
+++ b/src/components/Experts.jsx
@@ -84,7 +84,7 @@ const Experts = () => {
               <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate mt-lg-3">
                 B2B Software
               </h4>
-              <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0">
+              <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0 lh_40">
                 Our products are at the forefront of industry, creating
                 streamlined processing for your business needs.
               </p>
@@ -102,7 +102,7 @@ const Experts = () => {
               <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate mt-lg-3">
                 Eco-system Ownership
               </h4>
-              <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0">
+              <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0 lh_40">
                 We provide ourselves on making our products easy to use and
                 personalised for your business needs.
               </p>
@@ -120,7 +120,7 @@ const Experts = () => {
               <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate mt-lg-3">
                 Globally Relevant
               </h4>
-              <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0">
+              <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0 lh_40">
                 All our software if fit for purpose and easy to scale across
                 your organisation in any country.
               </p>
@@ -138,7 +138,7 @@ const Experts = () => {
               <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate mt-lg-3">
                 Industry Specific
               </h4>
-              <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0">
+              <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0 lh_40">
                 Our products are predominately tailored for a specific vertical
                 or industry. We empower domain experts, to ensure you the best
                 results.
diff --git a/src/components/Eyona.jsx b/src/components/Eyona.jsx
index 45841b4..5f13a99 100644
--- a/src/components/Eyona.jsx
+++ b/src/components/Eyona.jsx
@@ -15,12 +15,12 @@ const Eyona = () => {
             data-aos-duration="2000"
           >
             <Col xs={12} xxl={12} md={10}>
-              <h2 className="ff_Montserrat fw-bold fs_5x5l fc_white mw_1258 position-relative z-2">
+              <h2 className="ff_Montserrat fw-bold fs_5x5l fc_white mw_1258 position-relative z-2 lh_70">
                 It’s our passion. Our business. We love to see our customers
                 reinventing themselves, people discovering their true potential
                 and creating products to enable industries.
               </h2>
-              <p className="ff_Montserrat fw-medium fs_2xl fc_light mw_993 mt-md-5 mt-3">
+              <p className="ff_Montserrat fw-medium fs_2xl fc_light mw_993 mt-md-5 mt-3 lh_40">
                 To us innovation means: Seeing the bigger picture, striving for
                 better insights, always curious, thinking the unthinkable, the
                 impossible and then making it happen. In other words, we support
diff --git a/src/components/EyonaFooter.jsx b/src/components/EyonaFooter.jsx
index 14edec4..1964bfb 100644
--- a/src/components/EyonaFooter.jsx
+++ b/src/components/EyonaFooter.jsx
@@ -7,7 +7,7 @@ const EyonaFooter = () => {
     <>
       <footer className="py-5 bg_Slate footer_circle">
         <div className="mt-5 container">
-          <a href="#hero"> 
+          <a href="#hero">
             <img src={logo} alt="logo" className="mw_324 w-50" />
           </a>
           <Row className="py-5 mb-5 justify-content-lg-between">
@@ -34,12 +34,7 @@ const EyonaFooter = () => {
                     London
                   </h2>
                   <p className="ff_inter fc_white fw-normal fs_xsm mb-1 Cursor_Pointer fc_lighter">
-                    77 Farringdon Road
-                  </p>
-                  <p className="ff_inter fc_white fw-normal fs_xsm mb-1 Cursor_Pointer fc_lighter">
-                    London
-                  </p>
-                  <p className="ff_inter fc_white fw-normal fs_xsm mb-1 Cursor_Pointer fc_lighter">
+                    77 Farringdon Road <br /> London <br />
                     EC1m 3JU
                   </p>
                 </Col>
@@ -48,13 +43,8 @@ const EyonaFooter = () => {
                     Cape Town
                   </h2>
                   <p className="ff_inter fc_white fw-normal fs_xsm mb-1 Cursor_Pointer fc_lighter">
-                    4 Alphons way,
-                  </p>
-                  <p className="ff_inter fc_white fw-normal fs_xsm mb-1 Cursor_Pointer fc_lighter">
-                    Tokai, Cape Town,
-                  </p>
-                  <p className="ff_inter fc_white fw-normal fs_xsm mb-1 Cursor_Pointer fc_lighter">
-                    Western Cape 7420, ZA
+                    4 Alphons way, <br /> Tokai, Cape Town, <br /> Western Cape
+                    7420, <br /> ZA
                   </p>
                 </Col>
               </Row>
diff --git a/src/components/EyonaHero.jsx b/src/components/EyonaHero.jsx
index 9f3f157..6e25d26 100644
--- a/src/components/EyonaHero.jsx
+++ b/src/components/EyonaHero.jsx
@@ -19,13 +19,17 @@ const EyonaHero = () => {
   return (
     <div className="pb-5 position-relative">
       <div
-        className={toggle ? "showNav myNav  nav_circle" : "myNav  nav_circle"}
+        className={
+          toggle
+            ? "showNav myNav overflow-auto h-100 "
+            : "myNav overflow-auto h-100"
+        }
       >
-        <section className="Nav_bg overflow-auto  vh-100 d-flex flex-column justify-content-center position-relative">
+        <section className="Nav_bg overflow-hidden min-vh-100 nav_circle d-flex flex-column justify-content-center position-relative">
           <div className="d-flex justify-content-between container-fluid px-lg-5 py-5 p-3 z-1">
-            <a href="#home">
+            <span>
               <img src={navlogo} alt="logo" />
-            </a>
+            </span>
             <div
               onClick={shownavBar}
               className="navToggle_btn rounded-pill d-flex justify-content-center align-items-center Cursor_Pointer position-absolute top-0 end-0 mt-5 me-md-5 me-2"
@@ -125,33 +129,9 @@ const EyonaHero = () => {
                     <p className="mb-sm-2 mb-1">
                       <a
                         href="#"
-                        className="fc_white fs_xsm fw-normal ff_Montserrat link_hover"
-                      >
-                        77 Farringdon
-                      </a>
-                    </p>
-                    <p className="mb-sm-2 mb-1">
-                      <a
-                        href="#"
-                        className="fc_white fs_xsm fw-normal ff_Montserrat link_hover"
-                      >
-                        Road
-                      </a>
-                    </p>
-                    <p className="mb-sm-2 mb-1">
-                      <a
-                        href="#"
-                        className="fc_white fs_xsm fw-normal ff_Montserrat link_hover"
-                      >
-                        London
-                      </a>
-                    </p>
-                    <p className="mb-sm-2 mb-1">
-                      <a
-                        href="#"
-                        className="fc_white fs_xsm fw-normal ff_Montserrat link_hover"
+                        className="fc_white fs_xsm fw-normal ff_Montserrat"
                       >
-                        EC1m 3JU
+                        77 Farringdon <br /> Road <br /> London <br /> EC1m 3JU
                       </a>
                     </p>
                   </Col>
@@ -162,33 +142,9 @@ const EyonaHero = () => {
                     <p className="mb-sm-2 mb-1">
                       <a
                         href="#"
-                        className="fc_white fs_xsm fw-normal ff_Montserrat link_hover"
-                      >
-                        4 Alphons way,
-                      </a>
-                    </p>
-                    <p className="mb-sm-2 mb-1">
-                      <a
-                        href="#"
-                        className="fc_white fs_xsm fw-normal ff_Montserrat link_hover"
-                      >
-                        Tokai, Cape Town,
-                      </a>
-                    </p>
-                    <p className="mb-sm-2 mb-1">
-                      <a
-                        href="#"
-                        className="fc_white fs_xsm fw-normal ff_Montserrat link_hover"
-                      >
-                        Western Cape 7420,
-                      </a>
-                    </p>
-                    <p className="mb-sm-2 mb-1">
-                      <a
-                        href="#"
-                        className="fc_white fs_xsm fw-normal ff_Montserrat link_hover"
+                        className="fc_white fs_xsm fw-normal ff_Montserrat"
                       >
-                        ZA
+                        4 Alphons way, <br /> Tokai, Cape Town, <br /> Western Cape 7420, <br /> ZA
                       </a>
                     </p>
                   </Col>
@@ -220,7 +176,7 @@ const EyonaHero = () => {
           </div>
         </section>
       </div>
-      <section id="hero" className="ps-md-5 py-5 position-relative">
+      <section id="hero" className="ps-md-5 pb-5 pt-md-5 pt-2 position-relative">
         <div className="heroCircle2 position-absolute rounded-pill d-sm-block d-none"></div>
         <div className="hero_circle d-sm-block d-none"></div>
         <div className="hero_Container px-md-5 px-1">
@@ -295,7 +251,7 @@ const EyonaHero = () => {
                 Eyona is a team of dedicated, passionate people building B2B
                 software for the FMCG industry.
               </p>
-              <button className="border-0 fc_white ff_Montserrat fw-bold fs_sm rounded-pill bg_red ls_1 touch_btn">
+              <button className="border-0 fc_white ff_Montserrat fw-bold fs_sm rounded-pill bg_red ls_1 touch_btn lh_22">
                 Get In Touch
               </button>
             </Col>
diff --git a/src/components/Form.jsx b/src/components/Form.jsx
index b0b9909..b7525cb 100644
--- a/src/components/Form.jsx
+++ b/src/components/Form.jsx
@@ -30,7 +30,10 @@ const Form = () => {
 
   return (
     <>
-      <section id="contact" className="py-md-5 bg_Slate contact_form">
+      <section
+        id="contact"
+        className="py-md-5 bg_Slate contact_form position-relative"
+      >
         <div ref={form} className="container Custom_Container py-5 my-lg-5">
           <div className="front side">
             <div className="content">
@@ -115,7 +118,7 @@ const Form = () => {
                     ></textarea>
                     <button
                       onClick={handleShow}
-                      className="rounded-pill ff_Montserrat fs_sm border-0 bg_red fc_white send_btn fw-bold ls_1"
+                      className="rounded-pill ff_Montserrat fs_sm border-0 bg_red fc_white send_btn fw-bold ls_1 lh_22"
                     >
                       Send Message
                     </button>
@@ -126,6 +129,26 @@ const Form = () => {
           </div>
           <div className="back side">
             <div className="content">
+              <div className=" d-flex justify-content-end mb-5">
+                <span>
+                  <svg
+                    width="15"
+                    height="15"
+                    viewBox="0 0 15 15"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M1.76782 0.356445L13.7886 12.4077L12.0209 14.1799L5.52683e-05 2.12869L1.76782 0.356445Z"
+                      fill="white"
+                    />
+                    <path
+                      d="M0.394287 12.0508L12.4151 -0.000478389L14.1829 1.77177L2.16205 13.823L0.394287 12.0508Z"
+                      fill="white"
+                    />
+                  </svg>
+                </span>
+              </div>
               <Row className="align-items-center">
                 <Col lg={6}>
                   <h2 className="ff_inter fw-bold fs_7x5l fc_white mb-5 thankYou">
diff --git a/src/components/Magic.jsx b/src/components/Magic.jsx
index b70ea7d..cbb18bf 100644
--- a/src/components/Magic.jsx
+++ b/src/components/Magic.jsx
@@ -1,11 +1,6 @@
 import React from "react";
 import { Col, Row } from "react-bootstrap";
-import grid_img1 from "../assets/images/png/grid_img1.png";
-import Party from "../assets/images/png/gridParty_img.png";
-import team from "../assets/images/png/gridTeam_img.png";
-import typing from "../assets/images/png/gridTyping_img.png";
-import laptop from "../assets/images/png/grid_laptop_img.png";
-import woman_workingLaptop from "../assets/images/png/grid_woman_workingLaptop_img.png";
+import grid_img from "../assets/images/png/magicGrid_img.png";
 
 const Magic = () => {
   return (
@@ -43,34 +38,7 @@ const Magic = () => {
               data-aos-offset="1000"
               data-aos-duration="1000"
             >
-              <div className="grid_container">
-                <div className="grid_item grid_item1">
-                  <img
-                    src={grid_img1}
-                    alt="grid_img1"
-                    className="w-100  mw_150"
-                  />
-                </div>
-                <div className="grid_item grid_item2">
-                  <img
-                    src={woman_workingLaptop}
-                    alt="woman_workingLaptop"
-                    className="w-100 h-100"
-                  />
-                </div>
-                <div className="grid_item grid_item3">
-                  <img src={laptop} alt="laptop" className="w-100 h-100 " />
-                </div>
-                <div className="grid_item grid_item4">
-                  <img src={team} alt="team" className="w-100 h-100" />
-                </div>
-                <div className="grid_item grid_item5">
-                  <img src={Party} alt="party" className="w-100 h-100" />
-                </div>
-                <div className="grid_item grid_item6">
-                  <img src={typing} alt="typing" className="w-100 h-100" />
-                </div>
-              </div>
+              <img src={grid_img} alt="grid_img" className="w-100" />
             </Col>
           </Row>
         </div>
diff --git a/src/components/OurProducts.jsx b/src/components/OurProducts.jsx
index 8479f19..065842c 100644
--- a/src/components/OurProducts.jsx
+++ b/src/components/OurProducts.jsx
@@ -39,6 +39,7 @@ const OurProducts = () => {
           centerPadding: 0,
           cssEase: "linear",
           slidesToScroll: 1,
+          dots: true,
         },
       },
       {
@@ -46,15 +47,17 @@ const OurProducts = () => {
         settings: {
           slidesToShow: 1,
           slidesToScroll: 1,
+          dots: true,
           centerMode: true,
           centerPadding: "70px",
         },
       },
       {
-        breakpoint: 768,
+        breakpoint: 576,
         settings: {
           slidesToShow: 1,
           slidesToScroll: 1,
+          dots: true,
           centerMode: true,
           centerPadding: 0,
         },
@@ -66,7 +69,7 @@ const OurProducts = () => {
       <section className="py-md-5 mt-lg-5">
         <div className="container ourProduct_container">
           <h2
-            className="ff_inter fw-bold fs_8x5l text-center fc_Slate"
+            className="ff_inter fw-bold fs_8x5l text-center fc_Slate mb-3"
             data-aos="zoom-in"
             data-aos-delay="300"
             data-aos-offset="0"
@@ -75,7 +78,7 @@ const OurProducts = () => {
             Our products.
           </h2>
           <p
-            className="ff_inter fw-normal text-center fs_2xl fc_grey mw_872 mx-auto mb-5 pb-lg-4"
+            className="ff_inter fw-normal text-center fs_2xl fc_grey mw_872 mx-auto mb-5 pb-lg-5 lh_40"
             data-aos="zoom-in"
             data-aos-delay="300"
             data-aos-offset="0"
@@ -91,7 +94,6 @@ const OurProducts = () => {
               lg={6}
               className="px-3"
               data-aos="fade-right"
-             
               data-aos-offset="500"
               data-aos-duration="2000"
             >
@@ -102,11 +104,11 @@ const OurProducts = () => {
                   className="yellowCircle position-absolute start-0"
                 />
                 <div className="productCard_container">
-                  <img src={truedata} alt="truedata" className="w-50" />
-                  <h2 className="pt-5 ff_inter fw-bold fs_3xl fc_Slate ">
+                  <img src={truedata} alt="truedata" />
+                  <h2 className="pt-md-5 pt-3 ff_inter fw-bold fs_3xl fc_Slate mb-lg-4 mb-2 ">
                     Data Unifying & Analytics Platform
                   </h2>
-                  <p className="ff_inter fw-normal fs_xsm fc_grey">
+                  <p className="ff_inter fw-normal fs_xsm fc_grey lh_30">
                     Basecamp software to automate the collation, cleaning,
                     integrating and visualising for all of your businesses
                     market facing sales data across all channels.
@@ -123,17 +125,16 @@ const OurProducts = () => {
               lg={6}
               className="px-3"
               data-aos="fade-left"
-             
               data-aos-offset="500"
               data-aos-duration="2000"
             >
               <div className="repforce_card product_card w-100 overflow-hidden">
                 <div className="productCard_container">
                   <img src={repforce} alt="repforce" className=" w-50" />
-                  <h2 className="pt-5 ff_inter fw-bold fs_3xl fc_Slate">
+                  <h2 className="pt-md-5 pt-3 ff_inter fw-bold fs_3xl fc_Slate mb-lg-4 mb-2">
                     Field Sales Automation Software
                   </h2>
-                  <p className="ff_inter fw-normal fs_xsm fc_grey">
+                  <p className="ff_inter fw-normal fs_xsm fc_grey lh_30">
                     Provides superior field sales routing capability, retail
                     execution management and sales order integration for mobile
                     workforces within businesses.
@@ -150,17 +151,16 @@ const OurProducts = () => {
               lg={6}
               className="px-3"
               data-aos="fade-right"
-             
               data-aos-offset="500"
               data-aos-duration="2000"
             >
               <div className="assetforce_card product_card w-100 overflow-hidden">
                 <div className="productCard_container">
-                  <img src={assetforce} alt="assetforce" className="w-50" />
-                  <h2 className="pt-5 ff_inter fw-bold fs_3xl fc_Slate">
+                  <img src={assetforce} alt="assetforce" className="w-50"/>
+                  <h2 className="pt-md-5 pt-3 ff_inter fw-bold fs_3xl fc_Slate mb-lg-4 mb-2">
                     Facility & Maintenance Management Software
                   </h2>
-                  <p className="ff_inter fw-normal fs_xsm fc_grey">
+                  <p className="ff_inter fw-normal fs_xsm fc_grey lh_30">
                     Web and mobile-based CMMS software that offers asset
                     management, downtime tracking & workflow automation
                     solutions of businesses.
@@ -177,7 +177,6 @@ const OurProducts = () => {
               lg={6}
               className="px-3"
               data-aos="fade-left"
-             
               data-aos-offset="500"
               data-aos-duration="2000"
             >
@@ -185,14 +184,14 @@ const OurProducts = () => {
                 <img
                   src={lines}
                   alt="easyHr_lines"
-                  className="position-absolute end-0 easyHr_lines w-100"
+                  className="position-absolute end-0 easyHr_lines w-100 d-sm-block d-none"
                 />
                 <div className="productCard_container">
-                  <img src={easyhr} alt="easyhr" className="w-50" />
-                  <h2 className="pt-5 ff_inter fw-bold fs_3xl fc_Slate">
+                  <img src={easyhr} alt="easyhr" />
+                  <h2 className="pt-md-5 pt-3 ff_inter fw-bold fs_3xl fc_Slate mb-lg-4 mb-2">
                     HR Management Software
                   </h2>
-                  <p className="ff_inter fw-normal fs_xsm fc_grey">
+                  <p className="ff_inter fw-normal fs_xsm fc_grey lh_30">
                     Human resource software solution that combines several
                     systems and processes to manage and optimize daily HR tasks
                     and the overall HR goals of a given organization.
@@ -209,7 +208,6 @@ const OurProducts = () => {
               lg={6}
               className="px-3"
               data-aos="fade-right"
-             
               data-aos-offset="500"
               data-aos-duration="2000"
             >
@@ -217,14 +215,14 @@ const OurProducts = () => {
                 <img
                   src={zoosh_drink}
                   alt="zoosh_drink"
-                  className="position-absolute end-0 bottom-50"
+                  className="position-absolute end-0 bottom-50 mw_100"
                 />
                 <div className="productCard_container">
-                  <img src={zoosh} alt="zoosh" className="w-50" />
-                  <h2 className="pt-5 ff_inter fw-bold fs_3xl fc_Slate">
+                  <img src={zoosh} alt="zoosh" />
+                  <h2 className="pt-md-5 pt-3 ff_inter fw-bold fs_3xl fc_Slate mb-lg-4 mb-2">
                     Gig Economy for Activations
                   </h2>
-                  <p className="ff_inter fw-normal fs_xsm fc_grey">
+                  <p className="ff_inter fw-normal fs_xsm fc_grey lh_30">
                     Interconnected ecosystem for promotions management. Where
                     brands and agencies promote products and capture consumer
                     feedback and behaviour.
@@ -241,17 +239,16 @@ const OurProducts = () => {
               lg={6}
               className="px-3"
               data-aos="fade-left"
-             
               data-aos-offset="500"
               data-aos-duration="2000"
             >
               <div className="arivu_card product_card w-100 overflow-hidden">
                 <div className="productCard_container">
-                  <img src={arivu_logo} alt="arivu_logo" className="w-50" />
-                  <h2 className="pt-5 ff_inter fw-bold fs_3xl fc_Slate">
+                  <img src={arivu_logo} alt="arivu_logo" />
+                  <h2 className="pt-md-5 pt-3 ff_inter fw-bold fs_3xl fc_Slate mb-lg-4 mb-2">
                     Learning Management Software
                   </h2>
-                  <p className="ff_inter fw-normal fs_xsm fc_grey">
+                  <p className="ff_inter fw-normal fs_xsm fc_grey lh_30">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                     do eiusmod tempor incididunt ut labore et dolore magna
                     aliqua.
diff --git a/src/components/OurTeam.jsx b/src/components/OurTeam.jsx
index 0a260e9..46be2ee 100644
--- a/src/components/OurTeam.jsx
+++ b/src/components/OurTeam.jsx
@@ -13,7 +13,7 @@ const OurTeam = () => {
   return (
     <>
       <section className="py-5 bg_Slate">
-        <div className="container ourProduct_container py-5">
+        <div className="container Custom_Container py-5">
           <Row className="align-items-center justify-content-center justify-content-lg-between">
             <Col lg={6} classname="pb-3 pb-sm-5 pb-lg-0">
               <h2 className="ff_inter fw-bold fs_6x5l fc_white eyona mb-5 mb-lg-0">
diff --git a/src/components/Trust.jsx b/src/components/Trust.jsx
index e011493..7f1b2fb 100644
--- a/src/components/Trust.jsx
+++ b/src/components/Trust.jsx
@@ -42,7 +42,7 @@ const Trust = () => {
       {
         breakpoint: 576,
         settings: {
-          slidesToShow: 2,
+          slidesToShow: 1,
           slidesToScroll: 1,
         },
       },
@@ -54,7 +54,7 @@ const Trust = () => {
     slidesToScroll: 2,
     autoplay: true,
     autoplaySpeed: 0,
-    speed: 8000,
+    speed: 7000,
     pauseOnHover: false,
     cssEase: "linear",
     responsive: [
@@ -150,7 +150,7 @@ const Trust = () => {
               <img src={PernodRicard} alt="PernodRicard" className="w-100" />
             </div>
           </Slider>
-          <Slider {...settings} className="trust_slider py-lg-4 py-2 mb-lg-5 mb-3">
+          <Slider {...settings} className="trust_slider py-lg-4 py-2 mb-5">
             <div className="p-sm-4 p-1 d-flex align-items-center justify-content-center">
               <img
                 src={BeamSuntory}
diff --git a/src/index.css b/src/index.css
index 37b27d3..7a9cbf7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -15,7 +15,7 @@
   --fs-sm: 14px;
   --fs-2xl: 14px;
   --fs-2x5l: 16px;
-  --fs-3xl: 20px;
+  --fs-3xl: 19px;
   --fs-3x5l: 25px;
   --fs-4xl: 22px;
   --fs-5xl: 23px;
@@ -25,7 +25,7 @@
   --fs-7x5l: 50px;
   --fs-8x5l: 32px;
   --fs-15xl: 43px;
-  --fs-20xl: 54px;
+  --fs-20xl: 43px;
   --fs-4x50l: 200px;
 
   /* font weight */
@@ -239,6 +239,10 @@
   .lh_100 {
     line-height: 100px;
   }
+
+  .lh_40 {
+    line-height: 40px;
+  }
 }
 
 @media (min-width:1400px) {
@@ -268,4 +272,8 @@
     --fs-20xl: 200px;
     --fs-4x50l: 450px;
   }
-}
\ No newline at end of file
+}
+
+.lh_22 {
+  line-height: 22px;
+}