From 2b00ffa70e1bd8b0d4bdbc0b4fe3bd3c28283942 Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Thu, 28 Aug 2025 20:07:02 +0530
Subject: [PATCH] Responsive updated

---
 app/payment-insurance/page.js                  |  2 +-
 .../assets/css/module-css/service-details.css  |  2 +-
 public/assets/css/module-css/solutions.css     | 10 ++++++++++
 public/assets/css/style.css                    | 14 ++++++++++++++
 utils/Accident.utils.js                        | 10 +++++-----
 utils/AreaOfInjery.utils.js                    | 18 +++++++++---------
 6 files changed, 40 insertions(+), 16 deletions(-)

diff --git a/app/payment-insurance/page.js b/app/payment-insurance/page.js
index 1c98853..d8e694a 100644
--- a/app/payment-insurance/page.js
+++ b/app/payment-insurance/page.js
@@ -12,7 +12,7 @@ export default function About() {
                         <div className="row clearfix">
                             <div className="col-lg-6 col-md-12 col-sm-12 content-column">
                                 <div className="content-box">
-                                    <div className="sec-title mb_50">
+                                    <div className="sec-title mb_15">
                                         {/* <span className="sub-title">Better Solutions</span> */}
                                         <h2>Payment and Insurance</h2>
                                     </div>
diff --git a/public/assets/css/module-css/service-details.css b/public/assets/css/module-css/service-details.css
index 132a552..f146c41 100644
--- a/public/assets/css/module-css/service-details.css
+++ b/public/assets/css/module-css/service-details.css
@@ -25,7 +25,7 @@
   font-size: 36px;
   line-height: 46px;
   font-weight: 600;
-  margin-bottom: 30px;
+  margin-bottom: 15px;
 }
 
 .service-details-content .content-two p{
diff --git a/public/assets/css/module-css/solutions.css b/public/assets/css/module-css/solutions.css
index 162cbbd..3ab263c 100644
--- a/public/assets/css/module-css/solutions.css
+++ b/public/assets/css/module-css/solutions.css
@@ -14,6 +14,16 @@
   max-width: 550px;
 }
 
+
+
+@media only screen and (max-width: 768px) {
+.solutions-section .progress-inner{
+  max-width: none;
+}
+}
+
+
+
 .image_block_two .image-box{
   position: relative;
   display: block;
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index b7bfac0..a816416 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -758,6 +758,20 @@ img {
   text-transform: capitalize;
 }
 
+@media only screen and (max-width: 1024px) {
+
+.sec-title h2 {
+    position: relative;
+    display: block;
+    font-size: 38px;
+    line-height: 65px;
+    font-weight: 700;
+    margin: 0px;
+    text-transform: capitalize;
+}
+
+}
+
 .sec-title.light h2{
   color: #fff;
 }
diff --git a/utils/Accident.utils.js b/utils/Accident.utils.js
index 0978b35..f1396e0 100644
--- a/utils/Accident.utils.js
+++ b/utils/Accident.utils.js
@@ -48,7 +48,7 @@ const Accident = [
           </div>
         </div>
       <div class="text-box">
-      <p class="mt-3 mb-2">Physiotherapy treatment for an injury:</p>
+      <p class="mb-2">Physiotherapy treatment for an injury :</p>
         <p class="mb-2">At rapharehab, we offer customized treatment based on your needs and problems. Physiotherapy may include electrotherapy, home exercise programme and postural education. We also offer other treatment options like:</p>
           <div class="content-one mb_30">
           <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
@@ -321,7 +321,7 @@ const Accident = [
 
 
                               <div class="text-box">
-      <h3 class="mt-3 mb-2">Longer-term symptoms of concussion</h3>
+      <h3 class="mb-2">Longer-term symptoms of concussion</h3>
          <p class="mt-3">Physical therapists can evaluate and treat many problems related to concussion. Our physical therapist will examine your neurological, orthopedic, and cardiovascular systems in order to design a treatment program to address your particular symptoms and yourneeds.</p>
 
                   <p class="mt-3">Treatment may include:</p>
@@ -392,7 +392,7 @@ const Accident = [
           </div>
         </div>
                     <div class="text-box">
-      <p class="mt-3 mb-2">Benefits from Psychological counseling:</p>
+      <p class="mb-2">Benefits from Psychological counseling :</p>
           <div class="content-one mb_30">
           <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
           <li style="list-style-type: disc;">Counseling with a mental health professional, you can gain support towards achieving mental wellness</li>
@@ -463,7 +463,7 @@ const Accident = [
           </div>
         </div>
 
-          <p class="mt-3 mb-2">The goals of hydrotherapy are</p>
+          <p class="mb-2">The goals of hydrotherapy are</p>
                  <div class="content-one mb_30">
           <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
           <li style="list-style-type: disc;">Muscle relaxation, improving joint motion and reducing pain</li>
@@ -528,7 +528,7 @@ const Accident = [
           </div>
         </div>
 
-        <h3 class="mt-3 mb-2">Why Choose Rapha Rehab for Chronic Pain in Etobicoke?</h3>
+        <h3 class="mb-2">Why Choose Rapha Rehab for Chronic Pain in Etobicoke?</h3>
         <div class="content-one mb_30">
           <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
             <li style="list-style-type: disc;">Highly trained registered physiotherapists</li>
diff --git a/utils/AreaOfInjery.utils.js b/utils/AreaOfInjery.utils.js
index b2d6085..4d78e46 100644
--- a/utils/AreaOfInjery.utils.js
+++ b/utils/AreaOfInjery.utils.js
@@ -9,7 +9,7 @@ export const areaOfInjuryData = [
         mainImage: "/assets/images/areas-of-injury/head-injury/big-img.webp",
         icon: "/assets/images/areas-of-injury/icon/head.webp",
         content: `
-      <div class="content-one mb_60">
+      <div class="content-one mb_30">
       <p>We treat conditions like</p>
         <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
          <li style="list-style-type: disc;">Concussion</li>
@@ -46,7 +46,7 @@ export const areaOfInjuryData = [
         mainImage: "/assets/images/areas-of-injury/neck-injury/big-img.webp",
         icon: "/assets/images/areas-of-injury/icon/neck.webp",
         content: `
-      <div class="content-one mb_60">
+      <div class="content-one mb_30">
       <p>We treat conditions like</p>
         <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
          <li style="list-style-type: disc;">Whiplash Injuries</li>
@@ -84,7 +84,7 @@ export const areaOfInjuryData = [
         bannerImage: "/assets/images/areas-of-injury/shoulder-injury/shoulder-injury-banner.webp",
         icon: "/assets/images/areas-of-injury/icon/shoulder.webp",
         content: `
-      <div class="content-one mb_60">
+      <div class="content-one mb_30">
       <p>We treat conditions like</p>
         <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
          <li style="list-style-type: disc;">Dislocation and Subluxation</li>
@@ -122,7 +122,7 @@ export const areaOfInjuryData = [
         icon: "/assets/images/areas-of-injury/icon/elbow.webp",
         mainImage: "/assets/images/areas-of-injury/elbo-injury/big-img.webp",
         content: `
-      <div class="content-one mb_60">
+      <div class="content-one mb_30">
       <p>At Etobicoke Physiotherapy, we treat conditions like</p>
         <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
          <li style="list-style-type: disc;">Tennis Elbow & Golfers Elbox</li>
@@ -160,7 +160,7 @@ export const areaOfInjuryData = [
         bannerImage: "/assets/images/areas-of-injury/wrist-hand-injury/wrist-hand-injury-banner.webp",
         icon: "/assets/images/areas-of-injury/icon/wrist.webp",
         content: `
-      <div class="content-one mb_60">
+      <div class="content-one mb_30">
       <p>We treat conditions like</p>
         <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
          <li style="list-style-type: disc;">Carpal Tunnel Syndrome</li>
@@ -199,7 +199,7 @@ export const areaOfInjuryData = [
 
         icon: "/assets/images/areas-of-injury/icon/low-back.webp",
         content: `
-      <div class="content-one mb_60">
+      <div class="content-one mb_30">
       <p>We treat conditions like</p>
         <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
          <li style="list-style-type: disc;">Sciatica Nerve Compression</li>
@@ -237,7 +237,7 @@ export const areaOfInjuryData = [
         bannerImage: "/assets/images/areas-of-injury/hip-injury/hip-injury-banner.webp",
         icon: "/assets/images/areas-of-injury/icon/hip.webp",
         content: `
-      <div class="content-one mb_60">
+      <div class="content-one mb_30">
       <p>We treat conditions like</p>
         <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
          <li style="list-style-type: disc;">Fracture</li>
@@ -275,7 +275,7 @@ export const areaOfInjuryData = [
         mainImage: "/assets/images/areas-of-injury/leg-knee-injury/big-img.webp",
         icon: "/assets/images/areas-of-injury/icon/knee.webp",
         content: `
-      <div class="content-one mb_60">
+      <div class="content-one mb_30">
       <p>We treat knee physiotherapy conditions like</p>
         <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
          <li style="list-style-type: disc;">Meniscus and Ligament Injuries</li>
@@ -313,7 +313,7 @@ export const areaOfInjuryData = [
         bannerImage: "/assets/images/areas-of-injury/ankle-foot-injury/ankle-foot-injury-banner.webp",
         icon: "/assets/images/areas-of-injury/icon/ankle.webp",
         content: `
-      <div class="content-one mb_60">
+      <div class="content-one mb_30">
       <p>We treat knee physiotherapy conditions like</p>
         <ul style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
          <li style="list-style-type: disc;">Meniscus and Ligament Injuries</li>