update checkout page

assets/scss/custom.scss

@@ -486,7 +486,7 @@ body {
 .woocommerce-cart main .woocommerce,
 .woocommerce-checkout .wp-block-post-title,
 .woocommerce-checkout main .woocommerce {
-  max-width: 968px !important;
+  max-width: 968px;
 }
 
 .woocommerce {
@@ -569,4 +569,48 @@ body {
   .button {
     text-decoration: none;
   }
-}
+}
+
+.woocommerce-account {
+  .woocommerce {
+    display: flex;
+    // justify-content: space-between;
+    max-width: 1440px !important;
+    gap: 4rem;
+
+    &::before, &::after {
+      display: none;
+    }
+
+    .woocommerce-MyAccount-navigation {
+      width: unset;
+      float: unset;
+      li.woocommerce-MyAccount-navigation-link {
+        padding-bottom: 0;
+        &.is-active a {
+          background: var(--wp--preset--color--foreground);
+          color: var(--wp--preset--color--background);
+        }
+        a {
+          text-decoration: none;
+          text-transform: uppercase;
+          font-family: var(--wp--preset--font-family--jura);
+          font-weight: bold;
+          font-size: var(--wp--preset--font-size--medium);
+          letter-spacing: 0;
+          padding: .75em;
+          border: 1px solid;
+          border-radius: 12px;
+          display: flex;
+        }
+      }
+    }
+    
+    .woocommerce-MyAccount-content {
+      float: unset;
+      border: 1px solid;
+      border-radius: 12px;
+      padding: 3rem;
+    }
+  }
+}