diff --git a/src/components/Services-section/ServicesAvailableIn.jsx b/src/components/Services-section/ServicesAvailableIn.jsx
index 199848ac..93285816 100644
--- a/src/components/Services-section/ServicesAvailableIn.jsx
+++ b/src/components/Services-section/ServicesAvailableIn.jsx
@@ -2,7 +2,7 @@ import PropTypes from "prop-types";
 const ServicesAvailableIn = (props) => {
     return (
         <div className="flex items-center gap-8 flex-col">
-            <img src={props.placeImage} alt="image" className="w-28 h-28 rounded-full" />
+            <img src={props.placeImage} alt="image" className="w-28 h-28 rounded-full hover:scale-110 hover:shadow-2xl  transition duration-300 cursor-pointer" />
             {/* <h1 className="bg-[#EBB4B6] w-28 h-28   rounded-full"></h1> */}
             <h1 className="text-xl font-medium">{props.placeName}</h1>
         </div>