/* Margin Top */
.mt-1 {
    margin-top: 4px !important;
}
.mt-2 {
    margin-top: 8px !important;
}
.mt-3 {
    margin-top: 12px !important;
}
.mt-4 {
    margin-top: 16px !important;
}
.mt-5 {
    margin-top: 20px !important;
}
.mt-6 {
    margin-top: 24px !important;
}
.mt-7 {
    margin-top: 28px !important;
}
.mt-8 {
    margin-top: 32px !important;
}
.mt-9 {
    margin-top: 36px !important;
}
.mt-10 {
    margin-top: 40px !important;
}
.mt-11 {
    margin-top: 44px !important;
}
.mt-12 {
    margin-top: 48px !important;
}
.mt-13 {
    margin-top: 52px !important;
}
.mt-14 {
    margin-top: 56px !important;
}
.mt-15 {
    margin-top: 60px !important;
}

/* Margin Bottom */
.mb-1 {
    margin-bottom: 4px !important;
}
.mb-2 {
    margin-bottom: 8px !important;
}
.mb-3 {
    margin-bottom: 12px !important;
}
.mb-4 {
    margin-bottom: 16px !important;
}
.mb-5 {
    margin-bottom: 20px !important;
}
.mb-6 {
    margin-bottom: 24px !important;
}
.mb-7 {
    margin-bottom: 28px !important;
}
.mb-8 {
    margin-bottom: 32px !important;
}
.mb-9 {
    margin-bottom: 36px !important;
}
.mb-10 {
    margin-bottom: 40px !important;
}
.mb-11 {
    margin-bottom: 44px !important;
}
.mb-12 {
    margin-bottom: 48px !important;
}
.mb-13 {
    margin-bottom: 52px !important;
}
.mb-14 {
    margin-bottom: 56px !important;
}
.mb-15 {
    margin-bottom: 60px !important;
}

/* Margin Left */
.ml-1 {
    margin-left: 4px !important;
}
.ml-2 {
    margin-left: 8px !important;
}
.ml-3 {
    margin-left: 12px !important;
}
.ml-4 {
    margin-left: 16px !important;
}
.ml-5 {
    margin-left: 20px !important;
}
.ml-6 {
    margin-left: 24px !important;
}
.ml-7 {
    margin-left: 28px !important;
}
.ml-8 {
    margin-left: 32px !important;
}
.ml-9 {
    margin-left: 36px !important;
}
.ml-10 {
    margin-left: 40px !important;
}
.ml-11 {
    margin-left: 44px !important;
}
.ml-12 {
    margin-left: 48px !important;
}
.ml-13 {
    margin-left: 52px !important;
}
.ml-14 {
    margin-left: 56px !important;
}
.ml-15 {
    margin-left: 60px !important;
}

/* Margin Right */
.mr-1 {
    margin-right: 4px !important;
}
.mr-2 {
    margin-right: 8px !important;
}
.mr-3 {
    margin-right: 12px !important;
}
.mr-4 {
    margin-right: 16px !important;
}
.mr-5 {
    margin-right: 20px !important;
}
.mr-6 {
    margin-right: 24px !important;
}
.mr-7 {
    margin-right: 28px !important;
}
.mr-8 {
    margin-right: 32px !important;
}
.mr-9 {
    margin-right: 36px !important;
}
.mr-10 {
    margin-right: 40px !important;
}
.mr-11 {
    margin-right: 44px !important;
}
.mr-12 {
    margin-right: 48px !important;
}
.mr-13 {
    margin-right: 52px !important;
}
.mr-14 {
    margin-right: 56px !important;
}
.mr-15 {
    margin-right: 60px !important;
}

/* Margin All Sides */
.m-1 {
    margin: 4px !important;
}
.m-2 {
    margin: 8px !important;
}
.m-3 {
    margin: 12px !important;
}
.m-4 {
    margin: 16px !important;
}
.m-5 {
    margin: 20px !important;
}
.m-6 {
    margin: 24px !important;
}
.m-7 {
    margin: 28px !important;
}
.m-8 {
    margin: 32px !important;
}
.m-9 {
    margin: 36px !important;
}
.m-10 {
    margin: 40px !important;
}
.m-11 {
    margin: 44px !important;
}
.m-12 {
    margin: 48px !important;
}
.m-13 {
    margin: 52px !important;
}
.m-14 {
    margin: 56px !important;
}
.m-15 {
    margin: 60px !important;
}

/* Margin Horizontal (Left & Right) */
.mx-auto {
    margin: 0 auto !important;
}
.mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
.mx-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.mx-3 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.mx-4 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.mx-5 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.mx-6 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}
.mx-7 {
    margin-left: 28px !important;
    margin-right: 28px !important;
}
.mx-8 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}
.mx-9 {
    margin-left: 36px !important;
    margin-right: 36px !important;
}
.mx-10 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}
.mx-11 {
    margin-left: 44px !important;
    margin-right: 44px !important;
}
.mx-12 {
    margin-left: 48px !important;
    margin-right: 48px !important;
}
.mx-13 {
    margin-left: 52px !important;
    margin-right: 52px !important;
}
.mx-14 {
    margin-left: 56px !important;
    margin-right: 56px !important;
}
.mx-15 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

/* Margin Vertical (Top & Bottom) */
.my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.my-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.my-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.my-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.my-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.my-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}
.my-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}
.my-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}
.my-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.my-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
}
.my-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}
.my-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
}
.my-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
}
.my-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.pt-1 {
    padding-top: 4px !important;
}
.pt-2 {
    padding-top: 8px !important;
}
.pt-3 {
    padding-top: 12px !important;
}
.pt-4 {
    padding-top: 16px !important;
}
.pt-5 {
    padding-top: 20px !important;
}
.pt-6 {
    padding-top: 24px !important;
}
.pt-7 {
    padding-top: 28px !important;
}
.pt-8 {
    padding-top: 32px !important;
}
.pt-9 {
    padding-top: 36px !important;
}
.pt-10 {
    padding-top: 40px !important;
}
.pt-11 {
    padding-top: 44px !important;
}
.pt-12 {
    padding-top: 48px !important;
}
.pt-13 {
    padding-top: 52px !important;
}
.pt-14 {
    padding-top: 56px !important;
}
.pt-15 {
    padding-top: 60px !important;
}

.pb-1 {
    padding-bottom: 4px !important;
}
.pb-2 {
    padding-bottom: 8px !important;
}
.pb-3 {
    padding-bottom: 12px !important;
}
.pb-4 {
    padding-bottom: 16px !important;
}
.pb-5 {
    padding-bottom: 20px !important;
}
.pb-6 {
    padding-bottom: 24px !important;
}
.pb-7 {
    padding-bottom: 28px !important;
}
.pb-8 {
    padding-bottom: 32px !important;
}
.pb-9 {
    padding-bottom: 36px !important;
}
.pb-10 {
    padding-bottom: 40px !important;
}
.pb-11 {
    padding-bottom: 44px !important;
}
.pb-12 {
    padding-bottom: 48px !important;
}
.pb-13 {
    padding-bottom: 52px !important;
}
.pb-14 {
    padding-bottom: 56px !important;
}
.pb-15 {
    padding-bottom: 60px !important;
}

.pl-1 {
    padding-left: 4px !important;
}
.pl-2 {
    padding-left: 8px !important;
}
.pl-3 {
    padding-left: 12px !important;
}
.pl-4 {
    padding-left: 16px !important;
}
.pl-5 {
    padding-left: 20px !important;
}
.pl-6 {
    padding-left: 24px !important;
}
.pl-7 {
    padding-left: 28px !important;
}
.pl-8 {
    padding-left: 32px !important;
}
.pl-9 {
    padding-left: 36px !important;
}
.pl-10 {
    padding-left: 40px !important;
}
.pl-11 {
    padding-left: 44px !important;
}
.pl-12 {
    padding-left: 48px !important;
}
.pl-13 {
    padding-left: 52px !important;
}
.pl-14 {
    padding-left: 56px !important;
}
.pl-15 {
    padding-left: 60px !important;
}

.pr-1 {
    padding-right: 4px !important;
}
.pr-2 {
    padding-right: 8px !important;
}
.pr-3 {
    padding-right: 12px !important;
}
.pr-4 {
    padding-right: 16px !important;
}
.pr-5 {
    padding-right: 20px !important;
}
.pr-6 {
    padding-right: 24px !important;
}
.pr-7 {
    padding-right: 28px !important;
}
.pr-8 {
    padding-right: 32px !important;
}
.pr-9 {
    padding-right: 36px !important;
}
.pr-10 {
    padding-right: 40px !important;
}
.pr-11 {
    padding-right: 44px !important;
}
.pr-12 {
    padding-right: 48px !important;
}
.pr-13 {
    padding-right: 52px !important;
}
.pr-14 {
    padding-right: 56px !important;
}
.pr-15 {
    padding-right: 60px !important;
}

.p-1 {
    padding: 4px !important;
}
.p-2 {
    padding: 8px !important;
}
.p-3 {
    padding: 12px !important;
}
.p-4 {
    padding: 16px !important;
}
.p-5 {
    padding: 20px !important;
}
.p-6 {
    padding: 24px !important;
}
.p-7 {
    padding: 28px !important;
}
.p-8 {
    padding: 32px !important;
}
.p-9 {
    padding: 36px !important;
}
.p-10 {
    padding: 40px !important;
}
.p-11 {
    padding: 44px !important;
}
.p-12 {
    padding: 48px !important;
}
.p-13 {
    padding: 52px !important;
}
.p-14 {
    padding: 56px !important;
}
.p-15 {
    padding: 60px !important;
}

.px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}
.px-7 {
    padding-left: 28px !important;
    padding-right: 28px !important;
}
.px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}
.px-9 {
    padding-left: 36px !important;
    padding-right: 36px !important;
}
.px-10 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.px-11 {
    padding-left: 44px !important;
    padding-right: 44px !important;
}
.px-12 {
    padding-left: 48px !important;
    padding-right: 48px !important;
}
.px-13 {
    padding-left: 52px !important;
    padding-right: 52px !important;
}
.px-14 {
    padding-left: 56px !important;
    padding-right: 56px !important;
}
.px-15 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}
.py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}
.py-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}
.py-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.py-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}
.py-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.py-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}
.py-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}
.py-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.gap-1 {
    gap: 4px !important;
}
.gap-2 {
    gap: 8px !important;
}
.gap-3 {
    gap: 12px !important;
}
.gap-4 {
    gap: 16px !important;
}
.gap-5 {
    gap: 20px !important;
}
.gap-6 {
    gap: 24px !important;
}
.gap-7 {
    gap: 28px !important;
}
.gap-8 {
    gap: 32px !important;
}
.gap-9 {
    gap: 36px !important;
}
.gap-10 {
    gap: 40px !important;
}
.gap-11 {
    gap: 44px !important;
}
.gap-12 {
    gap: 48px !important;
}
.gap-13 {
    gap: 52px !important;
}
.gap-14 {
    gap: 56px !important;
}
.gap-15 {
    gap: 60px !important;
}

.gap-x-1 {
    column-gap: 4px !important;
}
.gap-x-2 {
    column-gap: 8px !important;
}
.gap-x-3 {
    column-gap: 12px !important;
}
.gap-x-4 {
    column-gap: 16px !important;
}
.gap-x-5 {
    column-gap: 20px !important;
}
.gap-x-6 {
    column-gap: 24px !important;
}
.gap-x-7 {
    column-gap: 28px !important;
}
.gap-x-8 {
    column-gap: 32px !important;
}
.gap-x-9 {
    column-gap: 36px !important;
}
.gap-x-10 {
    column-gap: 40px !important;
}
.gap-x-11 {
    column-gap: 44px !important;
}
.gap-x-12 {
    column-gap: 48px !important;
}
.gap-x-13 {
    column-gap: 52px !important;
}
.gap-x-14 {
    column-gap: 56px !important;
}
.gap-x-15 {
    column-gap: 60px !important;
}

.gap-y-1 {
    row-gap: 4px !important;
}
.gap-y-2 {
    row-gap: 8px !important;
}
.gap-y-3 {
    row-gap: 12px !important;
}
.gap-y-4 {
    row-gap: 16px !important;
}
.gap-y-5 {
    row-gap: 20px !important;
}
.gap-y-6 {
    row-gap: 24px !important;
}
.gap-y-7 {
    row-gap: 28px !important;
}
.gap-y-8 {
    row-gap: 32px !important;
}
.gap-y-9 {
    row-gap: 36px !important;
}
.gap-y-10 {
    row-gap: 40px !important;
}
.gap-y-11 {
    row-gap: 44px !important;
}
.gap-y-12 {
    row-gap: 48px !important;
}
.gap-y-13 {
    row-gap: 52px !important;
}
.gap-y-14 {
    row-gap: 56px !important;
}
.gap-y-15 {
    row-gap: 60px !important;
}
/* line clamp */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.h-100vh {
    height: 100vh !important;
}