- {service?.shortDescription?.length > 70 - ? service.shortDescription.slice(0, 70) + "..." - : service.shortDescription} -
+{service?.shortDescription}
diff --git a/public/assets/css/module-css/service.css b/public/assets/css/module-css/service.css index 91935f6..3655651 100644 --- a/public/assets/css/module-css/service.css +++ b/public/assets/css/module-css/service.css @@ -12,7 +12,7 @@ background: #fff; border-radius: 20px; transition: all 500ms ease; - overflow: visible; /* ✅ Important: Allow icon to go outside */ + overflow: visible; } .service-block-one .inner-box:hover { @@ -40,7 +40,6 @@ transform: scale(1.05); } -/* ✅ LOWER CONTENT STYLING */ .service-block-one .inner-box .lower-content { position: relative; display: block; @@ -48,17 +47,17 @@ border-radius: 0px 0px 20px 20px; padding: 40px 40px 40px 105px; transition: all 500ms ease; - overflow: visible; /* ✅ Allows icon outside the box */ + overflow: visible; + min-height: 285px; } .service-block-one .inner-box:hover .lower-content { border-color: #fff; } -/* ✅ ICON BOX COMPLETELY OUTSIDE */ .service-block-one .inner-box .lower-content .icon-box { position: absolute; - left: -13px; /* ✅ Move icon fully outside */ + left: -13px; bottom: 40px; width: 100px; height: 100px; @@ -73,16 +72,14 @@ z-index: 10; } -/* ✅ HOVER EFFECT - ICON SLIDES UP */ .service-block-one .inner-box:hover .lower-content .icon-box { - bottom: 145px; + bottom: 183px; } -/* ✅ RED TRIANGLE EDGE UNDER ICON */ .service-block-one .inner-box .lower-content .icon-box:before { position: absolute; content: ''; - background: #bc0000; /* Same red as icon */ + background: #bc0000; width: 12px; height: 14px; left: 0px; @@ -90,7 +87,6 @@ clip-path: polygon(0% 0%, 100% 0%, 100% 100%); } -/* ✅ TITLE STYLING */ .service-block-one .inner-box .lower-content h3 { position: relative; display: block; diff --git a/public/assets/images/accident/catastrophic.webp b/public/assets/images/accident/catastrophic.webp index 05e5e96..80ac866 100644 Binary files a/public/assets/images/accident/catastrophic.webp and b/public/assets/images/accident/catastrophic.webp differ diff --git a/public/assets/images/accident/chronic.webp b/public/assets/images/accident/chronic.webp index f956217..e731fc5 100644 Binary files a/public/assets/images/accident/chronic.webp and b/public/assets/images/accident/chronic.webp differ diff --git a/public/assets/images/accident/concussion.webp b/public/assets/images/accident/concussion.webp index 107fc40..b94badb 100644 Binary files a/public/assets/images/accident/concussion.webp and b/public/assets/images/accident/concussion.webp differ diff --git a/public/assets/images/accident/hydrotherapy.webp b/public/assets/images/accident/hydrotherapy.webp index 176b53e..4d73b2d 100644 Binary files a/public/assets/images/accident/hydrotherapy.webp and b/public/assets/images/accident/hydrotherapy.webp differ diff --git a/public/assets/images/accident/minor.webp b/public/assets/images/accident/minor.webp index d7b7f0f..c65cd3f 100644 Binary files a/public/assets/images/accident/minor.webp and b/public/assets/images/accident/minor.webp differ diff --git a/public/assets/images/accident/psychotherapy.webp b/public/assets/images/accident/psychotherapy.webp index d1b5989..8eb38f4 100644 Binary files a/public/assets/images/accident/psychotherapy.webp and b/public/assets/images/accident/psychotherapy.webp differ diff --git a/public/assets/images/accident/slip.webp b/public/assets/images/accident/slip.webp index 068e0da..b5c694f 100644 Binary files a/public/assets/images/accident/slip.webp and b/public/assets/images/accident/slip.webp differ diff --git a/public/assets/images/rehabilitation/amputee.webp b/public/assets/images/rehabilitation/amputee.webp index 0a7b859..54a2b34 100644 Binary files a/public/assets/images/rehabilitation/amputee.webp and b/public/assets/images/rehabilitation/amputee.webp differ diff --git a/public/assets/images/rehabilitation/fracture.webp b/public/assets/images/rehabilitation/fracture.webp index dd64c62..cbb393f 100644 Binary files a/public/assets/images/rehabilitation/fracture.webp and b/public/assets/images/rehabilitation/fracture.webp differ diff --git a/public/assets/images/rehabilitation/neurological.webp b/public/assets/images/rehabilitation/neurological.webp index 857c120..dacf762 100644 Binary files a/public/assets/images/rehabilitation/neurological.webp and b/public/assets/images/rehabilitation/neurological.webp differ diff --git a/public/assets/images/rehabilitation/spinal.webp b/public/assets/images/rehabilitation/spinal.webp index 9aa9450..6c030c4 100644 Binary files a/public/assets/images/rehabilitation/spinal.webp and b/public/assets/images/rehabilitation/spinal.webp differ diff --git a/utils/Services.utils.js b/utils/Services.utils.js index e5649e0..bf33a91 100644 --- a/utils/Services.utils.js +++ b/utils/Services.utils.js @@ -1124,7 +1124,7 @@ export const servicesList = [ sidebarImg: "/assets/images/services/orthotics/left.webp", bigImg: "/assets/images/services/orthotics/big-img.webp", icon: "/assets/images/services/icons/orthotics.webp", - shortDescription: "Orthotics are medical devices that you wear inside your shoes to correct biomechanical foot issues. They can also help with foot pain caused by medical.", + shortDescription: "Orthotics are medical devices that you wear inside your shoes to help correct common biomechanical foot issues. They can also help with foot pain caused by medical conditions.", description: `