chnages in address

components/reuseables/WhatWeDo.js

@@ -10,7 +10,6 @@ import { Container } from "react-bootstrap";
 import SwiperNav from "@/components/reuseables/SwiperNav";
 import { cleanImage } from "@/layout/imageHandling";
 
-
 const WhatWeDo = ({ service, serviceheading }) => {
   console.log(serviceheading, "serviceData");
   return (
@@ -22,8 +21,14 @@ const WhatWeDo = ({ service, serviceheading }) => {
             <Heading el="h2" heading={serviceheading?.Title} />
           </div>
           <p className="text-center">
-            {serviceheading?.Description || "At Advith , we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction."}
-
+            <div
+              className="Description text-center"
+              dangerouslySetInnerHTML={{
+                __html:
+                  serviceheading?.Description?.trim() ||
+                  "At Advith, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction.",
+              }}
+            />
           </p>
           <div className="position-relative px-md-4 mt-md-5 mt-2">
             <Swiper
@@ -32,9 +37,9 @@ const WhatWeDo = ({ service, serviceheading }) => {
               navigation={
                 service?.length > 3
                   ? {
-                    nextEl: ".custom-swiper-button-next",
-                    prevEl: ".custom-swiper-button-prev",
-                  }
+                      nextEl: ".custom-swiper-button-next",
+                      prevEl: ".custom-swiper-button-prev",
+                    }
                   : false
               }
               pagination={{
@@ -74,19 +79,30 @@ const WhatWeDo = ({ service, serviceheading }) => {
                         <Image
                           src={cleanImage(service?.Image?.url)}
                           fill
-                          alt={service?.Image?.alternativeText ? service?.Image?.alternativeText : "image"}
+                          alt={
+                            service?.Image?.alternativeText
+                              ? service?.Image?.alternativeText
+                              : "image"
+                          }
                           className="img-fluid image"
                         />
                       </Link>
                     </div>
                     <div className="content">
                       <h3>
-                        <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}>{service?.Title}</Link>
+                        <Link
+                          href={service?.CTA?.URL ? service?.CTA?.URL : "#"}
+                        >
+                          {service?.Title}
+                        </Link>
                       </h3>
 
                       <p>{service?.Description}</p>
 
-                      <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"} className="default-btn">
+                      <Link
+                        href={service?.CTA?.URL ? service?.CTA?.URL : "#"}
+                        className="default-btn"
+                      >
                         {service?.CTA?.text}
                         <i className="ri-arrow-right-line"></i>
                       </Link>