career section updated

public/assets/css/main.css

@@ -5515,7 +5515,7 @@ p.banner-text {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
-  margin-top: 120px;
+  margin-top: 80px;
 }
 
 .help-form-area input[type="text"],

src/app/about-us/page.tsx

@@ -22,6 +22,7 @@ import FaqSection from "@/components/home/home-3/FaqSection";
 import Header1 from "@/components/layout/Header1";
 import Footer1 from "@/components/layout/Footer1";
 import OfferSection from "@/components/home/OfferSection";
+import WhyChooseSection from "@/components/careers/WhyChooseSection";
 
 export default function Home2() {
     useEffect(() => {
@@ -43,8 +44,9 @@ export default function Home2() {
                 {/* <FeaturesSection /> */}
                 <About2Section />
                 <IconCounterSection />
+                <WhyChooseSection />
                 <HelpFormSection />
-                <WhyChooseUs />
+                {/* <WhyChooseUs /> */}
                 {/* <ServiceTabSection /> */}
                 {/* <OfferSection/> */}
                 {/* <TextSliderSection /> */}

src/app/careers/page.tsx

@@ -5,7 +5,7 @@ import Header1 from "@/components/layout/Header1";
 import Footer1 from "@/components/layout/Footer1";
 import InnerBanner from "@/components/common/InnerBanner";
 import AboutOneSection from "@/components/careers/AboutOneSection";
-import WhyChooseSection from "@/components/careers/WhyChooseSection";
+import WhyChooseUs from "@/components/about/WhyChooseUs";
 import FaqVideoSection from "@/components/careers/FaqVideoSection";
 import ContactSection from "@/components/careers/ContactSection";
 import ServiceSection from "@/components/careers/ServiceSection";
@@ -28,12 +28,12 @@ export default function CareersPage() {
                     bgImage="/assets/img-app/bg/hero-bg2.png"
                 />
                 <AboutOneSection />
-                <WhyChooseSection />
+                <WhyChooseUs />
                 <FaqVideoSection />
                 <ContactSection />
-                <FeaturesSection/>
+                <FeaturesSection />
                 <ServiceSection />
-                <WorkProcessSection />
+                {/* <WorkProcessSection /> */}
             </main>
             <Footer1 />
         </>

src/app/globals.css

@@ -1154,7 +1154,7 @@ body {
 }
 
 .about-one.section-space {
-  padding-top: 80px;
+  padding-top: 180px;
 }
 
 /* dark texture bg */
@@ -1257,11 +1257,11 @@ body {
 /* Big gradient circle behind content */
 .about-one__wrapper__bg__overlay {
   position: absolute;
-  left: -280px;
+  left: -310px;
   top: 50%;
   transform: translateY(-50%);
-  width: 950px;
+  width: 900px;
-  height: 950px;
+  height: 900px;
   border-radius: 50%;
   background: linear-gradient(145deg, var(--getizy-base, #3779b9) 0%, var(--getizy-base-two, #FB8459) 100%);
   z-index: -1;
@@ -1271,10 +1271,10 @@ body {
 .about-one__wrapper__bg__overlay::after {
   content: "";
   position: absolute;
-  top: 26px;
+  top: 30px;
-  left: 47px;
+  left: 30px;
-  width: 862px;
+  width: 840px;
-  height: 862px;
+  height: 840px;
   border-radius: 50%;
   background-color: transparent;
   border: 2px solid var(--getizy-secondary, #222230);
@@ -1295,6 +1295,7 @@ body {
   position: relative;
   z-index: 11;
   padding-top: 50px;
+  left: -20px;
   /* padding-left: 20px; */
   /* Added slight padding for better alignment with the circle */
 }

src/components/careers/AboutOneSection.tsx

@@ -90,7 +90,7 @@ const AboutOneSection = () => {
                                         About us
                                     </h6>
                                     <h2 className="sec-title__title">
-                                        Discover the World Marketing Agency
+                                        Discover the Marketing Agency
                                     </h2>
                                 </div>
                                 <div className="about-one__content__desc wow" data-wow-delay="400ms" style={{ visibility: "hidden" }}>

src/components/home/home-2/FeaturesSection.tsx

@@ -1,7 +1,7 @@
 import { features2 } from "@/utils/data";
 
 const FeaturesSection2 = () => (
-    <section className="features-section pt-80 pb-80 bg-color-1 p-relative mb-120">
+    <section className="features-section pt-80 pb-80 bg-color-1 p-relative">
         <div className="bg-shape-1" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-27.png)" }}></div>
         <div className="bg-shape-2" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-28.png)" }}></div>
         <div className="small-container">

src/components/home/home-2/IconCounterSection.tsx

@@ -1,6 +1,6 @@
 const IconCounterSection = () => {
     return (
-        <section className="icon-box-counter-section section-space">
+        <section className="icon-box-counter-section section-space pt-0">
             <div className="small-container">
                 <div className="row g-4">
                     {[

src/components/home/home-2/WorkProcessSection.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 const WorkProcessSection = () => (
-    <section className="work-process-section section-space p-relative" style={{ backgroundImage: "url(/assets/imgs/bg/process-bg.png)" }}>
+    <section className="work-process-section section-space p-relative" style={{ backgroundImage: "url(/assets/imgs/bg/process-bg.png)", margin:'80px 0px' }}>
         <div className="shape-1" style={{ backgroundImage: "url(/assets/imgs/bg/line.png)" }}></div>
         <div className="small-container">
             <div className="title-box text-center mb-60 wow fadeInLeft" data-wow-delay=".5s">

src/components/services/AboutService.tsx

@@ -87,10 +87,10 @@ const AboutService = () => {
                         padding: 60px 0;
                     }
                 }
-                .about-image-stack {
+                // .about-image-stack {
-                    padding-top: 50px;
+                //     padding-top: 50px;
-                    padding-left: 30px;
+                //     padding-left: 30px;
-                }
+                // }
                 .experience-box {
                     position: absolute;
                     top: 0;