index changes

includes/comparision.php

@@ -317,14 +317,17 @@
   @media (min-width: 1440px) {
 
     .dm-compare-section {
-      max-width: 1360px;
-      padding: 60px 52px 50px;
-      background:#1f1f1f;
+      max-width: 1440px;
+      padding: 72px 52px;
+      background: #1f1f1f;
       border-radius: 20px;
+      /* margin: 0px 50px; */
+     
     }
 
     .dm-compare-section::before {
       background-size: 80px 80px;
+      padding: 0px 20px;
     }
 
     .dm-compare-section .dm-section-header {
@@ -403,8 +406,10 @@
   @media (min-width: 1920px) {
 
     .dm-compare-section {
-      max-width: 1780px;
-      padding: 72px 64px 60px;
+        max-width: 1920px;
+        padding: 72px 52px;
+        background: #1f1f1f;
+        border-radius: 20px;
     }
 
     .dm-compare-section::before {
@@ -488,8 +493,9 @@
   @media (min-width: 2560px) {
 
     .dm-compare-section {
-      max-width: 1760px;
+      max-width: 2560px;
       padding: 80px 72px 50px;
+      background: #1f1f1f;
     }
 
     .dm-compare-section::before {
@@ -575,9 +581,18 @@
     }
   }
 
+
+  @media (max-width: 1200px) {
+    .dm-compare-section { padding: 60px 16px 70px;background: #1f1f1f; }
+    .dm-compare-section .dm-col-head,
+    .dm-compare-section .dm-cell { padding: 20px 20px; }
+    .dm-compare-section .dm-footer-cell { padding: 18px 20px; }
+    .dm-compare-section .dm-col-head { font-size: 11px; letter-spacing: 1.5px; }
+  }
+
   /* ── RESPONSIVE (MOBILE) ── */
   @media (max-width: 680px) {
-    .dm-compare-section { padding: 60px 16px 70px; }
+    .dm-compare-section { padding: 60px 16px 70px;background: #1f1f1f; border-radius: 20px; }
     .dm-compare-section .dm-col-head,
     .dm-compare-section .dm-cell { padding: 20px 20px; }
     .dm-compare-section .dm-footer-cell { padding: 18px 20px; }
@@ -586,6 +601,8 @@
 </style>
 
 <!-- ── SECTION HTML ── -->
+
+<div class="elementor-element elementor-element-89a0ca1 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="89a0ca1" data-element_type="container">
 <section class="dm-compare-section" id="dm-compare">
 
   <div class="dm-section-header">
@@ -667,6 +684,8 @@
 
   </div>
 </section>
+</div>
+
 
 <script>
 (function () {