diff --git a/src/App.css b/src/App.css
index 896030a..563d8c1 100644
--- a/src/App.css
+++ b/src/App.css
@@ -581,10 +581,9 @@
 .send_btn,
 .touch_btn,
 .msg_btn {
-    transition: all .3s linear;
+    transition: all .3s linear !important;
 }
 
-
 svg:hover path {
     fill-opacity: 1;
 }
@@ -864,6 +863,15 @@ svg:hover path {
     .map_bg {
         background-size: cover;
     }
+
+    .form_box {
+        margin-bottom: 20px;
+    }
+}
+@media (min-width:1800px) {
+    .me_5{
+        margin-right: 5px;
+    }
 }
 
 @media (max-width:400px) {
diff --git a/src/components/Experts.jsx b/src/components/Experts.jsx
index f3eb701..3b2c479 100644
--- a/src/components/Experts.jsx
+++ b/src/components/Experts.jsx
@@ -81,7 +81,7 @@ const Experts = () => {
               <div className="black_circle rounded-pill d-flex justify-content-center align-items-center mx-auto mx-lg-0 mb-4">
                 <img src={b2b} alt="b2b" className="w-100" />
               </div>
-              <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate mt-lg-3">
+              <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate my-lg-4 mt-2">
                 B2B Software
               </h4>
               <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0 lh_40">
@@ -99,7 +99,7 @@ const Experts = () => {
               <div className="black_circle rounded-pill d-flex justify-content-center align-items-center mx-auto mx-lg-0 mb-4">
                 <img src={ecoSystem} alt="eco_system" className="w-100" />
               </div>
-              <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate mt-lg-3">
+              <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate my-lg-4 mt-2">
                 Eco-system Ownership
               </h4>
               <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0 lh_40">
@@ -117,7 +117,7 @@ const Experts = () => {
               <div className="black_circle rounded-pill d-flex justify-content-center align-items-center mx-auto mx-lg-0 mb-4">
                 <img src={globally} alt="globally" className="w-100" />
               </div>
-              <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate mt-lg-3">
+              <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate my-lg-4 mt-2">
                 Globally Relevant
               </h4>
               <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0 lh_40">
@@ -135,7 +135,7 @@ const Experts = () => {
               <div className="black_circle rounded-pill d-flex justify-content-center align-items-center mx-auto mx-lg-0 mb-4">
                 <img src={industry} alt="industry" className="w-100" />
               </div>
-              <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate mt-lg-3">
+              <h4 className="ff_Montserrat fw-bold fs_4xl fc_Slate my-lg-4 mt-2">
                 Industry Specific
               </h4>
               <p className="ff_Montserrat fw-normal fs_2xl fc_grey max_width_550 mx-auto mx-lg-0 lh_40">
diff --git a/src/components/Eyona.jsx b/src/components/Eyona.jsx
index 5f13a99..b5f8bf3 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 lh_70">
+              <h2 className="ff_Montserrat fw-bold fs_5x5l fc_white mw_1258 position-relative z-2 lh_70 mb-md-5 mb-3">
                 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 lh_40">
+              <p className="ff_Montserrat fw-medium fs_2xl fc_light mw_993 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/EyonaHero.jsx b/src/components/EyonaHero.jsx
index 6e25d26..2ad5165 100644
--- a/src/components/EyonaHero.jsx
+++ b/src/components/EyonaHero.jsx
@@ -218,7 +218,7 @@ const EyonaHero = () => {
                 <img
                   src={laptop}
                   alt="laptop"
-                  className="w-48 m_-30 laptop_img mb-3"
+                  className="w-48 m_-30 laptop_img mb-3 me_5 me_neg8"
                 />
               </div>
               <div className="d-flex gap-3">
@@ -244,7 +244,7 @@ const EyonaHero = () => {
             </Col>
             <Col lg={1} className="d-lg-block d-none"></Col>
             <Col lg={5} className="mt-5 mt-xl-0 position-static z-2">
-              <h2 className="ff_Montserrat fs_5xl fc_black fw-bold lh_70 ">
+              <h2 className="ff_Montserrat fs_5xl fc_black fw-bold lh_70 mb-3">
                 We’re a multi-product company specialising in B2B products.
               </h2>
               <p className="ff_Montserrat fc_darkGrey fw-normal fs_xsm lh_30">
diff --git a/src/components/Form.jsx b/src/components/Form.jsx
index b7525cb..daccb87 100644
--- a/src/components/Form.jsx
+++ b/src/components/Form.jsx
@@ -12,6 +12,9 @@ const Form = () => {
   const handleShow = () => {
     form.current.classList.add("contactForm");
   };
+  const handleClose = () => {
+    form.current.classList.remove("contactForm");
+  };
 
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -45,7 +48,7 @@ const Form = () => {
                   data-aos-offset="500"
                   data-aos-duration="1000"
                 >
-                  <h2 className="ff_inter fs_7x5l fw-bold fc_white mb-5 contact z-3">
+                  <h2 className="ff_inter fs_7x5l fw-bold fc_white mb-md-5 mb-3 contact z-3">
                     Let’s Talk
                   </h2>
                   <p className="ff_inter fw-normal fs_2xl fc_light mb-3">
@@ -130,7 +133,7 @@ const Form = () => {
           <div className="back side">
             <div className="content">
               <div className=" d-flex justify-content-end mb-5">
-                <span>
+                <span onClick={handleClose}>
                   <svg
                     width="15"
                     height="15"
diff --git a/src/components/JoinTeam.jsx b/src/components/JoinTeam.jsx
index c0bb6bd..89bca33 100644
--- a/src/components/JoinTeam.jsx
+++ b/src/components/JoinTeam.jsx
@@ -42,10 +42,6 @@ const JoinTeam = () => {
           </p>
           <button
             className="mb-5 border-0 fs_sm ff_inter fw-bold ls_1 bg_red fc_white msg_btn rounded-pill z-3 position-relative"
-            data-aos="fade-right"
-            data-aos-delay="300"
-            data-aos-offset="500"
-            data-aos-duration="1000"
           >
             Send Us A Message
           </button>
diff --git a/src/components/Magic.jsx b/src/components/Magic.jsx
index cbb18bf..724abd8 100644
--- a/src/components/Magic.jsx
+++ b/src/components/Magic.jsx
@@ -7,9 +7,9 @@ const Magic = () => {
     <>
       <section id="carrer">
         <div className="container Custom_Container py-5">
-          <Row className="align-items-center">
+          <Row className="align-items-center justify-content-lg-between">
             <Col
-              lg={6}
+              lg={5}
               data-aos="fade-right"
               data-aos-delay="300"
               data-aos-offset="500"
diff --git a/src/components/OurProducts.jsx b/src/components/OurProducts.jsx
index 065842c..5639c96 100644
--- a/src/components/OurProducts.jsx
+++ b/src/components/OurProducts.jsx
@@ -66,10 +66,10 @@ const OurProducts = () => {
   };
   return (
     <>
-      <section className="py-md-5 mt-lg-5">
+      <section className="py-md-5 mb-lg-5">
         <div className="container ourProduct_container">
           <h2
-            className="ff_inter fw-bold fs_8x5l text-center fc_Slate mb-3"
+            className="ff_inter fw-bold fs_8x5l text-center fc_Slate mb-4"
             data-aos="zoom-in"
             data-aos-delay="300"
             data-aos-offset="0"
@@ -78,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-5 lh_40"
+            className="ff_inter fw-normal text-center fs_2xl fc_grey mw_872 mx-auto mb-5 pb-lg-4 lh_40"
             data-aos="zoom-in"
             data-aos-delay="300"
             data-aos-offset="0"
diff --git a/src/components/Trust.jsx b/src/components/Trust.jsx
index 7f1b2fb..c5cd151 100644
--- a/src/components/Trust.jsx
+++ b/src/components/Trust.jsx
@@ -83,7 +83,7 @@ const Trust = () => {
   };
   return (
     <>
-      <section id="companies" className="py-5">
+      <section id="companies" className="py-5 my-5 px-2">
         <h2
           className="ff_inter fw-bold fs_8x5l fc_Slate text-center mb-3 mw_1071 mx-auto lh_100"
           data-aos="zoom-in"
@@ -95,7 +95,7 @@ const Trust = () => {
           <span className="fc_red"> trust.</span>
         </h2>
         <p
-          className="ff_inter fs_2xl fc_grey text-center fw-normal mb-5 mw_872 mx-auto"
+          className="ff_inter fs_2xl fc_grey text-center fw-normal mb-5 py-lg-5 mw_872 mx-auto lh_40"
           data-aos="zoom-in"
           data-aos-delay="300"
           data-aos-offset="0"
diff --git a/src/index.css b/src/index.css
index 7a9cbf7..75c1e4f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -277,3 +277,7 @@
 .lh_22 {
   line-height: 22px;
 }
+
+.me_neg8{
+  margin-right: -8px;
+}