/* Grid System Component
 * Complete Bootstrap-like responsive grid system extracted from default-min.css
 * All 12 columns, offsets, and utilities for all breakpoints
 */

/* Container */
.new-wrapper .container,
.new-wrapper .container-lg,
.new-wrapper .container-md,
.new-wrapper .container-sm,
.new-wrapper .container-xl,
.new-wrapper .container-xxl {
    width: 100%;
	padding-right: var(--bs-gutter-x, 1rem);
	padding-left: var(--bs-gutter-x, 1rem);
    margin-right: auto;
    margin-left: auto;
}

.new-wrapper .container-full-width {
    width: 100%;
}

/* Container responsive widths */
@media (min-width: 576px) {
    .new-wrapper .container,
    .new-wrapper .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .new-wrapper .container,
    .new-wrapper .container-sm,
    .new-wrapper .container-md {
        max-width: 800px;
    }
}

@media (min-width: 992px) {
    .new-wrapper .container,
    .new-wrapper .container-sm,
    .new-wrapper .container-md,
    .new-wrapper .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .new-wrapper .container,
    .new-wrapper .container-sm,
    .new-wrapper .container-md,
    .new-wrapper .container-lg,
    .new-wrapper .container-xl {
        max-width: 1144px;
    }
}

@media (min-width: 1400px) {
    .new-wrapper .container,
    .new-wrapper .container-sm,
    .new-wrapper .container-md,
    .new-wrapper .container-lg,
    .new-wrapper .container-xl,
    .new-wrapper .container-xxl {
        max-width: 1320px;
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y)
}

/* Base Columns */
.new-wrapper .col {
    flex: 1 0 0%;
}

.new-wrapper .row-cols-auto > * { flex: 0 0 auto; width: auto; }
.new-wrapper .row-cols-1 > * { flex: 0 0 auto; width: 100%; }
.new-wrapper .row-cols-2 > * { flex: 0 0 auto; width: 50%; }
.new-wrapper .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
.new-wrapper .row-cols-4 > * { flex: 0 0 auto; width: 25%; }
.new-wrapper .row-cols-5 > * { flex: 0 0 auto; width: 20%; }
.new-wrapper .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; }

.new-wrapper .col-auto { flex: 0 0 auto; width: auto; }
.new-wrapper .col-1 { flex: 0 0 auto; width: 8.3333333333%; }
.new-wrapper .col-2 { flex: 0 0 auto; width: 16.6666666667%; }
.new-wrapper .col-3 { flex: 0 0 auto; width: 25%; }
.new-wrapper .col-4 { flex: 0 0 auto; width: 33.3333333333%; }
.new-wrapper .col-5 { flex: 0 0 auto; width: 41.6666666667%; }
.new-wrapper .col-6 { flex: 0 0 auto; width: 50%; }
.new-wrapper .col-7 { flex: 0 0 auto; width: 58.3333333333%; }
.new-wrapper .col-8 { flex: 0 0 auto; width: 66.6666666667%; }
.new-wrapper .col-9 { flex: 0 0 auto; width: 75%; }
.new-wrapper .col-10 { flex: 0 0 auto; width: 83.3333333333%; }
.new-wrapper .col-11 { flex: 0 0 auto; width: 91.6666666667%; }
.new-wrapper .col-12 { flex: 0 0 auto; width: 100%; }

/* Base Offsets */
.new-wrapper .offset-1 { margin-left: 8.3333333333%; }
.new-wrapper .offset-2 { margin-left: 16.6666666667%; }
.new-wrapper .offset-3 { margin-left: 25%; }
.new-wrapper .offset-4 { margin-left: 33.3333333333%; }
.new-wrapper .offset-5 { margin-left: 41.6666666667%; }
.new-wrapper .offset-6 { margin-left: 50%; }
.new-wrapper .offset-7 { margin-left: 58.3333333333%; }
.new-wrapper .offset-8 { margin-left: 66.6666666667%; }
.new-wrapper .offset-9 { margin-left: 75%; }
.new-wrapper .offset-10 { margin-left: 83.3333333333%; }
.new-wrapper .offset-11 { margin-left: 91.6666666667%; }

/* Gutter utilities */
.new-wrapper .g-0, .new-wrapper .gx-0 { --bs-gutter-x: 0; }
.new-wrapper .g-0, .new-wrapper .gy-0 { --bs-gutter-y: 0; }
.new-wrapper .g-1, .new-wrapper .gx-1 { --bs-gutter-x: 0.25rem; }
.new-wrapper .g-1, .new-wrapper .gy-1 { --bs-gutter-y: 0.25rem; }
.new-wrapper .g-2, .new-wrapper .gx-2 { --bs-gutter-x: 0.5rem; }
.new-wrapper .g-2, .new-wrapper .gy-2 { --bs-gutter-y: 0.5rem; }
.new-wrapper .g-3, .new-wrapper .gx-3 { --bs-gutter-x: 1rem; }
.new-wrapper .g-3, .new-wrapper .gy-3 { --bs-gutter-y: 1rem; }
.new-wrapper .g-4, .new-wrapper .gx-4 { --bs-gutter-x: 1.5rem; }
.new-wrapper .g-4, .new-wrapper .gy-4 { --bs-gutter-y: 1.5rem; }
.new-wrapper .g-5, .new-wrapper .gx-5 { --bs-gutter-x: 3rem; }
.new-wrapper .g-5, .new-wrapper .gy-5 { --bs-gutter-y: 3rem; }
.new-wrapper .g-6, .new-wrapper .gx-6 { --bs-gutter-x: 4rem; }
.new-wrapper .g-6, .new-wrapper .gy-6 { --bs-gutter-y: 4rem; }

/* SM Breakpoint (576px+) - COMPLETE */
@media (min-width: 576px) {
    .new-wrapper .col-sm { flex: 1 0 0%; }
    .new-wrapper .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; }
    .new-wrapper .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; }
    .new-wrapper .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; }
    .new-wrapper .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; }
    .new-wrapper .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; }
    .new-wrapper .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
    
    .new-wrapper .col-sm-auto { flex: 0 0 auto; width: auto; }
    .new-wrapper .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; }
    .new-wrapper .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; }
    .new-wrapper .col-sm-3 { flex: 0 0 auto; width: 25%; }
    .new-wrapper .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; }
    .new-wrapper .col-sm-6 { flex: 0 0 auto; width: 50%; }
    .new-wrapper .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; }
    .new-wrapper .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; }
    .new-wrapper .col-sm-9 { flex: 0 0 auto; width: 75%; }
    .new-wrapper .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; }
    .new-wrapper .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; }
    .new-wrapper .col-sm-12 { flex: 0 0 auto; width: 100%; }
    
    .new-wrapper .offset-sm-0 { margin-left: 0; }
    .new-wrapper .offset-sm-1 { margin-left: 8.3333333333%; }
    .new-wrapper .offset-sm-2 { margin-left: 16.6666666667%; }
    .new-wrapper .offset-sm-3 { margin-left: 25%; }
    .new-wrapper .offset-sm-4 { margin-left: 33.3333333333%; }
    .new-wrapper .offset-sm-5 { margin-left: 41.6666666667%; }
    .new-wrapper .offset-sm-6 { margin-left: 50%; }
    .new-wrapper .offset-sm-7 { margin-left: 58.3333333333%; }
    .new-wrapper .offset-sm-8 { margin-left: 66.6666666667%; }
    .new-wrapper .offset-sm-9 { margin-left: 75%; }
    .new-wrapper .offset-sm-10 { margin-left: 83.3333333333%; }
    .new-wrapper .offset-sm-11 { margin-left: 91.6666666667%; }
    
    .new-wrapper .g-sm-0, .new-wrapper .gx-sm-0 { --bs-gutter-x: 0; }
    .new-wrapper .g-sm-0, .new-wrapper .gy-sm-0 { --bs-gutter-y: 0; }
    .new-wrapper .g-sm-1, .new-wrapper .gx-sm-1 { --bs-gutter-x: 0.25rem; }
    .new-wrapper .g-sm-1, .new-wrapper .gy-sm-1 { --bs-gutter-y: 0.25rem; }
    .new-wrapper .g-sm-2, .new-wrapper .gx-sm-2 { --bs-gutter-x: 0.5rem; }
    .new-wrapper .g-sm-2, .new-wrapper .gy-sm-2 { --bs-gutter-y: 0.5rem; }
    .new-wrapper .g-sm-3, .new-wrapper .gx-sm-3 { --bs-gutter-x: 1rem; }
    .new-wrapper .g-sm-3, .new-wrapper .gy-sm-3 { --bs-gutter-y: 1rem; }
    .new-wrapper .g-sm-4, .new-wrapper .gx-sm-4 { --bs-gutter-x: 1.5rem; }
    .new-wrapper .g-sm-4, .new-wrapper .gy-sm-4 { --bs-gutter-y: 1.5rem; }
    .new-wrapper .g-sm-5, .new-wrapper .gx-sm-5 { --bs-gutter-x: 3rem; }
    .new-wrapper .g-sm-5, .new-wrapper .gy-sm-5 { --bs-gutter-y: 3rem; }
    .new-wrapper .g-sm-6, .new-wrapper .gx-sm-6 { --bs-gutter-x: 4rem; }
    .new-wrapper .g-sm-6, .new-wrapper .gy-sm-6 { --bs-gutter-y: 4rem; }
}

/* MD Breakpoint (768px+) - COMPLETE */
@media (min-width: 768px) {
    .new-wrapper .col-md { flex: 1 0 0%; }
    .new-wrapper .row-cols-md-auto > * { flex: 0 0 auto; width: auto; }
    .new-wrapper .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; }
    .new-wrapper .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; }
    .new-wrapper .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; }
    .new-wrapper .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; }
    .new-wrapper .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
    
    .new-wrapper .col-md-auto { flex: 0 0 auto; width: auto; }
    .new-wrapper .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; }
    .new-wrapper .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; }
    .new-wrapper .col-md-3 { flex: 0 0 auto; width: 25%; }
    .new-wrapper .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; }
    .new-wrapper .col-md-6 { flex: 0 0 auto; width: 50%; }
    .new-wrapper .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; }
    .new-wrapper .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; }
    .new-wrapper .col-md-9 { flex: 0 0 auto; width: 75%; }
    .new-wrapper .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; }
    .new-wrapper .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; }
    .new-wrapper .col-md-12 { flex: 0 0 auto; width: 100%; }
    
    .new-wrapper .offset-md-0 { margin-left: 0; }
    .new-wrapper .offset-md-1 { margin-left: 8.3333333333%; }
    .new-wrapper .offset-md-2 { margin-left: 16.6666666667%; }
    .new-wrapper .offset-md-3 { margin-left: 25%; }
    .new-wrapper .offset-md-4 { margin-left: 33.3333333333%; }
    .new-wrapper .offset-md-5 { margin-left: 41.6666666667%; }
    .new-wrapper .offset-md-6 { margin-left: 50%; }
    .new-wrapper .offset-md-7 { margin-left: 58.3333333333%; }
    .new-wrapper .offset-md-8 { margin-left: 66.6666666667%; }
    .new-wrapper .offset-md-9 { margin-left: 75%; }
    .new-wrapper .offset-md-10 { margin-left: 83.3333333333%; }
    .new-wrapper .offset-md-11 { margin-left: 91.6666666667%; }
    
    .new-wrapper .g-md-0, .new-wrapper .gx-md-0 { --bs-gutter-x: 0; }
    .new-wrapper .g-md-0, .new-wrapper .gy-md-0 { --bs-gutter-y: 0; }
    .new-wrapper .g-md-1, .new-wrapper .gx-md-1 { --bs-gutter-x: 0.25rem; }
    .new-wrapper .g-md-1, .new-wrapper .gy-md-1 { --bs-gutter-y: 0.25rem; }
    .new-wrapper .g-md-2, .new-wrapper .gx-md-2 { --bs-gutter-x: 0.5rem; }
    .new-wrapper .g-md-2, .new-wrapper .gy-md-2 { --bs-gutter-y: 0.5rem; }
    .new-wrapper .g-md-3, .new-wrapper .gx-md-3 { --bs-gutter-x: 1rem; }
    .new-wrapper .g-md-3, .new-wrapper .gy-md-3 { --bs-gutter-y: 1rem; }
    .new-wrapper .g-md-4, .new-wrapper .gx-md-4 { --bs-gutter-x: 1.5rem; }
    .new-wrapper .g-md-4, .new-wrapper .gy-md-4 { --bs-gutter-y: 1.5rem; }
    .new-wrapper .g-md-5, .new-wrapper .gx-md-5 { --bs-gutter-x: 3rem; }
    .new-wrapper .g-md-5, .new-wrapper .gy-md-5 { --bs-gutter-y: 3rem; }
    .new-wrapper .g-md-6, .new-wrapper .gx-md-6 { --bs-gutter-x: 4rem; }
    .new-wrapper .g-md-6, .new-wrapper .gy-md-6 { --bs-gutter-y: 4rem; }
}

/* LG Breakpoint (992px+) - COMPLETE */
@media (min-width: 992px) {
    .new-wrapper .col-lg { flex: 1 0 0%; }
    .new-wrapper .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; }
    .new-wrapper .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; }
    .new-wrapper .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; }
    .new-wrapper .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; }
    .new-wrapper .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; }
    .new-wrapper .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
    
    .new-wrapper .col-lg-auto { flex: 0 0 auto; width: auto; }
    .new-wrapper .col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; }
    .new-wrapper .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%!important; }
    .new-wrapper .col-lg-3 { flex: 0 0 auto; width: 25%; }
    .new-wrapper .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; }
    .new-wrapper .col-lg-6 { flex: 0 0 auto; width: 50%; }
    .new-wrapper .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; }
    .new-wrapper .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; }
    .new-wrapper .col-lg-9 { flex: 0 0 auto; width: 75%; }
    .new-wrapper .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; }
    .new-wrapper .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; }
    .new-wrapper .col-lg-12 { flex: 0 0 auto; width: 100%; }
    
    .new-wrapper .offset-lg-0 { margin-left: 0; }
    .new-wrapper .offset-lg-1 { margin-left: 8.3333333333%; }
    .new-wrapper .offset-lg-2 { margin-left: 16.6666666667%; }
    .new-wrapper .offset-lg-3 { margin-left: 25%; }
    .new-wrapper .offset-lg-4 { margin-left: 33.3333333333%; }
    .new-wrapper .offset-lg-5 { margin-left: 41.6666666667%; }
    .new-wrapper .offset-lg-6 { margin-left: 50%; }
    .new-wrapper .offset-lg-7 { margin-left: 58.3333333333%; }
    .new-wrapper .offset-lg-8 { margin-left: 66.6666666667%; }
    .new-wrapper .offset-lg-9 { margin-left: 75%; }
    .new-wrapper .offset-lg-10 { margin-left: 83.3333333333%; }
    .new-wrapper .offset-lg-11 { margin-left: 91.6666666667%; }
    
    .new-wrapper .g-lg-0, .new-wrapper .gx-lg-0 { --bs-gutter-x: 0; }
    .new-wrapper .g-lg-0, .new-wrapper .gy-lg-0 { --bs-gutter-y: 0; }
    .new-wrapper .g-lg-1, .new-wrapper .gx-lg-1 { --bs-gutter-x: 0.25rem; }
    .new-wrapper .g-lg-1, .new-wrapper .gy-lg-1 { --bs-gutter-y: 0.25rem; }
    .new-wrapper .g-lg-2, .new-wrapper .gx-lg-2 { --bs-gutter-x: 0.5rem; }
    .new-wrapper .g-lg-2, .new-wrapper .gy-lg-2 { --bs-gutter-y: 0.5rem; }
    .new-wrapper .g-lg-3, .new-wrapper .gx-lg-3 { --bs-gutter-x: 1rem; }
    .new-wrapper .g-lg-3, .new-wrapper .gy-lg-3 { --bs-gutter-y: 1rem; }
    .new-wrapper .g-lg-4, .new-wrapper .gx-lg-4 { --bs-gutter-x: 1.5rem; }
    .new-wrapper .g-lg-4, .new-wrapper .gy-lg-4 { --bs-gutter-y: 1.5rem; }
    .new-wrapper .g-lg-5, .new-wrapper .gx-lg-5 { --bs-gutter-x: 3rem; }
    .new-wrapper .g-lg-5, .new-wrapper .gy-lg-5 { --bs-gutter-y: 3rem; }
    .new-wrapper .g-lg-6, .new-wrapper .gx-lg-6 { --bs-gutter-x: 4rem; }
    .new-wrapper .g-lg-6, .new-wrapper .gy-lg-6 { --bs-gutter-y: 4rem; }
}

/* XL Breakpoint (1200px+) - COMPLETE */
@media (min-width: 1200px) {
    .new-wrapper .col-xl { flex: 1 0 0%; }
    .new-wrapper .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; }
    .new-wrapper .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; }
    .new-wrapper .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; }
    .new-wrapper .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; }
    .new-wrapper .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; }
    .new-wrapper .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
    
    .new-wrapper .col-xl-auto { flex: 0 0 auto; width: auto; }
    .new-wrapper .col-xl-1 { flex: 0 0 auto; width: 8.3333333333%; }
    .new-wrapper .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; }
    .new-wrapper .col-xl-3 { flex: 0 0 auto; width: 25%; }
    .new-wrapper .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; }
    .new-wrapper .col-xl-6 { flex: 0 0 auto; width: 50%; }
    .new-wrapper .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; }
    .new-wrapper .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; }
    .new-wrapper .col-xl-9 { flex: 0 0 auto; width: 75%; }
    .new-wrapper .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; }
    .new-wrapper .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; }
    .new-wrapper .col-xl-12 { flex: 0 0 auto; width: 100%; }
    
    .new-wrapper .offset-xl-0 { margin-left: 0; }
    .new-wrapper .offset-xl-1 { margin-left: 8.3333333333%; }
    .new-wrapper .offset-xl-2 { margin-left: 16.6666666667%; }
    .new-wrapper .offset-xl-3 { margin-left: 25%; }
    .new-wrapper .offset-xl-4 { margin-left: 33.3333333333%; }
    .new-wrapper .offset-xl-5 { margin-left: 41.6666666667%; }
    .new-wrapper .offset-xl-6 { margin-left: 50%; }
    .new-wrapper .offset-xl-7 { margin-left: 58.3333333333%; }
    .new-wrapper .offset-xl-8 { margin-left: 66.6666666667%; }
    .new-wrapper .offset-xl-9 { margin-left: 75%; }
    .new-wrapper .offset-xl-10 { margin-left: 83.3333333333%; }
    .new-wrapper .offset-xl-11 { margin-left: 91.6666666667%; }
    
    .new-wrapper .g-xl-0, .new-wrapper .gx-xl-0 { --bs-gutter-x: 0; }
    .new-wrapper .g-xl-0, .new-wrapper .gy-xl-0 { --bs-gutter-y: 0; }
    .new-wrapper .g-xl-1, .new-wrapper .gx-xl-1 { --bs-gutter-x: 0.25rem; }
    .new-wrapper .g-xl-1, .new-wrapper .gy-xl-1 { --bs-gutter-y: 0.25rem; }
    .new-wrapper .g-xl-2, .new-wrapper .gx-xl-2 { --bs-gutter-x: 0.5rem; }
    .new-wrapper .g-xl-2, .new-wrapper .gy-xl-2 { --bs-gutter-y: 0.5rem; }
    .new-wrapper .g-xl-3, .new-wrapper .gx-xl-3 { --bs-gutter-x: 1rem; }
    .new-wrapper .g-xl-3, .new-wrapper .gy-xl-3 { --bs-gutter-y: 1rem; }
    .new-wrapper .g-xl-4, .new-wrapper .gx-xl-4 { --bs-gutter-x: 1.5rem; }
    .new-wrapper .g-xl-4, .new-wrapper .gy-xl-4 { --bs-gutter-y: 1.5rem; }
    .new-wrapper .g-xl-5, .new-wrapper .gx-xl-5 { --bs-gutter-x: 3rem; }
    .new-wrapper .g-xl-5, .new-wrapper .gy-xl-5 { --bs-gutter-y: 3rem; }
    .new-wrapper .g-xl-6, .new-wrapper .gx-xl-6 { --bs-gutter-x: 4rem; }
    .new-wrapper .g-xl-6, .new-wrapper .gy-xl-6 { --bs-gutter-y: 4rem; }
}

/* XXL Breakpoint (1400px+) - COMPLETE */
@media (min-width: 1400px) {
    .new-wrapper .col-xxl { flex: 1 0 0%; }
    .new-wrapper .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; }
    .new-wrapper .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
    .new-wrapper .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
    .new-wrapper .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
    .new-wrapper .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
    .new-wrapper .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
    
    .new-wrapper .col-xxl-auto { flex: 0 0 auto; width: auto; }
    .new-wrapper .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333%; }
    .new-wrapper .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; }
    .new-wrapper .col-xxl-3 { flex: 0 0 auto; width: 25%; }
    .new-wrapper .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; }
    .new-wrapper .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; }
    .new-wrapper .col-xxl-6 { flex: 0 0 auto; width: 50%; }
    .new-wrapper .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; }
    .new-wrapper .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; }
    .new-wrapper .col-xxl-9 { flex: 0 0 auto; width: 75%; }
    .new-wrapper .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; }
    .new-wrapper .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; }
    .new-wrapper .col-xxl-12 { flex: 0 0 auto; width: 100%; }
    
    .new-wrapper .offset-xxl-0 { margin-left: 0; }
    .new-wrapper .offset-xxl-1 { margin-left: 8.3333333333%; }
    .new-wrapper .offset-xxl-2 { margin-left: 16.6666666667%; }
    .new-wrapper .offset-xxl-3 { margin-left: 25%; }
    .new-wrapper .offset-xxl-4 { margin-left: 33.3333333333%; }
    .new-wrapper .offset-xxl-5 { margin-left: 41.6666666667%; }
    .new-wrapper .offset-xxl-6 { margin-left: 50%; }
    .new-wrapper .offset-xxl-7 { margin-left: 58.3333333333%; }
    .new-wrapper .offset-xxl-8 { margin-left: 66.6666666667%; }
    .new-wrapper .offset-xxl-9 { margin-left: 75%; }
    .new-wrapper .offset-xxl-10 { margin-left: 83.3333333333%; }
    .new-wrapper .offset-xxl-11 { margin-left: 91.6666666667%; }
    
    .new-wrapper .g-xxl-0, .new-wrapper .gx-xxl-0 { --bs-gutter-x: 0; }
    .new-wrapper .g-xxl-0, .new-wrapper .gy-xxl-0 { --bs-gutter-y: 0; }
    .new-wrapper .g-xxl-1, .new-wrapper .gx-xxl-1 { --bs-gutter-x: 0.25rem; }
    .new-wrapper .g-xxl-1, .new-wrapper .gy-xxl-1 { --bs-gutter-y: 0.25rem; }
    .new-wrapper .g-xxl-2, .new-wrapper .gx-xxl-2 { --bs-gutter-x: 0.5rem; }
    .new-wrapper .g-xxl-2, .new-wrapper .gy-xxl-2 { --bs-gutter-y: 0.5rem; }
    .new-wrapper .g-xxl-3, .new-wrapper .gx-xxl-3 { --bs-gutter-x: 1rem; }
    .new-wrapper .g-xxl-3, .new-wrapper .gy-xxl-3 { --bs-gutter-y: 1rem; }
    .new-wrapper .g-xxl-4, .new-wrapper .gx-xxl-4 { --bs-gutter-x: 1.5rem; }
    .new-wrapper .g-xxl-4, .new-wrapper .gy-xxl-4 { --bs-gutter-y: 1.5rem; }
    .new-wrapper .g-xxl-5, .new-wrapper .gx-xxl-5 { --bs-gutter-x: 3rem; }
    .new-wrapper .g-xxl-5, .new-wrapper .gy-xxl-5 { --bs-gutter-y: 3rem; }
    .new-wrapper .g-xxl-6, .new-wrapper .gx-xxl-6 { --bs-gutter-x: 4rem; }
    .new-wrapper .g-xxl-6, .new-wrapper .gy-xxl-6 { --bs-gutter-y: 4rem; }
}