diff --git a/vue-frontend/src/components/ios-app-development/BlogSection.vue b/vue-frontend/src/components/ios-app-development/BlogSection.vue
index a91d75a39..63adb62f6 100644
--- a/vue-frontend/src/components/ios-app-development/BlogSection.vue
+++ b/vue-frontend/src/components/ios-app-development/BlogSection.vue
@@ -216,10 +216,13 @@ export default {
   inject: ["mixpanel"],
 };
 </script>
-<style lang="postcss" scoped>
+<style lang="postcss">
 @import "swiper/css";
 @import "swiper/css/effect-creative";
 .swiper-slide {
   @apply !tw-overflow-visible;
 }
+.swiper-wrapper {
+  @apply !tw-items-start;
+}
 </style>
diff --git a/vue-frontend/src/components/ios-app-development/CtaSection.vue b/vue-frontend/src/components/ios-app-development/CtaSection.vue
index fbd7752c1..4586c3c18 100644
--- a/vue-frontend/src/components/ios-app-development/CtaSection.vue
+++ b/vue-frontend/src/components/ios-app-development/CtaSection.vue
@@ -38,17 +38,17 @@
     </div>
     <!-- Desktop view start -->
     <div
-      class="tw-relative tw-mb-16 tw-h-80 xll:tw-h-[30rem] tw-hidden md:tw-block"
+      class="tw-relative tw-mb-16 tw-h-80 lg:tw-h-[476px] tw-hidden md:tw-block"
     >
       <img
         :src="BackgroundImage[1]"
         :srcset="`${BackgroundImage[1]} 800w,${BackgroundImage[2]} 1200w,${BackgroundImage[3]} 2400w`"
         alt="Background-Image"
-        class="tw-h-full lg:tw-h-[22.5rem] xll:tw-h-full tw-w-full tw-object-cover"
+        class="tw-h-full tw-w-full tw-object-cover"
         loading="lazy"
       />
       <div
-        class="tw-container tw-absolute tw-left-1/2 tw-flex tw-w-full tw--translate-x-1/2 tw--translate-y-[150%] lg:tw--translate-y-[114%] xll:tw--translate-y-[134%] tw-transform tw-flex-row tw-items-center"
+        class="tw-container tw-absolute tw-left-1/2 tw-flex tw-w-full tw--translate-x-1/2 tw--translate-y-[15.55rem] lg:tw--translate-y-[24rem] tw-transform tw-flex-row tw-items-center"
       >
         <div class="tw-flex tw-w-[66%]">
           <div