diff --git a/app/about-us/page.js b/app/about-us/page.js
index c963a78..6a4fc2c 100644
--- a/app/about-us/page.js
+++ b/app/about-us/page.js
@@ -72,14 +72,14 @@ export default function Home() {
       <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us" bannerImage="/assets/images/about-us/about-us-banner.webp">
         {/* about-section */}
         <section className="about-style-three pt_120 pb_120 bg-color-1">
-          <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
+          <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
           <div className="auto-container">
             <div className="row clearfix">
               <div className="col-lg-6 col-md-12 col-sm-12 image-column">
                 <div className="image_block_three">
                   <div className="image-box">
                     <div className="image-shape">
-                      <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
+                      <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
                       <div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
                       <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
                       <div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
diff --git a/app/caregivers/page.js b/app/caregivers/page.js
index cf5464e..76cbbf0 100644
--- a/app/caregivers/page.js
+++ b/app/caregivers/page.js
@@ -65,7 +65,7 @@ export default function Home() {
                 </section>
 
                 <section className="about-style-three pt_120 pb_120 bg-color-1">
-                    <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
+                    <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
                     <div className="auto-container">
                         <div className="row clearfix">
                             <div className="col-lg-6 col-md-12 col-sm-12 image-column">
diff --git a/app/ourapproach-physiotherapy-etobicoke/page.js b/app/ourapproach-physiotherapy-etobicoke/page.js
index 660e605..e649a97 100644
--- a/app/ourapproach-physiotherapy-etobicoke/page.js
+++ b/app/ourapproach-physiotherapy-etobicoke/page.js
@@ -9,10 +9,10 @@ export default function About() {
         {/* about-section */}
         <section className="about-style-two pt_120 pb_120">
           <div className="pattern-layer">
-            <div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.png)" }}></div>
+            <div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.webp)" }}></div>
             <div className="pattern-2 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-9.png)" }}></div>
             <div className="pattern-3" style={{ backgroundImage: "url(/assets/images/shape/shape-11.webp)" }}></div>
-            <div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.png)" }}></div>
+            <div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.webp)" }}></div>
           </div>
           <div className="auto-container">
             <div className="row clearfix">
@@ -20,7 +20,7 @@ export default function About() {
                 <div className="image_block_three">
                   <div className="image-box">
                     <div className="image-shape">
-                      <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
+                      <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
                       <div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
                       <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
                       <div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
diff --git a/app/shortcodes/page.js b/app/shortcodes/page.js
index 74d8fdb..3703fb7 100644
--- a/app/shortcodes/page.js
+++ b/app/shortcodes/page.js
@@ -427,7 +427,7 @@ export default function Home() {
 
             <section className="testimonial-section pt_120 pb_120 bg-color-1" id="testimonial">
                 <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/shortcodes/testimonials-carousel.webp)' }}></div>
-                <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.png)' }}></div>
+                <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></div>
                 <div className="auto-container">
                     <div className="row clearfix">
                         <div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
diff --git a/app/what-to-expect/page.js b/app/what-to-expect/page.js
index cc16901..6a0a7aa 100644
--- a/app/what-to-expect/page.js
+++ b/app/what-to-expect/page.js
@@ -8,14 +8,14 @@ export default function About() {
             <Layout headerStyle={2} footerStyle={1} breadcrumbTitle=" What To Expect" bannerImage="/assets/images/what-we-expect/expect-banner.webp">
                 {/* chooseus-section */}
                 <section className="about-style-three pt_120 pb_120">
-                    <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
+                    <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
                     <div className="auto-container">
                         <div className="row clearfix">
                             <div className="col-lg-6 col-md-12 col-sm-12 image-column mb-3">
                                 <div className="image_block_three">
                                     <div className="image-box">
                                         <div className="image-shape">
-                                            <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
+                                            <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
                                             <div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
                                             <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
                                             <div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
diff --git a/app/why-rapha-physiotherapy-etobicoke/page.js b/app/why-rapha-physiotherapy-etobicoke/page.js
index d1113a3..07fdab8 100644
--- a/app/why-rapha-physiotherapy-etobicoke/page.js
+++ b/app/why-rapha-physiotherapy-etobicoke/page.js
@@ -21,8 +21,8 @@ export default function Team() {
         <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Why Us" bannerImage="/assets/images/why-us/why-us-banner.webp">
             <section className="team-section pt_120 centred pb-0">
                 <div className="pattern-layer">
-                    <div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.png)' }}></div>
-                    <div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.png)' }}></div>
+                    <div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.webp)' }}></div>
+                    <div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.webp)' }}></div>
                 </div>
                 <div className="shape">
                     <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
diff --git a/components/layout/Breadcrumb.js b/components/layout/Breadcrumb.js
index 877a6ab..a5eba75 100644
--- a/components/layout/Breadcrumb.js
+++ b/components/layout/Breadcrumb.js
@@ -12,8 +12,8 @@ export default function Breadcrumb({ breadcrumbTitle, bannerImage }) {
                     }}
                 />
                 <div className="pattern-layer">
-                    <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
-                    <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
+                    <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
+                    <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
                     <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
                     <div className="pattern-4 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
                 </div>
diff --git a/components/sections/home/AboutSection.js b/components/sections/home/AboutSection.js
index a865319..693603a 100644
--- a/components/sections/home/AboutSection.js
+++ b/components/sections/home/AboutSection.js
@@ -5,7 +5,7 @@ export default function AboutSection() {
     return (
         <section className="about-style-two pt_120 pb_120">
             <div className="pattern-layer">
-                <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
+                <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
                 <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-9.png)' }}></div>
                 <div className="pattern-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
             </div>
diff --git a/components/sections/home/AreaOfInjury.js b/components/sections/home/AreaOfInjury.js
index d723d6c..924fee3 100644
--- a/components/sections/home/AreaOfInjury.js
+++ b/components/sections/home/AreaOfInjury.js
@@ -16,8 +16,8 @@ export default function AreaOfInjury() {
     return (
         <section className="team-section sec-pad centred  bg-color-1">
             <div className="pattern-layer">
-                <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.png)' }}></div>
-                <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
+                <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.webp)' }}></div>
+                <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
             </div>
             <div className="shape">
                 <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
diff --git a/components/sections/home/FaqSection.js b/components/sections/home/FaqSection.js
index a2d5d4d..ef841b3 100644
--- a/components/sections/home/FaqSection.js
+++ b/components/sections/home/FaqSection.js
@@ -33,7 +33,7 @@ export default function FaqSection() {
                         <div className="image_block_three">
                             <div className="image-box">
                                 <div className="image-shape">
-                                    <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
+                                    <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
                                     <div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
                                     <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
                                     <div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
diff --git a/components/sections/home1/About.js b/components/sections/home1/About.js
index 1ff88e1..06f96c8 100644
--- a/components/sections/home1/About.js
+++ b/components/sections/home1/About.js
@@ -5,8 +5,8 @@ export default function about() {
   return (
     <section className="about-section pt_120 pb_120 bg-color-1">
       <div className="pattern-layer">
-        <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
-        <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
+        <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
+        <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
         <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
         <div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
         <div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
diff --git a/components/sections/home1/Team.js b/components/sections/home1/Team.js
index a4b4079..cd6d1e4 100644
--- a/components/sections/home1/Team.js
+++ b/components/sections/home1/Team.js
@@ -11,8 +11,8 @@ export default function Team() {
   return (
     <section className="team-section sec-pad centred">
       <div className="pattern-layer">
-        <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.png)' }}></div>
-        <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
+        <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.webp)' }}></div>
+        <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
       </div>
       <div className="shape">
         <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
diff --git a/components/sections/home1/Testimonial.js b/components/sections/home1/Testimonial.js
index 1c39d7c..3fa84cf 100644
--- a/components/sections/home1/Testimonial.js
+++ b/components/sections/home1/Testimonial.js
@@ -6,7 +6,7 @@ export default function Testimonial() {
             
             <section className="testimonial-section sec-pad bg-color-1">
       <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/testimonial-left.webp)' }}></div>
-      <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.png)' }}></div>
+      <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></div>
       <div className="auto-container">
         <div className="row clearfix">
           <div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
diff --git a/components/sections/home2/About.js b/components/sections/home2/About.js
index 17b4103..b0f0c01 100644
--- a/components/sections/home2/About.js
+++ b/components/sections/home2/About.js
@@ -4,7 +4,7 @@ export default function About() {
   return (
     <section className="about-style-two pt_120 pb_120">
       <div className="pattern-layer">
-        <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
+        <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
         <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
         <div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
       </div>
diff --git a/components/sections/home2/Features.js b/components/sections/home2/Features.js
index 6431c16..23aa32a 100644
--- a/components/sections/home2/Features.js
+++ b/components/sections/home2/Features.js
@@ -12,7 +12,10 @@ export default function Features() {
                             <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                                 <div className="feature-block-two">
                                     <div className="inner-box">
-                                        <div className="icon-box"><i className="icon-9"></i></div>
+                                        <div className="icon-box">
+                                            <img src="/assets/images/home/icons/experienced.webp" alt="Icon" />
+                                        </div>
+
                                         <h3><Link href="/">Experienced Professionals</Link></h3>
                                         <p>Skilled experts deliver trusted professional healthcare with years of proven experience.</p>
                                     </div>
@@ -22,7 +25,7 @@ export default function Features() {
                             <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                                 <div className="feature-block-two">
                                     <div className="inner-box">
-                                        <div className="icon-box"><i className="icon-10"></i></div>
+                                        <div className="icon-box"><img src="/assets/images/home/icons/walk-in.webp" alt="Icon" /></div>
                                         <h3><Link href="/">Walk-in Appointments</Link></h3>
                                         <p>Get quick appointments with hassle-free, convenient scheduling today.</p>
                                     </div>
@@ -32,7 +35,7 @@ export default function Features() {
                             <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                                 <div className="feature-block-two">
                                     <div className="inner-box">
-                                        <div className="icon-box"><i className="icon-11"></i></div>
+                                        <div className="icon-box"><img src="/assets/images/home/icons/state.webp" alt="Icon" /></div>
                                         <h3><Link href="/">State-of-the-Art Technology</Link></h3>
                                         <p>Advanced tools ensure accurate results with modern, innovative solutions.</p>
                                     </div>
@@ -42,7 +45,7 @@ export default function Features() {
                             <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                                 <div className="feature-block-two">
                                     <div className="inner-box">
-                                        <div className="icon-box"><i className="icon-12"></i></div>
+                                        <div className="icon-box"><img src="/assets/images/home/icons/one.webp" alt="Icon" /></div>
                                         <h3><Link href="/">One-on-One <br /> Care</Link></h3>
                                         <p>Tailored attention provides focused treatments designed for unique needs.</p>
 
diff --git a/components/sections/home2/Working.js b/components/sections/home2/Working.js
index 93ffdcd..2a4c9d9 100644
--- a/components/sections/home2/Working.js
+++ b/components/sections/home2/Working.js
@@ -3,7 +3,7 @@ import React from 'react';
 export default function working() {
   return (
     <section className="working-section centred">
-      <div className="pattern-layer" style={{ backgroundImage: "url(assets/images/shape/shape-21.png)" }}></div>
+      <div className="pattern-layer" style={{ backgroundImage: "url(assets/images/shape/shape-21.webp)" }}></div>
       <div className="auto-container">
         <div className="sec-title mb_60">
           <span className="sub-title">Service Industry</span>
diff --git a/components/sections/home3/About.js b/components/sections/home3/About.js
index e2eecb1..2f1f100 100644
--- a/components/sections/home3/About.js
+++ b/components/sections/home3/About.js
@@ -5,14 +5,14 @@ export default function About() {
     return (
         <>
            <section className="about-style-three pt_120 pb_120 bg-color-1">
-            <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-35.png)' }}></div>
+            <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-35.webp)' }}></div>
             <div className="auto-container">
                 <div className="row clearfix">
                     <div className="col-lg-6 col-md-12 col-sm-12 image-column">
                         <div className="image_block_three">
                             <div className="image-box">
                                 <div className="image-shape">
-                                    <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
+                                    <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
                                     <div className="shape-2" style={{ backgroundImage: 'url(assets/images/shape/shape-33.png)' }}></div>
                                     <div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
                                     <div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-34.png)' }}></div>
diff --git a/components/sections/home3/Banner.js b/components/sections/home3/Banner.js
index ee97f75..bc65a15 100644
--- a/components/sections/home3/Banner.js
+++ b/components/sections/home3/Banner.js
@@ -27,7 +27,7 @@ export default function Banner() {
                             <div className="image-shape">
                                 <div className="shape-1" style={{ backgroundImage: 'url(assets/images/shape/shape-31.png)' }}></div>
                                 <div className="shape-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
-                                <div className="shape-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
+                                <div className="shape-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
                                 <div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-32.png)' }}></div>
                             </div>
                             <figure className="image"><img src="assets/images/banner/banner-img-3.png" alt="" /></figure>
diff --git a/components/sections/onepage/About.js b/components/sections/onepage/About.js
index 76dc40e..c51a65e 100644
--- a/components/sections/onepage/About.js
+++ b/components/sections/onepage/About.js
@@ -5,8 +5,8 @@ export default function about() {
   return (
     <section className="about-section pt_120 pb_120 bg-color-1" id="about">
       <div className="pattern-layer">
-        <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
-        <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
+        <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
+        <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
         <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
         <div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
         <div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
diff --git a/components/sections/onepage/Team.js b/components/sections/onepage/Team.js
index a3c2b58..130b55d 100644
--- a/components/sections/onepage/Team.js
+++ b/components/sections/onepage/Team.js
@@ -51,8 +51,8 @@ export default function Team() {
   return (
     <section className="team-section sec-pad centred" id="team">
       <div className="pattern-layer">
-        <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.png)' }}></div>
-        <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
+        <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.webp)' }}></div>
+        <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
       </div>
       <div className="shape">
         <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
diff --git a/components/sections/onepage/Testimonial.js b/components/sections/onepage/Testimonial.js
index 08d6b8e..ed29ec8 100644
--- a/components/sections/onepage/Testimonial.js
+++ b/components/sections/onepage/Testimonial.js
@@ -6,7 +6,7 @@ export default function Testimonial() {
             
             <section className="testimonial-section sec-pad bg-color-1" id="testimonial">
       <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/testimonial-bg.jpg)' }}></div>
-      <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-21.png)' }}></div>
+      <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-21.webp)' }}></div>
       <div className="auto-container">
         <div className="row clearfix">
           <div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
diff --git a/public/assets/css/module-css/gallery.css b/public/assets/css/module-css/gallery.css
index 00ca3ae..84744ae 100644
--- a/public/assets/css/module-css/gallery.css
+++ b/public/assets/css/module-css/gallery.css
@@ -75,8 +75,8 @@
   margin: 0px 10px;
   font-size: 18px;
   line-height: 30px;
-  color: #ffffff;
-  border: 1px solid rgba(255, 255, 255, 0.3);
+  color: #bc0000;
+  border: 1px solid #bc0000;
   border-radius: 5px;
   text-align: center;
   padding: 9px 30px;
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 79e51dc..9f4f069 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -2017,7 +2017,7 @@
  }
 
  .bg-color-1 {
-   background-color: #ffe6e6;
+   background-color: #bc0000;
  }
 
   .tex-color-1{
diff --git a/public/assets/images/home/icons/experienced.webp b/public/assets/images/home/icons/experienced.webp
new file mode 100644
index 0000000..de275d3
Binary files /dev/null and b/public/assets/images/home/icons/experienced.webp differ
diff --git a/public/assets/images/home/icons/one.webp b/public/assets/images/home/icons/one.webp
new file mode 100644
index 0000000..25add27
Binary files /dev/null and b/public/assets/images/home/icons/one.webp differ
diff --git a/public/assets/images/home/icons/state.webp b/public/assets/images/home/icons/state.webp
new file mode 100644
index 0000000..b730402
Binary files /dev/null and b/public/assets/images/home/icons/state.webp differ
diff --git a/public/assets/images/home/icons/walk-in.webp b/public/assets/images/home/icons/walk-in.webp
new file mode 100644
index 0000000..a3d104f
Binary files /dev/null and b/public/assets/images/home/icons/walk-in.webp differ
diff --git a/public/assets/images/shape/shape-11.webp b/public/assets/images/shape/shape-11.webp
index 9f51771..b908598 100644
Binary files a/public/assets/images/shape/shape-11.webp and b/public/assets/images/shape/shape-11.webp differ
diff --git a/public/assets/images/shape/shape-13.webp b/public/assets/images/shape/shape-13.webp
new file mode 100644
index 0000000..9fc96f2
Binary files /dev/null and b/public/assets/images/shape/shape-13.webp differ
diff --git a/public/assets/images/shape/shape-14.webp b/public/assets/images/shape/shape-14.webp
new file mode 100644
index 0000000..20fbac7
Binary files /dev/null and b/public/assets/images/shape/shape-14.webp differ
diff --git a/public/assets/images/shape/shape-21.webp b/public/assets/images/shape/shape-21.webp
new file mode 100644
index 0000000..7ca3386
Binary files /dev/null and b/public/assets/images/shape/shape-21.webp differ
diff --git a/public/assets/images/shape/shape-35.webp b/public/assets/images/shape/shape-35.webp
new file mode 100644
index 0000000..aa5cc11
Binary files /dev/null and b/public/assets/images/shape/shape-35.webp differ
diff --git a/public/assets/images/shape/shape-8.webp b/public/assets/images/shape/shape-8.webp
new file mode 100644
index 0000000..1e8281b
Binary files /dev/null and b/public/assets/images/shape/shape-8.webp differ
diff --git a/public/assets/images/shortcodes/icons/arrange.webp b/public/assets/images/shortcodes/icons/arrange.webp
index 6e87e6a..3698dd6 100644
Binary files a/public/assets/images/shortcodes/icons/arrange.webp and b/public/assets/images/shortcodes/icons/arrange.webp differ
diff --git a/public/assets/images/shortcodes/icons/review.webp b/public/assets/images/shortcodes/icons/review.webp
index 925a3d1..fb58f41 100644
Binary files a/public/assets/images/shortcodes/icons/review.webp and b/public/assets/images/shortcodes/icons/review.webp differ
diff --git a/public/assets/images/shortcodes/icons/schedule.webp b/public/assets/images/shortcodes/icons/schedule.webp
index b72ecec..752a26e 100644
Binary files a/public/assets/images/shortcodes/icons/schedule.webp and b/public/assets/images/shortcodes/icons/schedule.webp differ
diff --git a/public/assets/images/shortcodes/icons/talk.webp b/public/assets/images/shortcodes/icons/talk.webp
index 954c98d..86afddd 100644
Binary files a/public/assets/images/shortcodes/icons/talk.webp and b/public/assets/images/shortcodes/icons/talk.webp differ