.ma-auto {
    margin: auto !important
}

.ma-0 {
    margin: 0 !important
}

.ma-1 {
    margin: 4px !important
}

.ma-2 {
    margin: 8px !important
}

.ma-3 {
    margin: 12px !important
}

.ma-4 {
    margin: 16px !important
}

.ma-5 {
    margin: 20px !important
}

.ma-6 {
    margin: 24px !important
}

.ma-7 {
    margin: 28px !important
}

.ma-8 {
    margin: 32px !important
}

.ma-9 {
    margin: 36px !important
}

.ma-10 {
    margin: 40px !important
}

.ma-11 {
    margin: 44px !important
}

.ma-12 {
    margin: 48px !important
}

.ma-13 {
    margin: 52px !important
}

.ma-14 {
    margin: 56px !important
}

.ma-15 {
    margin: 60px !important
}

.ma-16 {
    margin: 64px !important
}

.mt-auto {
    margin-top: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.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
}

.mt-16 {
    margin-top: 64px !important
}

.mb-auto {
    margin-bottom: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.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
}

.mb-16 {
    margin-bottom: 64px !important
}

.mr-auto {
    margin-right: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.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
}

.mr-16 {
    margin-right: 64px !important
}

.ml-auto {
    margin-left: auto !important
}

.ml-0 {
    margin-left: 0 !important
}

.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
}

.ml-16 {
    margin-left: 64px !important
}

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

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !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
}

.mx-16 {
    margin-left: 64px !important;
    margin-right: 64px !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

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

.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
}

.my-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important
}

.ma-n1 {
    margin: -4px !important
}

.ma-n2 {
    margin: -8px !important
}

.ma-n3 {
    margin: -12px !important
}

.ma-n4 {
    margin: -16px !important
}

.ma-n5 {
    margin: -20px !important
}

.ma-n6 {
    margin: -24px !important
}

.ma-n7 {
    margin: -28px !important
}

.ma-n8 {
    margin: -32px !important
}

.ma-n9 {
    margin: -36px !important
}

.ma-n10 {
    margin: -40px !important
}

.ma-n11 {
    margin: -44px !important
}

.ma-n12 {
    margin: -48px !important
}

.ma-n13 {
    margin: -52px !important
}

.ma-n14 {
    margin: -56px !important
}

.ma-n15 {
    margin: -60px !important
}

.ma-n16 {
    margin: -64px !important
}

.mt-n1 {
    margin-top: -4px !important
}

.mt-n2 {
    margin-top: -8px !important
}

.mt-n3 {
    margin-top: -12px !important
}

.mt-n4 {
    margin-top: -16px !important
}

.mt-n5 {
    margin-top: -20px !important
}

.mt-n6 {
    margin-top: -24px !important
}

.mt-n7 {
    margin-top: -28px !important
}

.mt-n8 {
    margin-top: -32px !important
}

.mt-n9 {
    margin-top: -36px !important
}

.mt-n10 {
    margin-top: -40px !important
}

.mt-n11 {
    margin-top: -44px !important
}

.mt-n12 {
    margin-top: -48px !important
}

.mt-n13 {
    margin-top: -52px !important
}

.mt-n14 {
    margin-top: -56px !important
}

.mt-n15 {
    margin-top: -60px !important
}

.mt-n16 {
    margin-top: -64px !important
}

.mb-n1 {
    margin-bottom: -4px !important
}

.mb-n2 {
    margin-bottom: -8px !important
}

.mb-n3 {
    margin-bottom: -12px !important
}

.mb-n4 {
    margin-bottom: -16px !important
}

.mb-n5 {
    margin-bottom: -20px !important
}

.mb-n6 {
    margin-bottom: -24px !important
}

.mb-n7 {
    margin-bottom: -28px !important
}

.mb-n8 {
    margin-bottom: -32px !important
}

.mb-n9 {
    margin-bottom: -36px !important
}

.mb-n10 {
    margin-bottom: -40px !important
}

.mb-n11 {
    margin-bottom: -44px !important
}

.mb-n12 {
    margin-bottom: -48px !important
}

.mb-n13 {
    margin-bottom: -52px !important
}

.mb-n14 {
    margin-bottom: -56px !important
}

.mb-n15 {
    margin-bottom: -60px !important
}

.mb-n16 {
    margin-bottom: -64px !important
}

.mr-n1 {
    margin-right: -4px !important
}

.mr-n2 {
    margin-right: -8px !important
}

.mr-n3 {
    margin-right: -12px !important
}

.mr-n4 {
    margin-right: -16px !important
}

.mr-n5 {
    margin-right: -20px !important
}

.mr-n6 {
    margin-right: -24px !important
}

.mr-n7 {
    margin-right: -28px !important
}

.mr-n8 {
    margin-right: -32px !important
}

.mr-n9 {
    margin-right: -36px !important
}

.mr-n10 {
    margin-right: -40px !important
}

.mr-n11 {
    margin-right: -44px !important
}

.mr-n12 {
    margin-right: -48px !important
}

.mr-n13 {
    margin-right: -52px !important
}

.mr-n14 {
    margin-right: -56px !important
}

.mr-n15 {
    margin-right: -60px !important
}

.mr-n16 {
    margin-right: -64px !important
}

.ml-n1 {
    margin-left: -4px !important
}

.ml-n2 {
    margin-left: -8px !important
}

.ml-n3 {
    margin-left: -12px !important
}

.ml-n4 {
    margin-left: -16px !important
}

.ml-n5 {
    margin-left: -20px !important
}

.ml-n6 {
    margin-left: -24px !important
}

.ml-n7 {
    margin-left: -28px !important
}

.ml-n8 {
    margin-left: -32px !important
}

.ml-n9 {
    margin-left: -36px !important
}

.ml-n10 {
    margin-left: -40px !important
}

.ml-n11 {
    margin-left: -44px !important
}

.ml-n12 {
    margin-left: -48px !important
}

.ml-n13 {
    margin-left: -52px !important
}

.ml-n14 {
    margin-left: -56px !important
}

.ml-n15 {
    margin-left: -60px !important
}

.ml-n16 {
    margin-left: -64px !important
}

.mx-n1 {
    margin-left: -4px !important;
    margin-right: -4px !important
}

.mx-n2 {
    margin-left: -8px !important;
    margin-right: -8px !important
}

.mx-n3 {
    margin-left: -12px !important;
    margin-right: -12px !important
}

.mx-n4 {
    margin-left: -16px !important;
    margin-right: -16px !important
}

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

.mx-n6 {
    margin-left: -24px !important;
    margin-right: -24px !important
}

.mx-n7 {
    margin-left: -28px !important;
    margin-right: -28px !important
}

.mx-n8 {
    margin-left: -32px !important;
    margin-right: -32px !important
}

.mx-n9 {
    margin-left: -36px !important;
    margin-right: -36px !important
}

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

.mx-n11 {
    margin-left: -44px !important;
    margin-right: -44px !important
}

.mx-n12 {
    margin-left: -48px !important;
    margin-right: -48px !important
}

.mx-n13 {
    margin-left: -52px !important;
    margin-right: -52px !important
}

.mx-n14 {
    margin-left: -56px !important;
    margin-right: -56px !important
}

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

.mx-n16 {
    margin-left: -64px !important;
    margin-right: -64px !important
}

.my-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important
}

.my-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important
}

.my-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important
}

.my-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important
}

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

.my-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important
}

.my-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important
}

.my-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important
}

.my-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important
}

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

.my-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important
}

.my-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important
}

.my-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important
}

.my-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important
}

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

.my-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important
}

.mb-sm-8 {
    @media screen and (min-width: 768px) {
        margin-bottom: 32px !important;
    }
}

.pa-0 {
    padding: 0 !important
}

.pa-1 {
    padding: 4px !important
}

.pa-2 {
    padding: 8px !important
}

.pa-3 {
    padding: 12px !important
}

.pa-4 {
    padding: 16px !important
}

.pa-5 {
    padding: 20px !important
}

.pa-6 {
    padding: 24px !important
}

.pa-7 {
    padding: 28px !important
}

.pa-8 {
    padding: 32px !important
}

.pa-9 {
    padding: 36px !important
}

.pa-10 {
    padding: 40px !important
}

.pa-11 {
    padding: 44px !important
}

.pa-12 {
    padding: 48px !important
}

.pa-13 {
    padding: 52px !important
}

.pa-14 {
    padding: 56px !important
}

.pa-15 {
    padding: 60px !important
}

.pa-16 {
    padding: 64px !important
}

.pt-0 {
    padding-top: 0 !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
}

.pt-16 {
    padding-top: 64px !important
}

.pb-0 {
    padding-bottom: 0 !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
}

.pb-16 {
    padding-bottom: 64px !important
}

.pr-0 {
    padding-right: 0 !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
}

.pr-16 {
    padding-right: 64px !important
}

.pl-0 {
    padding-left: 0 !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
}

.pl-16 {
    padding-left: 64px !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !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
}

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

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !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
}

.py-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.pa-sm-8 {
    @media screen and (min-width: 768px) {
        padding: 32px !important;
    }
}

.px-sm-8 {
    @media screen and (min-width: 768px) {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}

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

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

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

.grid-template-40-60 {
    grid-template-columns: 40% 60% !important
}

.grid-template-60-10-30 {
    grid-template-columns: 60% 10% 30% !important
}

.grid-template-sm-1 {
    @media screen and (min-width: 768px) {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

.grid-template-sm-2 {
    @media screen and (min-width: 768px) {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.grid-template-sm-3 {
    @media screen and (min-width: 768px) {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

.grid-template-sm-40-60 {
    @media screen and (min-width: 768px) {
        grid-template-columns: 40% 60% !important;
    }
}

.grid-template-sm-60-10-30 {
    @media screen and (min-width: 768px) {
        grid-template-columns: 60% 10% 30% !important;
    }
}

.grid-colspan-2 {
    grid-column: span 2 / span 2 !important
}

.column-gap-0 {
    column-gap: 0 !important
}

.column-gap-1 {
    column-gap: 4px !important
}

.column-gap-2 {
    column-gap: 8px !important
}

.column-gap-3 {
    column-gap: 12px !important
}

.column-gap-4 {
    column-gap: 16px !important
}

.column-gap-5 {
    column-gap: 20px !important
}

.column-gap-6 {
    column-gap: 24px !important
}

.column-gap-7 {
    column-gap: 28px !important
}

.column-gap-8 {
    column-gap: 32px !important
}

.column-gap-9 {
    column-gap: 36px !important
}

.column-gap-10 {
    column-gap: 40px !important
}

.column-gap-sm-1 {
    @media screen and (min-width: 768px) {
        column-gap: 4px !important;
    }
}

.column-gap-sm-2 {
    @media screen and (min-width: 768px) {
        column-gap: 8px !important;
    }
}

.column-gap-sm-3 {
    @media screen and (min-width: 768px) {
        column-gap: 12px !important;
    }
}

.column-gap-sm-4 {
    @media screen and (min-width: 768px) {
        column-gap: 16px !important;
    }
}

.column-gap-sm-5 {
    @media screen and (min-width: 768px) {
        column-gap: 20px !important;
    }
}

.column-gap-sm-6 {
    @media screen and (min-width: 768px) {
        column-gap: 24px !important;
    }
}

.column-gap-sm-7 {
    @media screen and (min-width: 768px) {
        column-gap: 28px !important;
    }
}

.column-gap-sm-8 {
    @media screen and (min-width: 768px) {
        column-gap: 32px !important;
    }
}

.row-gap-1 {
    row-gap: 4px !important
}

.row-gap-2 {
    row-gap: 8px !important
}

.row-gap-3 {
    row-gap: 12px !important
}

.row-gap-4 {
    row-gap: 16px !important
}

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

.row-gap-6 {
    row-gap: 24px !important
}

.row-gap-7 {
    row-gap: 28px !important
}

.row-gap-8 {
    row-gap: 32px !important
}

.row-gap-9 {
    row-gap: 36px !important
}

.row-gap-10 {
    row-gap: 40px !important
}

.d-block {
    display: block !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-flex {
    display: flex !important
}

.d-grid {
    display: grid !important
}

.d-none {
    display: none !important
}

.d-sm-block {
    @media screen and (min-width: 768px) {
        display: block !important;
    }
}

.d-md-block {
    @media screen and (min-width: 992px) {
        display: block !important;
    }
}

.d-lg-block {
    @media screen and (min-width: 1200px) {
        display: block !important;
    }
}

.d-xl-block {
    @media screen and (min-width: 1400px) {
        display: block !important;
    }
}

.d-sm-grid {
    @media screen and (min-width: 768px) {
        display: grid !important;
    }
}

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

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

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

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

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

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

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

.justify-flex-start {
    justify-content: flex-start !important
}

.justify-flex-end {
    justify-content: flex-end !important
}

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

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

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

.justify-space-evenly {
    justify-content: space-evenly !important
}

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

.align-flex-start {
    align-items: flex-start !important
}

.align-flex-end {
    align-items: flex-end !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

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

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

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

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

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

.text-center {
    text-align: center !important
}

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

.text-uppercase {
    text-transform: uppercase !important
}

.text-lowercase {
    text-transform: lowercase !important
}

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

.text-none {
    text-transform: none !important
}

.text-thin {
    font-weight: 100 !important
}

.text-extra-light {
    font-weight: 200 !important
}

.text-light {
    font-weight: 300 !important
}

.text-normal {
    font-weight: 400 !important
}

.text-medium {
    font-weight: 500 !important
}

.text-semi-bold {
    font-weight: 600 !important
}

.text-bold {
    font-weight: 700 !important
}

.text-extra-bold {
    font-weight: 800 !important
}

.text-black {
    font-weight: 900 !important
}

.letter-normal {
    letter-spacing: normal !important
}

.letter-tight {
    letter-spacing: 1px !important
}

.letter-wide {
    letter-spacing: 2px !important
}

.letter-wider {
    letter-spacing: 4px !important
}

.letter-widest {
    letter-spacing: 8px !important
}

.w-0 {
    width: 0% !important
}

.h-0 {
    height: 0% !important
}

.w-10 {
    width: 10% !important
}

.h-10 {
    height: 10% !important
}

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

.h-20 {
    height: 20% !important
}

.w-30 {
    width: 30% !important
}

.h-30 {
    height: 30% !important
}

.w-40 {
    width: 40% !important
}

.h-40 {
    height: 40% !important
}

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

.h-50 {
    height: 50% !important
}

.w-60 {
    width: 60% !important
}

.h-60 {
    height: 60% !important
}

.w-70 {
    width: 70% !important
}

.h-70 {
    height: 70% !important
}

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

.h-75 {
    height: 75% !important
}

.w-80 {
    width: 80% !important
}

.h-80 {
    height: 80% !important
}

.w-90 {
    width: 90% !important
}

.h-90 {
    height: 90% !important
}

.w-100 {
    width: 100% !important
}

.h-100 {
    height: 100% !important
}

.w-auto {
    width: auto !important
}

.h-auto {
    height: auto !important
}

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

.h-25 {
    height: 25% !important
}

.w-33 {
    width: 33.33% !important
}

.h-33 {
    height: 33.33% !important
}

.w-66 {
    width: 66.66% !important
}

.h-66 {
    height: 66.66% !important
}

.mw-100 {
    max-width: 100% !important
}

.mw-50 {
    max-width: 50% !important
}

.mw-25 {
    max-width: 25% !important
}

.mw-1000-px {
    max-width: 1000px !important
}

.text-xs {
    font-size: .75rem !important
}

.text-sm {
    font-size: .875rem !important
}

.text-base {
    font-size: 1rem !important
}

.text-lg {
    font-size: 1.125rem !important
}

.text-xl {
    font-size: 1.25rem !important
}

.text-2xl {
    font-size: 1.5rem !important
}

.text-3xl {
    font-size: 1.875rem !important
}

.text-4xl {
    font-size: 2.25rem !important
}

.text-5xl {
    font-size: 3rem !important
}

.text-primary {
    color: var(--primary) !important
}

.box-border-box {
    box-sizing: border-box !important
}

.box-content-box {
    box-sizing: content-box !important
}

.mr-sm-3 {
    @media screen and (min-width: 768px) {
        margin-right: 12px !important;
    }
}

.mb-sm-0 {
    @media screen and (min-width: 768px) {
        margin-bottom: 0 !important;
    }
}