/* rel 360 */
.container {
    box-sizing: border-box;
    width: 100%; /* 360px */
    padding-left: 5.55555556%; /* gap = 20px */
    /*padding-top: 2%; !* gap/2 *!*/
    /*padding-bottom: 2%; !* gap/2 *!*/
    padding-right: 5.55555556%; /* gap */
    margin-left: 0;
    margin-right: 0;
}

@media screen and (min-width: 520px) {
    .container {
        width: 500px;
        padding-left: 20px; /* gap */
        /*padding-top: 10px; !* gap/2 *!*/
        /*padding-bottom: 10px; !* gap/2 *!*/
        padding-right: 20px; /* gap */
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 1200px) {
    .container {
        width: 1160px; /*1080 + 40+40*/
        padding-left: 40px;
        /*padding-top: 20px;*/
        /*padding-bottom: 20px;*/
        padding-right: 40px;
    }
}
@media screen and (min-width: 1860px) {
    .container {
        width: 1860px; /* 1740 + 60+60*/
        padding-left: 60px;
        /*padding-top: 30px;*/
        /*padding-bottom: 30px;*/
        padding-right: 60px;
    }
}

.row {
    /*margin-left: -8px;*/
    margin-left: -2.5%;
    /*margin-right: -8px;*/
    margin-right: -2.5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
@media screen and (min-width: 520px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
}
@media screen and (min-width: 1200px) {
    .row {
        margin-left: -20px;
        margin-right: -20px;
    }
}
@media screen and (min-width: 1860px) {
    .row {
        margin-left: -30px;
        margin-right: -30px;
    }
}



.col, .col-xs, .col-1, .col-xs-1,
.col-2, .col-xs-2,
.col-3, .col-xs-3,
.col-4, .col-xs-4,
.col-5, .col-xs-5,
.col-6, .col-xs-6 {
    /*min-height: 200px;*/
    flex: 0 0 auto;
    margin: 2.5%/*8px*/;
}

.col, .col-xs { flex: 1 0 0%; }

.col-1, .col-xs-1 { width: 11.66666666666666%/*40px*/; }
.col-2, .col-xs-2 { width: 28.33333333333333%/*26.66666666666667%/*96px*/; }
.col-3, .col-xs-3 { width: 45%/*42.22222222222222%/*152px*/; }
.col-4, .col-xs-4 { width: 61.66666666666666%/*208px*/; }
.col-5, .col-xs-5 { width: 78.33%/*264px*/; }
.col-6, .col-xs-6 { width: 95%/*88.88888888888889%/*320px*/; }
.col-7, .col-8, .col-9, .col-10,
.col-11, .col-12, .col-13, .col-14,
.col-15, .col-16, .col-17, .col-18 {
    width: 95%;
}

.offset-1, .offset-xs-1 { margin-left: 19.11111111111111%; }
.offset-2, .offset-xs-2 { margin-left: 35.83333333333333%; }
.offset-3, .offset-xs-3 { margin-left: 52.5%; }
.offset-4, .offset-xs-4 { margin-left: 69.11111111111111%; }
.offset-5, .offset-xs-5 { margin-left: 85.83333333333333%; }
.offset-6, .offset-7, .offset-8, .offset-9, .offset-10,
.offset-11, .offset-12, .offset-13, .offset-14,
.offset-15, .offset-16, .offset-17, .offset-18 {
    margin-left: 95%;
}

.g-0, .gx-0, .g-xs-0, .gx-xs-0 { --bs-gutter-x: 0; }
.g-0, .gy-0, .g-xs-0, .gy-xs-0 { --bs-gutter-y: 0; }
.g-1, .gx-1, .g-xs-1, .gx-xs-1 { --bs-gutter-x: 0.25rem; }
.g-1, .gy-1, .g-xs-1, .gy-xs-1 { --bs-gutter-y: 0.25rem; }
.g-2, .gx-2, .g-xs-2, .gx-xs-2 { --bs-gutter-x: 0.5rem; }
.g-2, .gy-2, .g-xs-2, .gy-xs-2 { --bs-gutter-y: 0.5rem; }
.g-3, .gx-3, .g-xs-3, .gx-xs-3 { --bs-gutter-x: 1rem; }
.g-3, .gy-3, .g-xs-3, .gy-xs-3 { --bs-gutter-y: 1rem; }
.g-4, .gx-4, .g-xs-4, .gx-xs-4 { --bs-gutter-x: 1.5rem; }
.g-4, .gy-4, .g-xs-4, .gy-xs-4 { --bs-gutter-y: 1.5rem; }
.g-5, .gx-5, .g-xs-5, .gx-xs-5 { --bs-gutter-x: 3rem; }
.g-5, .gy-5, .g-xs-5, .gy-xs-5 { --bs-gutter-y: 3rem; }



.flex-fill, .flex-xs-fill { flex: 1 1 auto !important; }
.flex-row, .flex-xs-row { flex-direction: row !important; }
.flex-column, .flex-xs-column { flex-direction: column !important; }
.flex-row-reverse, .flex-xs-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse, .flex-xs-column-reverse { flex-direction: column-reverse !important; }
.flex-grow-0, .flex-xs-grow-0 { flex-grow: 0 !important; }
.flex-grow-1, .flex-xs-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0, .flex-xs-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1, .flex-xs-shrink-1 { flex-shrink: 1 !important; }
.flex-wrap, .flex-xs-wrap { flex-wrap: wrap !important; }
.flex-nowrap, .flex-xs-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse, .flex-xs-wrap-reverse { flex-wrap: wrap-reverse !important; }
.justify-content-start, .justify-content-xs-start { justify-content: flex-start !important; }
.justify-content-end, .justify-content-xs-end { justify-content: flex-end !important; }
.justify-content-center, .justify-content-xs-center { justify-content: center !important; }
.justify-content-between, .justify-content-xs-between { justify-content: space-between !important; }
.justify-content-around, .justify-content-xs-around { justify-content: space-around !important; }
.justify-content-evenly, .justify-content-xs-evenly { justify-content: space-evenly !important; }
.align-items-start, .align-items-xs-start { align-items: flex-start !important; }
.align-items-end, .align-items-xs-end { align-items: flex-end !important; }
.align-items-center, .align-items-xs-center { align-items: center !important; }
.align-items-baseline, .align-items-xs-baseline { align-items: baseline !important; }
.align-items-stretch, .align-items-xs-stretch { align-items: stretch !important; }
.align-content-start, .align-content-xs-start { align-content: flex-start !important; }
.align-content-end, .align-content-xs-end { align-content: flex-end !important; }
.align-content-center, .align-content-xs-center { align-content: center !important; }
.align-content-between, .align-content-xs-between { align-content: space-between !important; }
.align-content-around, .align-content-xs-around { align-content: space-around !important; }
.align-content-stretch, .align-content-xs-stretch { align-content: stretch !important; }
.align-self-auto, .align-self-xs-auto { align-self: auto !important; }
.align-self-start, .align-self-xs-start { align-self: flex-start !important; }
.align-self-end, .align-self-xs-end { align-self: flex-end !important; }
.align-self-center, .align-self-xs-center { align-self: center !important; }
.align-self-baseline, .align-self-xs-baseline { align-self: baseline !important; }
.align-self-stretch, .align-self-xs-stretch { align-self: stretch !important; }
.order-first, .order-xs-first { order: -1 !important; }
.order-0, .order-xs-0 { order: 0 !important; }
.order-1, .order-xs-1 { order: 1 !important; }
.order-2, .order-xs-2 { order: 2 !important; }
.order-3, .order-xs-3 { order: 3 !important; }
.order-4, .order-xs-4 { order: 4 !important; }
.order-5, .order-xs-5 { order: 5 !important;}
.order-last, .order-xs-last { order: 6 !important; }



@media screen and (min-width: 520px) {
    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col, .col-sm, .col-1, .col-sm-1,
    .col-2, .col-sm-2,
    .col-3, .col-sm-3,
    .col-4, .col-sm-4,
    .col-5, .col-sm-5,
    .col-6, .col-sm-6 {
        /*min-height: 200px;*/
        flex: 0 0 auto;
        margin: 10px;
    }

    .col, .col-1, .col-sm-1 { width: 60px; }
    .col-2, .col-sm-2 { width: 140px; }
    .col-3, .col-sm-3 { width: 220px; }
    .col-4, .col-sm-4 { width: 300px; }
    .col-5, .col-sm-5 { width: 380px; }
    .col-6, .col-sm-6 { width: 460px; }
    .col-7, .col-8, .col-9, .col-10,
    .col-11, .col-12, .col-13, .col-14,
    .col-15, .col-16, .col-17, .col-18 {
        width: 460px;
    }

    .col-sm { flex: 1 0 0%; }

    .offset-1, .offset-sm-1 { margin-left: 90px; }
    .offset-2, .offset-sm-2 { margin-left: 150px; }
    .offset-3, .offset-sm-3 { margin-left: 230px; }
    .offset-4, .offset-sm-4 { margin-left: 310px; }
    .offset-5, .offset-sm-5 { margin-left: 390px; }
    .offset-6, .offset-7, .offset-8, .offset-9, .offset-10,
    .offset-11, .offset-12, .offset-13, .offset-14,
    .offset-15, .offset-16, .offset-17, .offset-18 {
        margin-left: 470px;
    }

    .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; }
    .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; }
    .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; }
    .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; }
    .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; }
    .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; }
    .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; }
    .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; }
    .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; }
    .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; }
    .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; }
    .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; }

    .flex-sm-fill { flex: 1 1 auto !important; }
    .flex-sm-row { flex-direction: row !important; }
    .flex-sm-column { flex-direction: column !important; }
    .flex-sm-row-reverse { flex-direction: row-reverse !important; }
    .flex-sm-column-reverse { flex-direction: column-reverse !important; }
    .flex-sm-grow-0 { flex-grow: 0 !important; }
    .flex-sm-grow-1 { flex-grow: 1 !important; }
    .flex-sm-shrink-0 { flex-shrink: 0 !important; }
    .flex-sm-shrink-1 { flex-shrink: 1 !important; }
    .flex-sm-wrap { flex-wrap: wrap !important; }
    .flex-sm-nowrap { flex-wrap: nowrap !important; }
    .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
    .justify-content-sm-start { justify-content: flex-start !important; }
    .justify-content-sm-end { justify-content: flex-end !important; }
    .justify-content-sm-center { justify-content: center !important; }
    .justify-content-sm-between { justify-content: space-between !important; }
    .justify-content-sm-around { justify-content: space-around !important; }
    .justify-content-sm-evenly { justify-content: space-evenly !important; }
    .align-items-sm-start { align-items: flex-start !important; }
    .align-items-sm-end { align-items: flex-end !important; }
    .align-items-sm-center { align-items: center !important; }
    .align-items-sm-baseline { align-items: baseline !important; }
    .align-items-sm-stretch { align-items: stretch !important; }
    .align-content-sm-start { align-content: flex-start !important; }
    .align-content-sm-end { align-content: flex-end !important; }
    .align-content-sm-center { align-content: center !important; }
    .align-content-sm-between { align-content: space-between !important; }
    .align-content-sm-around { align-content: space-around !important; }
    .align-content-sm-stretch { align-content: stretch !important; }
    .align-self-sm-auto { align-self: auto !important; }
    .align-self-sm-start { align-self: flex-start !important; }
    .align-self-sm-end { align-self: flex-end !important; }
    .align-self-sm-center { align-self: center !important; }
    .align-self-sm-baseline { align-self: baseline !important; }
    .align-self-sm-stretch { align-self: stretch !important; }
    .order-sm-first { order: -1 !important; }
    .order-sm-0 { order: 0 !important; }
    .order-sm-1 { order: 1 !important; }
    .order-sm-2 { order: 2 !important; }
    .order-sm-3 { order: 3 !important; }
    .order-sm-4 { order: 4 !important; }
    .order-sm-5 { order: 5 !important; }
    .order-sm-last { order: 6 !important;}
}
@media screen and (min-width: 1200px) {
    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col, .col-md, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
    .col-13, .col-14, .col-15, .col-16, .col-17, .col-18,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4,
    .col-md-5, .col-md-6, .col-md-7, .col-md-8,
    .col-md-9, .col-md-10, .col-md-11, .col-md-12,
    .col-md-13, .col-md-14, .col-md-15, .col-md-16,
    .col-md-17, .col-md-18 {
        margin: 20px;
    }

    .col-md { flex: 1 0 0%; }

    .col, .col-1, .col-md-1 { width: 40px; }
    .col-2, .col-md-2 { width: 120px; }
    .col-3, .col-md-3 { width: 200px; }
    .col-4, .col-md-4 { width: 280px; }
    .col-5, .col-md-5 { width: 360px; }
    .col-6, .col-md-6 { width: 440px; }
    .col-7, .col-md-7 { width: 520px; }
    .col-8, .col-md-8 { width: 600px; }
    .col-9, .col-md-9 { width: 680px; }
    .col-10, .col-md-10 { width: 760px; }
    .col-11, .col-md-11 { width: 840px; }
    .col-12, .col-md-12 { width: 920px; }
    .col-13, .col-md-13 { width: 1000px; }
    .col-14, .col-md-14 { width: 1080px; }

    .offset-1, .offset-md-1 { margin-left: 100px; }
    .offset-2, .offset-md-2 { margin-left: 180px; }
    .offset-3, .offset-md-3 { margin-left: 260px; }
    .offset-4, .offset-md-4 { margin-left: 340px; }
    .offset-5, .offset-md-5 { margin-left: 420px; }
    .offset-6, .offset-md-6 { margin-left: 500px; }
    .offset-7, .offset-md-7 { margin-left: 580px; }
    .offset-8, .offset-md-8 { margin-left: 660px; }
    .offset-9, .offset-md-9 { margin-left: 740px; }
    .offset-10, .offset-md-10 { margin-left: 820px; }
    .offset-11, .offset-md-11 { margin-left: 900px; }
    .offset-12, .offset-md-12 { margin-left: 980px; }
    .offset-13, .offset-md-13 { margin-left: 1060px; }

    .g-md-0, .gx-md-0 { --bs-gutter-x: 0; }
    .g-md-0, .gy-md-0 { --bs-gutter-y: 0; }
    .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; }
    .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; }
    .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; }
    .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; }
    .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; }
    .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; }
    .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; }
    .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; }
    .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; }
    .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; }

    .flex-md-fill { flex: 1 1 auto !important; }
    .flex-md-row { flex-direction: row !important; }
    .flex-md-column { flex-direction: column !important; }
    .flex-md-row-reverse { flex-direction: row-reverse !important; }
    .flex-md-column-reverse { flex-direction: column-reverse !important; }
    .flex-md-grow-0 { flex-grow: 0 !important; }
    .flex-md-grow-1 { flex-grow: 1 !important; }
    .flex-md-shrink-0 { flex-shrink: 0 !important; }
    .flex-md-shrink-1 { flex-shrink: 1 !important; }
    .flex-md-wrap { flex-wrap: wrap !important; }
    .flex-md-nowrap { flex-wrap: nowrap !important; }
    .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
    .justify-content-md-start { justify-content: flex-start !important; }
    .justify-content-md-end { justify-content: flex-end !important; }
    .justify-content-md-center { justify-content: center !important; }
    .justify-content-md-between { justify-content: space-between !important; }
    .justify-content-md-around { justify-content: space-around !important; }
    .justify-content-md-evenly { justify-content: space-evenly !important; }
    .align-items-md-start { align-items: flex-start !important; }
    .align-items-md-end { align-items: flex-end !important; }
    .align-items-md-center { align-items: center !important; }
    .align-items-md-baseline { align-items: baseline !important; }
    .align-items-md-stretch { align-items: stretch !important; }
    .align-content-md-start { align-content: flex-start !important; }
    .align-content-md-end { align-content: flex-end !important; }
    .align-content-md-center { align-content: center !important; }
    .align-content-md-between { align-content: space-between !important; }
    .align-content-md-around { align-content: space-around !important; }
    .align-content-md-stretch { align-content: stretch !important; }
    .align-self-md-auto { align-self: auto !important; }
    .align-self-md-start { align-self: flex-start !important; }
    .align-self-md-end { align-self: flex-end !important; }
    .align-self-md-center { align-self: center !important; }
    .align-self-md-baseline { align-self: baseline !important; }
    .align-self-md-stretch { align-self: stretch !important; }
    .order-md-first { order: -1 !important; }
    .order-md-0 { order: 0 !important; }
    .order-md-1 { order: 1 !important; }
    .order-md-2 { order: 2 !important; }
    .order-md-3 { order: 3 !important; }
    .order-md-4 { order: 4 !important; }
    .order-md-5 { order: 5 !important; }
    .order-md-last { order: 6 !important;}
}
@media screen and (min-width: 1860px) {


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

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

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

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

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

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

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

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

    .col, .col-xl, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
    .col-13, .col-14, .col-15, .col-16, .col-17, .col-18,
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4,
    .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8,
    .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
    .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16,
    .col-xl-17, .col-xl-18 {
        margin: 30px;
    }

    .col-xl { flex: 1 0 0%; }

    .col, .col-1, .col-xl-1 { width: 40px; }
    .col-2, .col-xl-2 { width: 140px; }
    .col-3, .col-xl-3 { width: 240px; }
    .col-4, .col-xl-4 { width: 340px; }
    .col-5, .col-xl-5 { width: 440px; }
    .col-6, .col-xl-6 { width: 540px; }
    .col-7, .col-xl-7 { width: 640px; }
    .col-8, .col-xl-8 { width: 740px; }
    .col-9, .col-xl-9 { width: 840px; }
    .col-10, .col-xl-10 { width: 940px; }
    .col-11, .col-xl-11 { width: 1040px; }
    .col-12, .col-xl-12 { width: 1140px; }
    .col-13, .col-xl-13 { width: 1240px; }
    .col-14, .col-xl-14 { width: 1340px; }
    .col-15, .col-xl-15 { width: 1440px; }
    .col-16, .col-xl-16 { width: 1540px; }
    .col-17, .col-xl-17 { width: 1640px; }
    .col-18, .col-xl-18 { width: 1740px; }

    .offset-1, .offset-xl-1 { margin-left: 130px; }
    .offset-2, .offset-xl-2 { margin-left: 230px; }
    .offset-3, .offset-xl-3 { margin-left: 330px; }
    .offset-4, .offset-xl-4 { margin-left: 430px; }
    .offset-5, .offset-xl-5 { margin-left: 530px; }
    .offset-6, .offset-xl-6 { margin-left: 630px; }
    .offset-7, .offset-xl-7 { margin-left: 730px; }
    .offset-8, .offset-xl-8 { margin-left: 830px; }
    .offset-9, .offset-xl-9 { margin-left: 930px; }
    .offset-10, .offset-xl-10 { margin-left: 1030px; }
    .offset-11, .offset-xl-11 { margin-left: 1130px; }
    .offset-12, .offset-xl-12 { margin-left: 1230px; }
    .offset-13, .offset-xl-13 { margin-left: 1330px; }
    .offset-14, .offset-xl-14 { margin-left: 1430px; }
    .offset-15, .offset-xl-15 { margin-left: 1530px; }
    .offset-16, .offset-xl-16 { margin-left: 1630px; }
    .offset-17, .offset-xl-17 { margin-left: 1730px; }

    .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; }
    .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; }
    .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; }
    .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; }
    .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; }
    .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; }
    .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; }
    .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; }
    .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; }
    .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; }
    .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; }
    .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; }

    .flex-xl-fill { flex: 1 1 auto !important; }
    .flex-xl-row { flex-direction: row !important; }
    .flex-xl-column { flex-direction: column !important; }
    .flex-xl-row-reverse { flex-direction: row-reverse !important; }
    .flex-xl-column-reverse { flex-direction: column-reverse !important; }
    .flex-xl-grow-0 { flex-grow: 0 !important; }
    .flex-xl-grow-1 { flex-grow: 1 !important; }
    .flex-xl-shrink-0 { flex-shrink: 0 !important; }
    .flex-xl-shrink-1 { flex-shrink: 1 !important; }
    .flex-xl-wrap { flex-wrap: wrap !important; }
    .flex-xl-nowrap { flex-wrap: nowrap !important; }
    .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
    .justify-content-xl-start { justify-content: flex-start !important; }
    .justify-content-xl-end { justify-content: flex-end !important; }
    .justify-content-xl-center { justify-content: center !important; }
    .justify-content-xl-between { justify-content: space-between !important; }
    .justify-content-xl-around { justify-content: space-around !important; }
    .justify-content-xl-evenly { justify-content: space-evenly !important; }
    .align-items-xl-start { align-items: flex-start !important; }
    .align-items-xl-end { align-items: flex-end !important; }
    .align-items-xl-center { align-items: center !important; }
    .align-items-xl-baseline { align-items: baseline !important; }
    .align-items-xl-stretch { align-items: stretch !important; }
    .align-content-xl-start { align-content: flex-start !important; }
    .align-content-xl-end { align-content: flex-end !important; }
    .align-content-xl-center { align-content: center !important; }
    .align-content-xl-between { align-content: space-between !important; }
    .align-content-xl-around { align-content: space-around !important; }
    .align-content-xl-stretch { align-content: stretch !important; }
    .align-self-xl-auto { align-self: auto !important; }
    .align-self-xl-start { align-self: flex-start !important; }
    .align-self-xl-end { align-self: flex-end !important; }
    .align-self-xl-center { align-self: center !important; }
    .align-self-xl-baseline { align-self: baseline !important; }
    .align-self-xl-stretch { align-self: stretch !important; }
    .order-xl-first { order: -1 !important; }
    .order-xl-0 { order: 0 !important; }
    .order-xl-1 { order: 1 !important; }
    .order-xl-2 { order: 2 !important; }
    .order-xl-3 { order: 3 !important; }
    .order-xl-4 { order: 4 !important; }
    .order-xl-5 { order: 5 !important; }
    .order-xl-last { order: 6 !important; }
}

.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-grid { display: grid !important; }
.d-inline-grid { display: inline-grid !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.d-none { display: none !important; }

@media (min-width: 0) and (max-width: 519px)  {
    .d-xs-inline { display: inline !important; }
    .d-xs-inline-block { display: inline-block !important; }
    .d-xs-block { display: block !important; }
    .d-xs-grid { display: grid !important; }
    .d-xs-inline-grid { display: inline-grid !important; }
    .d-xs-table { display: table !important; }
    .d-xs-table-row { display: table-row !important; }
    .d-xs-table-cell { display: table-cell !important; }
    .d-xs-flex { display: flex !important; }
    .d-xs-inline-flex { display: inline-flex !important; }
    .d-xs-none { display: none !important; }
}
@media (min-width: 520px) and (max-width: 1199px) {
    .d-sm-inline { display: inline !important; }
    .d-sm-inline-block { display: inline-block !important; }
    .d-sm-block { display: block !important; }
    .d-sm-grid { display: grid !important; }
    .d-sm-inline-grid { display: inline-grid !important; }
    .d-sm-table { display: table !important; }
    .d-sm-table-row { display: table-row !important; }
    .d-sm-table-cell { display: table-cell !important; }
    .d-sm-flex { display: flex !important; }
    .d-sm-inline-flex { display: inline-flex !important; }
    .d-sm-none { display: none !important; }
}
@media (min-width: 1200px) and (max-width: 1859px) {
    .d-md-inline { display: inline !important; }
    .d-md-inline-block { display: inline-block !important; }
    .d-md-block { display: block !important; }
    .d-md-grid { display: grid !important; }
    .d-md-inline-grid { display: inline-grid !important; }
    .d-md-table { display: table !important; }
    .d-md-table-row { display: table-row !important; }
    .d-md-table-cell { display: table-cell !important; }
    .d-md-flex { display: flex !important; }
    .d-md-inline-flex { display: inline-flex !important; }
    .d-md-none { display: none !important; }
}
@media (min-width: 1860px) {
    .d-xl-inline { display: inline !important; }
    .d-xl-inline-block { display: inline-block !important; }
    .d-xl-block { display: block !important; }
    .d-xl-grid { display: grid !important; }
    .d-xl-inline-grid { display: inline-grid !important; }
    .d-xl-table { display: table !important; }
    .d-xl-table-row { display: table-row !important; }
    .d-xl-table-cell { display: table-cell !important; }
    .d-xl-flex { display: flex !important; }
    .d-xl-inline-flex { display: inline-flex !important; }
    .d-xl-none { display: none !important; }
}