/*Custom css rules for bootstrap so main package can be updated without custom changes being overridden*/




.container-xxxl,
.container-xxxxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1600px) {
    .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1520px;
    }
}

@media (min-width: 1920px) {
    .container-xxxxl, .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1820px;
    }
}


@media (min-width: 1600px) {
    .col-xxxl {
        flex: 1 0 0%;
    }

    .row-cols-xxxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xxxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxxl-0 {
        margin-left: 0;
    }

    .offset-xxxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxxl-3 {
        margin-left: 25%;
    }

    .offset-xxxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxxl-6 {
        margin-left: 50%;
    }

    .offset-xxxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxxl-9 {
        margin-left: 75%;
    }

    .offset-xxxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxxl-11 {
        margin-left: 91.66666667%;
    }

    .g-xxxl-0,
    .gx-xxxl-0 {
        --bs-gutter-x: 0;
    }

    .g-xxxl-0,
    .gy-xxxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxxl-1,
    .gx-xxxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxxl-1,
    .gy-xxxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxxl-2,
    .gx-xxxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxxl-2,
    .gy-xxxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxxl-3,
    .gx-xxxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxxl-3,
    .gy-xxxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxxl-4,
    .gx-xxxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxxl-4,
    .gy-xxxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxxl-5,
    .gx-xxxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxxl-5,
    .gy-xxxl-5 {
        --bs-gutter-y: 3rem;
    }
}


@media (min-width: 1600px) {
    .col-xxxxl {
        flex: 1 0 0%;
    }

    .row-cols-xxxxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxxxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxxxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxxxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xxxxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxxxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxxxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xxxxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxxxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxxxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxxxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxxxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxxxl-0 {
        margin-left: 0;
    }

    .offset-xxxxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxxxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxxxl-3 {
        margin-left: 25%;
    }

    .offset-xxxxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxxxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxxxl-6 {
        margin-left: 50%;
    }

    .offset-xxxxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxxxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxxxl-9 {
        margin-left: 75%;
    }

    .offset-xxxxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxxxl-11 {
        margin-left: 91.66666667%;
    }

    .g-xxxxl-0,
    .gx-xxxxl-0 {
        --bs-gutter-x: 0;
    }

    .g-xxxxl-0,
    .gy-xxxxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxxxl-1,
    .gx-xxxxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxxxl-1,
    .gy-xxxxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxxxl-2,
    .gx-xxxxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxxxl-2,
    .gy-xxxxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxxxl-3,
    .gx-xxxxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxxxl-3,
    .gy-xxxxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxxxl-4,
    .gx-xxxxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxxxl-4,
    .gy-xxxxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxxxl-5,
    .gx-xxxxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxxxl-5,
    .gy-xxxxl-5 {
        --bs-gutter-y: 3rem;
    }
}