Merge pull request #21725 from overleaf/ds-payment-page-layout

Checkout Redesign - adding the layout of the checkout page

GitOrigin-RevId: e48feed16b69e26ec3b4d1935c1db169c16172e9

services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss

@@ -138,3 +138,23 @@
     }
   }
 }
+
+.payment-container {
+  padding-top: var(--spacing-13);
+
+  .payment-row {
+    display: flex;
+    gap: var(--spacing-10);
+    justify-content: center;
+
+    .payment-right-section {
+      padding: var(--spacing-08);
+    }
+  }
+
+  @include media-breakpoint-up(md) {
+    .payment-left-section {
+      padding: 0;
+    }
+  }
+}