/* border top */

.border-top {
    border-top: 0.5px solid #000000;
}

/* border bottom */

.border-bottom {
    border-bottom: 0.5px solid #000000;
}

/* width auto */
.w-auto {
    width: auto !important;
}

/* width 100% */
.w-100 {
    width: 100% !important;
}

/* width 50% */

.w-50 {
    width: 50% !important;
}

/* width 25% */

.w-25 {
    width: 25% !important;
}

/* width 16% */

.w-16 {
    width: calc(100% / 6) !important;
}

/* max-height none */

.mh-none {
    max-height: none !important;
}

/* pointer events none */

.pointer-events-none {
    pointer-events: none;
}

/* cursor pointer */

.cursor-pointer {
    cursor: pointer;
}

/* overflow x scroll */

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-x-scroll::-webkit-scrollbar {
    display: none;
}

/* display none */
.d-none {
    display: none;
}

/* visibility visible */
.visible {
    visibility: visible;
}

/* visibility hidden */
.invisible {
    visibility: hidden;
}

/* display content */

.d-contents {
    display: contents;
}

/* display flex */

.d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex;
}

.flex-column {
    flex-direction: column;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.align-items-center {
    align-items: center;
}

.grow {
    flex-grow: 1;
}

.wrap {
    flex-wrap: wrap;
}

/* display block */

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

/* position absolute */

.p-absolute {
    position: absolute;
}

/* bottom 0 */

.bottom-0 {
    bottom: 0;
}

/* gap 20px */

.gap-20px {
    gap: 20px;
    row-gap: 20px;
}

.gap-column-20px {
    column-gap: 20px;
}

.row-gap-20px {
    row-gap: 20px !important;
}

/* gap 10px */

.gap-10px {
    gap: 10px;
}

.gap-column-10px {
    column-gap: 10px;
}

/* gap 0 */

.gap-0 {
    gap: 0;
}

/* display contents */

.d-contents {
    display: contents;
}

/* Text align */
.text-center {
    text-align: center;
}

/* Text Decoration */
.text-decoration-none {
    text-decoration: none !important;
}

/* Text transform */

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize !important;
}

/* Center */

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-y {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-x {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*width 81% */

.w-81 {
    width: 81.5%;
}

/* max width 81% */

.max-81 {
    max-width: 81.5%;
}

/* max width 70% */

.max-70 {
    max-width: 70%;
}

/* only desktop */

.only-desktop {
    display: none;
}

/* margin top 56px */

.mt-56px {
    margin-top: 56px;
}

/* margin 0 */

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.ms-0 {
    margin-left: 0;
}

.me-0 {
    margin-right: 0;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

/* padding 0 */

.pt-0 {
    padding-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.ps-0 {
    padding-left: 0;
}

.pe-0 {
    padding-right: 0;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

/* margin 0.25rem */

.mt-1 {
    margin-top: 0.25rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.ms-1 {
    margin-left: 0.25rem;
}

.me-1 {
    margin-right: 0.25rem;
}

.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

/* padding 0.25rem */

.pt-1 {
    padding-top: 0.25rem;
}

.pb-1 {
    padding-bottom: 0.25rem;
}

.ps-1 {
    padding-left: 0.25rem;
}

.pe-1 {
    padding-right: 0.25rem;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

/* margin 0.5rem */

.mt-2 {
    margin-top: 0.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.ms-2 {
    margin-left: 0.5rem;
}

.me-2 {
    margin-right: 0.5rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* padding 0.5rem */

.pt-2 {
    padding-top: 0.5rem;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.ps-2 {
    padding-left: 0.5rem;
}

.pe-2 {
    padding-right: 0.5rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* margin 1rem */

.mt-3 {
    margin-top: 1rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.ms-3 {
    margin-left: 1rem;
}

.me-3 {
    margin-right: 1rem;
}

.mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* padding 1rem */

.pt-3 {
    padding-top: 1rem;
}

.pb-3 {
    padding-bottom: 1rem;
}

.ps-3 {
    padding-left: 1rem;
}

.pe-3 {
    padding-right: 1rem;
}

.px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* margin 1.5rem */

.mt-4 {
    margin-top: 1.5rem;
}

.mb-4 {
    margin-bottom: 1.5rem;
}

.ms-4 {
    margin-left: 1.5rem;
}

.me-4 {
    margin-right: 1.5rem;
}

.mx-4 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.my-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/* padding 1.5rem */

.pt-4 {
    padding-top: 1.5rem;
}

.pb-4 {
    padding-bottom: 1.5rem;
}

.ps-4 {
    padding-left: 1.5rem;
}

.pe-4 {
    padding-right: 1.5rem;
}

.px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* margin 3rem */

.mt-5 {
    margin-top: 3rem;
}

.mb-5 {
    margin-bottom: 3rem;
}

.ms-5 {
    margin-left: 3rem;
}

.me-5 {
    margin-right: 3rem;
}

.mx-5 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/* padding 3rem */

.pt-5 {
    padding-top: 3rem;
}

.pb-5 {
    padding-bottom: 3rem;
}

.ps-5 {
    padding-left: 3rem;
}

.pe-5 {
    padding-right: 3rem;
}

.px-5 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* margin 5px */

.mt-5px {
    margin-top: 5px;
}

.mb-5px {
    margin-bottom: 5px !important;
}

.ms-5px {
    margin-left: 5px;
}

.me-5px {
    margin-right: 5px;
}

.mx-5px {
    margin-left: 5px;
    margin-right: 5px;
}

.my-5px {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* padding 5px */

.pt-5px {
    padding-top: 5px;
}

.pb-5px {
    padding-bottom: 5px;
}

.ps-5px {
    padding-left: 5px;
}

.pe-5px {
    padding-right: 5px;
}

.px-5px {
    padding-left: 5px;
    padding-right: 5px;
}

.py-5px {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* margin 10px */

.mt-10px {
    margin-top: 10px;
}

.mb-10px {
    margin-bottom: 10px;
}

.ms-10px {
    margin-left: 10px;
}

.me-10px {
    margin-right: 10px;
}

.mx-10px {
    margin-left: 10px;
    margin-right: 10px;
}

.my-10px {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* padding 10px */

.pt-10px {
    padding-top: 10px;
}

.pb-10px {
    padding-bottom: 10px;
}

.ps-10px {
    padding-left: 10px;
}

.pe-10px {
    padding-right: 10px;
}

.px-10px {
    padding-left: 10px;
    padding-right: 10px;
}

.py-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* margin 20px */

.mt-20px {
    margin-top: 20px;
}

.mb-20px {
    margin-bottom: 20px;
}

.ms-20px {
    margin-left: 20px;
}

.me-20px {
    margin-right: 20px;
}

.mx-20px {
    margin-left: 20px;
    margin-right: 20px;
}

.my-20px {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* padding 20px */

.pt-20px {
    padding-top: 20px;
}

.pb-20px {
    padding-bottom: 20px;
}

.ps-20px {
    padding-left: 20px;
}

.pe-20px {
    padding-right: 20px;
}

.px-20px {
    padding-left: 20px;
    padding-right: 20px;
}

.py-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* margin 40px */

.mt-40px {
    margin-top: 40px;
}

.mb-40px {
    margin-bottom: 40px;
}

.ms-40px {
    margin-left: 40px;
}

.me-40px {
    margin-right: 40px;
}

.mx-40px {
    margin-left: 40px;
    margin-right: 40px;
}

.my-40px {
    margin-top: 40px;
    margin-bottom: 40px;
}

/* padding 40px */

.pt-40px {
    padding-top: 40px;
}

.pb-40px {
    padding-bottom: 40px;
}

.ps-40px {
    padding-left: 40px;
}

.pe-40px {
    padding-right: 40px;
}

.px-40px {
    padding-left: 40px;
    padding-right: 40px;
}

.py-40px {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* margin 60px */

.mt-60px {
    margin-top: 60px;
}

.mb-60px {
    margin-bottom: 60px;
}

.ms-60px {
    margin-left: 60px;
}

.me-60px {
    margin-right: 60px;
}

.mx-60px {
    margin-left: 60px;
    margin-right: 60px;
}

.my-60px {
    margin-top: 60px;
    margin-bottom: 60px;
}

/* padding 60px */

.pt-60px {
    padding-top: 60px;
}

.pb-60px {
    padding-bottom: 60px;
}

.ps-60px {
    padding-left: 60px;
}

.pe-60px {
    padding-right: 60px;
}

.px-60px {
    padding-left: 60px;
    padding-right: 60px;
}

.py-60px {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* margin 80px */

.mt-80px {
    margin-top: 80px;
}

.mb-80px {
    margin-bottom: 80px;
}

.ms-80px {
    margin-left: 80px;
}

.me-80px {
    margin-right: 80px;
}

.mx-80px {
    margin-left: 80px;
    margin-right: 80px;
}

.my-80px {
    margin-top: 80px;
    margin-bottom: 80px;
}

/* padding 80px */

.pt-80px {
    padding-top: 80px;
}

.pb-80px {
    padding-bottom: 80px;
}

.ps-80px {
    padding-left: 80px;
}

.pe-80px {
    padding-right: 80px;
}

.px-80px {
    padding-left: 80px;
    padding-right: 80px;
}

.py-80px {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* margin 120px */

.mt-120px {
    margin-top: 120px;
}

.mb-120px {
    margin-bottom: 120px;
}

.ms-120px {
    margin-left: 120px;
}

.me-120px {
    margin-right: 120px;
}

.mx-120px {
    margin-left: 120px;
    margin-right: 120px;
}

.my-120px {
    margin-top: 120px;
    margin-bottom: 120px;
}

/* padding 120px */

.pt-120px {
    padding-top: 120px;
}

.pb-120px {
    padding-bottom: 120px;
}

.ps-120px {
    padding-left: 120px;
}

.pe-120px {
    padding-right: 120px;
}

.px-120px {
    padding-left: 120px;
    padding-right: 120px;
}

.py-120px {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media screen and (min-width: 576px) {
    /* display none */
    .d-sm-none {
        display: none;
    }

    /* display flex */

    .d-sm-flex {
        display: flex;
    }

    .d-sm-inline-flex {
        display: inline-flex;
    }

    .justify-content-sm-center {
        justify-content: center;
    }

    .justify-content-sm-end {
        justify-content: end;
    }

    .justify-content-sm-between {
        justify-content: space-between;
    }

    .align-items-sm-center {
        align-items: center;
    }

    /* margin 0 */

    .mt-sm-0 {
        margin-top: 0;
    }

    .mb-sm-0 {
        margin-bottom: 0;
    }

    .ms-sm-0 {
        margin-left: 0;
    }

    .me-sm-0 {
        margin-right: 0;
    }

    .mx-sm-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    /* padding 0 */

    .pt-sm-0 {
        padding-top: 0;
    }

    .pb-sm-0 {
        padding-bottom: 0;
    }

    .ps-sm-0 {
        padding-left: 0;
    }

    .pe-sm-0 {
        padding-right: 0;
    }

    .px-sm-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* margin 0.25rem */

    .mt-sm-1 {
        margin-top: 0.25rem;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem;
    }

    .ms-sm-1 {
        margin-left: 0.25rem;
    }

    .me-sm-1 {
        margin-right: 0.25rem;
    }

    .mx-sm-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .my-sm-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    /* padding 0.25rem */

    .pt-sm-1 {
        padding-top: 0.25rem;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem;
    }

    .ps-sm-1 {
        padding-left: 0.25rem;
    }

    .pe-sm-1 {
        padding-right: 0.25rem;
    }

    .px-sm-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .py-sm-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    /* margin 0.5rem */

    .mt-sm-2 {
        margin-top: 0.5rem;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem;
    }

    .ms-sm-2 {
        margin-left: 0.5rem;
    }

    .me-sm-2 {
        margin-right: 0.5rem;
    }

    .mx-sm-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .my-sm-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    /* padding 0.5rem */

    .pt-sm-2 {
        padding-top: 0.5rem;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem;
    }

    .ps-sm-2 {
        padding-left: 0.5rem;
    }

    .pe-sm-2 {
        padding-right: 0.5rem;
    }

    .px-sm-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .py-sm-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    /* margin 1rem */

    .mt-sm-3 {
        margin-top: 1rem;
    }

    .mb-sm-3 {
        margin-bottom: 1rem;
    }

    .ms-sm-3 {
        margin-left: 1rem;
    }

    .me-sm-3 {
        margin-right: 1rem;
    }

    .mx-sm-3 {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .my-sm-3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    /* padding 1rem */

    .pt-sm-3 {
        padding-top: 1rem;
    }

    .pb-sm-3 {
        padding-bottom: 1rem;
    }

    .ps-sm-3 {
        padding-left: 1rem;
    }

    .pe-sm-3 {
        padding-right: 1rem;
    }

    .px-sm-3 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .py-sm-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    /* margin 1.5rem */

    .mt-sm-4 {
        margin-top: 1.5rem;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem;
    }

    .ms-sm-4 {
        margin-left: 1.5rem;
    }

    .me-sm-4 {
        margin-right: 1.5rem;
    }

    .mx-sm-4 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .my-sm-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    /* padding 1.5rem */

    .pt-sm-4 {
        padding-top: 1.5rem;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem;
    }

    .ps-sm-4 {
        padding-left: 1.5rem;
    }

    .pe-sm-4 {
        padding-right: 1.5rem;
    }

    .px-sm-4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .py-sm-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    /* margin 3rem */

    .mt-sm-5 {
        margin-top: 3rem;
    }

    .mb-sm-5 {
        margin-bottom: 3rem;
    }

    .ms-sm-5 {
        margin-left: 3rem;
    }

    .me-sm-5 {
        margin-right: 3rem;
    }

    .mx-sm-5 {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .my-sm-5 {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    /* padding 3rem */

    .pt-sm-5 {
        padding-top: 3rem;
    }

    .pb-sm-5 {
        padding-bottom: 3rem;
    }

    .ps-sm-5 {
        padding-left: 3rem;
    }

    .pe-sm-5 {
        padding-right: 3rem;
    }

    .px-sm-5 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .py-sm-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    /* margin 20px */

    .mt-sm-20px {
        margin-top: 20px;
    }

    .mb-sm-20px {
        margin-bottom: 20px;
    }

    .ms-sm-20px {
        margin-left: 20px;
    }

    .me-sm-20px {
        margin-right: 20px;
    }

    .mx-sm-20px {
        margin-left: 20px;
        margin-right: 20px;
    }

    .my-sm-20px {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* padding 20px */

    .pt-sm-20px {
        padding-top: 20px;
    }

    .pb-sm-20px {
        padding-bottom: 20px;
    }

    .ps-sm-20px {
        padding-left: 20px;
    }

    .pe-sm-20px {
        padding-right: 20px;
    }

    .px-sm-20px {
        padding-left: 20px;
        padding-right: 20px;
    }

    .py-sm-20px {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* margin 80px */

    .mt-sm-80px {
        margin-top: 80px;
    }

    .mb-sm-80px {
        margin-bottom: 80px;
    }

    .ms-sm-80px {
        margin-left: 80px;
    }

    .me-sm-80px {
        margin-right: 80px;
    }

    .mx-sm-80px {
        margin-left: 80px;
        margin-right: 80px;
    }

    .my-sm-80px {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    /* padding 80px */

    .pt-sm-80px {
        padding-top: 80px;
    }

    .pb-sm-80px {
        padding-bottom: 80px;
    }

    .ps-sm-80px {
        padding-left: 80px;
    }

    .pe-sm-80px {
        padding-right: 80px;
    }

    .px-sm-80px {
        padding-left: 80px;
        padding-right: 80px;
    }

    .py-sm-80px {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media screen and (min-width: 768px) {
    /* display none */
    .d-md-none {
        display: none;
    }

    /* only */

    .only-desktop {
        display: block;
    }

    .only-mobile {
        display: none;
    }

    /* display flex */

    .d-md-flex {
        display: flex;
    }

    .d-md-inline-flex {
        display: inline-flex;
    }

    .justify-content-md-center {
        justify-content: center;
    }

    .justify-content-md-end {
        justify-content: end;
    }

    .justify-content-md-between {
        justify-content: space-between;
    }

    .align-items-md-center {
        align-items: center;
    }

    /* margin 0 */

    .mt-md-0 {
        margin-top: 0;
    }

    .mb-md-0 {
        margin-bottom: 0;
    }

    .ms-md-0 {
        margin-left: 0;
    }

    .me-md-0 {
        margin-right: 0;
    }

    .mx-md-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    /* padding 0 */

    .pt-md-0 {
        padding-top: 0;
    }

    .pb-md-0 {
        padding-bottom: 0;
    }

    .ps-md-0 {
        padding-left: 0;
    }

    .pe-md-0 {
        padding-right: 0;
    }

    .px-md-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* margin 0.25rem */

    .mt-md-1 {
        margin-top: 0.25rem;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem;
    }

    .ms-md-1 {
        margin-left: 0.25rem;
    }

    .me-md-1 {
        margin-right: 0.25rem;
    }

    .mx-md-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .my-md-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    /* padding 0.25rem */

    .pt-md-1 {
        padding-top: 0.25rem;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem;
    }

    .ps-md-1 {
        padding-left: 0.25rem;
    }

    .pe-md-1 {
        padding-right: 0.25rem;
    }

    .px-md-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .py-md-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    /* margin 0.5rem */

    .mt-md-2 {
        margin-top: 0.5rem;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem;
    }

    .ms-md-2 {
        margin-left: 0.5rem;
    }

    .me-md-2 {
        margin-right: 0.5rem;
    }

    .mx-md-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .my-md-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    /* padding 0.5rem */

    .pt-md-2 {
        padding-top: 0.5rem;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem;
    }

    .ps-md-2 {
        padding-left: 0.5rem;
    }

    .pe-md-2 {
        padding-right: 0.5rem;
    }

    .px-md-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .py-md-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    /* margin 1rem */

    .mt-md-3 {
        margin-top: 1rem;
    }

    .mb-md-3 {
        margin-bottom: 1rem;
    }

    .ms-md-3 {
        margin-left: 1rem;
    }

    .me-md-3 {
        margin-right: 1rem;
    }

    .mx-md-3 {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .my-md-3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    /* padding 1rem */

    .pt-md-3 {
        padding-top: 1rem;
    }

    .pb-md-3 {
        padding-bottom: 1rem;
    }

    .ps-md-3 {
        padding-left: 1rem;
    }

    .pe-md-3 {
        padding-right: 1rem;
    }

    .px-md-3 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .py-md-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    /* margin 1.5rem */

    .mt-md-4 {
        margin-top: 1.5rem;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem;
    }

    .ms-md-4 {
        margin-left: 1.5rem;
    }

    .me-md-4 {
        margin-right: 1.5rem;
    }

    .mx-md-4 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .my-md-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    /* padding 1.5rem */

    .pt-md-4 {
        padding-top: 1.5rem;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem;
    }

    .ps-md-4 {
        padding-left: 1.5rem;
    }

    .pe-md-4 {
        padding-right: 1.5rem;
    }

    .px-md-4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .py-md-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    /* margin 3rem */

    .mt-md-5 {
        margin-top: 3rem;
    }

    .mb-md-5 {
        margin-bottom: 3rem;
    }

    .ms-md-5 {
        margin-left: 3rem;
    }

    .me-md-5 {
        margin-right: 3rem;
    }

    .mx-md-5 {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .my-md-5 {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    /* padding 3rem */

    .pt-md-5 {
        padding-top: 3rem;
    }

    .pb-md-5 {
        padding-bottom: 3rem;
    }

    .ps-md-5 {
        padding-left: 3rem;
    }

    .pe-md-5 {
        padding-right: 3rem;
    }

    .px-md-5 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .py-md-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    /* margin 20px */

    .mt-md-20px {
        margin-top: 20px;
    }

    .mb-md-20px {
        margin-bottom: 20px;
    }

    .ms-md-20px {
        margin-left: 20px;
    }

    .me-md-20px {
        margin-right: 20px;
    }

    .mx-md-20px {
        margin-left: 20px;
        margin-right: 20px;
    }

    .my-md-20px {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* padding 20px */

    .pt-md-20px {
        padding-top: 20px;
    }

    .pb-md-20px {
        padding-bottom: 20px;
    }

    .ps-md-20px {
        padding-left: 20px;
    }

    .pe-md-20px {
        padding-right: 20px;
    }

    .px-md-20px {
        padding-left: 20px;
        padding-right: 20px;
    }

    .py-md-20px {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* margin 80px */

    .mt-md-80px {
        margin-top: 80px;
    }

    .mb-md-80px {
        margin-bottom: 80px;
    }

    .ms-md-80px {
        margin-left: 80px;
    }

    .me-md-80px {
        margin-right: 80px;
    }

    .mx-md-80px {
        margin-left: 80px;
        margin-right: 80px;
    }

    .my-md-80px {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    /* padding 80px */

    .pt-md-80px {
        padding-top: 80px;
    }

    .pb-md-80px {
        padding-bottom: 80px;
    }

    .ps-md-80px {
        padding-left: 80px;
    }

    .pe-md-80px {
        padding-right: 80px;
    }

    .px-md-80px {
        padding-left: 80px;
        padding-right: 80px;
    }

    .py-md-80px {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media screen and (min-width: 992px) {
    /* border none */

    .border-bottom-lg-none {
        border-bottom: none;
    }

    .border-top-lg-none {
        border-top: none;
    }

    .nowrap-lg {
        flex-wrap: nowrap;
    }

    .wrap-lg {
        flex-wrap: wrap;
    }

    /* width 100% */
    .w-lg-auto {
        width: auto !important;
    }

    /* width 100% */
    .w-lg-100 {
        width: 100% !important;
    }

    /* width 50% */
    .w-lg-50 {
        width: 50% !important;
    }

    /* width 20% */

    .w-lg-20 {
        width: 20% !important;
    }

    /*width 81% */

    .w-lg-81 {
        width: 81.5%;
    }

    /* width 25% */

    .w-lg-25 {
        width: 25% !important;
    }

    /* width 75% */

    .w-lg-75 {
        width: 75% !important;
    }

    /* width 16% */

    .w-lg-16 {
        width: calc(100% / 6) !important;
    }

    /* width 20% */

    .w-lg-20 {
        width: 20% !important;
    }

    /* width 65% */

    .w-lg-65 {
        width: 64.9% !important;
    }

    /* max width 81% */

    .max-lg-81 {
        max-width: 81.5%;
    }

    /* max width 70% */

    .max-lg-70 {
        max-width: 70%;
    }

    /* display none */
    .d-lg-none {
        display: none;
    }

    /* text left */

    .text-lg-left {
        text-align: left;
    }

    /* display flex */

    .d-lg-flex {
        display: flex;
    }

    .d-lg-inline-flex {
        display: inline-flex;
    }

    .justify-content-lg-center {
        justify-content: center;
    }

    .justify-content-lg-end {
        justify-content: end;
    }

    .justify-content-lg-between {
        justify-content: space-between;
    }

    .justify-content-lg-around {
        justify-content: space-around;
    }

    .align-items-lg-center {
        align-items: center;
    }

    /* flex row */

    .flex-lg-row {
        flex-direction: row;
    }

    /* display block */

    .d-lg-block {
        display: block;
    }

    .d-lg-none {
        display: none;
    }

    /* gap 20px */

    .gap-lg-20px {
        gap: 20px;
    }

    .gap-column-lg-20px {
        column-gap: 20px;
    }

    /* gap 0 */

    .gap-lg-0 {
        gap: 0;
    }

    /* margin auto */

    .m-lg-auto {
        margin: auto;
    }

    /* margin 0 */

    .mt-lg-0 {
        margin-top: 0;
    }

    .mb-lg-0 {
        margin-bottom: 0;
    }

    .ms-lg-0 {
        margin-left: 0;
    }

    .me-lg-0 {
        margin-right: 0;
    }

    .mx-lg-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .my-lg-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    /* padding 0 */

    .pt-lg-0 {
        padding-top: 0;
    }

    .pb-lg-0 {
        padding-bottom: 0;
    }

    .ps-lg-0 {
        padding-left: 0;
    }

    .pe-lg-0 {
        padding-right: 0;
    }

    .px-lg-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .py-lg-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* margin 5px */

    .mt-lg-5px {
        margin-top: 5px;
    }

    .mb-lg-5px {
        margin-bottom: 5px;
    }

    .ms-lg-5px {
        margin-left: 5px;
    }

    .me-lg-5px {
        margin-right: 5px;
    }

    .mx-lg-5px {
        margin-left: 5px;
        margin-right: 5px;
    }

    .my-lg-5px {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    /* padding 5px */

    .pt-lg-5px {
        padding-top: 5px;
    }

    .pb-lg-5px {
        padding-bottom: 5px;
    }

    .ps-lg-5px {
        padding-left: 5px;
    }

    .pe-lg-5px {
        padding-right: 5px;
    }

    .px-lg-5px {
        padding-left: 5px;
        padding-right: 5px;
    }

    .py-lg-5px {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /* margin 10px */

    .mt-lg-10px {
        margin-top: 10px;
    }

    .mb-lg-10px {
        margin-bottom: 10px;
    }

    .ms-lg-10px {
        margin-left: 10px;
    }

    .me-lg-10px {
        margin-right: 10px;
    }

    .mx-lg-10px {
        margin-left: 10px;
        margin-right: 10px;
    }

    .my-lg-10px {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* padding 10px */

    .pt-lg-10px {
        padding-top: 10px;
    }

    .pb-lg-10px {
        padding-bottom: 10px;
    }

    .ps-lg-10px {
        padding-left: 10px;
    }

    .pe-lg-10px {
        padding-right: 10px;
    }

    .px-lg-10px {
        padding-left: 10px;
        padding-right: 10px;
    }

    .py-lg-10px {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* margin 20px */

    .mt-lg-20px {
        margin-top: 20px;
    }

    .mb-lg-20px {
        margin-bottom: 20px;
    }

    .ms-lg-20px {
        margin-left: 20px;
    }

    .me-lg-20px {
        margin-right: 20px;
    }

    .mx-lg-20px {
        margin-left: 20px;
        margin-right: 20px;
    }

    .my-lg-20px {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* padding 20px */

    .pt-lg-20px {
        padding-top: 20px;
    }

    .pb-lg-20px {
        padding-bottom: 20px;
    }

    .ps-lg-20px {
        padding-left: 20px;
    }

    .pe-lg-20px {
        padding-right: 20px;
    }

    .px-lg-20px {
        padding-left: 20px;
        padding-right: 20px;
    }

    .py-lg-20px {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* margin 40px */

    .mt-lg-40px {
        margin-top: 40px;
    }

    .mb-lg-40px {
        margin-bottom: 40px;
    }

    .ms-lg-40px {
        margin-left: 40px;
    }

    .me-lg-40px {
        margin-right: 40px;
    }

    .mx-lg-40px {
        margin-left: 40px;
        margin-right: 40px;
    }

    .my-lg-40px {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    /* padding 40px */

    .pt-lg-40px {
        padding-top: 40px;
    }

    .pb-lg-40px {
        padding-bottom: 40px;
    }

    .ps-lg-40px {
        padding-left: 40px;
    }

    .pe-lg-40px {
        padding-right: 40px;
    }

    .px-lg-40px {
        padding-left: 40px;
        padding-right: 40px;
    }

    .py-lg-40px {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* margin 60px */

    .mt-lg-60px {
        margin-top: 60px;
    }

    .mb-lg-60px {
        margin-bottom: 60px;
    }

    .ms-lg-60px {
        margin-left: 60px;
    }

    .me-lg-60px {
        margin-right: 60px;
    }

    .mx-lg-60px {
        margin-left: 60px;
        margin-right: 60px;
    }

    .my-lg-60px {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    /* padding 60px */

    .pt-lg-60px {
        padding-top: 60px;
    }

    .pb-lg-60px {
        padding-bottom: 60px;
    }

    .ps-lg-60px {
        padding-left: 60px;
    }

    .pe-lg-60px {
        padding-right: 60px;
    }

    .px-lg-60px {
        padding-left: 60px;
        padding-right: 60px;
    }

    .py-lg-60px {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /* margin 70px */

    .mt-lg-70px {
        margin-top: 70px;
    }

    .mb-lg-70px {
        margin-bottom: 70px;
    }

    .ms-lg-70px {
        margin-left: 70px;
    }

    .me-lg-70px {
        margin-right: 70px;
    }

    .mx-lg-70px {
        margin-left: 70px;
        margin-right: 70px;
    }

    .my-lg-70px {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    /* padding 70px */

    .pt-lg-70px {
        padding-top: 70px;
    }

    .pb-lg-70px {
        padding-bottom: 70px;
    }

    .ps-lg-70px {
        padding-left: 70px;
    }

    .pe-lg-70px {
        padding-right: 70px;
    }

    .px-lg-70px {
        padding-left: 70px;
        padding-right: 70px;
    }

    .py-lg-70px {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    /* margin 80px */

    .mt-lg-80px {
        margin-top: 80px;
    }

    .mb-lg-80px {
        margin-bottom: 80px;
    }

    .ms-lg-80px {
        margin-left: 80px;
    }

    .me-lg-80px {
        margin-right: 80px;
    }

    .mx-lg-80px {
        margin-left: 80px;
        margin-right: 80px;
    }

    .my-lg-80px {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    /* padding 80px */

    .pt-lg-80px {
        padding-top: 80px;
    }

    .pb-lg-80px {
        padding-bottom: 80px;
    }

    .ps-lg-80px {
        padding-left: 80px;
    }

    .pe-lg-80px {
        padding-right: 80px;
    }

    .px-lg-80px {
        padding-left: 80px;
        padding-right: 80px;
    }

    .py-lg-80px {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    /* margin 120px */

    .mt-lg-120px {
        margin-top: 120px;
    }

    .mb-lg-120px {
        margin-bottom: 120px;
    }

    .ms-lg-120px {
        margin-left: 120px;
    }

    .me-lg-120px {
        margin-right: 120px;
    }

    .mx-lg-120px {
        margin-left: 120px;
        margin-right: 120px;
    }

    .my-lg-120px {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    /* padding 120px */

    .pt-lg-120px {
        padding-top: 120px;
    }

    .pb-lg-120px {
        padding-bottom: 120px;
    }

    .ps-lg-120px {
        padding-left: 120px;
    }

    .pe-lg-120px {
        padding-right: 120px;
    }

    .px-lg-120px {
        padding-left: 120px;
        padding-right: 120px;
    }

    .py-lg-120px {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media screen and (min-width: 1200px) {
    /* display none */
    .d-xl-none {
        display: none;
    }

    /* display flex */

    .d-xl-flex {
        display: flex;
    }

    .d-xl-inline-flex {
        display: inline-flex;
    }

    .justify-content-xl-center {
        justify-content: center;
    }

    .justify-content-xl-end {
        justify-content: end;
    }

    .justify-content-xl-between {
        justify-content: space-between;
    }

    .justify-content-xl-around {
        justify-content: space-around;
    }

    .align-items-xl-center {
        align-items: center;
    }

    /* margin 0 */

    .mt-xl-0 {
        margin-top: 0;
    }

    .mb-xl-0 {
        margin-bottom: 0;
    }

    .ms-xl-0 {
        margin-left: 0;
    }

    .me-xl-0 {
        margin-right: 0;
    }

    .mx-xl-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .my-xl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    /* padding 0 */

    .pt-xl-0 {
        padding-top: 0;
    }

    .pb-xl-0 {
        padding-bottom: 0;
    }

    .ps-xl-0 {
        padding-left: 0;
    }

    .pe-xl-0 {
        padding-right: 0;
    }

    .px-xl-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .py-xl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* margin 0.25rem */

    .mt-xl-1 {
        margin-top: 0.25rem;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem;
    }

    .ms-xl-1 {
        margin-left: 0.25rem;
    }

    .me-xl-1 {
        margin-right: 0.25rem;
    }

    .mx-xl-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .my-xl-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    /* padding 0.25rem */

    .pt-xl-1 {
        padding-top: 0.25rem;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem;
    }

    .ps-xl-1 {
        padding-left: 0.25rem;
    }

    .pe-xl-1 {
        padding-right: 0.25rem;
    }

    .px-xl-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .py-xl-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    /* margin 0.5rem */

    .mt-xl-2 {
        margin-top: 0.5rem;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem;
    }

    .ms-xl-2 {
        margin-left: 0.5rem;
    }

    .me-xl-2 {
        margin-right: 0.5rem;
    }

    .mx-xl-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .my-xl-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    /* padding 0.5rem */

    .pt-xl-2 {
        padding-top: 0.5rem;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem;
    }

    .ps-xl-2 {
        padding-left: 0.5rem;
    }

    .pe-xl-2 {
        padding-right: 0.5rem;
    }

    .px-xl-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .py-xl-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    /* margin 1rem */

    .mt-xl-3 {
        margin-top: 1rem;
    }

    .mb-xl-3 {
        margin-bottom: 1rem;
    }

    .ms-xl-3 {
        margin-left: 1rem;
    }

    .me-xl-3 {
        margin-right: 1rem;
    }

    .mx-xl-3 {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .my-xl-3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    /* padding 1rem */

    .pt-xl-3 {
        padding-top: 1rem;
    }

    .pb-xl-3 {
        padding-bottom: 1rem;
    }

    .ps-xl-3 {
        padding-left: 1rem;
    }

    .pe-xl-3 {
        padding-right: 1rem;
    }

    .px-xl-3 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .py-xl-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    /* margin 1.5rem */

    .mt-xl-4 {
        margin-top: 1.5rem;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem;
    }

    .ms-xl-4 {
        margin-left: 1.5rem;
    }

    .me-xl-4 {
        margin-right: 1.5rem;
    }

    .mx-xl-4 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .my-xl-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    /* padding 1.5rem */

    .pt-xl-4 {
        padding-top: 1.5rem;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem;
    }

    .ps-xl-4 {
        padding-left: 1.5rem;
    }

    .pe-xl-4 {
        padding-right: 1.5rem;
    }

    .px-xl-4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .py-xl-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    /* margin 3rem */

    .mt-xl-5 {
        margin-top: 3rem;
    }

    .mb-xl-5 {
        margin-bottom: 3rem;
    }

    .ms-xl-5 {
        margin-left: 3rem;
    }

    .me-xl-5 {
        margin-right: 3rem;
    }

    .mx-xl-5 {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .my-xl-5 {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    /* padding 3rem */

    .pt-xl-5 {
        padding-top: 3rem;
    }

    .pb-xl-5 {
        padding-bottom: 3rem;
    }

    .ps-xl-5 {
        padding-left: 3rem;
    }

    .pe-xl-5 {
        padding-right: 3rem;
    }

    .px-xl-5 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .py-xl-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    /* margin 20px */

    .mt-xl-20px {
        margin-top: 20px;
    }

    .mb-xl-20px {
        margin-bottom: 20px;
    }

    .ms-xl-20px {
        margin-left: 20px;
    }

    .me-xl-20px {
        margin-right: 20px;
    }

    .mx-xl-20px {
        margin-left: 20px;
        margin-right: 20px;
    }

    .my-xl-20px {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* padding 20px */

    .pt-xl-20px {
        padding-top: 20px;
    }

    .pb-xl-20px {
        padding-bottom: 20px;
    }

    .ps-xl-20px {
        padding-left: 20px;
    }

    .pe-xl-20px {
        padding-right: 20px;
    }

    .px-xl-20px {
        padding-left: 20px;
        padding-right: 20px;
    }

    .py-xl-20px {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* margin 80px */

    .mt-xl-80px {
        margin-top: 80px;
    }

    .mb-xl-80px {
        margin-bottom: 80px;
    }

    .ms-xl-80px {
        margin-left: 80px;
    }

    .me-xl-80px {
        margin-right: 80px;
    }

    .mx-xl-80px {
        margin-left: 80px;
        margin-right: 80px;
    }

    .my-xl-80px {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    /* padding 80px */

    .pt-xl-80px {
        padding-top: 80px;
    }

    .pb-xl-80px {
        padding-bottom: 80px;
    }

    .ps-xl-80px {
        padding-left: 80px;
    }

    .pe-xl-80px {
        padding-right: 80px;
    }

    .px-xl-80px {
        padding-left: 80px;
        padding-right: 80px;
    }

    .py-xl-80px {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media screen and (min-width: 1400px) {
    /* display none */
    .d-xxl-none {
        display: none;
    }

    /* display flex */

    .d-xxl-flex {
        display: flex;
    }

    .d-xxl-inline-flex {
        display: inline-flex;
    }

    .justify-content-xxl-center {
        justify-content: center;
    }

    .justify-content-xxl-end {
        justify-content: end;
    }

    .justify-content-xxl-between {
        justify-content: space-between;
    }

    .align-items-xxl-center {
        align-items: center;
    }

    /* margin 0 */

    .mt-xxl-0 {
        margin-top: 0;
    }

    .mb-xxl-0 {
        margin-bottom: 0;
    }

    .ms-xxl-0 {
        margin-left: 0;
    }

    .me-xxl-0 {
        margin-right: 0;
    }

    .mx-xxl-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .my-xxl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    /* padding 0 */

    .pt-xxl-0 {
        padding-top: 0;
    }

    .pb-xxl-0 {
        padding-bottom: 0;
    }

    .ps-xxl-0 {
        padding-left: 0;
    }

    .pe-xxl-0 {
        padding-right: 0;
    }

    .px-xxl-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .py-xxl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* margin 0.25rem */

    .mt-xxl-1 {
        margin-top: 0.25rem;
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem;
    }

    .me-xxl-1 {
        margin-right: 0.25rem;
    }

    .mx-xxl-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .my-xxl-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    /* padding 0.25rem */

    .pt-xxl-1 {
        padding-top: 0.25rem;
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem;
    }

    .ps-xxl-1 {
        padding-left: 0.25rem;
    }

    .pe-xxl-1 {
        padding-right: 0.25rem;
    }

    .px-xxl-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .py-xxl-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    /* margin 0.5rem */

    .mt-xxl-2 {
        margin-top: 0.5rem;
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem;
    }

    .me-xxl-2 {
        margin-right: 0.5rem;
    }

    .mx-xxl-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .my-xxl-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    /* padding 0.5rem */

    .pt-xxl-2 {
        padding-top: 0.5rem;
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem;
    }

    .ps-xxl-2 {
        padding-left: 0.5rem;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem;
    }

    .px-xxl-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .py-xxl-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    /* margin 1rem */

    .mt-xxl-3 {
        margin-top: 1rem;
    }

    .mb-xxl-3 {
        margin-bottom: 1rem;
    }

    .ms-xxl-3 {
        margin-left: 1rem;
    }

    .me-xxl-3 {
        margin-right: 1rem;
    }

    .mx-xxl-3 {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .my-xxl-3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    /* padding 1rem */

    .pt-xxl-3 {
        padding-top: 1rem;
    }

    .pb-xxl-3 {
        padding-bottom: 1rem;
    }

    .ps-xxl-3 {
        padding-left: 1rem;
    }

    .pe-xxl-3 {
        padding-right: 1rem;
    }

    .px-xxl-3 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .py-xxl-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    /* margin 1.5rem */

    .mt-xxl-4 {
        margin-top: 1.5rem;
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem;
    }

    .ms-xxl-4 {
        margin-left: 1.5rem;
    }

    .me-xxl-4 {
        margin-right: 1.5rem;
    }

    .mx-xxl-4 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .my-xxl-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    /* padding 1.5rem */

    .pt-xxl-4 {
        padding-top: 1.5rem;
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem;
    }

    .ps-xxl-4 {
        padding-left: 1.5rem;
    }

    .pe-xxl-4 {
        padding-right: 1.5rem;
    }

    .px-xxl-4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .py-xxl-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    /* margin 3rem */

    .mt-xxl-5 {
        margin-top: 3rem;
    }

    .mb-xxl-5 {
        margin-bottom: 3rem;
    }

    .ms-xxl-5 {
        margin-left: 3rem;
    }

    .me-xxl-5 {
        margin-right: 3rem;
    }

    .mx-xxl-5 {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .my-xxl-5 {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    /* padding 3rem */

    .pt-xxl-5 {
        padding-top: 3rem;
    }

    .pb-xxl-5 {
        padding-bottom: 3rem;
    }

    .ps-xxl-5 {
        padding-left: 3rem;
    }

    .pe-xxl-5 {
        padding-right: 3rem;
    }

    .px-xxl-5 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .py-xxl-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    /* margin 20px */

    .mt-xxl-20px {
        margin-top: 20px;
    }

    .mb-xxl-20px {
        margin-bottom: 20px;
    }

    .ms-xxl-20px {
        margin-left: 20px;
    }

    .me-xxl-20px {
        margin-right: 20px;
    }

    .mx-xxl-20px {
        margin-left: 20px;
        margin-right: 20px;
    }

    .my-xxl-20px {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* padding 20px */

    .pt-xxl-20px {
        padding-top: 20px;
    }

    .pb-xxl-20px {
        padding-bottom: 20px;
    }

    .ps-xxl-20px {
        padding-left: 20px;
    }

    .pe-xxl-20px {
        padding-right: 20px;
    }

    .px-xxl-20px {
        padding-left: 20px;
        padding-right: 20px;
    }

    .py-xxl-20px {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* margin 80px */

    .mt-xxl-80px {
        margin-top: 80px;
    }

    .mb-xxl-80px {
        margin-bottom: 80px;
    }

    .ms-xxl-80px {
        margin-left: 80px;
    }

    .me-xxl-80px {
        margin-right: 80px;
    }

    .mx-xxl-80px {
        margin-left: 80px;
        margin-right: 80px;
    }

    .my-xxl-80px {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    /* padding 80px */

    .pt-xxl-80px {
        padding-top: 80px;
    }

    .pb-xxl-80px {
        padding-bottom: 80px;
    }

    .ps-xxl-80px {
        padding-left: 80px;
    }

    .pe-xxl-80px {
        padding-right: 80px;
    }

    .px-xxl-80px {
        padding-left: 80px;
        padding-right: 80px;
    }

    .py-xxl-80px {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.position-relative {
    position: relative;
}