diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index b0e6dcd..7e9a096 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -5515,7 +5515,7 @@ p.banner-text {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
-  margin-top: 80px;
+  /* margin-top: 80px; */
 }
 
 .help-form-area input[type="text"],
diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx
index 859a218..47bf891 100644
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -24,6 +24,8 @@ import Footer1 from "@/components/layout/Footer1";
 import OfferSection from "@/components/home/OfferSection";
 import WhyChooseSection from "@/components/careers/WhyChooseSection";
 import PageHeader from "@/components/common/PageHeader";
+import HistoryTwo from "@/components/home/HistoryTwo";
+import WhyChooseTwo from "@/components/home/WhyChooseTwo";
 
 export default function Home2() {
     useEffect(() => {
@@ -45,15 +47,17 @@ export default function Home2() {
                 {/* <FeaturesSection /> */}
                 <About2Section />
                 <IconCounterSection />
-                <WhyChooseSection />
+                <WhyChooseTwo />
+                <BrandSection />
                 <HelpFormSection />
+                {/* <WhyChooseSection /> */}
                 {/* <WhyChooseUs /> */}
                 {/* <ServiceTabSection /> */}
                 {/* <OfferSection/> */}
                 {/* <TextSliderSection /> */}
-                <WorkProcessSection />
+                {/* <WorkProcessSection /> */}
+                <HistoryTwo />
                 <TestimonialsSection />
-                <BrandSection />
                 {/* <FaqSection /> */}
 
 
diff --git a/src/app/careers/page.tsx b/src/app/careers/page.tsx
index c717282..f4c9e9a 100644
--- a/src/app/careers/page.tsx
+++ b/src/app/careers/page.tsx
@@ -12,6 +12,9 @@ import ServiceSection from "@/components/careers/ServiceSection";
 import WorkProcessSection from "@/components/careers/WorkProcessSection";
 import FeaturesSection from "@/components/home/home-1/FeaturesSection";
 import PageHeader from "@/components/common/PageHeader";
+import AboutService from "@/components/services/AboutService";
+import AboutThree from "@/components/home/AboutThree";
+import FaqFour from "@/components/home/FaqFour";
 
 export default function CareersPage() {
     useEffect(() => {
@@ -25,12 +28,15 @@ export default function CareersPage() {
             <Header1 />
             <main>
                 <PageHeader title="Careers" />
-                <AboutOneSection />
+                <AboutService />
+                {/* <AboutOneSection /> */}
+                <AboutThree />
                 <WhyChooseUs />
-                <FaqVideoSection />
-                <ContactSection />
-                <FeaturesSection />
-                <ServiceSection />
+                {/* <FaqVideoSection /> */}
+                {/* <ContactSection /> */}
+                {/* <FeaturesSection /> */}
+                {/* <ServiceSection /> */}
+                <FaqFour />
                 {/* <WorkProcessSection /> */}
             </main>
             <Footer1 />
diff --git a/src/app/globals.css b/src/app/globals.css
index b089f3a..6bdefb3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4088,8 +4088,8 @@ body {
    About Two Section
    ═══════════════════════════════════════════════════════════ */
 :root {
-  --pelocis-base: #e2a475;
-  --pelocis-black: #222222;
+  --pelocis-base: #3779b9;
+  --pelocis-black: #1a1f2b;
   --pelocis-white: #fff;
   --pelocis-border-color: #DDDDDD;
   --pelocis-text-dark: #636363;
@@ -4099,15 +4099,16 @@ body {
 
 .about-two {
   position: relative;
-  padding: 120px 0;
+  padding: 80px 0;
   border-bottom: 1px solid var(--pelocis-border-color, #DDDDDD);
   overflow: hidden;
+  margin-top: 80px;
 }
 
 .about-two__shape {
   width: 600px;
   height: 100%;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
   position: absolute;
   left: 0;
@@ -4164,7 +4165,7 @@ body {
 .sec-title {
   padding-bottom: 20px;
   position: relative;
-  margin-top: 30px;
+  margin-bottom: 30px;
 }
 
 .about-two__dot-circle {
@@ -4174,7 +4175,7 @@ body {
   transform: translateX(-50%);
   width: 26px;
   height: 26px;
-  border: 2px solid #e2a475;
+  border: 2px solid #3779b9;
   border-radius: 50%;
   display: block;
 }
@@ -4187,7 +4188,7 @@ body {
   transform: translate(-50%, -50%);
   width: 8px;
   height: 8px;
-  background-color: #e2a475;
+  background-color: #3779b9;
   border-radius: 50%;
 }
 
@@ -4200,7 +4201,7 @@ body {
   content: "";
   width: 13px;
   height: 13px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   display: block;
 }
 
@@ -4208,7 +4209,7 @@ body {
   content: "";
   width: 12px;
   height: 12px;
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   border: 1px solid var(--pelocis-white, #fff);
   display: block;
   position: absolute;
@@ -4218,7 +4219,7 @@ body {
 
 .sec-title__tagline {
   margin: 0;
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
   font-size: 18px;
   line-height: 16px;
   text-transform: uppercase;
@@ -4231,7 +4232,7 @@ body {
 .sec-title__title {
   margin: 0;
   font-size: 35px;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   font-weight: bold;
   line-height: 46px;
   margin-top: 6px;
@@ -4261,7 +4262,7 @@ body {
   display: flex;
   align-items: center;
   gap: 26px;
-  border-left: 2px solid var(--pelocis-black, #222222);
+  border-left: 2px solid var(--pelocis-black, #1a1f2b);
   padding-left: 23px;
   margin-bottom: 30px;
   position: relative;
@@ -4275,7 +4276,7 @@ body {
   position: absolute;
   left: 0;
   bottom: 0;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   transition: width 500ms ease;
 }
 
@@ -4286,7 +4287,7 @@ body {
   position: absolute;
   top: 0;
   left: 0;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   transition: width 500ms ease;
 }
 
@@ -4296,7 +4297,7 @@ body {
 
 .about-two__list li span {
   font-size: 45px;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   transition: all 300ms ease;
 }
 
@@ -4402,8 +4403,8 @@ body {
 }
 
 .medical-services-section.space {
-  padding-top: 130px;
-  padding-bottom: 130px;
+  padding-top: 80px;
+  padding-bottom: 80px;
 }
 
 .section-title.text-center {
@@ -4693,7 +4694,7 @@ body {
   top: 0;
   width: 63px;
   height: 100%;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   clip-path: polygon(100% 0%, 48% 50%, 100% 100%, 0% 100%, 0 48%, 0% 0%);
   transition: all 500ms ease;
 }
@@ -4707,7 +4708,7 @@ body {
   color: var(--pelocis-white, #fff);
   background-color: var(--pelocis-white, #fff);
   font-family: var(--pelocis-heading-font);
-  -webkit-text-stroke: 1px var(--pelocis-black, #222222);
+  -webkit-text-stroke: 1px var(--pelocis-black, #1a1f2b);
   position: absolute;
   left: -200px;
   height: 100%;
@@ -4763,7 +4764,7 @@ body {
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   border-radius: 10px;
   z-index: 1;
   flex-shrink: 0;
@@ -4781,7 +4782,7 @@ body {
   font-size: 22px;
   font-weight: 500;
   line-height: 26.4px;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   margin-bottom: 6px;
   transition: all 500ms ease;
 }
@@ -4837,7 +4838,7 @@ body {
   max-width: 987px;
   height: 100%;
   width: 100%;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   position: absolute;
   top: 0;
   right: 25px;
@@ -4846,7 +4847,7 @@ body {
 
 /* Hover Effects Refined */
 .why-choose-two__item:hover {
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   padding-left: 130px;
 }
 
@@ -4855,7 +4856,7 @@ body {
 }
 
 .why-choose-two__item:hover .why-choose-two__icon {
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   transform: translateX(-30px);
 }
 
@@ -4870,7 +4871,7 @@ body {
      ═══════════════════════════════════════════════════════════ */
 .history-two {
   position: relative;
-  padding: 110px 0 120px;
+  padding: 80px 0 80px;
   counter-reset: count;
 }
 
@@ -4929,7 +4930,7 @@ body {
 
 .history-two__border {
   position: relative;
-  background: linear-gradient(to top, var(--pelocis-base, #e2a475) 50%, var(--pelocis-black, #222222) 50%) border-box;
+  background: linear-gradient(to top, var(--pelocis-base, #3779b9) 50%, var(--pelocis-black, #1a1f2b) 50%) border-box;
   background-origin: border-box;
   background-clip: content-box, border-box;
   margin-left: 70px;
@@ -4969,7 +4970,7 @@ body {
   clip-path: polygon(0 0, 0% 100%, 100% 100%);
   width: 40px;
   height: 35px;
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
 }
 
 .history-two__content::after {
@@ -4981,7 +4982,7 @@ body {
   clip-path: polygon(0 0, 100% 0, 0 100%);
   width: 40px;
   height: 35px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
 }
 
 .history-two__content--left::before {
@@ -5000,7 +5001,7 @@ body {
   width: 65px;
   height: 65px;
   border-radius: 8px;
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   color: var(--pelocis-white, #fff);
   font-size: 28px;
   font-weight: 700;
@@ -5033,7 +5034,7 @@ body {
   font-size: 22px;
   font-weight: 700;
   line-height: 26px;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   margin-bottom: 2px;
 }
 
@@ -5070,7 +5071,7 @@ body {
   width: 16px;
   height: 16px;
   border-radius: 50%;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   z-index: 11;
 }
 
@@ -5088,7 +5089,7 @@ body {
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   margin-top: 20px;
 }
 
@@ -5110,7 +5111,7 @@ body {
       */
 .about-three {
   position: relative;
-  padding: 110px 0;
+  padding: 80px 0;
   overflow: hidden;
 }
 
@@ -5120,7 +5121,7 @@ body {
   top: 0;
   width: 100%;
   height: 400px;
-  background: linear-gradient(90deg, var(--pelocis-base, #e2a475) 45%, rgba(34, 34, 34, 0.95) 100%);
+  background: linear-gradient(90deg, var(--pelocis-base, #3779b9) 45%, rgba(34, 34, 34, 0.95) 100%);
 }
 
 .about-three__shape-one {
@@ -5167,7 +5168,7 @@ body {
 }
 
 .about-three__content .sec-title__shape::before {
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
 }
 
 .about-three__content .sec-title__shape::after {
@@ -5223,7 +5224,7 @@ body {
 .about-three__card__item h3 {
   font-size: 22px;
   margin-bottom: 0;
-  color: #222222;
+  color: #1a1f2b;
 }
 
 .about-three__card__icon {
@@ -5234,7 +5235,7 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
   font-size: 45px;
   transition: all 400ms ease;
 }
@@ -5243,13 +5244,13 @@ body {
   display: flex;
   align-items: center;
   font-size: 16px;
-  color: #222222;
+  color: #1a1f2b;
 }
 
 .about-three__card__exp {
   width: 34.5%;
   padding: 52px 20px 34px;
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   position: relative;
   z-index: 2;
   text-align: center;
@@ -5285,8 +5286,8 @@ body {
   bottom: -14px;
   width: 108%;
   height: 107%;
-  border-left: 6px solid var(--pelocis-base, #e2a475);
-  border-bottom: 6px solid var(--pelocis-base, #e2a475);
+  border-left: 6px solid var(--pelocis-base, #3779b9);
+  border-bottom: 6px solid var(--pelocis-base, #3779b9);
 }
 
 .about-three__content__text {
@@ -5298,7 +5299,7 @@ body {
 }
 
 .about-three__content__text span {
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
   font-weight: 600;
 }
 
@@ -5319,7 +5320,7 @@ body {
      Home Contact One Section
      ═══════════════════════════════════════════════════════════ */
 .home-contact-one {
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   padding: 260px 0 112px;
   position: relative;
   -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
@@ -5346,7 +5347,7 @@ body {
 
 .home-contact-one .home-contact__card {
   padding: 32px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   margin-right: 45px;
   border-radius: 40px;
   position: relative;
@@ -5384,7 +5385,7 @@ body {
 }
 
 .home-contact-one .home-contact__card__list li:hover {
-  border-color: var(--pelocis-base, #e2a475);
+  border-color: var(--pelocis-base, #3779b9);
 }
 
 .home-contact-one .home-contact__card__list li span {
@@ -5415,7 +5416,7 @@ body {
 }
 
 .home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
   background-size: 100% 1px;
 }
 
@@ -5423,7 +5424,7 @@ body {
   width: 39px;
   height: 55px;
   clip-path: polygon(78% 48%, 0 0, 1% 100%);
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   position: absolute;
   left: 0;
   top: 50%;
@@ -5519,7 +5520,7 @@ body {
 .appointment__form__range__input {
   width: 100%;
   height: 4px;
-  background: var(--pelocis-base, #e2a475);
+  background: var(--pelocis-base, #3779b9);
   border-radius: 5px;
   outline: none;
   appearance: none;
@@ -5533,7 +5534,7 @@ body {
   width: 16px;
   height: 16px;
   background: #fff;
-  border: 2px solid var(--pelocis-base, #e2a475);
+  border: 2px solid var(--pelocis-base, #3779b9);
   border-radius: 50%;
   cursor: pointer;
 }
@@ -5542,7 +5543,7 @@ body {
      Home Contact One Section
      ═══════════════════════════════════════════════════════════ */
 .home-contact-one {
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   padding: 260px 0 112px;
   position: relative;
   -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
@@ -5569,7 +5570,7 @@ body {
 
 .home-contact-one .home-contact__card {
   padding: 32px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   margin-right: 45px;
   border-radius: 40px;
   position: relative;
@@ -5607,7 +5608,7 @@ body {
 }
 
 .home-contact-one .home-contact__card__list li:hover {
-  border-color: var(--pelocis-base, #e2a475);
+  border-color: var(--pelocis-base, #3779b9);
 }
 
 .home-contact-one .home-contact__card__list li span {
@@ -5643,7 +5644,7 @@ body {
 }
 
 .home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
   background-size: 100% 1px;
 }
 
@@ -5651,7 +5652,7 @@ body {
   width: 39px;
   height: 55px;
   clip-path: polygon(78% 48%, 0 0, 1% 100%);
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   position: absolute;
   left: 0;
   top: 50%;
@@ -5753,7 +5754,7 @@ body {
 .appointment__form__range__input {
   width: 100%;
   height: 4px;
-  background: var(--pelocis-base, #e2a475);
+  background: var(--pelocis-base, #3779b9);
   border-radius: 5px;
   outline: none;
   appearance: none;
@@ -5767,7 +5768,7 @@ body {
   width: 16px;
   height: 16px;
   background: #fff;
-  border: 2px solid var(--pelocis-base, #e2a475);
+  border: 2px solid var(--pelocis-base, #3779b9);
   border-radius: 50%;
   cursor: pointer;
 }
@@ -5776,7 +5777,7 @@ body {
      Home Contact One Section
      ═══════════════════════════════════════════════════════════ */
 .home-contact-one {
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   padding: 260px 0 112px;
   position: relative;
   -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
@@ -5803,7 +5804,7 @@ body {
 
 .home-contact-one .home-contact__card {
   padding: 32px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   margin-right: 45px;
   border-radius: 40px;
   position: relative;
@@ -5841,7 +5842,7 @@ body {
 }
 
 .home-contact-one .home-contact__card__list li:hover {
-  border-color: var(--pelocis-base, #e2a475);
+  border-color: var(--pelocis-base, #3779b9);
 }
 
 .home-contact-one .home-contact__card__list li span {
@@ -5877,7 +5878,7 @@ body {
 }
 
 .home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
   background-size: 100% 1px;
 }
 
@@ -5885,7 +5886,7 @@ body {
   width: 39px;
   height: 55px;
   clip-path: polygon(78% 48%, 0 0, 1% 100%);
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   position: absolute;
   left: 0;
   top: 50%;
@@ -5987,7 +5988,7 @@ body {
 .appointment__form__range__input {
   width: 100%;
   height: 4px;
-  background: var(--pelocis-base, #e2a475);
+  background: var(--pelocis-base, #3779b9);
   border-radius: 5px;
   outline: none;
   -webkit-appearance: none;
@@ -6001,7 +6002,7 @@ body {
   width: 16px;
   height: 16px;
   background: #fff;
-  border: 2px solid var(--pelocis-base, #e2a475);
+  border: 2px solid var(--pelocis-base, #3779b9);
   border-radius: 50%;
   cursor: pointer;
 }
@@ -6010,7 +6011,7 @@ body {
      Home Contact One Section
      ═══════════════════════════════════════════════════════════ */
 .home-contact-one {
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   padding: 260px 0 112px;
   position: relative;
   -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
@@ -6037,7 +6038,7 @@ body {
 
 .home-contact-one .home-contact__card {
   padding: 32px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   margin-right: 45px;
   border-radius: 40px;
   position: relative;
@@ -6075,7 +6076,7 @@ body {
 }
 
 .home-contact-one .home-contact__card__list li:hover {
-  border-color: var(--pelocis-base, #e2a475);
+  border-color: var(--pelocis-base, #3779b9);
 }
 
 .home-contact-one .home-contact__card__list li span {
@@ -6106,7 +6107,7 @@ body {
 }
 
 .home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
   background-size: 100% 1px;
 }
 
@@ -6114,7 +6115,7 @@ body {
   width: 39px;
   height: 55px;
   clip-path: polygon(78% 48%, 0 0, 1% 100%);
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   position: absolute;
   left: 0;
   top: 50%;
@@ -6210,7 +6211,7 @@ body {
 .appointment__form__range__input {
   width: 100%;
   height: 4px;
-  background: var(--pelocis-base, #e2a475);
+  background: var(--pelocis-base, #3779b9);
   border-radius: 5px;
   outline: none;
   -webkit-appearance: none;
@@ -6224,7 +6225,7 @@ body {
   width: 16px;
   height: 16px;
   background: #fff;
-  border: 2px solid var(--pelocis-base, #e2a475);
+  border: 2px solid var(--pelocis-base, #3779b9);
   border-radius: 50%;
   cursor: pointer;
 }
@@ -6233,9 +6234,9 @@ body {
      Page Header Section
       */
 .page-header {
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   position: relative;
-  padding-top: 250px;
+  padding-top: 150px;
   padding-bottom: 150px;
   display: flex;
   align-items: center;
@@ -6286,7 +6287,7 @@ body {
   position: absolute;
   left: -8px;
   bottom: 0px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   height: 326px;
   width: 337px;
   clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%);
@@ -6347,11 +6348,11 @@ body {
   top: -1px;
   margin-left: 10px;
   margin-right: 10px;
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
 }
 
 .pelocis-breadcrumb li:last-of-type {
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
 }
 
 .page-header__shape {
@@ -6407,7 +6408,7 @@ body {
      FAQ Four Section
       */
 .faq-four {
-  padding: 0 0;
+  padding: 80px 0;
   position: relative;
 }
 
@@ -6424,7 +6425,7 @@ body {
 
 .faq-four__content {
   position: relative;
-  padding: 109px 0 120px;
+  padding: 60px 0 120px;
 }
 
 .faq-four__content .sec-title {
@@ -6463,7 +6464,7 @@ body {
 }
 
 .faq-one__accordion .active .accrodion-title {
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
 }
 
 .faq-one__accordion .accrodion-title {
@@ -6476,7 +6477,7 @@ body {
 
 .faq-one__accordion .accrodion-title h4 {
   font-weight: 500;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   font-family: var(--pelocis-font);
   font-size: 16px;
   line-height: 25px;
@@ -6504,7 +6505,7 @@ body {
 .faq-one__accordion .accrodion-title__shape {
   width: 47px;
   height: 100%;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   clip-path: polygon(75% 0%, 48% 50%, 75% 100%, 0% 100%, 0 48%, 0% 0%);
   position: absolute;
   left: 0;
@@ -6528,14 +6529,14 @@ body {
   top: 50%;
   transform: translateY(-50%);
   left: 22px;
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
   color: var(--pelocis-white, #fff);
   font-size: 10px;
   transition: all 400ms ease;
 }
 
 .faq-one__accordion .active .accrodion-title__icon {
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
 }
 
 .faq-one__accordion .accrodion-content .inner {
@@ -6552,7 +6553,7 @@ body {
   justify-content: center;
   align-items: center;
   border-radius: 10px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   color: var(--pelocis-white, #fff);
   flex-shrink: 0;
   font-size: 40px;
@@ -6586,7 +6587,7 @@ body {
 .faq-four__image__icon {
   width: 175px;
   height: 175px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   border: 10px solid var(--pelocis-white, #fff);
   display: flex;
   justify-content: center;
@@ -6632,7 +6633,7 @@ body {
       */
 .counselling-solutions {
   position: relative;
-  padding: 110px 0 120px;
+  padding: 80px 0 80px;
 }
 
 .counselling-solutions .sec-title {
@@ -6649,7 +6650,7 @@ body {
 
 .counselling-solutions__text b,
 .counselling-solutions__text strong {
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
 }
 
 .counselling-solutions__list {
@@ -6689,7 +6690,7 @@ body {
 
 .counselling-solutions__item__content h3 {
   font-size: 20px;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   font-weight: 700;
   margin: 0;
 }
@@ -6703,7 +6704,7 @@ body {
 .counselling-solutions__item__signature {
   font-family: var(--pelocis-font-signature, cursive);
   font-size: 35px;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   margin: 0;
   padding-left: 30px;
 }
@@ -6716,14 +6717,14 @@ body {
 
 .counselling-solutions__list--two li {
   font-size: 16px;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   display: flex;
   align-items: center;
   gap: 10px;
 }
 
 .counselling-solutions__list--two li span {
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
   font-size: 20px;
 }
 
@@ -6743,7 +6744,7 @@ body {
   width: 13px;
   height: 295px;
   border-radius: 20px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
 }
 
 .counselling-solutions__image::after {
@@ -6754,7 +6755,7 @@ body {
   width: 13px;
   height: 155px;
   border-radius: 20px;
-  background-color: var(--pelocis-black, #222222);
+  background-color: var(--pelocis-black, #1a1f2b);
 }
 
 .counselling-solutions__image__one {
@@ -6777,8 +6778,8 @@ body {
   align-items: center;
   justify-content: flex-end;
   width: 80%;
-  border-right: 1px solid var(--pelocis-base, #e2a475);
-  border-bottom: 1px solid var(--pelocis-base, #e2a475);
+  border-right: 1px solid var(--pelocis-base, #3779b9);
+  border-bottom: 1px solid var(--pelocis-base, #3779b9);
   gap: 10px;
   padding-right: 48px;
   padding-top: 62px;
@@ -6803,15 +6804,15 @@ body {
 }
 
 .counselling-solutions__image__watch-btn a:hover {
-  background-color: var(--pelocis-base, #e2a475);
-  border-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
+  border-color: var(--pelocis-base, #3779b9);
   color: var(--pelocis-white, #fff);
 }
 
 .counselling-solutions__image__watch-btn span {
   font-size: 16px;
   font-weight: 700;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   font-family: var(--pelocis-heading-font);
 }
 
@@ -6820,9 +6821,10 @@ body {
       */
 .call-area-three {
   position: relative;
-  background-color: var(--pelocis-black, #222222);
-  padding: 112px 0 283px;
+  background-color: var(--pelocis-black, #1a1f2b);
+  padding: 80px 0 283px;
   overflow: hidden;
+  margin-bottom: 80px;
 }
 
 .call-area-three__bg {
@@ -6868,6 +6870,7 @@ body {
   position: relative;
   margin-top: -163px;
   z-index: 10;
+  margin-bottom: 80px;
 }
 
 .counter-area-two__list {
@@ -6907,7 +6910,7 @@ body {
 }
 
 .counter-area-two__icon {
-  border: 3px solid var(--pelocis-base, #e2a475);
+  border: 3px solid var(--pelocis-base, #3779b9);
   border-bottom: none;
   width: 89px;
   height: 73px;
@@ -6916,7 +6919,7 @@ body {
   align-items: center;
   position: relative;
   font-size: 40px;
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
   transition: all 500ms ease;
   margin-bottom: 25px;
 }
@@ -6928,7 +6931,7 @@ body {
   bottom: 0;
   width: 32px;
   height: 18px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   clip-path: polygon(0 0%, 0% 100%, 100% 100%);
   transition: all 500ms ease;
 }
@@ -6940,7 +6943,7 @@ body {
   bottom: 0;
   width: 32px;
   height: 18px;
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
   transition: all 500ms ease;
 }
@@ -6952,7 +6955,7 @@ body {
   width: 80%;
   left: 50%;
   transform: translateX(-50%);
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
   height: 32px;
   border-radius: 50px;
   opacity: 0;
@@ -6970,7 +6973,7 @@ body {
   font-size: 35px;
   font-weight: 700;
   line-height: 1;
-  color: var(--pelocis-black, #222222);
+  color: var(--pelocis-black, #1a1f2b);
   margin: 0 0 5px;
 }
 
@@ -6995,7 +6998,7 @@ body {
 }
 
 .medical-services-circle .sec-title .inner-text {
-  color: var(--pelocis-base, #e2a475);
+  color: var(--pelocis-base, #3779b9);
 }
 
 .sec-icon2 {
@@ -7076,7 +7079,7 @@ body {
 
 .service-circle__menu li.active a,
 .service-circle__menu li a:hover {
-  background-color: var(--pelocis-base, #e2a475);
+  background-color: var(--pelocis-base, #3779b9);
 }
 
 .service-circle__menu li img {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 129b568..fe55d24 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -46,24 +46,24 @@ export default function MainPage() {
             <main>
                 <BannerSection />
                 <AboutSection />
-                <AboutTwo />
                 <MedicalServices />
-                <WhyChooseTwo />
-                <HistoryTwo />
-                <AboutThree />
+                <CounsellingSolutions />
                 <ChooseSection />
-                <IconCounterSection />
-                <ServiceThreeSlider />
-                <CtaSection />
                 <BrandSection />
-                <TestimonialsSection />
-                <ContactSection />
-                <HomeContactOne />
                 <CallAreaThree />
                 <CounterAreaTwo />
-                <CounsellingSolutions />
-                <FaqFour />
+                <ServiceThreeSlider />
+                <CtaSection />
+                <TestimonialsSection />
+                <HomeContactOne />
                 <BlogSection />
+                {/* <AboutTwo /> */}
+                {/* <WhyChooseTwo /> */}
+                {/* <HistoryTwo /> */}
+                {/* <AboutThree /> */}
+                {/* <IconCounterSection /> */}
+                {/* <ContactSection /> */}
+                {/* <FaqFour /> */}
 
             </main>
             <Footer1 />
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 13ec8f5..8f84788 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -23,6 +23,7 @@ import ServiceSection2 from "@/components/careers/ServiceSection";
 import WorkProcessSection2 from "@/components/careers/WorkProcessSection";
 import AboutService from "@/components/services/AboutService";
 import PageHeader from "@/components/common/PageHeader";
+import AboutTwo from "@/components/home/AboutTwo";
 
 export default function Home3() {
     useEffect(() => {
@@ -47,8 +48,9 @@ export default function Home3() {
                 {/* <ServiceSection /> */}
                 <ServiceSection2 />
                 <WorkProcessSection />
-                <AboutService />
-                <FeaturesSection2 />
+                <AboutTwo />
+                {/* <AboutService /> */}
+                {/* <FeaturesSection2 /> */}
                 {/* <ProjectsSection /> */}
                 {/* <BrandsSection /> */}
                 {/* <FaqSection /> */}
diff --git a/src/components/about/WhyChooseUs.tsx b/src/components/about/WhyChooseUs.tsx
index f1020ca..b84ba8d 100644
--- a/src/components/about/WhyChooseUs.tsx
+++ b/src/components/about/WhyChooseUs.tsx
@@ -5,6 +5,18 @@ const WhyChooseUs = () => {
         <section className="why-choose-us section-space">
             <div className="container">
                 <div className="row align-items-center">
+                    <div className="col-lg-6">
+                        <div className="image-area-wrapper p-relative">
+                            <div className="main-image">
+                                <img src="/assets/img-app/about/about-img5.png" alt="Business Meeting" />
+                            </div>
+                            <div className="circular-image">
+                                <div className="inner-circle">
+                                    <img src="/assets/img-app/about/about-img5.png" alt="Profile" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                     <div className="col-lg-6">
                         <div className="content-area pr-50">
                             <div className="section-title-wrapper mb-30">
@@ -50,26 +62,13 @@ const WhyChooseUs = () => {
                             </div>
                         </div>
                     </div>
-
-                    <div className="col-lg-6">
-                        <div className="image-area-wrapper p-relative">
-                            <div className="main-image">
-                                <img src="/assets/img/about/about-img8.png" alt="Business Meeting" />
-                            </div>
-                            <div className="circular-image">
-                                <div className="inner-circle">
-                                    <img src="/assets/img/about/about-img10.png" alt="Profile" />
-                                </div>
-                            </div>
-                        </div>
-                    </div>
                 </div>
             </div>
 
             <style jsx>{`
                 .why-choose-us {
                     padding: 80px 0;
-                    background: #fff;
+                    background: #eaf0f9;
                 }
                 @media (max-width: 767px) {
                     .why-choose-us {
diff --git a/src/components/home/AboutThree.tsx b/src/components/home/AboutThree.tsx
index 6bec8aa..b964ff8 100644
--- a/src/components/home/AboutThree.tsx
+++ b/src/components/home/AboutThree.tsx
@@ -65,7 +65,7 @@ const AboutThree = () => {
                                         <h3>Behavioral Psychology</h3>
                                     </li>
                                     <li>
-                                        <span className="fa-solid fa-circle-check" style={{ color: '#222222', fontSize: '20px', marginRight: '8px' }}></span>
+                                        <span className="fa-solid fa-circle-check" style={{ color: '#1a1f2b', fontSize: '20px', marginRight: '8px' }}></span>
                                         The right therapist can help you develop skills
                                     </li>
                                 </ul>
diff --git a/src/components/home/HistoryTwo.tsx b/src/components/home/HistoryTwo.tsx
index bcf329d..a3a7161 100644
--- a/src/components/home/HistoryTwo.tsx
+++ b/src/components/home/HistoryTwo.tsx
@@ -77,11 +77,11 @@ const HistoryTwo = () => {
                         </div>
                     </div>
                 </div>
-                <div className="history-two__btn">
+                {/* <div className="history-two__btn">
                     <a href="contact.html" className="pelocis-btn">
                         <span>View all history <i className="icon-right-arrow-white"></i></span>
                     </a>
-                </div>
+                </div> */}
             </div>
         </section>
     );
diff --git a/src/components/home/home-1/FeaturesSection.tsx b/src/components/home/home-1/FeaturesSection.tsx
index 572e426..e5487d0 100644
--- a/src/components/home/home-1/FeaturesSection.tsx
+++ b/src/components/home/home-1/FeaturesSection.tsx
@@ -115,6 +115,13 @@ const FeaturesSection = () => {
                 <div className="fo-shape-two"></div>
             </div>
             <div className="fo-container">
+                <div className="history-two__title text-center">
+                    <div className="sec-title">
+                        <div className="sec-title__shape"></div>
+                        <h6 className="sec-title__tagline">OUR HISTORY</h6>
+                        <h3 className="sec-title__title">Psychology Diverse And Multidisciplinary <br />Field Encompassing Areas</h3>
+                    </div>
+                </div>
                 <div className="fo-row">
                     {features.map((feature, index) => (
                         <div className="fo-col" key={index}>
diff --git a/src/components/home/home-1/ServiceThreeSlider.tsx b/src/components/home/home-1/ServiceThreeSlider.tsx
index 0f8cabc..2c53f1d 100644
--- a/src/components/home/home-1/ServiceThreeSlider.tsx
+++ b/src/components/home/home-1/ServiceThreeSlider.tsx
@@ -85,7 +85,7 @@ const ServiceThreeSlider = () => {
                                         <h3 className="service-three__item__title">
                                             <Link href={service.link}>{service.title}</Link>
                                         </h3>
-                                        <p className="service-three__item__text text-black">{service.text}</p>
+                                        <p className="service-three__item__text text-white">{service.text}</p>
                                     </div>
                                     <div className="service-three__item__image">
                                         <img src={service.image} alt={service.title} className="service-img-fixed" />
diff --git a/src/components/home/home-1/TestimonialsSection.tsx b/src/components/home/home-1/TestimonialsSection.tsx
index 13eb9b5..f510d0e 100644
--- a/src/components/home/home-1/TestimonialsSection.tsx
+++ b/src/components/home/home-1/TestimonialsSection.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { testimonialSlides } from "@/utils/data";
 
 const TestimonialsSection = () => (
-    <section className="testimonials-two-section fix section-space pt-0">
+    <section className="testimonials-two-section fix section-space">
         <div className="container-fluid g-0">
             <div className="row g-0">
                 <div className="col-xxl-4 col-xl-4 col-lg-12">
diff --git a/src/components/home/home-2/IconCounterSection.tsx b/src/components/home/home-2/IconCounterSection.tsx
index 044e64f..ba5d804 100644
--- a/src/components/home/home-2/IconCounterSection.tsx
+++ b/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-bottom">
             <div className="small-container">
                 <div className="row g-4">
                     {[