/* LIBS */
.limit__1__line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.limit__2__line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.limit__3__line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* padding */
.p__0 {
    padding: 0 !important;
}

.p__10 {
    padding: 10px !important;
}

.p__20 {
    padding: 20px !important;
}

.p__30 {
    padding: 30px !important;
}

.p__40 {
    padding: 40px !important;
}

.p__50 {
    padding: 50px !important;
}

.p__60 {
    padding: 60px !important;
}

.p__70 {
    padding: 70px !important;
}

.p__80 {
    padding: 80px !important;
}

.p__90 {
    padding: 90px !important;
}

.p__100 {
    padding: 100px !important;
}

.p__t__0 {
    padding-top: 0 !important;
}

.p__t__10 {
    padding-top: 10px !important;
}

.p__t__20 {
    padding-top: 20px !important;
}

.p__t__30 {
    padding-top: 30px !important;
}

.p__t__40 {
    padding-top: 40px !important;
}

.p__t__50 {
    padding-top: 50px !important;
}

.p__t__60 {
    padding-top: 60px !important;
}

.p__t__70 {
    padding-top: 70px !important;
}

.p__t__80 {
    padding-top: 80px !important;
}

.p__t__90 {
    padding-top: 90px !important;
}

.p__t__100 {
    padding-top: 100px !important;
}

.p__r__0 {
    padding-right: 0 !important;
}

.p__r__10 {
    padding-right: 10px !important;
}

.p__r__20 {
    padding-right: 20px !important;
}

.p__r__30 {
    padding-right: 30px !important;
}

.p__r__40 {
    padding-right: 40px !important;
}

.p__r__50 {
    padding-right: 50px !important;
}

.p__r__60 {
    padding-right: 60px !important;
}

.p__r__70 {
    padding-right: 70px !important;
}

.p__r__80 {
    padding-right: 80px !important;
}

.p__r__90 {
    padding-right: 90px !important;
}

.p__r__100 {
    padding-right: 100px !important;
}

.p__b__0 {
    padding-bottom: 0 !important;
}

.p__b__10 {
    padding-bottom: 10px !important;
}

.p__b__20 {
    padding-bottom: 20px !important;
}

.p__b__30 {
    padding-bottom: 30px !important;
}

.p__b__40 {
    padding-bottom: 40px !important;
}

.p__b__50 {
    padding-bottom: 50px !important;
}

.p__b__60 {
    padding-bottom: 60px !important;
}

.p__b__70 {
    padding-bottom: 70px !important;
}

.p__b__80 {
    padding-bottom: 80px !important;
}

.p__b__90 {
    padding-bottom: 90px !important;
}

.p__b__100 {
    padding-bottom: 100px !important;
}

.p__0 {
    padding-left: 0 !important;
}

.p__l__10 {
    padding-left: 10px !important;
}

.p__l__20 {
    padding-left: 20px !important;
}

.p__l__30 {
    padding-left: 30px !important;
}

.p__l__40 {
    padding-left: 40px !important;
}

.p__l__50 {
    padding-left: 50px !important;
}

.p__l__60 {
    padding-left: 60px !important;
}

.p__l__70 {
    padding-left: 70px !important;
}

.p__l__80 {
    padding-left: 80px !important;
}

.p__l__90 {
    padding-left: 90px !important;
}

.p__l__100 {
    padding-left: 100px !important;
}

.p__x__0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p__x__10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.p__x__20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.p__x__30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.p__x__40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.p__x__50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.p__x__60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.p__x__70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.p__x__80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.p__x__90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

.p__x__100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.p__y__0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.p__y__10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p__y__20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p__y__30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p__y__40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.p__y__50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.p__y__60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.p__y__70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.p__y__80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.p__y__90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.p__y__100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

/* Margin */
.m__0 {
    margin: 0 !important;
}

.m__10 {
    margin: 10px !important;
}

.m__20 {
    margin: 20px !important;
}

.m__30 {
    margin: 30px !important;
}

.m__40 {
    margin: 40px !important;
}

.m__50 {
    margin: 50px !important;
}

.m__60 {
    margin: 60px !important;
}

.m__70 {
    margin: 70px !important;
}

.m__80 {
    margin: 80px !important;
}

.m__90 {
    margin: 90px !important;
}

.m__100 {
    margin: 100px !important;
}

.m__t__0 {
    margin-top: 0 !important;
}

.m__t__10 {
    margin-top: 10px !important;
}

.m__t__20 {
    margin-top: 20px !important;
}

.m__t__30 {
    margin-top: 30px !important;
}

.m__t__40 {
    margin-top: 40px !important;
}

.m__t__50 {
    margin-top: 50px !important;
}

.m__t__60 {
    margin-top: 60px !important;
}

.m__t__70 {
    margin-top: 70px !important;
}

.m__t__80 {
    margin-top: 80px !important;
}

.m__t__90 {
    margin-top: 90px !important;
}

.m__t__100 {
    margin-top: 100px !important;
}

.m__r__0 {
    margin-right: 0 !important;
}

.m__r__10 {
    margin-right: 10px !important;
}

.m__r__20 {
    margin-right: 20px !important;
}

.m__r__30 {
    margin-right: 30px !important;
}

.m__r__40 {
    margin-right: 40px !important;
}

.m__r__50 {
    margin-right: 50px !important;
}

.m__r__60 {
    margin-right: 60px !important;
}

.m__r__70 {
    margin-right: 70px !important;
}

.m__r__80 {
    margin-right: 80px !important;
}

.m__r__90 {
    margin-right: 90px !important;
}

.m__r__100 {
    margin-right: 100px !important;
}

.m__b__0 {
    margin-bottom: 0 !important;
}

.m__b__10 {
    margin-bottom: 10px !important;
}

.m__b__20 {
    margin-bottom: 20px !important;
}

.m__b__30 {
    margin-bottom: 30px !important;
}

.m__b__40 {
    margin-bottom: 40px !important;
}

.m__b__50 {
    margin-bottom: 50px !important;
}

.m__b__60 {
    margin-bottom: 60px !important;
}

.m__b__70 {
    margin-bottom: 70px !important;
}

.m__b__80 {
    margin-bottom: 80px !important;
}

.m__b__90 {
    margin-bottom: 90px !important;
}

.m__b__100 {
    margin-bottom: 100px !important;
}

.m__l__0 {
    margin-left: 0 !important;
}

.m__l__10 {
    margin-left: 10px !important;
}

.m__l__20 {
    margin-left: 20px !important;
}

.m__l__30 {
    margin-left: 30px !important;
}

.m__l__40 {
    margin-left: 40px !important;
}

.m__l__50 {
    margin-left: 50px !important;
}

.m__l__60 {
    margin-left: 60px !important;
}

.m__l__70 {
    margin-left: 70px !important;
}

.m__l__80 {
    margin-left: 80px !important;
}

.m__l__90 {
    margin-left: 90px !important;
}

.m__l__100 {
    margin-left: 100px !important;
}

.m__x__10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m__x__20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.m__x__30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.m__x__40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.m__x__50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.m__x__60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.m__x__70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

.m__x__80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}

.m__x__90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
}

.m__x__100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

.m__y__10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.m__y__20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m__y__30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.m__y__40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.m__y__50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.m__y__60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.m__y__70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.m__y__80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.m__y__90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.m__y__100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
.m__y__auto{
    margin-top: auto 0;
}

/* Display */
.d__none {
    display: none !important;
}

.d__inline__block {
    display: inline-block !important;
}

.d__block {
    display: block !important;
}

.w__100 {
    width: 100% !important;
}

.h__100 {
    height: 100% !important;
}

.w__mc {
    width: max-content !important;
}

.h__mc {
    height: max-content !important;
}

.d__flex {
    display: flex !important;
}

.fdr {
    flex-direction: row !important;
}

.fdc {
    flex-direction: column !important;
}

.fdr__r {
    flex-direction: row-reverse !important;
}

.fdc__r {
    flex-direction: column-reverse !important;
}

.jcc {
    justify-content: center !important;
}

.jcfs {
    justify-content: start !important;
}

.jcfe {
    justify-content: end !important;
}

.jcsb {
    justify-content: space-between !important;
}

.jcsa {
    justify-content: space-around !important;
}

.jcsb {
    justify-content: space-between !important;
}

.aic {
    align-items: center !important;
}

.ais {
    align-items: start !important;
}

.aie {
    align-items: end !important;
}

.ais {
    align-items: stretch !important;
}

.aib {
    align-items: baseline !important;
}

.f__wrap {
    flex-wrap: wrap !important;
}

.f__nowrap {
    flex-wrap: nowrap !important;
}

.f__wrapreverse {
    flex-wrap: wrap-reverse !important;
}

.order__0 {
    order: 0 !important;
}

.order__1 {
    order: 1 !important;
}

.order__2 {
    order: 2 !important;
}

.order__3 {
    order: 3 !important;
}

.order__4 {
    order: 4 !important;
}

.order__5 {
    order: 5 !important;
}

.order__6 {
    order: 6 !important;
}

.order__7 {
    order: 7 !important;
}

.order__8 {
    order: 8 !important;
}

.order__9 {
    order: 9 !important;
}

.order__10 {
    order: 10 !important;
}

.order__11 {
    order: 11 !important;
}

.order__12 {
    order: 12 !important;
}

.d__grid {
    display: grid !important;
}

.gtr__1 {
    grid-template-rows: repeat(1, 1fr) !important;
}

.gtr__2 {
    grid-template-rows: repeat(2, 1fr) !important;
}

.gtr__3 {
    grid-template-rows: repeat(3, 1fr) !important;
}

.gtr__4 {
    grid-template-rows: repeat(4, 1fr) !important;
}

.gtr__5 {
    grid-template-rows: repeat(5, 1fr) !important;
}

.gtr__6 {
    grid-template-rows: repeat(6, 1fr) !important;
}

.gtr__7 {
    grid-template-rows: repeat(7, 1fr) !important;
}

.gtr__8 {
    grid-template-rows: repeat(8, 1fr) !important;
}

.gtr__9 {
    grid-template-rows: repeat(9, 1fr) !important;
}

.gtr__10 {
    grid-template-rows: repeat(10, 1fr) !important;
}

.gtr__11 {
    grid-template-rows: repeat(11, 1fr) !important;
}

.gtr__12 {
    grid-template-rows: repeat(12, 1fr) !important;
}

.gtc__1 {
    grid-template-columns: repeat(1, 1fr) !important;
}

.gtc__2 {
    grid-template-columns: repeat(2, 1fr) !important;
}

.gtc__3 {
    grid-template-columns: repeat(3, 1fr) !important;
}

.gtc__4 {
    grid-template-columns: repeat(4, 1fr) !important;
}

.gtc__5 {
    grid-template-columns: repeat(5, 1fr) !important;
}

.gtc__6 {
    grid-template-columns: repeat(6, 1fr) !important;
}

.gtc__7 {
    grid-template-columns: repeat(7, 1fr) !important;
}

.gtc__8 {
    grid-template-columns: repeat(8, 1fr) !important;
}

.gtc__9 {
    grid-template-columns: repeat(9, 1fr) !important;
}

.gtc__10 {
    grid-template-columns: repeat(10, 1fr) !important;
}

.gtc__11 {
    grid-template-columns: repeat(11, 1fr) !important;
}

.gtc__12 {
    grid-template-columns: repeat(12, 1fr) !important;
}

.g__5 {
    grid-gap: 5px !important;
}

.g__10 {
    grid-gap: 10px !important;
}

.g__20 {
    grid-gap: 20px !important;
}

.g__30 {
    grid-gap: 30px !important;
}

.g__40 {
    grid-gap: 40px !important;
}

.g__50 {
    grid-gap: 50px !important;
}

.g__80 {
    grid-gap: 80px !important;
}

/* 3. Text */
.tac {
    text-align: center !important;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.taj {
    text-align: justify !important;
}

.tan {
    text-align: none !important;
}

/* 4. Position */
.absolute {
    position: absolute !important;
}

.relative {
    position: relative !important;
}

.fixed {
    position: fixed !important;
}

.sticky {
    position: sticky !important;
}

.position__unset {
    position: unset !important;
}


.img__cover{
    width: 100%!important;
    height: 100%!important;
    object-fit: cover !important;
}
.fwb{
    font-weight: bold;
}
.ttu{
    text-transform: uppercase !important;
}
.ttl{
    text-transform: lowercase !important;
}
.ttc{
    text-transform: capitalize !important;
}
.o__hidden{
    overflow: hidden !important;
}
.o__auto{
    overflow: auto !important;
}
.o__scroll{
    overflow: scroll !important;
}
.o__visible{
    overflow: visible !important;
}

@media screen and (max-width: 992px) {

    /* padding */
    .lg__p__0 {
        padding: 0 !important;
    }

    .lg__p__10 {
        padding: 10px !important;
    }

    .lg__p__20 {
        padding: 20px !important;
    }

    .lg__p__30 {
        padding: 30px !important;
    }

    .lg__p__40 {
        padding: 40px !important;
    }

    .lg__p__50 {
        padding: 50px !important;
    }

    .lg__p__60 {
        padding: 60px !important;
    }

    .lg__p__70 {
        padding: 70px !important;
    }

    .lg__p__80 {
        padding: 80px !important;
    }

    .lg__p__90 {
        padding: 90px !important;
    }

    .lg__p__100 {
        padding: 100px !important;
    }

    .lg__p__t__0 {
        padding-top: 0 !important;
    }

    .lg__p__t__10 {
        padding-top: 10px !important;
    }

    .lg__p__t__20 {
        padding-top: 20px !important;
    }

    .lg__p__t__30 {
        padding-top: 30px !important;
    }

    .lg__p__t__40 {
        padding-top: 40px !important;
    }

    .lg__p__t__50 {
        padding-top: 50px !important;
    }

    .lg__p__t__60 {
        padding-top: 60px !important;
    }

    .lg__p__t__70 {
        padding-top: 70px !important;
    }

    .lg__p__t__80 {
        padding-top: 80px !important;
    }

    .lg__p__t__90 {
        padding-top: 90px !important;
    }

    .lg__p__t__100 {
        padding-top: 100px !important;
    }

    .lg__p__r__0 {
        padding-right: 0 !important;
    }

    .lg__p__r__10 {
        padding-right: 10px !important;
    }

    .lg__p__r__20 {
        padding-right: 20px !important;
    }

    .lg__p__r__30 {
        padding-right: 30px !important;
    }

    .lg__p__r__40 {
        padding-right: 40px !important;
    }

    .lg__p__r__50 {
        padding-right: 50px !important;
    }

    .lg__p__r__60 {
        padding-right: 60px !important;
    }

    .lg__p__r__70 {
        padding-right: 70px !important;
    }

    .lg__p__r__80 {
        padding-right: 80px !important;
    }

    .lg__p__r__90 {
        padding-right: 90px !important;
    }

    .lg__p__r__100 {
        padding-right: 100px !important;
    }

    .lg__p__b__0 {
        padding-bottom: 0 !important;
    }

    .lg__p__b__10 {
        padding-bottom: 10px !important;
    }

    .lg__p__b__20 {
        padding-bottom: 20px !important;
    }

    .lg__p__b__30 {
        padding-bottom: 30px !important;
    }

    .lg__p__b__40 {
        padding-bottom: 40px !important;
    }

    .lg__p__b__50 {
        padding-bottom: 50px !important;
    }

    .lg__p__b__60 {
        padding-bottom: 60px !important;
    }

    .lg__p__b__70 {
        padding-bottom: 70px !important;
    }

    .lg__p__b__80 {
        padding-bottom: 80px !important;
    }

    .lg__p__b__90 {
        padding-bottom: 90px !important;
    }

    .lg__p__b__100 {
        padding-bottom: 100px !important;
    }

    .lg__p__0 {
        padding-left: 0 !important;
    }

    .lg__p__l__10 {
        padding-left: 10px !important;
    }

    .lg__p__l__20 {
        padding-left: 20px !important;
    }

    .lg__p__l__30 {
        padding-left: 30px !important;
    }

    .lg__p__l__40 {
        padding-left: 40px !important;
    }

    .lg__p__l__50 {
        padding-left: 50px !important;
    }

    .lg__p__l__60 {
        padding-left: 60px !important;
    }

    .lg__p__l__70 {
        padding-left: 70px !important;
    }

    .lg__p__l__80 {
        padding-left: 80px !important;
    }

    .lg__p__l__90 {
        padding-left: 90px !important;
    }

    .lg__p__l__100 {
        padding-left: 100px !important;
    }

    .lg__p__x__0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .lg__p__x__10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .lg__p__x__20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .lg__p__x__30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .lg__p__x__40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .lg__p__x__50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .lg__p__x__60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .lg__p__x__70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .lg__p__x__80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .lg__p__x__90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }

    .lg__p__x__100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .lg__p__y__0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .lg__p__y__10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .lg__p__y__20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .lg__p__y__30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .lg__p__y__40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .lg__p__y__50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .lg__p__y__60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .lg__p__y__70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .lg__p__y__80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .lg__p__y__90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .lg__p__y__100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    /* Margin */
    .lg__m__0 {
        margin: 0 !important;
    }

    .lg__m__10 {
        margin: 10px !important;
    }

    .lg__m__20 {
        margin: 20px !important;
    }

    .lg__m__30 {
        margin: 30px !important;
    }

    .lg__m__40 {
        margin: 40px !important;
    }

    .lg__m__50 {
        margin: 50px !important;
    }

    .lg__m__60 {
        margin: 60px !important;
    }

    .lg__m__70 {
        margin: 70px !important;
    }

    .lg__m__80 {
        margin: 80px !important;
    }

    .lg__m__90 {
        margin: 90px !important;
    }

    .lg__m__100 {
        margin: 100px !important;
    }

    .lg__m__t__0 {
        margin-top: 0 !important;
    }

    .lg__m__t__10 {
        margin-top: 10px !important;
    }

    .lg__m__t__20 {
        margin-top: 20px !important;
    }

    .lg__m__t__30 {
        margin-top: 30px !important;
    }

    .lg__m__t__40 {
        margin-top: 40px !important;
    }

    .lg__m__t__50 {
        margin-top: 50px !important;
    }

    .lg__m__t__60 {
        margin-top: 60px !important;
    }

    .lg__m__t__70 {
        margin-top: 70px !important;
    }

    .lg__m__t__80 {
        margin-top: 80px !important;
    }

    .lg__m__t__90 {
        margin-top: 90px !important;
    }

    .lg__m__t__100 {
        margin-top: 100px !important;
    }

    .lg__m__r__0 {
        margin-right: 0 !important;
    }

    .lg__m__r__10 {
        margin-right: 10px !important;
    }

    .lg__m__r__20 {
        margin-right: 20px !important;
    }

    .lg__m__r__30 {
        margin-right: 30px !important;
    }

    .lg__m__r__40 {
        margin-right: 40px !important;
    }

    .lg__m__r__50 {
        margin-right: 50px !important;
    }

    .lg__m__r__60 {
        margin-right: 60px !important;
    }

    .lg__m__r__70 {
        margin-right: 70px !important;
    }

    .lg__m__r__80 {
        margin-right: 80px !important;
    }

    .lg__m__r__90 {
        margin-right: 90px !important;
    }

    .lg__m__r__100 {
        margin-right: 100px !important;
    }

    .lg__m__b__0 {
        margin-bottom: 0 !important;
    }

    .lg__m__b__10 {
        margin-bottom: 10px !important;
    }

    .lg__m__b__20 {
        margin-bottom: 20px !important;
    }

    .lg__m__b__30 {
        margin-bottom: 30px !important;
    }

    .lg__m__b__40 {
        margin-bottom: 40px !important;
    }

    .lg__m__b__50 {
        margin-bottom: 50px !important;
    }

    .lg__m__b__60 {
        margin-bottom: 60px !important;
    }

    .lg__m__b__70 {
        margin-bottom: 70px !important;
    }

    .lg__m__b__80 {
        margin-bottom: 80px !important;
    }

    .lg__m__b__90 {
        margin-bottom: 90px !important;
    }

    .lg__m__b__100 {
        margin-bottom: 100px !important;
    }

    .lg__m__l__0 {
        margin-left: 0 !important;
    }

    .lg__m__l__10 {
        margin-left: 10px !important;
    }

    .lg__m__l__20 {
        margin-left: 20px !important;
    }

    .lg__m__l__30 {
        margin-left: 30px !important;
    }

    .lg__m__l__40 {
        margin-left: 40px !important;
    }

    .lg__m__l__50 {
        margin-left: 50px !important;
    }

    .lg__m__l__60 {
        margin-left: 60px !important;
    }

    .lg__m__l__70 {
        margin-left: 70px !important;
    }

    .lg__m__l__80 {
        margin-left: 80px !important;
    }

    .lg__m__l__90 {
        margin-left: 90px !important;
    }

    .lg__m__l__100 {
        margin-left: 100px !important;
    }

    .lg__m__x__10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .lg__m__x__20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .lg__m__x__30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .lg__m__x__40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .lg__m__x__50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .lg__m__x__60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }

    .lg__m__x__70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }

    .lg__m__x__80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .lg__m__x__90 {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }

    .lg__m__x__100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .lg__m__y__10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .lg__m__y__20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .lg__m__y__30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .lg__m__y__40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .lg__m__y__50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .lg__m__y__60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .lg__m__y__70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .lg__m__y__80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .lg__m__y__90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    .lg__m__y__100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    /* Display */
    .lg__d__none {
        display: none !important;
    }

    .lg__d__inline__block {
        display: inline-block !important;
    }

    .lg__d__block {
        display: block !important;
    }

    .lg__w__100 {
        width: 100% !important;
    }

    .lg__h__100 {
        height: 100% !important;
    }

    .lg__w__mc {
        width: max-content !important;
    }

    .lg__h__mc {
        height: max-content !important;
    }

    .lg__d__flex {
        display: flex !important;
    }

    .lg__fdr {
        flex-direction: row !important;
    }

    .lg__fdc {
        flex-direction: column !important;
    }

    .lg__fdr__r {
        flex-direction: row-reverse !important;
    }

    .lg__fdc__r {
        flex-direction: column-reverse !important;
    }

    .lg__jcc {
        justify-content: center !important;
    }

    .lg__jcfs {
        justify-content: start !important;
    }

    .lg__jcfe {
        justify-content: end !important;
    }

    .lg__jcsb {
        justify-content: space-between !important;
    }

    .lg__jcsa {
        justify-content: space-around !important;
    }

    .lg__jcsb {
        justify-content: space-between !important;
    }

    .lg__aic {
        align-items: center !important;
    }

    .lg__ais {
        align-items: start !important;
    }

    .lg__aie {
        align-items: end !important;
    }

    .lg__ais {
        align-items: stretch !important;
    }

    .lg__aib {
        align-items: baseline !important;
    }

    .lg__f__wrap {
        flex-wrap: wrap !important;
    }

    .lg__f__nowrap {
        flex-wrap: nowrap !important;
    }

    .lg__f__wrapreverse {
        flex-wrap: wrap-reverse !important;
    }

    .lg__order__0 {
        order: 0 !important;
    }

    .lg__order__1 {
        order: 1 !important;
    }

    .lg__order__2 {
        order: 2 !important;
    }

    .lg__order__3 {
        order: 3 !important;
    }

    .lg__order__4 {
        order: 4 !important;
    }

    .lg__order__5 {
        order: 5 !important;
    }

    .lg__order__6 {
        order: 6 !important;
    }

    .lg__order__7 {
        order: 7 !important;
    }

    .lg__order__8 {
        order: 8 !important;
    }

    .lg__order__9 {
        order: 9 !important;
    }

    .lg__order__10 {
        order: 10 !important;
    }

    .lg__order__11 {
        order: 11 !important;
    }

    .lg__order__12 {
        order: 12 !important;
    }

    .lg__d__grid {
        display: grid !important;
    }

    .lg__gtr__1 {
        grid-template-rows: repeat(1, 1fr) !important;
    }

    .lg__gtr__2 {
        grid-template-rows: repeat(2, 1fr) !important;
    }

    .lg__gtr__3 {
        grid-template-rows: repeat(3, 1fr) !important;
    }

    .lg__gtr__4 {
        grid-template-rows: repeat(4, 1fr) !important;
    }

    .lg__gtr__5 {
        grid-template-rows: repeat(5, 1fr) !important;
    }

    .lg__gtr__6 {
        grid-template-rows: repeat(6, 1fr) !important;
    }

    .lg__gtr__7 {
        grid-template-rows: repeat(7, 1fr) !important;
    }

    .lg__gtr__8 {
        grid-template-rows: repeat(8, 1fr) !important;
    }

    .lg__gtr__9 {
        grid-template-rows: repeat(9, 1fr) !important;
    }

    .lg__gtr__10 {
        grid-template-rows: repeat(10, 1fr) !important;
    }

    .lg__gtr__11 {
        grid-template-rows: repeat(11, 1fr) !important;
    }

    .lg__gtr__12 {
        grid-template-rows: repeat(12, 1fr) !important;
    }

    .lg__gtc__1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .lg__gtc__2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .lg__gtc__3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .lg__gtc__4 {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .lg__gtc__5 {
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .lg__gtc__6 {
        grid-template-columns: repeat(6, 1fr) !important;
    }

    .lg__gtc__7 {
        grid-template-columns: repeat(7, 1fr) !important;
    }

    .lg__gtc__8 {
        grid-template-columns: repeat(8, 1fr) !important;
    }

    .lg__gtc__9 {
        grid-template-columns: repeat(9, 1fr) !important;
    }

    .lg__gtc__10 {
        grid-template-columns: repeat(10, 1fr) !important;
    }

    .lg__gtc__11 {
        grid-template-columns: repeat(11, 1fr) !important;
    }

    .lg__gtc__12 {
        grid-template-columns: repeat(12, 1fr) !important;
    }

    .lg__g__5 {
        grid-gap: 5px !important;
    }

    .lg__g__10 {
        grid-gap: 10px !important;
    }

    .lg__g__20 {
        grid-gap: 20px !important;
    }

    .lg__g__30 {
        grid-gap: 30px !important;
    }

    .lg__g__40 {
        grid-gap: 40px !important;
    }

    .lg__g__50 {
        grid-gap: 50px !important;
    }

    /* 3.lg__ Text */
    .lg__tac {
        text-align: center !important;
    }

    .lg__tal {
        text-align: left !important;
    }

    .lg__tar {
        text-align: right !important;
    }

    .lg__taj {
        text-align: justify !important;
    }

    .lg__tan {
        text-align: none !important;
    }

    /* 4.lg__ Position */
    .lg__absolute {
        position: absolute !important;
    }

    .lg__relative {
        position: relative !important;
    }

    .lg__fixed {
        position: fixed !important;
    }

    .lg__sticky {
        position: sticky !important;
    }

    .lg__position__unset {
        position: unset !important;
    }
}


@media screen and (max-width: 767px) {

    /* padding */
    .md__p__0 {
        padding: 0 !important;
    }

    .md__p__10 {
        padding: 10px !important;
    }

    .md__p__20 {
        padding: 20px !important;
    }

    .md__p__30 {
        padding: 30px !important;
    }

    .md__p__40 {
        padding: 40px !important;
    }

    .md__p__50 {
        padding: 50px !important;
    }

    .md__p__60 {
        padding: 60px !important;
    }

    .md__p__70 {
        padding: 70px !important;
    }

    .md__p__80 {
        padding: 80px !important;
    }

    .md__p__90 {
        padding: 90px !important;
    }

    .md__p__100 {
        padding: 100px !important;
    }

    .md__p__t__0 {
        padding-top: 0 !important;
    }

    .md__p__t__10 {
        padding-top: 10px !important;
    }

    .md__p__t__20 {
        padding-top: 20px !important;
    }

    .md__p__t__30 {
        padding-top: 30px !important;
    }

    .md__p__t__40 {
        padding-top: 40px !important;
    }

    .md__p__t__50 {
        padding-top: 50px !important;
    }

    .md__p__t__60 {
        padding-top: 60px !important;
    }

    .md__p__t__70 {
        padding-top: 70px !important;
    }

    .md__p__t__80 {
        padding-top: 80px !important;
    }

    .md__p__t__90 {
        padding-top: 90px !important;
    }

    .md__p__t__100 {
        padding-top: 100px !important;
    }

    .md__p__r__0 {
        padding-right: 0 !important;
    }

    .md__p__r__10 {
        padding-right: 10px !important;
    }

    .md__p__r__20 {
        padding-right: 20px !important;
    }

    .md__p__r__30 {
        padding-right: 30px !important;
    }

    .md__p__r__40 {
        padding-right: 40px !important;
    }

    .md__p__r__50 {
        padding-right: 50px !important;
    }

    .md__p__r__60 {
        padding-right: 60px !important;
    }

    .md__p__r__70 {
        padding-right: 70px !important;
    }

    .md__p__r__80 {
        padding-right: 80px !important;
    }

    .md__p__r__90 {
        padding-right: 90px !important;
    }

    .md__p__r__100 {
        padding-right: 100px !important;
    }

    .md__p__b__0 {
        padding-bottom: 0 !important;
    }

    .md__p__b__10 {
        padding-bottom: 10px !important;
    }

    .md__p__b__20 {
        padding-bottom: 20px !important;
    }

    .md__p__b__30 {
        padding-bottom: 30px !important;
    }

    .md__p__b__40 {
        padding-bottom: 40px !important;
    }

    .md__p__b__50 {
        padding-bottom: 50px !important;
    }

    .md__p__b__60 {
        padding-bottom: 60px !important;
    }

    .md__p__b__70 {
        padding-bottom: 70px !important;
    }

    .md__p__b__80 {
        padding-bottom: 80px !important;
    }

    .md__p__b__90 {
        padding-bottom: 90px !important;
    }

    .md__p__b__100 {
        padding-bottom: 100px !important;
    }

    .md__p__0 {
        padding-left: 0 !important;
    }

    .md__p__l__10 {
        padding-left: 10px !important;
    }

    .md__p__l__20 {
        padding-left: 20px !important;
    }

    .md__p__l__30 {
        padding-left: 30px !important;
    }

    .md__p__l__40 {
        padding-left: 40px !important;
    }

    .md__p__l__50 {
        padding-left: 50px !important;
    }

    .md__p__l__60 {
        padding-left: 60px !important;
    }

    .md__p__l__70 {
        padding-left: 70px !important;
    }

    .md__p__l__80 {
        padding-left: 80px !important;
    }

    .md__p__l__90 {
        padding-left: 90px !important;
    }

    .md__p__l__100 {
        padding-left: 100px !important;
    }

    .md__p__x__0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .md__p__x__10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .md__p__x__20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .md__p__x__30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .md__p__x__40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .md__p__x__50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .md__p__x__60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .md__p__x__70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .md__p__x__80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .md__p__x__90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }

    .md__p__x__100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .md__p__y__0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .md__p__y__10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .md__p__y__20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .md__p__y__30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .md__p__y__40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .md__p__y__50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .md__p__y__60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .md__p__y__70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .md__p__y__80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .md__p__y__90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .md__p__y__100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    /* Margin */
    .md__m__0 {
        margin: 0 !important;
    }

    .md__m__10 {
        margin: 10px !important;
    }

    .md__m__20 {
        margin: 20px !important;
    }

    .md__m__30 {
        margin: 30px !important;
    }

    .md__m__40 {
        margin: 40px !important;
    }

    .md__m__50 {
        margin: 50px !important;
    }

    .md__m__60 {
        margin: 60px !important;
    }

    .md__m__70 {
        margin: 70px !important;
    }

    .md__m__80 {
        margin: 80px !important;
    }

    .md__m__90 {
        margin: 90px !important;
    }

    .md__m__100 {
        margin: 100px !important;
    }

    .md__m__t__0 {
        margin-top: 0 !important;
    }

    .md__m__t__10 {
        margin-top: 10px !important;
    }

    .md__m__t__20 {
        margin-top: 20px !important;
    }

    .md__m__t__30 {
        margin-top: 30px !important;
    }

    .md__m__t__40 {
        margin-top: 40px !important;
    }

    .md__m__t__50 {
        margin-top: 50px !important;
    }

    .md__m__t__60 {
        margin-top: 60px !important;
    }

    .md__m__t__70 {
        margin-top: 70px !important;
    }

    .md__m__t__80 {
        margin-top: 80px !important;
    }

    .md__m__t__90 {
        margin-top: 90px !important;
    }

    .md__m__t__100 {
        margin-top: 100px !important;
    }

    .md__m__r__0 {
        margin-right: 0 !important;
    }

    .md__m__r__10 {
        margin-right: 10px !important;
    }

    .md__m__r__20 {
        margin-right: 20px !important;
    }

    .md__m__r__30 {
        margin-right: 30px !important;
    }

    .md__m__r__40 {
        margin-right: 40px !important;
    }

    .md__m__r__50 {
        margin-right: 50px !important;
    }

    .md__m__r__60 {
        margin-right: 60px !important;
    }

    .md__m__r__70 {
        margin-right: 70px !important;
    }

    .md__m__r__80 {
        margin-right: 80px !important;
    }

    .md__m__r__90 {
        margin-right: 90px !important;
    }

    .md__m__r__100 {
        margin-right: 100px !important;
    }

    .md__m__b__0 {
        margin-bottom: 0 !important;
    }

    .md__m__b__10 {
        margin-bottom: 10px !important;
    }

    .md__m__b__20 {
        margin-bottom: 20px !important;
    }

    .md__m__b__30 {
        margin-bottom: 30px !important;
    }

    .md__m__b__40 {
        margin-bottom: 40px !important;
    }

    .md__m__b__50 {
        margin-bottom: 50px !important;
    }

    .md__m__b__60 {
        margin-bottom: 60px !important;
    }

    .md__m__b__70 {
        margin-bottom: 70px !important;
    }

    .md__m__b__80 {
        margin-bottom: 80px !important;
    }

    .md__m__b__90 {
        margin-bottom: 90px !important;
    }

    .md__m__b__100 {
        margin-bottom: 100px !important;
    }

    .md__m__l__0 {
        margin-left: 0 !important;
    }

    .md__m__l__10 {
        margin-left: 10px !important;
    }

    .md__m__l__20 {
        margin-left: 20px !important;
    }

    .md__m__l__30 {
        margin-left: 30px !important;
    }

    .md__m__l__40 {
        margin-left: 40px !important;
    }

    .md__m__l__50 {
        margin-left: 50px !important;
    }

    .md__m__l__60 {
        margin-left: 60px !important;
    }

    .md__m__l__70 {
        margin-left: 70px !important;
    }

    .md__m__l__80 {
        margin-left: 80px !important;
    }

    .md__m__l__90 {
        margin-left: 90px !important;
    }

    .md__m__l__100 {
        margin-left: 100px !important;
    }

    .md__m__x__10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .md__m__x__20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .md__m__x__30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .md__m__x__40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .md__m__x__50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .md__m__x__60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }

    .md__m__x__70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }

    .md__m__x__80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .md__m__x__90 {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }

    .md__m__x__100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .md__m__y__10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .md__m__y__20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .md__m__y__30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .md__m__y__40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .md__m__y__50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .md__m__y__60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .md__m__y__70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .md__m__y__80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .md__m__y__90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    .md__m__y__100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    /* Display */
    .md__d__none {
        display: none !important;
    }

    .md__d__inline__block {
        display: inline-block !important;
    }

    .md__d__block {
        display: block !important;
    }

    .md__w__100 {
        width: 100% !important;
    }

    .md__h__100 {
        height: 100% !important;
    }

    .md__w__mc {
        width: max-content !important;
    }

    .md__h__mc {
        height: max-content !important;
    }

    .md__d__flex {
        display: flex !important;
    }

    .md__fdr {
        flex-direction: row !important;
    }

    .md__fdc {
        flex-direction: column !important;
    }

    .md__fdr__r {
        flex-direction: row-reverse !important;
    }

    .md__fdc__r {
        flex-direction: column-reverse !important;
    }

    .md__jcc {
        justify-content: center !important;
    }

    .md__jcfs {
        justify-content: start !important;
    }

    .md__jcfe {
        justify-content: end !important;
    }

    .md__jcsb {
        justify-content: space-between !important;
    }

    .md__jcsa {
        justify-content: space-around !important;
    }

    .md__jcsb {
        justify-content: space-between !important;
    }

    .md__aic {
        align-items: center !important;
    }

    .md__ais {
        align-items: start !important;
    }

    .md__aie {
        align-items: end !important;
    }

    .md__ais {
        align-items: stretch !important;
    }

    .md__aib {
        align-items: baseline !important;
    }

    .md__f__wrap {
        flex-wrap: wrap !important;
    }

    .md__f__nowrap {
        flex-wrap: nowrap !important;
    }

    .md__f__wrapreverse {
        flex-wrap: wrap-reverse !important;
    }

    .md__order__0 {
        order: 0 !important;
    }

    .md__order__1 {
        order: 1 !important;
    }

    .md__order__2 {
        order: 2 !important;
    }

    .md__order__3 {
        order: 3 !important;
    }

    .md__order__4 {
        order: 4 !important;
    }

    .md__order__5 {
        order: 5 !important;
    }

    .md__order__6 {
        order: 6 !important;
    }

    .md__order__7 {
        order: 7 !important;
    }

    .md__order__8 {
        order: 8 !important;
    }

    .md__order__9 {
        order: 9 !important;
    }

    .md__order__10 {
        order: 10 !important;
    }

    .md__order__11 {
        order: 11 !important;
    }

    .md__order__12 {
        order: 12 !important;
    }

    .md__d__grid {
        display: grid !important;
    }

    .md__gtr__1 {
        grid-template-rows: repeat(1, 1fr) !important;
    }

    .md__gtr__2 {
        grid-template-rows: repeat(2, 1fr) !important;
    }

    .md__gtr__3 {
        grid-template-rows: repeat(3, 1fr) !important;
    }

    .md__gtr__4 {
        grid-template-rows: repeat(4, 1fr) !important;
    }

    .md__gtr__5 {
        grid-template-rows: repeat(5, 1fr) !important;
    }

    .md__gtr__6 {
        grid-template-rows: repeat(6, 1fr) !important;
    }

    .md__gtr__7 {
        grid-template-rows: repeat(7, 1fr) !important;
    }

    .md__gtr__8 {
        grid-template-rows: repeat(8, 1fr) !important;
    }

    .md__gtr__9 {
        grid-template-rows: repeat(9, 1fr) !important;
    }

    .md__gtr__10 {
        grid-template-rows: repeat(10, 1fr) !important;
    }

    .md__gtr__11 {
        grid-template-rows: repeat(11, 1fr) !important;
    }

    .md__gtr__12 {
        grid-template-rows: repeat(12, 1fr) !important;
    }

    .md__gtc__1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .md__gtc__2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .md__gtc__3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .md__gtc__4 {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .md__gtc__5 {
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .md__gtc__6 {
        grid-template-columns: repeat(6, 1fr) !important;
    }

    .md__gtc__7 {
        grid-template-columns: repeat(7, 1fr) !important;
    }

    .md__gtc__8 {
        grid-template-columns: repeat(8, 1fr) !important;
    }

    .md__gtc__9 {
        grid-template-columns: repeat(9, 1fr) !important;
    }

    .md__gtc__10 {
        grid-template-columns: repeat(10, 1fr) !important;
    }

    .md__gtc__11 {
        grid-template-columns: repeat(11, 1fr) !important;
    }

    .md__gtc__12 {
        grid-template-columns: repeat(12, 1fr) !important;
    }

    .md__g__5 {
        grid-gap: 5px !important;
    }

    .md__g__10 {
        grid-gap: 10px !important;
    }

    .md__g__20 {
        grid-gap: 20px !important;
    }

    .md__g__30 {
        grid-gap: 30px !important;
    }

    .md__g__40 {
        grid-gap: 40px !important;
    }

    .md__g__50 {
        grid-gap: 50px !important;
    }

    /* 3.md__ Text */
    .md__tac {
        text-align: center !important;
    }

    .md__tal {
        text-align: left !important;
    }

    .md__tar {
        text-align: right !important;
    }

    .md__taj {
        text-align: justify !important;
    }

    .md__tan {
        text-align: none !important;
    }

    /* 4.md__ Position */
    .md__absolute {
        position: absolute !important;
    }

    .md__relative {
        position: relative !important;
    }

    .md__fixed {
        position: fixed !important;
    }

    .md__sticky {
        position: sticky !important;
    }

    .md__position__unset {
        position: unset !important;
    }
}

/* responsive mobile */
@media all and (max-width: 576px) {

    /* padding */
    .sm__p__0 {
        padding: 0 !important;
    }

    .sm__p__10 {
        padding: 10px !important;
    }

    .sm__p__20 {
        padding: 20px !important;
    }

    .sm__p__30 {
        padding: 30px !important;
    }

    .sm__p__40 {
        padding: 40px !important;
    }

    .sm__p__50 {
        padding: 50px !important;
    }

    .sm__p__60 {
        padding: 60px !important;
    }

    .sm__p__70 {
        padding: 70px !important;
    }

    .sm__p__80 {
        padding: 80px !important;
    }

    .sm__p__90 {
        padding: 90px !important;
    }

    .sm__p__100 {
        padding: 100px !important;
    }

    .sm__p__t__0 {
        padding-top: 0 !important;
    }

    .sm__p__t__10 {
        padding-top: 10px !important;
    }

    .sm__p__t__20 {
        padding-top: 20px !important;
    }

    .sm__p__t__30 {
        padding-top: 30px !important;
    }

    .sm__p__t__40 {
        padding-top: 40px !important;
    }

    .sm__p__t__50 {
        padding-top: 50px !important;
    }

    .sm__p__t__60 {
        padding-top: 60px !important;
    }

    .sm__p__t__70 {
        padding-top: 70px !important;
    }

    .sm__p__t__80 {
        padding-top: 80px !important;
    }

    .sm__p__t__90 {
        padding-top: 90px !important;
    }

    .sm__p__t__100 {
        padding-top: 100px !important;
    }

    .sm__p__r__0 {
        padding-right: 0 !important;
    }

    .sm__p__r__10 {
        padding-right: 10px !important;
    }

    .sm__p__r__20 {
        padding-right: 20px !important;
    }

    .sm__p__r__30 {
        padding-right: 30px !important;
    }

    .sm__p__r__40 {
        padding-right: 40px !important;
    }

    .sm__p__r__50 {
        padding-right: 50px !important;
    }

    .sm__p__r__60 {
        padding-right: 60px !important;
    }

    .sm__p__r__70 {
        padding-right: 70px !important;
    }

    .sm__p__r__80 {
        padding-right: 80px !important;
    }

    .sm__p__r__90 {
        padding-right: 90px !important;
    }

    .sm__p__r__100 {
        padding-right: 100px !important;
    }

    .sm__p__b__0 {
        padding-bottom: 0 !important;
    }

    .sm__p__b__10 {
        padding-bottom: 10px !important;
    }

    .sm__p__b__20 {
        padding-bottom: 20px !important;
    }

    .sm__p__b__30 {
        padding-bottom: 30px !important;
    }

    .sm__p__b__40 {
        padding-bottom: 40px !important;
    }

    .sm__p__b__50 {
        padding-bottom: 50px !important;
    }

    .sm__p__b__60 {
        padding-bottom: 60px !important;
    }

    .sm__p__b__70 {
        padding-bottom: 70px !important;
    }

    .sm__p__b__80 {
        padding-bottom: 80px !important;
    }

    .sm__p__b__90 {
        padding-bottom: 90px !important;
    }

    .sm__p__b__100 {
        padding-bottom: 100px !important;
    }

    .sm__p__0 {
        padding-left: 0 !important;
    }

    .sm__p__l__10 {
        padding-left: 10px !important;
    }

    .sm__p__l__20 {
        padding-left: 20px !important;
    }

    .sm__p__l__30 {
        padding-left: 30px !important;
    }

    .sm__p__l__40 {
        padding-left: 40px !important;
    }

    .sm__p__l__50 {
        padding-left: 50px !important;
    }

    .sm__p__l__60 {
        padding-left: 60px !important;
    }

    .sm__p__l__70 {
        padding-left: 70px !important;
    }

    .sm__p__l__80 {
        padding-left: 80px !important;
    }

    .sm__p__l__90 {
        padding-left: 90px !important;
    }

    .sm__p__l__100 {
        padding-left: 100px !important;
    }

    .sm__p__x__0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sm__p__x__10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .sm__p__x__16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .sm__p__x__20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .sm__p__x__30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .sm__p__x__40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .sm__p__x__50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .sm__p__x__60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .sm__p__x__70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .sm__p__x__80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .sm__p__x__90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }

    .sm__p__x__100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .sm__p__y__0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .sm__p__y__10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .sm__p__y__20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .sm__p__y__30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .sm__p__y__40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sm__p__y__50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .sm__p__y__60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .sm__p__y__70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .sm__p__y__80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .sm__p__y__90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .sm__p__y__100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    /* Margin */
    .sm__m__0 {
        margin: 0 !important;
    }

    .sm__m__10 {
        margin: 10px !important;
    }

    .sm__m__20 {
        margin: 20px !important;
    }

    .sm__m__30 {
        margin: 30px !important;
    }

    .sm__m__40 {
        margin: 40px !important;
    }

    .sm__m__50 {
        margin: 50px !important;
    }

    .sm__m__60 {
        margin: 60px !important;
    }

    .sm__m__70 {
        margin: 70px !important;
    }

    .sm__m__80 {
        margin: 80px !important;
    }

    .sm__m__90 {
        margin: 90px !important;
    }

    .sm__m__100 {
        margin: 100px !important;
    }

    .sm__m__t__0 {
        margin-top: 0 !important;
    }

    .sm__m__t__10 {
        margin-top: 10px !important;
    }

    .sm__m__t__20 {
        margin-top: 20px !important;
    }

    .sm__m__t__30 {
        margin-top: 30px !important;
    }

    .sm__m__t__40 {
        margin-top: 40px !important;
    }

    .sm__m__t__50 {
        margin-top: 50px !important;
    }

    .sm__m__t__60 {
        margin-top: 60px !important;
    }

    .sm__m__t__70 {
        margin-top: 70px !important;
    }

    .sm__m__t__80 {
        margin-top: 80px !important;
    }

    .sm__m__t__90 {
        margin-top: 90px !important;
    }

    .sm__m__t__100 {
        margin-top: 100px !important;
    }

    .sm__m__r__0 {
        margin-right: 0 !important;
    }

    .sm__m__r__10 {
        margin-right: 10px !important;
    }

    .sm__m__r__20 {
        margin-right: 20px !important;
    }

    .sm__m__r__30 {
        margin-right: 30px !important;
    }

    .sm__m__r__40 {
        margin-right: 40px !important;
    }

    .sm__m__r__50 {
        margin-right: 50px !important;
    }

    .sm__m__r__60 {
        margin-right: 60px !important;
    }

    .sm__m__r__70 {
        margin-right: 70px !important;
    }

    .sm__m__r__80 {
        margin-right: 80px !important;
    }

    .sm__m__r__90 {
        margin-right: 90px !important;
    }

    .sm__m__r__100 {
        margin-right: 100px !important;
    }

    .sm__m__b__0 {
        margin-bottom: 0 !important;
    }

    .sm__m__b__10 {
        margin-bottom: 10px !important;
    }

    .sm__m__b__20 {
        margin-bottom: 20px !important;
    }

    .sm__m__b__30 {
        margin-bottom: 30px !important;
    }

    .sm__m__b__40 {
        margin-bottom: 40px !important;
    }

    .sm__m__b__50 {
        margin-bottom: 50px !important;
    }

    .sm__m__b__60 {
        margin-bottom: 60px !important;
    }

    .sm__m__b__70 {
        margin-bottom: 70px !important;
    }

    .sm__m__b__80 {
        margin-bottom: 80px !important;
    }

    .sm__m__b__90 {
        margin-bottom: 90px !important;
    }

    .sm__m__b__100 {
        margin-bottom: 100px !important;
    }

    .sm__m__l__0 {
        margin-left: 0 !important;
    }

    .sm__m__l__10 {
        margin-left: 10px !important;
    }

    .sm__m__l__20 {
        margin-left: 20px !important;
    }

    .sm__m__l__30 {
        margin-left: 30px !important;
    }

    .sm__m__l__40 {
        margin-left: 40px !important;
    }

    .sm__m__l__50 {
        margin-left: 50px !important;
    }

    .sm__m__l__60 {
        margin-left: 60px !important;
    }

    .sm__m__l__70 {
        margin-left: 70px !important;
    }

    .sm__m__l__80 {
        margin-left: 80px !important;
    }

    .sm__m__l__90 {
        margin-left: 90px !important;
    }

    .sm__m__l__100 {
        margin-left: 100px !important;
    }

    .sm__m__x__10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .sm__m__x__20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .sm__m__x__30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .sm__m__x__40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .sm__m__x__50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .sm__m__x__60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }

    .sm__m__x__70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }

    .sm__m__x__80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .sm__m__x__90 {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }

    .sm__m__x__100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .sm__m__y__10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .sm__m__y__20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .sm__m__y__30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .sm__m__y__40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .sm__m__y__50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .sm__m__y__60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .sm__m__y__70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .sm__m__y__80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .sm__m__y__90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    .sm__m__y__100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    /* Display */
    .sm__d__none {
        display: none !important;
    }

    .sm__d__inline__block {
        display: inline-block !important;
    }

    .sm__d__block {
        display: block !important;
    }

    .sm__w__100 {
        width: 100% !important;
    }

    .sm__h__100 {
        height: 100% !important;
    }

    .sm__w__mc {
        width: max-content !important;
    }

    .sm__h__mc {
        height: max-content !important;
    }

    .sm__d__flex {
        display: flex !important;
    }

    .sm__fdr {
        flex-direction: row !important;
    }

    .sm__fdc {
        flex-direction: column !important;
    }

    .sm__fdr__r {
        flex-direction: row-reverse !important;
    }

    .sm__fdc__r {
        flex-direction: column-reverse !important;
    }

    .sm__jcc {
        justify-content: center !important;
    }

    .sm__jcfs {
        justify-content: start !important;
    }

    .sm__jcfe {
        justify-content: end !important;
    }

    .sm__jcsb {
        justify-content: space-between !important;
    }

    .sm__jcsa {
        justify-content: space-around !important;
    }

    .sm__jcsb {
        justify-content: space-between !important;
    }

    .sm__aic {
        align-items: center !important;
    }

    .sm__ais {
        align-items: start !important;
    }

    .sm__aie {
        align-items: end !important;
    }

    .sm__ais {
        align-items: stretch !important;
    }

    .sm__aib {
        align-items: baseline !important;
    }

    .sm__f__wrap {
        flex-wrap: wrap !important;
    }

    .sm__f__nowrap {
        flex-wrap: nowrap !important;
    }

    .sm__f__wrapreverse {
        flex-wrap: wrap-reverse !important;
    }

    .sm__order__0 {
        order: 0 !important;
    }

    .sm__order__1 {
        order: 1 !important;
    }

    .sm__order__2 {
        order: 2 !important;
    }

    .sm__order__3 {
        order: 3 !important;
    }

    .sm__order__4 {
        order: 4 !important;
    }

    .sm__order__5 {
        order: 5 !important;
    }

    .sm__order__6 {
        order: 6 !important;
    }

    .sm__order__7 {
        order: 7 !important;
    }

    .sm__order__8 {
        order: 8 !important;
    }

    .sm__order__9 {
        order: 9 !important;
    }

    .sm__order__10 {
        order: 10 !important;
    }

    .sm__order__11 {
        order: 11 !important;
    }

    .sm__order__12 {
        order: 12 !important;
    }

    .sm__d__grid {
        display: grid !important;
    }

    .sm__gtr__1 {
        grid-template-rows: repeat(1, 1fr) !important;
    }

    .sm__gtr__2 {
        grid-template-rows: repeat(2, 1fr) !important;
    }

    .sm__gtr__3 {
        grid-template-rows: repeat(3, 1fr) !important;
    }

    .sm__gtr__4 {
        grid-template-rows: repeat(4, 1fr) !important;
    }

    .sm__gtr__5 {
        grid-template-rows: repeat(5, 1fr) !important;
    }

    .sm__gtr__6 {
        grid-template-rows: repeat(6, 1fr) !important;
    }

    .sm__gtr__7 {
        grid-template-rows: repeat(7, 1fr) !important;
    }

    .sm__gtr__8 {
        grid-template-rows: repeat(8, 1fr) !important;
    }

    .sm__gtr__9 {
        grid-template-rows: repeat(9, 1fr) !important;
    }

    .sm__gtr__10 {
        grid-template-rows: repeat(10, 1fr) !important;
    }

    .sm__gtr__11 {
        grid-template-rows: repeat(11, 1fr) !important;
    }

    .sm__gtr__12 {
        grid-template-rows: repeat(12, 1fr) !important;
    }

    .sm__gtc__1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .sm__gtc__2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .sm__gtc__3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .sm__gtc__4 {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .sm__gtc__5 {
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .sm__gtc__6 {
        grid-template-columns: repeat(6, 1fr) !important;
    }

    .sm__gtc__7 {
        grid-template-columns: repeat(7, 1fr) !important;
    }

    .sm__gtc__8 {
        grid-template-columns: repeat(8, 1fr) !important;
    }

    .sm__gtc__9 {
        grid-template-columns: repeat(9, 1fr) !important;
    }

    .sm__gtc__10 {
        grid-template-columns: repeat(10, 1fr) !important;
    }

    .sm__gtc__11 {
        grid-template-columns: repeat(11, 1fr) !important;
    }

    .sm__gtc__12 {
        grid-template-columns: repeat(12, 1fr) !important;
    }

    .sm__g__5 {
        grid-gap: 5px !important;
    }

    .sm__g__10 {
        grid-gap: 10px !important;
    }

    .sm__g__20 {
        grid-gap: 20px !important;
    }

    .sm__g__30 {
        grid-gap: 30px !important;
    }

    .sm__g__40 {
        grid-gap: 40px !important;
    }

    .sm__g__50 {
        grid-gap: 50px !important;
    }

    /* 3.sm__ Text */
    .sm__tac {
        text-align: center !important;
    }

    .sm__tal {
        text-align: left !important;
    }

    .sm__tar {
        text-align: right !important;
    }

    .sm__taj {
        text-align: justify !important;
    }

    .sm__tan {
        text-align: none !important;
    }

    /* 4.sm__ Position */
    .sm__absolute {
        position: absolute !important;
    }

    .sm__relative {
        position: relative !important;
    }

    .sm__fixed {
        position: fixed !important;
    }

    .sm__sticky {
        position: sticky !important;
    }

    .sm__position__unset {
        position: unset !important;
    }
}