responsive checked

src/app/globals.css

@@ -10487,7 +10487,7 @@ body {
 
 .blog-section-one .post-meta span {
   display: inline-flex;
-  align-items: center;
+  align-items: baseline;
   gap: 8px;
   margin-right: 15px;
   font-size: 14px;
@@ -12262,7 +12262,7 @@ body {
   }
 
   .blog-style-one .post-meta {
-    gap: 10px !important;
+    gap: 30px !important;
   }
 
   .blog-section-one .post-meta span {
@@ -15131,44 +15131,6 @@ h4.service-details__dynamic-content-erp {
   .custom-container {
     max-width: 1140px;
   }
-
-  .card-1 {
-    top: -20px;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .card-2 {
-    top: 25%;
-    left: -75px;
-  }
-
-  .card-3 {
-    bottom: 20%;
-    left: -75px;
-  }
-
-  .card-4 {
-    bottom: -20px;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .card-5 {
-    bottom: 20%;
-    left: 92%;
-    transform: translateX(-50%);
-  }
-
-  .card-6 {
-    bottom: 65%;
-    right: -75px;
-  }
-
-  .card-7 {
-    top: 20%;
-    right: 0;
-  }
 }
 
 @media (min-width: 1400px) {
@@ -15870,7 +15832,7 @@ h4.service-details__dynamic-content-erp {
 
   .blog-section-one .post-meta span {
     display: inline-flex;
-    align-items: center;
+    align-items: baseline;
     gap: 1px !important;
     margin-right: -14px !important;
     color: #64748b;
@@ -16248,6 +16210,12 @@ h4.service-details__dynamic-content-erp {
   }
 }
 
+@media (max-width: 1024px) {
+  .section-padding {
+    margin-bottom: 40px !important;
+  }
+}
+
 /* 320px */
 @media (max-width: 320px) {
   .hero-1 .hero-content h1 {
@@ -16790,6 +16758,43 @@ h4.service-details__dynamic-content-erp {
   .choose-section .image.m-img {
     margin-top: 30px;
   }
+    .card-1 {
+    top: -20px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .card-2 {
+    top: 25%;
+    left: -75px;
+  }
+
+  .card-3 {
+    bottom: 20%;
+    left: -75px;
+  }
+
+  .card-4 {
+    bottom: -20px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .card-5 {
+    bottom: 20%;
+    left: 92%;
+    transform: translateX(-50%);
+  }
+
+  .card-6 {
+    bottom: 65%;
+    right: -75px;
+  }
+
+  .card-7 {
+    top: 20%;
+    right: 0;
+  }
 }
 
 /* Counselling Solutions */

src/components/blog/BlogDetails.tsx

@@ -57,7 +57,7 @@ const BlogDetails = ({ blog }: BlogDetailsProps) => {
                             />
 
                             {blog.faq && blog.faq.length > 0 && (
-                                <div className="blog-faq-section mb-60">
+                                <div className="blog-faq-section">
                                     <div className="sec-title mb-40">
                                         <div className="sec-title__shape"></div>
                                         <h6 className="sec-title__tagline">Blog FAQ</h6>

src/components/home/CounsellingSolutions.tsx

@@ -29,7 +29,7 @@ const CounsellingSolutions: React.FC = () => {
                     </div>
                     <div className="col-lg-6">
                         <div className="counselling-solutions__title">
-                            <div className="sec-title mt-50">
+                            <div className="sec-title">
                                 <div className="sec-title__shape"></div>
                                 <h6 className="sec-title__tagline">METATRONCUBE</h6>
                                 <h3 className="sec-title__title">

src/components/mobile-app-development-service/style-app.css

@@ -15924,6 +15924,7 @@ only screen and (min-width: 768px) and (max-width: 991px),
   width: 100%;
   height: 100%;
   pointer-events: none;
+  z-index: 3;
 }
 
 .bannerbottom-section .floating-item {
@@ -19062,7 +19063,7 @@ img {
   }
 
   .brand-item img {
-    max-height: 28px;
+    /* max-height: 28px; */
     width: auto !important;
     object-fit: contain;
   }

src/components/web-development-service/Work.tsx

@@ -97,7 +97,7 @@ const Work = () => {
                         </div>
 
                     </div>
-                    <div className="space80"></div>
+                    {/* <div className="space80"></div> */}
                 </div>
             </div>
             <ContactPopup isOpen={isContactOpen} onClose={() => setIsContactOpen(false)} />

src/components/web-development-service/style.css

@@ -15073,7 +15073,7 @@ only screen and (min-width: 768px) and (max-width: 991px),
 .work-others-section {
   position: relative;
   z-index: 1;
-  padding: 80px 0 280px;
+  padding: 80px 0 360px;
 }
 
 .work-others-section .elements16 {
@@ -15889,6 +15889,7 @@ only screen and (min-width: 768px) and (max-width: 991px),
   width: 100%;
   height: 100%;
   pointer-events: none;
+  z-index: 3;
 }
 
 .bannerbottom-section .floating-item {
@@ -18387,13 +18388,13 @@ img {
 
   .bannerbottom-section .floating-item.item-4 {
     right: -18px !important;
-    top: 346px !important;
+    top: 280px !important;
     animation-delay: 3s !important;
   }
 
   .bannerbottom-section .floating-item.item-1 {
     left: -21px !important;
-    top: 346px !important;
+    top: 280px !important;
     animation-delay: 0s !important;
   }
 }
@@ -18684,9 +18685,9 @@ img {
     padding: 60px 0 !important;
   }
 
-  .case-works-section-area {
+  /* .case-works-section-area {
     padding: 30px 20px !important;
-  }
+  } */
 
   .card-boxarea a {
     font-size: 14px !important;
@@ -19074,7 +19075,7 @@ img {
   }
 
   .brand-item img {
-    max-height: 28px;
+    /* max-height: 28px; */
     width: auto !important;
     object-fit: contain;
   }