/* ==========================================================================
   1. SECTION SYSTEM (Vertical Rhythm Only)
   Pasang di Container Full Width
   ========================================================================== */

.nx-section-sm {
  width: 100% !important;
  padding-top: clamp(40px, 4vw, 64px) !important;
  padding-bottom: clamp(40px, 4vw, 64px) !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.nx-section-md {
  width: 100% !important;
  padding-top: clamp(60px, 6vw, 100px) !important;
  padding-bottom: clamp(60px, 6vw, 100px) !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.nx-section-lg {
  width: 100% !important;
  padding-top: clamp(80px, 8vw, 140px) !important;
  padding-bottom: clamp(80px, 8vw, 140px) !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* ==========================================================================
   2. CONTAINER SYSTEM (Max-Width & Horizontal Safe Padding)
   Pasang di Container Anak di dalam Section
   ========================================================================== */

.nx-container-sm,
.nx-container-md,
.nx-container-lg {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: clamp(16px, 2vw, 24px) !important;
  padding-right: clamp(16px, 2vw, 24px) !important;
}

.nx-container-sm {
  max-width: 800px !important;
}

.nx-container-md {
  max-width: 1140px !important;
}

.nx-container-lg {
  max-width: 1280px !important;
}