*,
::before,
::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    overflow-x: hidden;
}

body {
    margin: 0;
    line-height: inherit;
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 0.063rem;
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}


/*======================================
Container
======================================*/

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.container-fullwidth {
    max-width: calc(100% - 60px);
    margin-right: auto;
    margin-left: auto;
}


/*Extra Small Devices, less than 425px*/

@media (max-width: 424.98px) {
    .container {
        max-width: calc(100% - 1.25rem);
    }
    .container-fullwidth {
        max-width: calc(100% - 1.25rem);
    }
}


/*Small Devices, 425px to 768px*/

@media (min-width: 425px) and (max-width: 767.98px) {
    .container {
        max-width: calc(100% - 2.375rem);
    }
    .container-fullwidth {
        max-width: calc(100% - 2.5rem);
    }
}


/*Medium Devices, 768px to 992px*/

@media (min-width: 768px) and (max-width: 991.98px) {
    .container {
        max-width: calc(100% - 2rem);
    }
    .container-fullwidth {
        max-width: calc(100% - 2.5rem);
    }
}


/*Large Devices, 992px to 1200px*/

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container {
        max-width: calc(100% - 3.75rem);
    }
    .container-fullwidth {
        max-width: calc(100% - 2.5rem);
    }
}


/*Extra large Devices, 1200px to 1542px*/

@media (min-width: 1200px) and (max-width: 1541.98px) {
    .container {
        max-width: calc(100% - 6.25rem);
    }
}


/*2xl Devices, 1542px and up*/

@media (min-width: 1542px) {
    .container {
        max-width: 96.375rem;
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.938rem;
    margin-left: -0.938rem;
}

.row>* {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 0.938rem;
}


/*======================================
Column
======================================*/

.col {
    flex: 1 0 0%;
}

.col-1 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 1);
}

.col-2 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 2);
}

.col-3 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 3);
}

.col-4 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 4);
}

.col-5 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 5);
}

.col-6 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 6);
}

.col-7 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 7);
}

.col-8 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 8);
}

.col-9 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 9);
}

.col-10 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 10);
}

.col-11 {
    flex: 0 0 auto;
    width: calc(100% / 12 * 11);
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}


/*======================================
5 Column pattern
======================================*/

.col-1of5 {
    flex: 0 0 auto;
    width: calc(100% / 5 * 1);
}

.col-2of5 {
    flex: 0 0 auto;
    width: calc(100% / 5 * 2);
}

.col-3of5 {
    flex: 0 0 auto;
    width: calc(100% / 5 * 3);
}

.col-4of5 {
    flex: 0 0 auto;
    width: calc(100% / 5 * 4);
}

.col-5of5 {
    flex: 0 0 auto;
    width: 100%;
}


/*======================================
7 Column pattern
======================================*/

.col-1of7 {
    flex: 0 0 auto;
    width: calc(100% / 7 * 1);
}

.col-2of7 {
    flex: 0 0 auto;
    width: calc(100% / 7 * 2);
}

.col-3of7 {
    flex: 0 0 auto;
    width: calc(100% / 7 * 3);
}

.col-4of7 {
    flex: 0 0 auto;
    width: calc(100% / 7 * 4);
}

.col-5of7 {
    flex: 0 0 auto;
    width: calc(100% / 7 * 5);
}

.col-6of7 {
    flex: 0 0 auto;
    width: calc(100% / 7 * 6);
}

.col-7of7 {
    flex: 0 0 auto;
    width: 100%;
}


/*======================================
8 Column pattern
======================================*/

.col-1of8 {
    flex: 0 0 auto;
    width: calc(100% / 8 * 1);
}

.col-2of8 {
    flex: 0 0 auto;
    width: calc(100% / 8 * 2);
}

.col-3of8 {
    flex: 0 0 auto;
    width: calc(100% / 8 * 3);
}

.col-4of8 {
    flex: 0 0 auto;
    width: calc(100% / 8 * 4);
}

.col-5of8 {
    flex: 0 0 auto;
    width: calc(100% / 8 * 5);
}

.col-6of8 {
    flex: 0 0 auto;
    width: calc(100% / 8 * 6);
}

.col-7of8 {
    flex: 0 0 auto;
    width: calc(100% / 8 * 7);
}

.col-8of8 {
    flex: 0 0 auto;
    width: 100%;
}


/*======================================
Offset
======================================*/

.offset-1 {
    margin-left: calc(100% / 12 * 1);
}

.offset-2 {
    margin-left: calc(100% / 12 * 2);
}

.offset-3 {
    margin-left: calc(100% / 12 * 3);
}

.offset-4 {
    margin-left: calc(100% / 12 * 4);
}

.offset-5 {
    margin-left: calc(100% / 12 * 5);
}

.offset-6 {
    margin-left: calc(100% / 12 * 6);
}

.offset-7 {
    margin-left: calc(100% / 12 * 7);
}

.offset-8 {
    margin-left: calc(100% / 12 * 8);
}

.offset-9 {
    margin-left: calc(100% / 12 * 9);
}

.offset-10 {
    margin-left: calc(100% / 12 * 10);
}

.offset-11 {
    margin-left: calc(100% / 12 * 11);
}


/*========
Display
=========*/

.d-block {
    display: block;
}

.d-none {
    display: none;
}


/*============
Flex Order
=============*/

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}


/* =======================
    Padding
========================*/

.p-0 {
    padding: 0;
}

.p-10 {
    padding: 0.625rem;
}

.p-15 {
    padding: 0.9375rem;
}

.p-20 {
    padding: 1.25rem;
}

.p-30 {
    padding: 1.875rem;
}

.p-40 {
    padding: 2.5rem;
}

.p-50 {
    padding: 3.125rem;
}

.p-60 {
    padding: 3.75rem;
}

.p-70 {
    padding: 4.375rem;
}

.p-80 {
    padding: 5rem;
}

.p-90 {
    padding: 5.625rem;
}

.p-100 {
    padding: 6.25rem;
}


/* =======================
      Padding x-axis
  ========================*/

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

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

.px-15 {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

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

.px-30 {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}

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

.px-50 {
    padding-right: 3.125rem;
    padding-left: 3.125rem;
}

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

.px-70 {
    padding-right: 4.375rem;
    padding-left: 4.375rem;
}

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

.px-90 {
    padding-right: 5.625rem;
    padding-left: 5.625rem;
}

.px-100 {
    padding-right: 6.25rem;
    padding-left: 6.25rem;
}


/* =======================
      Padding y-axis
  ========================*/

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

.py-10 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-15 {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}

.py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-30 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}

.py-40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-50 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}

.py-60 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.py-70 {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
}

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

.py-90 {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
}

.py-100 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}


/* =======================
      Padding Left
  ========================*/

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

.pl-10 {
    padding-left: 0.625rem;
}

.pl-15 {
    padding-left: 0.9375rem;
}

.pl-20 {
    padding-left: 1.25rem;
}

.pl-30 {
    padding-left: 1.875rem;
}

.pl-40 {
    padding-left: 2.5rem;
}

.pl-50 {
    padding-left: 3.125rem;
}

.pl-60 {
    padding-left: 3.75rem;
}

.pl-70 {
    padding-left: 4.375rem;
}

.pl-80 {
    padding-left: 5rem;
}

.pl-90 {
    padding-left: 5.625rem;
}

.pl-100 {
    padding-left: 6.25rem;
}


/* =======================
      Padding right
  ========================*/

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

.pr-10 {
    padding-right: 0.625rem;
}

.pr-15 {
    padding-right: 0.9375rem;
}

.pr-20 {
    padding-right: 1.25rem;
}

.pr-30 {
    padding-right: 1.875rem;
}

.pr-40 {
    padding-right: 2.5rem;
}

.pr-50 {
    padding-right: 3.125rem;
}

.pr-60 {
    padding-right: 3.75rem;
}

.pr-70 {
    padding-right: 4.375rem;
}

.pr-80 {
    padding-right: 5rem;
}

.pr-90 {
    padding-right: 5.625rem;
}

.pr-100 {
    padding-right: 6.25rem;
}


/* =======================
      Padding top
  ========================*/

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

.pt-10 {
    padding-top: 0.625rem;
}

.pt-15 {
    padding-top: 0.9375rem;
}

.pt-20 {
    padding-top: 1.25rem;
}

.pt-30 {
    padding-top: 1.875rem;
}

.pt-40 {
    padding-top: 2.5rem;
}

.pt-50 {
    padding-top: 3.125rem;
}

.pt-60 {
    padding-top: 3.75rem;
}

.pt-70 {
    padding-top: 4.375rem;
}

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

.pt-90 {
    padding-top: 5.625rem;
}

.pt-100 {
    padding-top: 6.25rem;
}


/* =======================
      Padding bottom
  ========================*/

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

.pb-10 {
    padding-bottom: 0.625rem;
}

.pb-15 {
    padding-bottom: 0.9375rem;
}

.pb-20 {
    padding-bottom: 1.25rem;
}

.pb-30 {
    padding-bottom: 1.875rem;
}

.pb-40 {
    padding-bottom: 2.5rem;
}

.pb-50 {
    padding-bottom: 3.125rem;
}

.pb-60 {
    padding-bottom: 3.75rem;
}

.pb-70 {
    padding-bottom: 4.375rem;
}

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

.pb-90 {
    padding-bottom: 5.625rem;
}

.pb-100 {
    padding-bottom: 6.25rem;
}


/* =======================
    margin
========================*/

.m-0 {
    margin: 0;
}

.m-10 {
    margin: 0.625rem;
}

.m-15 {
    margin: 0.9375rem;
}

.m-20 {
    margin: 1.25rem;
}

.m-30 {
    margin: 1.875rem;
}

.m-40 {
    margin: 2.5rem;
}

.m-50 {
    margin: 3.125rem;
}

.m-60 {
    margin: 3.75rem;
}

.m70 {
    margin: 4.375rem;
}

.m-80 {
    margin: 5rem;
}

.m-90 {
    margin: 5.625rem;
}

.m-100 {
    margin: 6.25rem;
}


/* =======================
      margin x-axis
  ========================*/

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

.mx-10 {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
}

.mx-15 {
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
}

.mx-20 {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
}

.mx-30 {
    margin-right: 1.875rem;
    margin-left: 1.875rem;
}

.mx-40 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
}

.mx-50 {
    margin-right: 3.125rem;
    margin-left: 3.125rem;
}

.mx-60 {
    margin-right: 3.75rem;
    margin-left: 3.75rem;
}

.mx-70 {
    margin-right: 4.375rem;
    margin-left: 4.375rem;
}

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

.mx-90 {
    margin-right: 5.625rem;
    margin-left: 5.625rem;
}

.mx-100 {
    margin-right: 6.25rem;
    margin-left: 6.25rem;
}


/* =======================
      margin y-axis
  ========================*/

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

.my-10 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.my-15 {
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.my-20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.my-30 {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.my-40 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.my-50 {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
}

.my-60 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
}

.my-70 {
    margin-top: 4.375rem;
    margin-bottom: 4.375rem;
}

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

.my-90 {
    margin-top: 5.625rem;
    margin-bottom: 5.625rem;
}

.my-100 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
}


/* =======================
      margin Left
  ========================*/

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

.ml-10 {
    margin-left: 0.625rem;
}

.ml-15 {
    margin-left: 0.9375rem;
}

.ml-20 {
    margin-left: 1.25rem;
}

.ml-30 {
    margin-left: 1.875rem;
}

.ml-40 {
    margin-left: 2.5rem;
}

.ml-50 {
    margin-left: 3.125rem;
}

.ml-60 {
    margin-left: 3.75rem;
}

.ml-70 {
    margin-left: 4.375rem;
}

.ml-80 {
    margin-left: 5rem;
}

.ml-90 {
    margin-left: 5.625rem;
}

.ml-100 {
    margin-left: 6.25rem;
}


/* =======================
      margin right
  ========================*/

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

.mr-10 {
    margin-right: 0.625rem;
}

.mr-15 {
    margin-right: 0.9375rem;
}

.mr-20 {
    margin-right: 1.25rem;
}

.mr-30 {
    margin-right: 1.875rem;
}

.mr-40 {
    margin-right: 2.5rem;
}

.mr-50 {
    margin-right: 3.125rem;
}

.mr-60 {
    margin-right: 3.75rem;
}

.mr-70 {
    margin-right: 4.375rem;
}

.mr-80 {
    margin-right: 5rem;
}

.mr-90 {
    margin-right: 5.625rem;
}

.mr-100 {
    margin-right: 6.25rem;
}


/* =======================
      margin top
  ========================*/

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

.mt-10 {
    margin-top: 0.625rem;
}

.mt-15 {
    margin-top: 0.9375rem;
}

.mt-20 {
    margin-top: 1.25rem;
}

.mt-30 {
    margin-top: 1.875rem;
}

.mt-40 {
    margin-top: 2.5rem;
}

.mt-50 {
    margin-top: 3.125rem;
}

.mt-60 {
    margin-top: 3.75rem;
}

.mt-70 {
    margin-top: 4.375rem;
}

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

.mt-90 {
    margin-top: 5.625rem;
}

.mt-100 {
    margin-top: 6.25rem;
}


/* =======================
      margin bottom
  ========================*/

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

.mb-10 {
    margin-bottom: 0.625rem;
}

.mb-15 {
    margin-bottom: 0.9375rem;
}

.mb-20 {
    margin-bottom: 1.25rem;
}

.mb-30 {
    margin-bottom: 1.875rem;
}

.mb-40 {
    margin-bottom: 2.5rem;
}

.mb-50 {
    margin-bottom: 3.125rem;
}

.mb-60 {
    margin-bottom: 3.75rem;
}

.mb-70 {
    margin-bottom: 4.375rem;
}

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

.mb-90 {
    margin-bottom: 5.625rem;
}

.mb-100 {
    margin-bottom: 6.25rem;
}


/*Extra Small Devices, less than 425px*/

@media (max-width: 424.98px) {
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-1 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 1);
    }
    .col-xs-2 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 2);
    }
    .col-xs-3 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 3);
    }
    .col-xs-4 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 4);
    }
    .col-xs-5 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 5);
    }
    .col-xs-6 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 6);
    }
    .col-xs-7 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 7);
    }
    .col-xs-8 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 8);
    }
    .col-xs-9 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 9);
    }
    .col-xs-10 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 10);
    }
    .col-xs-11 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 11);
    }
    .col-xs-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    5 Column pattern
    ======================================*/
    .col-xs-1of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 1);
    }
    .col-xs-2of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 2);
    }
    .col-xs-3of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 3);
    }
    .col-xs-4of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 4);
    }
    .col-xs-5of5 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    7 Column pattern
    ======================================*/
    .col-xs-1of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 1);
    }
    .col-xs-2of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 2);
    }
    .col-xs-3of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 3);
    }
    .col-xs-4of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 4);
    }
    .col-xs-5of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 5);
    }
    .col-xs-6of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 6);
    }
    .col-xs-7of7 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    8 Column pattern
    ======================================*/
    .col-xs-1of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 1);
    }
    .col-xs-2of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 2);
    }
    .col-xs-3of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 3);
    }
    .col-xs-4of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 4);
    }
    .col-xs-5of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 5);
    }
    .col-xs-6of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 6);
    }
    .col-xs-7of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 7);
    }
    .col-xs-8of8 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*==================
    Display
    ===================*/
    .d-xs-block {
        display: block;
    }
    .d-xs-none {
        display: none;
    }
    /*=====================
    Flex Order
    ======================*/
    .order-xs-0 {
        order: 0;
    }
    .order-xs-1 {
        order: 1;
    }
    .order-xs-2 {
        order: 2;
    }
    .order-xs-3 {
        order: 3;
    }
    .order-xs-4 {
        order: 4;
    }
    .order-xs-5 {
        order: 5;
    }
    .order-xs-6 {
        order: 6;
    }
    .order-xs-7 {
        order: 7;
    }
    .order-xs-8 {
        order: 8;
    }
    .order-xs-9 {
        order: 9;
    }
    .order-xs-10 {
        order: 10;
    }
    /* =======================
        Padding
    ========================*/
    .p-xs-0 {
        padding: 0;
    }
    .p-xs-10 {
        padding: 0.625rem;
    }
    .p-xs-15 {
        padding: 0.9375rem;
    }
    .p-xs-20 {
        padding: 1.25rem;
    }
    .p-xs-30 {
        padding: 1.875rem;
    }
    .p-xs-40 {
        padding: 2.5rem;
    }
    .p-xs-50 {
        padding: 3.125rem;
    }
    .p-xs-60 {
        padding: 3.75rem;
    }
    .p-xs-70 {
        padding: 4.375rem;
    }
    .p-xs-80 {
        padding: 5rem;
    }
    .p-xs-90 {
        padding: 5.625rem;
    }
    .p-xs-100 {
        padding: 6.25rem;
    }
    /* =======================
        Padding x-axis
    ========================*/
    .px-xs-0 {
        padding-right: 0;
        padding-left: 0;
    }
    .px-xs-10 {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
    .px-xs-15 {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .px-xs-20 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
    .px-xs-30 {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
    .px-xs-40 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
    .px-xs-50 {
        padding-right: 3.125rem;
        padding-left: 3.125rem;
    }
    .px-xs-60 {
        padding-right: 3.75rem;
        padding-left: 3.75rem;
    }
    .px-xs-70 {
        padding-right: 4.375rem;
        padding-left: 4.375rem;
    }
    .px-xs-80 {
        padding-right: 5rem;
        padding-left: 5rem;
    }
    .px-xs-90 {
        padding-right: 5.625rem;
        padding-left: 5.625rem;
    }
    .px-xs-100 {
        padding-right: 6.25rem;
        padding-left: 6.25rem;
    }
    /* =======================
        Padding y-axis
    ========================*/
    .py-xs-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .py-xs-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .py-xs-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
    .py-xs-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .py-xs-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }
    .py-xs-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .py-xs-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
    .py-xs-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .py-xs-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }
    .py-xs-80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .py-xs-90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }
    .py-xs-100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    /* =======================
        Padding Left
    ========================*/
    .pl-xs-0 {
        padding-left: 0;
    }
    .pl-xs-10 {
        padding-left: 0.625rem;
    }
    .pl-xs-15 {
        padding-left: 0.9375rem;
    }
    .pl-xs-20 {
        padding-left: 1.25rem;
    }
    .pl-xs-30 {
        padding-left: 1.875rem;
    }
    .pl-xs-40 {
        padding-left: 2.5rem;
    }
    .pl-xs-50 {
        padding-left: 3.125rem;
    }
    .pl-xs-60 {
        padding-left: 3.75rem;
    }
    .pl-xs-70 {
        padding-left: 4.375rem;
    }
    .pl-xs-80 {
        padding-left: 5rem;
    }
    .pl-xs-90 {
        padding-left: 5.625rem;
    }
    .pl-xs-100 {
        padding-left: 6.25rem;
    }
    /* =======================
        Padding right
    ========================*/
    .pr-xs-0 {
        padding-right: 0;
    }
    .pr-xs-10 {
        padding-right: 0.625rem;
    }
    .pr-xs-15 {
        padding-right: 0.9375rem;
    }
    .pr-xs-20 {
        padding-right: 1.25rem;
    }
    .pr-xs-30 {
        padding-right: 1.875rem;
    }
    .pr-xs-40 {
        padding-right: 2.5rem;
    }
    .pr-xs-50 {
        padding-right: 3.125rem;
    }
    .pr-xs-60 {
        padding-right: 3.75rem;
    }
    .pr-xs-70 {
        padding-right: 4.375rem;
    }
    .pr-xs-80 {
        padding-right: 5rem;
    }
    .pr-xs-90 {
        padding-right: 5.625rem;
    }
    .pr-xs-100 {
        padding-right: 6.25rem;
    }
    /* =======================
        Padding top
    ========================*/
    .pt-xs-0 {
        padding-top: 0;
    }
    .pt-xs-10 {
        padding-top: 0.625rem;
    }
    .pt-xs-15 {
        padding-top: 0.9375rem;
    }
    .pt-xs-20 {
        padding-top: 1.25rem;
    }
    .pt-xs-30 {
        padding-top: 1.875rem;
    }
    .pt-xs-40 {
        padding-top: 2.5rem;
    }
    .pt-xs-50 {
        padding-top: 3.125rem;
    }
    .pt-xs-60 {
        padding-top: 3.75rem;
    }
    .pt-xs-70 {
        padding-top: 4.375rem;
    }
    .pt-xs-80 {
        padding-top: 5rem;
    }
    .pt-xs-90 {
        padding-top: 5.625rem;
    }
    .pt-xs-100 {
        padding-top: 6.25rem;
    }
    /* =======================
        Padding bottom
    ========================*/
    .pb-xs-0 {
        padding-bottom: 0;
    }
    .pb-xs-10 {
        padding-bottom: 0.625rem;
    }
    .pb-xs-15 {
        padding-bottom: 0.9375rem;
    }
    .pb-xs-20 {
        padding-bottom: 1.25rem;
    }
    .pb-xs-30 {
        padding-bottom: 1.875rem;
    }
    .pb-xs-40 {
        padding-bottom: 2.5rem;
    }
    .pb-xs-50 {
        padding-bottom: 3.125rem;
    }
    .pb-xs-60 {
        padding-bottom: 3.75rem;
    }
    .pb-xs-70 {
        padding-bottom: 4.375rem;
    }
    .pb-xs-80 {
        padding-bottom: 5rem;
    }
    .pb-xs-90 {
        padding-bottom: 5.625rem;
    }
    .pb-xs-100 {
        padding-bottom: 6.25rem;
    }
    /* =======================
        margin
    ========================*/
    .m-xs-0 {
        margin: 0;
    }
    .m-xs-10 {
        margin: 0.625rem;
    }
    .m-xs-15 {
        margin: 0.9375rem;
    }
    .m-xs-20 {
        margin: 1.25rem;
    }
    .m-xs-30 {
        margin: 1.875rem;
    }
    .m-xs-40 {
        margin: 2.5rem;
    }
    .m-xs-50 {
        margin: 3.125rem;
    }
    .m-xs-60 {
        margin: 3.75rem;
    }
    .m-xs70 {
        margin: 4.375rem;
    }
    .m-xs-80 {
        margin: 5rem;
    }
    .m-xs-90 {
        margin: 5.625rem;
    }
    .m-xs-100 {
        margin: 6.25rem;
    }
    /* =======================
        margin x-axis
    ========================*/
    .mx-xs-0 {
        margin-right: 0;
        margin-left: 0;
    }
    .mx-xs-10 {
        margin-right: 0.625rem;
        margin-left: 0.625rem;
    }
    .mx-xs-15 {
        margin-right: 0.9375rem;
        margin-left: 0.9375rem;
    }
    .mx-xs-20 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }
    .mx-xs-30 {
        margin-right: 1.875rem;
        margin-left: 1.875rem;
    }
    .mx-xs-40 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
    .mx-xs-50 {
        margin-right: 3.125rem;
        margin-left: 3.125rem;
    }
    .mx-xs-60 {
        margin-right: 3.75rem;
        margin-left: 3.75rem;
    }
    .mx-xs-70 {
        margin-right: 4.375rem;
        margin-left: 4.375rem;
    }
    .mx-xs-80 {
        margin-right: 5rem;
        margin-left: 5rem;
    }
    .mx-xs-90 {
        margin-right: 5.625rem;
        margin-left: 5.625rem;
    }
    .mx-xs-100 {
        margin-right: 6.25rem;
        margin-left: 6.25rem;
    }
    /* =======================
        margin y-axis
    ========================*/
    .my-xs-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-xs-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .my-xs-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
    .my-xs-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .my-xs-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }
    .my-xs-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .my-xs-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }
    .my-xs-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
    .my-xs-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }
    .my-xs-80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .my-xs-90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }
    .my-xs-100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }
    /* =======================
        margin Left
    ========================*/
    .ml-xs-0 {
        margin-left: 0;
    }
    .ml-xs-10 {
        margin-left: 0.625rem;
    }
    .ml-xs-15 {
        margin-left: 0.9375rem;
    }
    .ml-xs-20 {
        margin-left: 1.25rem;
    }
    .ml-xs-30 {
        margin-left: 1.875rem;
    }
    .ml-xs-40 {
        margin-left: 2.5rem;
    }
    .ml-xs-50 {
        margin-left: 3.125rem;
    }
    .ml-xs-60 {
        margin-left: 3.75rem;
    }
    .ml-xs-70 {
        margin-left: 4.375rem;
    }
    .ml-xs-80 {
        margin-left: 5rem;
    }
    .ml-xs-90 {
        margin-left: 5.625rem;
    }
    .ml-xs-100 {
        margin-left: 6.25rem;
    }
    /* =======================
        margin right
    ========================*/
    .mr-xs-0 {
        margin-right: 0;
    }
    .mr-xs-10 {
        margin-right: 0.625rem;
    }
    .mr-xs-15 {
        margin-right: 0.9375rem;
    }
    .mr-xs-20 {
        margin-right: 1.25rem;
    }
    .mr-xs-30 {
        margin-right: 1.875rem;
    }
    .mr-xs-40 {
        margin-right: 2.5rem;
    }
    .mr-xs-50 {
        margin-right: 3.125rem;
    }
    .mr-xs-60 {
        margin-right: 3.75rem;
    }
    .mr-xs-70 {
        margin-right: 4.375rem;
    }
    .mr-xs-80 {
        margin-right: 5rem;
    }
    .mr-xs-90 {
        margin-right: 5.625rem;
    }
    .mr-xs-100 {
        margin-right: 6.25rem;
    }
    /* =======================
        margin top
    ========================*/
    .mt-xs-0 {
        margin-top: 0;
    }
    .mt-xs-10 {
        margin-top: 0.625rem;
    }
    .mt-xs-15 {
        margin-top: 0.9375rem;
    }
    .mt-xs-20 {
        margin-top: 1.25rem;
    }
    .mt-xs-30 {
        margin-top: 1.875rem;
    }
    .mt-xs-40 {
        margin-top: 2.5rem;
    }
    .mt-xs-50 {
        margin-top: 3.125rem;
    }
    .mt-xs-60 {
        margin-top: 3.75rem;
    }
    .mt-xs-70 {
        margin-top: 4.375rem;
    }
    .mt-xs-80 {
        margin-top: 5rem;
    }
    .mt-xs-90 {
        margin-top: 5.625rem;
    }
    .mt-xs-100 {
        margin-top: 6.25rem;
    }
    /* =======================
        margin bottom
    ========================*/
    .mb-xs-0 {
        margin-bottom: 0;
    }
    .mb-xs-10 {
        margin-bottom: 0.625rem;
    }
    .mb-xs-15 {
        margin-bottom: 0.9375rem;
    }
    .mb-xs-20 {
        margin-bottom: 1.25rem;
    }
    .mb-xs-30 {
        margin-bottom: 1.875rem;
    }
    .mb-xs-40 {
        margin-bottom: 2.5rem;
    }
    .mb-xs-50 {
        margin-bottom: 3.125rem;
    }
    .mb-xs-60 {
        margin-bottom: 3.75rem;
    }
    .mb-xs-70 {
        margin-bottom: 4.375rem;
    }
    .mb-xs-80 {
        margin-bottom: 5rem;
    }
    .mb-xs-90 {
        margin-bottom: 5.625rem;
    }
    .mb-xs-100 {
        margin-bottom: 6.25rem;
    }
}


/*Small Devices, 425px to 768px*/

@media (min-width: 425px) {
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 1);
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 2);
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 3);
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 4);
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 5);
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 6);
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 7);
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 8);
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 9);
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 10);
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 11);
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    5 Column pattern
    ======================================*/
    .col-sm-1of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 1);
    }
    .col-sm-2of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 2);
    }
    .col-sm-3of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 3);
    }
    .col-sm-4of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 4);
    }
    .col-sm-5of5 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    7 Column pattern
    ======================================*/
    .col-sm-1of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 1);
    }
    .col-sm-2of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 2);
    }
    .col-sm-3of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 3);
    }
    .col-sm-4of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 4);
    }
    .col-sm-5of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 5);
    }
    .col-sm-6of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 6);
    }
    .col-sm-7of7 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    8 Column pattern
    ======================================*/
    .col-sm-1of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 1);
    }
    .col-sm-2of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 2);
    }
    .col-sm-3of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 3);
    }
    .col-sm-4of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 4);
    }
    .col-sm-5of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 5);
    }
    .col-sm-6of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 6);
    }
    .col-sm-7of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 7);
    }
    .col-sm-8of8 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    Offset
    ======================================*/
    .offset-sm-1 {
        margin-left: calc(100% / 12 * 1);
    }
    .offset-sm-2 {
        margin-left: calc(100% / 12 * 2);
    }
    .offset-sm-3 {
        margin-left: calc(100% / 12 * 3);
    }
    .offset-sm-4 {
        margin-left: calc(100% / 12 * 4);
    }
    .offset-sm-5 {
        margin-left: calc(100% / 12 * 5);
    }
    .offset-sm-6 {
        margin-left: calc(100% / 12 * 6);
    }
    .offset-sm-7 {
        margin-left: calc(100% / 12 * 7);
    }
    .offset-sm-8 {
        margin-left: calc(100% / 12 * 8);
    }
    .offset-sm-9 {
        margin-left: calc(100% / 12 * 9);
    }
    .offset-sm-10 {
        margin-left: calc(100% / 12 * 10);
    }
    .offset-sm-11 {
        margin-left: calc(100% / 12 * 11);
    }
    /*================
    Display
    ==================*/
    .d-sm-block {
        display: block;
    }
    .d-sm-none {
        display: none;
    }
    /*=====================
    Flex Order
    ======================*/
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    /* =======================
        Padding
    ========================*/
    .p-sm-0 {
        padding: 0;
    }
    .p-sm-10 {
        padding: 0.625rem;
    }
    .p-sm-15 {
        padding: 0.9375rem;
    }
    .p-sm-20 {
        padding: 1.25rem;
    }
    .p-sm-30 {
        padding: 1.875rem;
    }
    .p-sm-40 {
        padding: 2.5rem;
    }
    .p-sm-50 {
        padding: 3.125rem;
    }
    .p-sm-60 {
        padding: 3.75rem;
    }
    .p-sm-70 {
        padding: 4.375rem;
    }
    .p-sm-80 {
        padding: 5rem;
    }
    .p-sm-90 {
        padding: 5.625rem;
    }
    .p-sm-100 {
        padding: 6.25rem;
    }
    /* =======================
        Padding x-axis
    ========================*/
    .px-sm-0 {
        padding-right: 0;
        padding-left: 0;
    }
    .px-sm-10 {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
    .px-sm-15 {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .px-sm-20 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
    .px-sm-30 {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
    .px-sm-40 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
    .px-sm-50 {
        padding-right: 3.125rem;
        padding-left: 3.125rem;
    }
    .px-sm-60 {
        padding-right: 3.75rem;
        padding-left: 3.75rem;
    }
    .px-sm-70 {
        padding-right: 4.375rem;
        padding-left: 4.375rem;
    }
    .px-sm-80 {
        padding-right: 5rem;
        padding-left: 5rem;
    }
    .px-sm-90 {
        padding-right: 5.625rem;
        padding-left: 5.625rem;
    }
    .px-sm-100 {
        padding-right: 6.25rem;
        padding-left: 6.25rem;
    }
    /* =======================
        Padding y-axis
    ========================*/
    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .py-sm-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .py-sm-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
    .py-sm-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .py-sm-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }
    .py-sm-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .py-sm-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
    .py-sm-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .py-sm-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }
    .py-sm-80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .py-sm-90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }
    .py-sm-100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    /* =======================
        Padding Left
    ========================*/
    .pl-sm-0 {
        padding-left: 0;
    }
    .pl-sm-10 {
        padding-left: 0.625rem;
    }
    .pl-sm-15 {
        padding-left: 0.9375rem;
    }
    .pl-sm-20 {
        padding-left: 1.25rem;
    }
    .pl-sm-30 {
        padding-left: 1.875rem;
    }
    .pl-sm-40 {
        padding-left: 2.5rem;
    }
    .pl-sm-50 {
        padding-left: 3.125rem;
    }
    .pl-sm-60 {
        padding-left: 3.75rem;
    }
    .pl-sm-70 {
        padding-left: 4.375rem;
    }
    .pl-sm-80 {
        padding-left: 5rem;
    }
    .pl-sm-90 {
        padding-left: 5.625rem;
    }
    .pl-sm-100 {
        padding-left: 6.25rem;
    }
    /* =======================
        Padding right
    ========================*/
    .pr-sm-0 {
        padding-right: 0;
    }
    .pr-sm-10 {
        padding-right: 0.625rem;
    }
    .pr-sm-15 {
        padding-right: 0.9375rem;
    }
    .pr-sm-20 {
        padding-right: 1.25rem;
    }
    .pr-sm-30 {
        padding-right: 1.875rem;
    }
    .pr-sm-40 {
        padding-right: 2.5rem;
    }
    .pr-sm-50 {
        padding-right: 3.125rem;
    }
    .pr-sm-60 {
        padding-right: 3.75rem;
    }
    .pr-sm-70 {
        padding-right: 4.375rem;
    }
    .pr-sm-80 {
        padding-right: 5rem;
    }
    .pr-sm-90 {
        padding-right: 5.625rem;
    }
    .pr-sm-100 {
        padding-right: 6.25rem;
    }
    /* =======================
        Padding top
    ========================*/
    .pt-sm-0 {
        padding-top: 0;
    }
    .pt-sm-10 {
        padding-top: 0.625rem;
    }
    .pt-sm-15 {
        padding-top: 0.9375rem;
    }
    .pt-sm-20 {
        padding-top: 1.25rem;
    }
    .pt-sm-30 {
        padding-top: 1.875rem;
    }
    .pt-sm-40 {
        padding-top: 2.5rem;
    }
    .pt-sm-50 {
        padding-top: 3.125rem;
    }
    .pt-sm-60 {
        padding-top: 3.75rem;
    }
    .pt-sm-70 {
        padding-top: 4.375rem;
    }
    .pt-sm-80 {
        padding-top: 5rem;
    }
    .pt-sm-90 {
        padding-top: 5.625rem;
    }
    .pt-sm-100 {
        padding-top: 6.25rem;
    }
    /* =======================
        Padding bottom
    ========================*/
    .pb-sm-0 {
        padding-bottom: 0;
    }
    .pb-sm-10 {
        padding-bottom: 0.625rem;
    }
    .pb-sm-15 {
        padding-bottom: 0.9375rem;
    }
    .pb-sm-20 {
        padding-bottom: 1.25rem;
    }
    .pb-sm-30 {
        padding-bottom: 1.875rem;
    }
    .pb-sm-40 {
        padding-bottom: 2.5rem;
    }
    .pb-sm-50 {
        padding-bottom: 3.125rem;
    }
    .pb-sm-60 {
        padding-bottom: 3.75rem;
    }
    .pb-sm-70 {
        padding-bottom: 4.375rem;
    }
    .pb-sm-80 {
        padding-bottom: 5rem;
    }
    .pb-sm-90 {
        padding-bottom: 5.625rem;
    }
    .pb-sm-100 {
        padding-bottom: 6.25rem;
    }
    /* =======================
        margin
    ========================*/
    .m-sm-0 {
        margin: 0;
    }
    .m-sm-10 {
        margin: 0.625rem;
    }
    .m-sm-15 {
        margin: 0.9375rem;
    }
    .m-sm-20 {
        margin: 1.25rem;
    }
    .m-sm-30 {
        margin: 1.875rem;
    }
    .m-sm-40 {
        margin: 2.5rem;
    }
    .m-sm-50 {
        margin: 3.125rem;
    }
    .m-sm-60 {
        margin: 3.75rem;
    }
    .m-sm70 {
        margin: 4.375rem;
    }
    .m-sm-80 {
        margin: 5rem;
    }
    .m-sm-90 {
        margin: 5.625rem;
    }
    .m-sm-100 {
        margin: 6.25rem;
    }
    /* =======================
        margin x-axis
    ========================*/
    .mx-sm-0 {
        margin-right: 0;
        margin-left: 0;
    }
    .mx-sm-10 {
        margin-right: 0.625rem;
        margin-left: 0.625rem;
    }
    .mx-sm-15 {
        margin-right: 0.9375rem;
        margin-left: 0.9375rem;
    }
    .mx-sm-20 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }
    .mx-sm-30 {
        margin-right: 1.875rem;
        margin-left: 1.875rem;
    }
    .mx-sm-40 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
    .mx-sm-50 {
        margin-right: 3.125rem;
        margin-left: 3.125rem;
    }
    .mx-sm-60 {
        margin-right: 3.75rem;
        margin-left: 3.75rem;
    }
    .mx-sm-70 {
        margin-right: 4.375rem;
        margin-left: 4.375rem;
    }
    .mx-sm-80 {
        margin-right: 5rem;
        margin-left: 5rem;
    }
    .mx-sm-90 {
        margin-right: 5.625rem;
        margin-left: 5.625rem;
    }
    .mx-sm-100 {
        margin-right: 6.25rem;
        margin-left: 6.25rem;
    }
    /* =======================
        margin y-axis
    ========================*/
    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-sm-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .my-sm-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
    .my-sm-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .my-sm-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }
    .my-sm-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .my-sm-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }
    .my-sm-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
    .my-sm-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }
    .my-sm-80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .my-sm-90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }
    .my-sm-100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }
    /* =======================
        margin Left
    ========================*/
    .ml-sm-0 {
        margin-left: 0;
    }
    .ml-sm-10 {
        margin-left: 0.625rem;
    }
    .ml-sm-15 {
        margin-left: 0.9375rem;
    }
    .ml-sm-20 {
        margin-left: 1.25rem;
    }
    .ml-sm-30 {
        margin-left: 1.875rem;
    }
    .ml-sm-40 {
        margin-left: 2.5rem;
    }
    .ml-sm-50 {
        margin-left: 3.125rem;
    }
    .ml-sm-60 {
        margin-left: 3.75rem;
    }
    .ml-sm-70 {
        margin-left: 4.375rem;
    }
    .ml-sm-80 {
        margin-left: 5rem;
    }
    .ml-sm-90 {
        margin-left: 5.625rem;
    }
    .ml-sm-100 {
        margin-left: 6.25rem;
    }
    /* =======================
        margin right
    ========================*/
    .mr-sm-0 {
        margin-right: 0;
    }
    .mr-sm-10 {
        margin-right: 0.625rem;
    }
    .mr-sm-15 {
        margin-right: 0.9375rem;
    }
    .mr-sm-20 {
        margin-right: 1.25rem;
    }
    .mr-sm-30 {
        margin-right: 1.875rem;
    }
    .mr-sm-40 {
        margin-right: 2.5rem;
    }
    .mr-sm-50 {
        margin-right: 3.125rem;
    }
    .mr-sm-60 {
        margin-right: 3.75rem;
    }
    .mr-sm-70 {
        margin-right: 4.375rem;
    }
    .mr-sm-80 {
        margin-right: 5rem;
    }
    .mr-sm-90 {
        margin-right: 5.625rem;
    }
    .mr-sm-100 {
        margin-right: 6.25rem;
    }
    /* =======================
        margin top
    ========================*/
    .mt-sm-0 {
        margin-top: 0;
    }
    .mt-sm-10 {
        margin-top: 0.625rem;
    }
    .mt-sm-15 {
        margin-top: 0.9375rem;
    }
    .mt-sm-20 {
        margin-top: 1.25rem;
    }
    .mt-sm-30 {
        margin-top: 1.875rem;
    }
    .mt-sm-40 {
        margin-top: 2.5rem;
    }
    .mt-sm-50 {
        margin-top: 3.125rem;
    }
    .mt-sm-60 {
        margin-top: 3.75rem;
    }
    .mt-sm-70 {
        margin-top: 4.375rem;
    }
    .mt-sm-80 {
        margin-top: 5rem;
    }
    .mt-sm-90 {
        margin-top: 5.625rem;
    }
    .mt-sm-100 {
        margin-top: 6.25rem;
    }
    /* =======================
        margin bottom
    ========================*/
    .mb-sm-0 {
        margin-bottom: 0;
    }
    .mb-sm-10 {
        margin-bottom: 0.625rem;
    }
    .mb-sm-15 {
        margin-bottom: 0.9375rem;
    }
    .mb-sm-20 {
        margin-bottom: 1.25rem;
    }
    .mb-sm-30 {
        margin-bottom: 1.875rem;
    }
    .mb-sm-40 {
        margin-bottom: 2.5rem;
    }
    .mb-sm-50 {
        margin-bottom: 3.125rem;
    }
    .mb-sm-60 {
        margin-bottom: 3.75rem;
    }
    .mb-sm-70 {
        margin-bottom: 4.375rem;
    }
    .mb-sm-80 {
        margin-bottom: 5rem;
    }
    .mb-sm-90 {
        margin-bottom: 5.625rem;
    }
    .mb-sm-100 {
        margin-bottom: 6.25rem;
    }
}


/*Medium Devices, 768px to 992px*/

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 1);
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 2);
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 3);
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 4);
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 5);
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 6);
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 7);
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 8);
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 9);
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 10);
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 11);
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    5 Column pattern
    ======================================*/
    .col-md-1of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 1);
    }
    .col-md-2of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 2);
    }
    .col-md-3of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 3);
    }
    .col-md-4of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 4);
    }
    .col-md-5of5 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    7 Column pattern
    ======================================*/
    .col-md-1of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 1);
    }
    .col-md-2of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 2);
    }
    .col-md-3of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 3);
    }
    .col-md-4of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 4);
    }
    .col-md-5of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 5);
    }
    .col-md-6of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 6);
    }
    .col-md-7of7 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    8 Column pattern
    ======================================*/
    .col-md-1of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 1);
    }
    .col-md-2of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 2);
    }
    .col-md-3of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 3);
    }
    .col-md-4of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 4);
    }
    .col-md-5of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 5);
    }
    .col-md-6of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 6);
    }
    .col-md-7of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 7);
    }
    .col-md-8of8 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    Offset
    ======================================*/
    .offset-md-1 {
        margin-left: calc(100% / 12 * 1);
    }
    .offset-md-2 {
        margin-left: calc(100% / 12 * 2);
    }
    .offset-md-3 {
        margin-left: calc(100% / 12 * 3);
    }
    .offset-md-4 {
        margin-left: calc(100% / 12 * 4);
    }
    .offset-md-5 {
        margin-left: calc(100% / 12 * 5);
    }
    .offset-md-6 {
        margin-left: calc(100% / 12 * 6);
    }
    .offset-md-7 {
        margin-left: calc(100% / 12 * 7);
    }
    .offset-md-8 {
        margin-left: calc(100% / 12 * 8);
    }
    .offset-md-9 {
        margin-left: calc(100% / 12 * 9);
    }
    .offset-md-10 {
        margin-left: calc(100% / 12 * 10);
    }
    .offset-md-11 {
        margin-left: calc(100% / 12 * 11);
    }
    /*====================
    Display
    ======================*/
    .d-md-block {
        display: block;
    }
    .d-md-none {
        display: none;
    }
    /*=====================
    Flex Order
    ======================*/
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    /* =======================
        Padding
    ========================*/
    .p-md-0 {
        padding: 0;
    }
    .p-md-10 {
        padding: 0.625rem;
    }
    .p-md-15 {
        padding: 0.9375rem;
    }
    .p-md-20 {
        padding: 1.25rem;
    }
    .p-md-30 {
        padding: 1.875rem;
    }
    .p-md-40 {
        padding: 2.5rem;
    }
    .p-md-50 {
        padding: 3.125rem;
    }
    .p-md-60 {
        padding: 3.75rem;
    }
    .p-md-70 {
        padding: 4.375rem;
    }
    .p-md-80 {
        padding: 5rem;
    }
    .p-md-90 {
        padding: 5.625rem;
    }
    .p-md-100 {
        padding: 6.25rem;
    }
    /* =======================
        Padding x-axis
    ========================*/
    .px-md-0 {
        padding-right: 0;
        padding-left: 0;
    }
    .px-md-10 {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
    .px-md-15 {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .px-md-20 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
    .px-md-30 {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
    .px-md-40 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
    .px-md-50 {
        padding-right: 3.125rem;
        padding-left: 3.125rem;
    }
    .px-md-60 {
        padding-right: 3.75rem;
        padding-left: 3.75rem;
    }
    .px-md-70 {
        padding-right: 4.375rem;
        padding-left: 4.375rem;
    }
    .px-md-80 {
        padding-right: 5rem;
        padding-left: 5rem;
    }
    .px-md-90 {
        padding-right: 5.625rem;
        padding-left: 5.625rem;
    }
    .px-md-100 {
        padding-right: 6.25rem;
        padding-left: 6.25rem;
    }
    /* =======================
        Padding y-axis
    ========================*/
    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .py-md-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .py-md-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
    .py-md-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .py-md-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }
    .py-md-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .py-md-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
    .py-md-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .py-md-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }
    .py-md-80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .py-md-90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }
    .py-md-100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    /* =======================
        Padding Left
    ========================*/
    .pl-md-0 {
        padding-left: 0;
    }
    .pl-md-10 {
        padding-left: 0.625rem;
    }
    .pl-md-15 {
        padding-left: 0.9375rem;
    }
    .pl-md-20 {
        padding-left: 1.25rem;
    }
    .pl-md-30 {
        padding-left: 1.875rem;
    }
    .pl-md-40 {
        padding-left: 2.5rem;
    }
    .pl-md-50 {
        padding-left: 3.125rem;
    }
    .pl-md-60 {
        padding-left: 3.75rem;
    }
    .pl-md-70 {
        padding-left: 4.375rem;
    }
    .pl-md-80 {
        padding-left: 5rem;
    }
    .pl-md-90 {
        padding-left: 5.625rem;
    }
    .pl-md-100 {
        padding-left: 6.25rem;
    }
    /* =======================
        Padding right
    ========================*/
    .pr-md-0 {
        padding-right: 0;
    }
    .pr-md-10 {
        padding-right: 0.625rem;
    }
    .pr-md-15 {
        padding-right: 0.9375rem;
    }
    .pr-md-20 {
        padding-right: 1.25rem;
    }
    .pr-md-30 {
        padding-right: 1.875rem;
    }
    .pr-md-40 {
        padding-right: 2.5rem;
    }
    .pr-md-50 {
        padding-right: 3.125rem;
    }
    .pr-md-60 {
        padding-right: 3.75rem;
    }
    .pr-md-70 {
        padding-right: 4.375rem;
    }
    .pr-md-80 {
        padding-right: 5rem;
    }
    .pr-md-90 {
        padding-right: 5.625rem;
    }
    .pr-md-100 {
        padding-right: 6.25rem;
    }
    /* =======================
        Padding top
    ========================*/
    .pt-md-0 {
        padding-top: 0;
    }
    .pt-md-10 {
        padding-top: 0.625rem;
    }
    .pt-md-15 {
        padding-top: 0.9375rem;
    }
    .pt-md-20 {
        padding-top: 1.25rem;
    }
    .pt-md-30 {
        padding-top: 1.875rem;
    }
    .pt-md-40 {
        padding-top: 2.5rem;
    }
    .pt-md-50 {
        padding-top: 3.125rem;
    }
    .pt-md-60 {
        padding-top: 3.75rem;
    }
    .pt-md-70 {
        padding-top: 4.375rem;
    }
    .pt-md-80 {
        padding-top: 5rem;
    }
    .pt-md-90 {
        padding-top: 5.625rem;
    }
    .pt-md-100 {
        padding-top: 6.25rem;
    }
    /* =======================
        Padding bottom
    ========================*/
    .pb-md-0 {
        padding-bottom: 0;
    }
    .pb-md-10 {
        padding-bottom: 0.625rem;
    }
    .pb-md-15 {
        padding-bottom: 0.9375rem;
    }
    .pb-md-20 {
        padding-bottom: 1.25rem;
    }
    .pb-md-30 {
        padding-bottom: 1.875rem;
    }
    .pb-md-40 {
        padding-bottom: 2.5rem;
    }
    .pb-md-50 {
        padding-bottom: 3.125rem;
    }
    .pb-md-60 {
        padding-bottom: 3.75rem;
    }
    .pb-md-70 {
        padding-bottom: 4.375rem;
    }
    .pb-md-80 {
        padding-bottom: 5rem;
    }
    .pb-md-90 {
        padding-bottom: 5.625rem;
    }
    .pb-md-100 {
        padding-bottom: 6.25rem;
    }
    /* =======================
        margin
    ========================*/
    .m-md-0 {
        margin: 0;
    }
    .m-md-10 {
        margin: 0.625rem;
    }
    .m-md-15 {
        margin: 0.9375rem;
    }
    .m-md-20 {
        margin: 1.25rem;
    }
    .m-md-30 {
        margin: 1.875rem;
    }
    .m-md-40 {
        margin: 2.5rem;
    }
    .m-md-50 {
        margin: 3.125rem;
    }
    .m-md-60 {
        margin: 3.75rem;
    }
    .m-md70 {
        margin: 4.375rem;
    }
    .m-md-80 {
        margin: 5rem;
    }
    .m-md-90 {
        margin: 5.625rem;
    }
    .m-md-100 {
        margin: 6.25rem;
    }
    /* =======================
        margin x-axis
    ========================*/
    .mx-md-0 {
        margin-right: 0;
        margin-left: 0;
    }
    .mx-md-10 {
        margin-right: 0.625rem;
        margin-left: 0.625rem;
    }
    .mx-md-15 {
        margin-right: 0.9375rem;
        margin-left: 0.9375rem;
    }
    .mx-md-20 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }
    .mx-md-30 {
        margin-right: 1.875rem;
        margin-left: 1.875rem;
    }
    .mx-md-40 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
    .mx-md-50 {
        margin-right: 3.125rem;
        margin-left: 3.125rem;
    }
    .mx-md-60 {
        margin-right: 3.75rem;
        margin-left: 3.75rem;
    }
    .mx-md-70 {
        margin-right: 4.375rem;
        margin-left: 4.375rem;
    }
    .mx-md-80 {
        margin-right: 5rem;
        margin-left: 5rem;
    }
    .mx-md-90 {
        margin-right: 5.625rem;
        margin-left: 5.625rem;
    }
    .mx-md-100 {
        margin-right: 6.25rem;
        margin-left: 6.25rem;
    }
    /* =======================
        margin y-axis
    ========================*/
    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-md-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .my-md-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
    .my-md-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .my-md-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }
    .my-md-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .my-md-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }
    .my-md-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
    .my-md-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }
    .my-md-80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .my-md-90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }
    .my-md-100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }
    /* =======================
        margin Left
    ========================*/
    .ml-md-0 {
        margin-left: 0;
    }
    .ml-md-10 {
        margin-left: 0.625rem;
    }
    .ml-md-15 {
        margin-left: 0.9375rem;
    }
    .ml-md-20 {
        margin-left: 1.25rem;
    }
    .ml-md-30 {
        margin-left: 1.875rem;
    }
    .ml-md-40 {
        margin-left: 2.5rem;
    }
    .ml-md-50 {
        margin-left: 3.125rem;
    }
    .ml-md-60 {
        margin-left: 3.75rem;
    }
    .ml-md-70 {
        margin-left: 4.375rem;
    }
    .ml-md-80 {
        margin-left: 5rem;
    }
    .ml-md-90 {
        margin-left: 5.625rem;
    }
    .ml-md-100 {
        margin-left: 6.25rem;
    }
    /* =======================
        margin right
    ========================*/
    .mr-md-0 {
        margin-right: 0;
    }
    .mr-md-10 {
        margin-right: 0.625rem;
    }
    .mr-md-15 {
        margin-right: 0.9375rem;
    }
    .mr-md-20 {
        margin-right: 1.25rem;
    }
    .mr-md-30 {
        margin-right: 1.875rem;
    }
    .mr-md-40 {
        margin-right: 2.5rem;
    }
    .mr-md-50 {
        margin-right: 3.125rem;
    }
    .mr-md-60 {
        margin-right: 3.75rem;
    }
    .mr-md-70 {
        margin-right: 4.375rem;
    }
    .mr-md-80 {
        margin-right: 5rem;
    }
    .mr-md-90 {
        margin-right: 5.625rem;
    }
    .mr-md-100 {
        margin-right: 6.25rem;
    }
    /* =======================
        margin top
    ========================*/
    .mt-md-0 {
        margin-top: 0;
    }
    .mt-md-10 {
        margin-top: 0.625rem;
    }
    .mt-md-15 {
        margin-top: 0.9375rem;
    }
    .mt-md-20 {
        margin-top: 1.25rem;
    }
    .mt-md-30 {
        margin-top: 1.875rem;
    }
    .mt-md-40 {
        margin-top: 2.5rem;
    }
    .mt-md-50 {
        margin-top: 3.125rem;
    }
    .mt-md-60 {
        margin-top: 3.75rem;
    }
    .mt-md-70 {
        margin-top: 4.375rem;
    }
    .mt-md-80 {
        margin-top: 5rem;
    }
    .mt-md-90 {
        margin-top: 5.625rem;
    }
    .mt-md-100 {
        margin-top: 6.25rem;
    }
    /* =======================
        margin bottom
    ========================*/
    .mb-md-0 {
        margin-bottom: 0;
    }
    .mb-md-10 {
        margin-bottom: 0.625rem;
    }
    .mb-md-15 {
        margin-bottom: 0.9375rem;
    }
    .mb-md-20 {
        margin-bottom: 1.25rem;
    }
    .mb-md-30 {
        margin-bottom: 1.875rem;
    }
    .mb-md-40 {
        margin-bottom: 2.5rem;
    }
    .mb-md-50 {
        margin-bottom: 3.125rem;
    }
    .mb-md-60 {
        margin-bottom: 3.75rem;
    }
    .mb-md-70 {
        margin-bottom: 4.375rem;
    }
    .mb-md-80 {
        margin-bottom: 5rem;
    }
    .mb-md-90 {
        margin-bottom: 5.625rem;
    }
    .mb-md-100 {
        margin-bottom: 6.25rem;
    }
}


/*Large Devices, 992px to 1200px*/

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 1);
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 2);
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 3);
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 4);
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 5);
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 6);
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 7);
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 8);
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 9);
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 10);
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 11);
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    5 Column pattern
    ======================================*/
    .col-lg-1of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 1);
    }
    .col-lg-2of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 2);
    }
    .col-lg-3of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 3);
    }
    .col-lg-4of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 4);
    }
    .col-lg-5of5 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    7 Column pattern
    ======================================*/
    .col-lg-1of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 1);
    }
    .col-lg-2of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 2);
    }
    .col-lg-3of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 3);
    }
    .col-lg-4of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 4);
    }
    .col-lg-5of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 5);
    }
    .col-lg-6of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 6);
    }
    .col-lg-7of7 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    8 Column pattern
    ======================================*/
    .col-lg-1of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 1);
    }
    .col-lg-2of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 2);
    }
    .col-lg-3of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 3);
    }
    .col-lg-4of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 4);
    }
    .col-lg-5of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 5);
    }
    .col-lg-6of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 6);
    }
    .col-lg-7of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 7);
    }
    .col-lg-8of8 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    Offset
    ======================================*/
    .offset-lg-1 {
        margin-left: calc(100% / 12 * 1);
    }
    .offset-lg-2 {
        margin-left: calc(100% / 12 * 2);
    }
    .offset-lg-3 {
        margin-left: calc(100% / 12 * 3);
    }
    .offset-lg-4 {
        margin-left: calc(100% / 12 * 4);
    }
    .offset-lg-5 {
        margin-left: calc(100% / 12 * 5);
    }
    .offset-lg-6 {
        margin-left: calc(100% / 12 * 6);
    }
    .offset-lg-7 {
        margin-left: calc(100% / 12 * 7);
    }
    .offset-lg-8 {
        margin-left: calc(100% / 12 * 8);
    }
    .offset-lg-9 {
        margin-left: calc(100% / 12 * 9);
    }
    .offset-lg-10 {
        margin-left: calc(100% / 12 * 10);
    }
    .offset-lg-11 {
        margin-left: calc(100% / 12 * 11);
    }
    /*=================
    Display
    ==================*/
    .d-lg-block {
        display: block;
    }
    .d-lg-none {
        display: none;
    }
    /*=====================
    Flex Order
    ======================*/
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    /* =======================
        Padding
    ========================*/
    .p-lg-0 {
        padding: 0;
    }
    .p-lg-10 {
        padding: 0.625rem;
    }
    .p-lg-15 {
        padding: 0.9375rem;
    }
    .p-lg-20 {
        padding: 1.25rem;
    }
    .p-lg-30 {
        padding: 1.875rem;
    }
    .p-lg-40 {
        padding: 2.5rem;
    }
    .p-lg-50 {
        padding: 3.125rem;
    }
    .p-lg-60 {
        padding: 3.75rem;
    }
    .p-lg-70 {
        padding: 4.375rem;
    }
    .p-lg-80 {
        padding: 5rem;
    }
    .p-lg-90 {
        padding: 5.625rem;
    }
    .p-lg-100 {
        padding: 6.25rem;
    }
    /* =======================
        Padding x-axis
    ========================*/
    .px-lg-0 {
        padding-right: 0;
        padding-left: 0;
    }
    .px-lg-10 {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
    .px-lg-15 {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .px-lg-20 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
    .px-lg-30 {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
    .px-lg-40 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
    .px-lg-50 {
        padding-right: 3.125rem;
        padding-left: 3.125rem;
    }
    .px-lg-60 {
        padding-right: 3.75rem;
        padding-left: 3.75rem;
    }
    .px-lg-70 {
        padding-right: 4.375rem;
        padding-left: 4.375rem;
    }
    .px-lg-80 {
        padding-right: 5rem;
        padding-left: 5rem;
    }
    .px-lg-90 {
        padding-right: 5.625rem;
        padding-left: 5.625rem;
    }
    .px-lg-100 {
        padding-right: 6.25rem;
        padding-left: 6.25rem;
    }
    /* =======================
        Padding y-axis
    ========================*/
    .py-lg-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .py-lg-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .py-lg-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
    .py-lg-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .py-lg-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }
    .py-lg-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .py-lg-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
    .py-lg-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .py-lg-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }
    .py-lg-80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .py-lg-90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }
    .py-lg-100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    /* =======================
        Padding Left
    ========================*/
    .pl-lg-0 {
        padding-left: 0;
    }
    .pl-lg-10 {
        padding-left: 0.625rem;
    }
    .pl-lg-15 {
        padding-left: 0.9375rem;
    }
    .pl-lg-20 {
        padding-left: 1.25rem;
    }
    .pl-lg-30 {
        padding-left: 1.875rem;
    }
    .pl-lg-40 {
        padding-left: 2.5rem;
    }
    .pl-lg-50 {
        padding-left: 3.125rem;
    }
    .pl-lg-60 {
        padding-left: 3.75rem;
    }
    .pl-lg-70 {
        padding-left: 4.375rem;
    }
    .pl-lg-80 {
        padding-left: 5rem;
    }
    .pl-lg-90 {
        padding-left: 5.625rem;
    }
    .pl-lg-100 {
        padding-left: 6.25rem;
    }
    /* =======================
        Padding right
    ========================*/
    .pr-lg-0 {
        padding-right: 0;
    }
    .pr-lg-10 {
        padding-right: 0.625rem;
    }
    .pr-lg-15 {
        padding-right: 0.9375rem;
    }
    .pr-lg-20 {
        padding-right: 1.25rem;
    }
    .pr-lg-30 {
        padding-right: 1.875rem;
    }
    .pr-lg-40 {
        padding-right: 2.5rem;
    }
    .pr-lg-50 {
        padding-right: 3.125rem;
    }
    .pr-lg-60 {
        padding-right: 3.75rem;
    }
    .pr-lg-70 {
        padding-right: 4.375rem;
    }
    .pr-lg-80 {
        padding-right: 5rem;
    }
    .pr-lg-90 {
        padding-right: 5.625rem;
    }
    .pr-lg-100 {
        padding-right: 6.25rem;
    }
    /* =======================
        Padding top
    ========================*/
    .pt-lg-0 {
        padding-top: 0;
    }
    .pt-lg-10 {
        padding-top: 0.625rem;
    }
    .pt-lg-15 {
        padding-top: 0.9375rem;
    }
    .pt-lg-20 {
        padding-top: 1.25rem;
    }
    .pt-lg-30 {
        padding-top: 1.875rem;
    }
    .pt-lg-40 {
        padding-top: 2.5rem;
    }
    .pt-lg-50 {
        padding-top: 3.125rem;
    }
    .pt-lg-60 {
        padding-top: 3.75rem;
    }
    .pt-lg-70 {
        padding-top: 4.375rem;
    }
    .pt-lg-80 {
        padding-top: 5rem;
    }
    .pt-lg-90 {
        padding-top: 5.625rem;
    }
    .pt-lg-100 {
        padding-top: 6.25rem;
    }
    /* =======================
        Padding bottom
    ========================*/
    .pb-lg-0 {
        padding-bottom: 0;
    }
    .pb-lg-10 {
        padding-bottom: 0.625rem;
    }
    .pb-lg-15 {
        padding-bottom: 0.9375rem;
    }
    .pb-lg-20 {
        padding-bottom: 1.25rem;
    }
    .pb-lg-30 {
        padding-bottom: 1.875rem;
    }
    .pb-lg-40 {
        padding-bottom: 2.5rem;
    }
    .pb-lg-50 {
        padding-bottom: 3.125rem;
    }
    .pb-lg-60 {
        padding-bottom: 3.75rem;
    }
    .pb-lg-70 {
        padding-bottom: 4.375rem;
    }
    .pb-lg-80 {
        padding-bottom: 5rem;
    }
    .pb-lg-90 {
        padding-bottom: 5.625rem;
    }
    .pb-lg-100 {
        padding-bottom: 6.25rem;
    }
    /* =======================
        margin
    ========================*/
    .m-lg-0 {
        margin: 0;
    }
    .m-lg-10 {
        margin: 0.625rem;
    }
    .m-lg-15 {
        margin: 0.9375rem;
    }
    .m-lg-20 {
        margin: 1.25rem;
    }
    .m-lg-30 {
        margin: 1.875rem;
    }
    .m-lg-40 {
        margin: 2.5rem;
    }
    .m-lg-50 {
        margin: 3.125rem;
    }
    .m-lg-60 {
        margin: 3.75rem;
    }
    .m-lg70 {
        margin: 4.375rem;
    }
    .m-lg-80 {
        margin: 5rem;
    }
    .m-lg-90 {
        margin: 5.625rem;
    }
    .m-lg-100 {
        margin: 6.25rem;
    }
    /* =======================
        margin x-axis
    ========================*/
    .mx-lg-0 {
        margin-right: 0;
        margin-left: 0;
    }
    .mx-lg-10 {
        margin-right: 0.625rem;
        margin-left: 0.625rem;
    }
    .mx-lg-15 {
        margin-right: 0.9375rem;
        margin-left: 0.9375rem;
    }
    .mx-lg-20 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }
    .mx-lg-30 {
        margin-right: 1.875rem;
        margin-left: 1.875rem;
    }
    .mx-lg-40 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
    .mx-lg-50 {
        margin-right: 3.125rem;
        margin-left: 3.125rem;
    }
    .mx-lg-60 {
        margin-right: 3.75rem;
        margin-left: 3.75rem;
    }
    .mx-lg-70 {
        margin-right: 4.375rem;
        margin-left: 4.375rem;
    }
    .mx-lg-80 {
        margin-right: 5rem;
        margin-left: 5rem;
    }
    .mx-lg-90 {
        margin-right: 5.625rem;
        margin-left: 5.625rem;
    }
    .mx-lg-100 {
        margin-right: 6.25rem;
        margin-left: 6.25rem;
    }
    /* =======================
        margin y-axis
    ========================*/
    .my-lg-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-lg-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .my-lg-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
    .my-lg-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .my-lg-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }
    .my-lg-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .my-lg-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }
    .my-lg-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
    .my-lg-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }
    .my-lg-80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .my-lg-90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }
    .my-lg-100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }
    /* =======================
        margin Left
    ========================*/
    .ml-lg-0 {
        margin-left: 0;
    }
    .ml-lg-10 {
        margin-left: 0.625rem;
    }
    .ml-lg-15 {
        margin-left: 0.9375rem;
    }
    .ml-lg-20 {
        margin-left: 1.25rem;
    }
    .ml-lg-30 {
        margin-left: 1.875rem;
    }
    .ml-lg-40 {
        margin-left: 2.5rem;
    }
    .ml-lg-50 {
        margin-left: 3.125rem;
    }
    .ml-lg-60 {
        margin-left: 3.75rem;
    }
    .ml-lg-70 {
        margin-left: 4.375rem;
    }
    .ml-lg-80 {
        margin-left: 5rem;
    }
    .ml-lg-90 {
        margin-left: 5.625rem;
    }
    .ml-lg-100 {
        margin-left: 6.25rem;
    }
    /* =======================
        margin right
    ========================*/
    .mr-lg-0 {
        margin-right: 0;
    }
    .mr-lg-10 {
        margin-right: 0.625rem;
    }
    .mr-lg-15 {
        margin-right: 0.9375rem;
    }
    .mr-lg-20 {
        margin-right: 1.25rem;
    }
    .mr-lg-30 {
        margin-right: 1.875rem;
    }
    .mr-lg-40 {
        margin-right: 2.5rem;
    }
    .mr-lg-50 {
        margin-right: 3.125rem;
    }
    .mr-lg-60 {
        margin-right: 3.75rem;
    }
    .mr-lg-70 {
        margin-right: 4.375rem;
    }
    .mr-lg-80 {
        margin-right: 5rem;
    }
    .mr-lg-90 {
        margin-right: 5.625rem;
    }
    .mr-lg-100 {
        margin-right: 6.25rem;
    }
    /* =======================
        margin top
    ========================*/
    .mt-lg-0 {
        margin-top: 0;
    }
    .mt-lg-10 {
        margin-top: 0.625rem;
    }
    .mt-lg-15 {
        margin-top: 0.9375rem;
    }
    .mt-lg-20 {
        margin-top: 1.25rem;
    }
    .mt-lg-30 {
        margin-top: 1.875rem;
    }
    .mt-lg-40 {
        margin-top: 2.5rem;
    }
    .mt-lg-50 {
        margin-top: 3.125rem;
    }
    .mt-lg-60 {
        margin-top: 3.75rem;
    }
    .mt-lg-70 {
        margin-top: 4.375rem;
    }
    .mt-lg-80 {
        margin-top: 5rem;
    }
    .mt-lg-90 {
        margin-top: 5.625rem;
    }
    .mt-lg-100 {
        margin-top: 6.25rem;
    }
    /* =======================
        margin bottom
    ========================*/
    .mb-lg-0 {
        margin-bottom: 0;
    }
    .mb-lg-10 {
        margin-bottom: 0.625rem;
    }
    .mb-lg-15 {
        margin-bottom: 0.9375rem;
    }
    .mb-lg-20 {
        margin-bottom: 1.25rem;
    }
    .mb-lg-30 {
        margin-bottom: 1.875rem;
    }
    .mb-lg-40 {
        margin-bottom: 2.5rem;
    }
    .mb-lg-50 {
        margin-bottom: 3.125rem;
    }
    .mb-lg-60 {
        margin-bottom: 3.75rem;
    }
    .mb-lg-70 {
        margin-bottom: 4.375rem;
    }
    .mb-lg-80 {
        margin-bottom: 5rem;
    }
    .mb-lg-90 {
        margin-bottom: 5.625rem;
    }
    .mb-lg-100 {
        margin-bottom: 6.25rem;
    }
}


/*Extra Large Devices, 1200px to 1542px*/

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 1);
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 2);
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 3);
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 4);
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 5);
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 6);
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 7);
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 8);
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 9);
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 10);
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 11);
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    5 Column pattern
    ======================================*/
    .col-xl-1of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 1);
    }
    .col-xl-2of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 2);
    }
    .col-xl-3of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 3);
    }
    .col-xl-4of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 4);
    }
    .col-xl-5of5 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    7 Column pattern
    ======================================*/
    .col-xl-1of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 1);
    }
    .col-xl-2of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 2);
    }
    .col-xl-3of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 3);
    }
    .col-xl-4of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 4);
    }
    .col-xl-5of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 5);
    }
    .col-xl-6of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 6);
    }
    .col-xl-7of7 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    8 Column pattern
    ======================================*/
    .col-xl-1of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 1);
    }
    .col-xl-2of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 2);
    }
    .col-xl-3of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 3);
    }
    .col-xl-4of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 4);
    }
    .col-xl-5of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 5);
    }
    .col-xl-6of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 6);
    }
    .col-xl-7of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 7);
    }
    .col-xl-8of8 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    Offset
    ======================================*/
    .offset-xl-1 {
        margin-left: calc(100% / 12 * 1);
    }
    .offset-xl-2 {
        margin-left: calc(100% / 12 * 2);
    }
    .offset-xl-3 {
        margin-left: calc(100% / 12 * 3);
    }
    .offset-xl-4 {
        margin-left: calc(100% / 12 * 4);
    }
    .offset-xl-5 {
        margin-left: calc(100% / 12 * 5);
    }
    .offset-xl-6 {
        margin-left: calc(100% / 12 * 6);
    }
    .offset-xl-7 {
        margin-left: calc(100% / 12 * 7);
    }
    .offset-xl-8 {
        margin-left: calc(100% / 12 * 8);
    }
    .offset-xl-9 {
        margin-left: calc(100% / 12 * 9);
    }
    .offset-xl-10 {
        margin-left: calc(100% / 12 * 10);
    }
    .offset-xl-11 {
        margin-left: calc(100% / 12 * 11);
    }
    /*=================
    Display
    ==================*/
    .d-xl-block {
        display: block;
    }
    .d-xl-none {
        display: none;
    }
    /*=====================
    Flex Order
    ======================*/
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    /* =======================
        Padding
    ========================*/
    .p-xl-0 {
        padding: 0;
    }
    .p-xl-10 {
        padding: 0.625rem;
    }
    .p-xl-15 {
        padding: 0.9375rem;
    }
    .p-xl-20 {
        padding: 1.25rem;
    }
    .p-xl-30 {
        padding: 1.875rem;
    }
    .p-xl-40 {
        padding: 2.5rem;
    }
    .p-xl-50 {
        padding: 3.125rem;
    }
    .p-xl-60 {
        padding: 3.75rem;
    }
    .p-xl-70 {
        padding: 4.375rem;
    }
    .p-xl-80 {
        padding: 5rem;
    }
    .p-xl-90 {
        padding: 5.625rem;
    }
    .p-xl-100 {
        padding: 6.25rem;
    }
    /* =======================
        Padding x-axis
    ========================*/
    .px-xl-0 {
        padding-right: 0;
        padding-left: 0;
    }
    .px-xl-10 {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
    .px-xl-15 {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .px-xl-20 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
    .px-xl-30 {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
    .px-xl-40 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
    .px-xl-50 {
        padding-right: 3.125rem;
        padding-left: 3.125rem;
    }
    .px-xl-60 {
        padding-right: 3.75rem;
        padding-left: 3.75rem;
    }
    .px-xl-70 {
        padding-right: 4.375rem;
        padding-left: 4.375rem;
    }
    .px-xl-80 {
        padding-right: 5rem;
        padding-left: 5rem;
    }
    .px-xl-90 {
        padding-right: 5.625rem;
        padding-left: 5.625rem;
    }
    .px-xl-100 {
        padding-right: 6.25rem;
        padding-left: 6.25rem;
    }
    /* =======================
        Padding y-axis
    ========================*/
    .py-xl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .py-xl-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .py-xl-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
    .py-xl-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .py-xl-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }
    .py-xl-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .py-xl-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
    .py-xl-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .py-xl-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }
    .py-xl-80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .py-xl-90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }
    .py-xl-100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    /* =======================
        Padding Left
    ========================*/
    .pl-xl-0 {
        padding-left: 0;
    }
    .pl-xl-10 {
        padding-left: 0.625rem;
    }
    .pl-xl-15 {
        padding-left: 0.9375rem;
    }
    .pl-xl-20 {
        padding-left: 1.25rem;
    }
    .pl-xl-30 {
        padding-left: 1.875rem;
    }
    .pl-xl-40 {
        padding-left: 2.5rem;
    }
    .pl-xl-50 {
        padding-left: 3.125rem;
    }
    .pl-xl-60 {
        padding-left: 3.75rem;
    }
    .pl-xl-70 {
        padding-left: 4.375rem;
    }
    .pl-xl-80 {
        padding-left: 5rem;
    }
    .pl-xl-90 {
        padding-left: 5.625rem;
    }
    .pl-xl-100 {
        padding-left: 6.25rem;
    }
    /* =======================
        Padding right
    ========================*/
    .pr-xl-0 {
        padding-right: 0;
    }
    .pr-xl-10 {
        padding-right: 0.625rem;
    }
    .pr-xl-15 {
        padding-right: 0.9375rem;
    }
    .pr-xl-20 {
        padding-right: 1.25rem;
    }
    .pr-xl-30 {
        padding-right: 1.875rem;
    }
    .pr-xl-40 {
        padding-right: 2.5rem;
    }
    .pr-xl-50 {
        padding-right: 3.125rem;
    }
    .pr-xl-60 {
        padding-right: 3.75rem;
    }
    .pr-xl-70 {
        padding-right: 4.375rem;
    }
    .pr-xl-80 {
        padding-right: 5rem;
    }
    .pr-xl-90 {
        padding-right: 5.625rem;
    }
    .pr-xl-100 {
        padding-right: 6.25rem;
    }
    /* =======================
        Padding top
    ========================*/
    .pt-xl-0 {
        padding-top: 0;
    }
    .pt-xl-10 {
        padding-top: 0.625rem;
    }
    .pt-xl-15 {
        padding-top: 0.9375rem;
    }
    .pt-xl-20 {
        padding-top: 1.25rem;
    }
    .pt-xl-30 {
        padding-top: 1.875rem;
    }
    .pt-xl-40 {
        padding-top: 2.5rem;
    }
    .pt-xl-50 {
        padding-top: 3.125rem;
    }
    .pt-xl-60 {
        padding-top: 3.75rem;
    }
    .pt-xl-70 {
        padding-top: 4.375rem;
    }
    .pt-xl-80 {
        padding-top: 5rem;
    }
    .pt-xl-90 {
        padding-top: 5.625rem;
    }
    .pt-xl-100 {
        padding-top: 6.25rem;
    }
    /* =======================
        Padding bottom
    ========================*/
    .pb-xl-0 {
        padding-bottom: 0;
    }
    .pb-xl-10 {
        padding-bottom: 0.625rem;
    }
    .pb-xl-15 {
        padding-bottom: 0.9375rem;
    }
    .pb-xl-20 {
        padding-bottom: 1.25rem;
    }
    .pb-xl-30 {
        padding-bottom: 1.875rem;
    }
    .pb-xl-40 {
        padding-bottom: 2.5rem;
    }
    .pb-xl-50 {
        padding-bottom: 3.125rem;
    }
    .pb-xl-60 {
        padding-bottom: 3.75rem;
    }
    .pb-xl-70 {
        padding-bottom: 4.375rem;
    }
    .pb-xl-80 {
        padding-bottom: 5rem;
    }
    .pb-xl-90 {
        padding-bottom: 5.625rem;
    }
    .pb-xl-100 {
        padding-bottom: 6.25rem;
    }
    /* =======================
        margin
    ========================*/
    .m-xl-0 {
        margin: 0;
    }
    .m-xl-10 {
        margin: 0.625rem;
    }
    .m-xl-15 {
        margin: 0.9375rem;
    }
    .m-xl-20 {
        margin: 1.25rem;
    }
    .m-xl-30 {
        margin: 1.875rem;
    }
    .m-xl-40 {
        margin: 2.5rem;
    }
    .m-xl-50 {
        margin: 3.125rem;
    }
    .m-xl-60 {
        margin: 3.75rem;
    }
    .m-xl70 {
        margin: 4.375rem;
    }
    .m-xl-80 {
        margin: 5rem;
    }
    .m-xl-90 {
        margin: 5.625rem;
    }
    .m-xl-100 {
        margin: 6.25rem;
    }
    /* =======================
        margin x-axis
    ========================*/
    .mx-xl-0 {
        margin-right: 0;
        margin-left: 0;
    }
    .mx-xl-10 {
        margin-right: 0.625rem;
        margin-left: 0.625rem;
    }
    .mx-xl-15 {
        margin-right: 0.9375rem;
        margin-left: 0.9375rem;
    }
    .mx-xl-20 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }
    .mx-xl-30 {
        margin-right: 1.875rem;
        margin-left: 1.875rem;
    }
    .mx-xl-40 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
    .mx-xl-50 {
        margin-right: 3.125rem;
        margin-left: 3.125rem;
    }
    .mx-xl-60 {
        margin-right: 3.75rem;
        margin-left: 3.75rem;
    }
    .mx-xl-70 {
        margin-right: 4.375rem;
        margin-left: 4.375rem;
    }
    .mx-xl-80 {
        margin-right: 5rem;
        margin-left: 5rem;
    }
    .mx-xl-90 {
        margin-right: 5.625rem;
        margin-left: 5.625rem;
    }
    .mx-xl-100 {
        margin-right: 6.25rem;
        margin-left: 6.25rem;
    }
    /* =======================
        margin y-axis
    ========================*/
    .my-xl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-xl-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .my-xl-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
    .my-xl-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .my-xl-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }
    .my-xl-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .my-xl-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }
    .my-xl-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
    .my-xl-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }
    .my-xl-80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .my-xl-90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }
    .my-xl-100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }
    /* =======================
        margin Left
    ========================*/
    .ml-xl-0 {
        margin-left: 0;
    }
    .ml-xl-10 {
        margin-left: 0.625rem;
    }
    .ml-xl-15 {
        margin-left: 0.9375rem;
    }
    .ml-xl-20 {
        margin-left: 1.25rem;
    }
    .ml-xl-30 {
        margin-left: 1.875rem;
    }
    .ml-xl-40 {
        margin-left: 2.5rem;
    }
    .ml-xl-50 {
        margin-left: 3.125rem;
    }
    .ml-xl-60 {
        margin-left: 3.75rem;
    }
    .ml-xl-70 {
        margin-left: 4.375rem;
    }
    .ml-xl-80 {
        margin-left: 5rem;
    }
    .ml-xl-90 {
        margin-left: 5.625rem;
    }
    .ml-xl-100 {
        margin-left: 6.25rem;
    }
    /* =======================
        margin right
    ========================*/
    .mr-xl-0 {
        margin-right: 0;
    }
    .mr-xl-10 {
        margin-right: 0.625rem;
    }
    .mr-xl-15 {
        margin-right: 0.9375rem;
    }
    .mr-xl-20 {
        margin-right: 1.25rem;
    }
    .mr-xl-30 {
        margin-right: 1.875rem;
    }
    .mr-xl-40 {
        margin-right: 2.5rem;
    }
    .mr-xl-50 {
        margin-right: 3.125rem;
    }
    .mr-xl-60 {
        margin-right: 3.75rem;
    }
    .mr-xl-70 {
        margin-right: 4.375rem;
    }
    .mr-xl-80 {
        margin-right: 5rem;
    }
    .mr-xl-90 {
        margin-right: 5.625rem;
    }
    .mr-xl-100 {
        margin-right: 6.25rem;
    }
    /* =======================
        margin top
    ========================*/
    .mt-xl-0 {
        margin-top: 0;
    }
    .mt-xl-10 {
        margin-top: 0.625rem;
    }
    .mt-xl-15 {
        margin-top: 0.9375rem;
    }
    .mt-xl-20 {
        margin-top: 1.25rem;
    }
    .mt-xl-30 {
        margin-top: 1.875rem;
    }
    .mt-xl-40 {
        margin-top: 2.5rem;
    }
    .mt-xl-50 {
        margin-top: 3.125rem;
    }
    .mt-xl-60 {
        margin-top: 3.75rem;
    }
    .mt-xl-70 {
        margin-top: 4.375rem;
    }
    .mt-xl-80 {
        margin-top: 5rem;
    }
    .mt-xl-90 {
        margin-top: 5.625rem;
    }
    .mt-xl-100 {
        margin-top: 6.25rem;
    }
    /* =======================
        margin bottom
    ========================*/
    .mb-xl-0 {
        margin-bottom: 0;
    }
    .mb-xl-10 {
        margin-bottom: 0.625rem;
    }
    .mb-xl-15 {
        margin-bottom: 0.9375rem;
    }
    .mb-xl-20 {
        margin-bottom: 1.25rem;
    }
    .mb-xl-30 {
        margin-bottom: 1.875rem;
    }
    .mb-xl-40 {
        margin-bottom: 2.5rem;
    }
    .mb-xl-50 {
        margin-bottom: 3.125rem;
    }
    .mb-xl-60 {
        margin-bottom: 3.75rem;
    }
    .mb-xl-70 {
        margin-bottom: 4.375rem;
    }
    .mb-xl-80 {
        margin-bottom: 5rem;
    }
    .mb-xl-90 {
        margin-bottom: 5.625rem;
    }
    .mb-xl-100 {
        margin-bottom: 6.25rem;
    }
}


/*2xl Devices, 1542px and up*/

@media (min-width: 1542px) {
    .col-2xl {
        flex: 1 0 0%;
    }
    .col-2xl-1 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 1);
    }
    .col-2xl-2 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 2);
    }
    .col-2xl-3 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 3);
    }
    .col-2xl-4 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 4);
    }
    .col-2xl-5 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 5);
    }
    .col-2xl-6 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 6);
    }
    .col-2xl-7 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 7);
    }
    .col-2xl-8 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 8);
    }
    .col-2xl-9 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 9);
    }
    .col-2xl-10 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 10);
    }
    .col-2xl-11 {
        flex: 0 0 auto;
        width: calc(100% / 12 * 11);
    }
    .col-2xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    5 Column pattern
    ======================================*/
    .col-2xl-1of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 1);
    }
    .col-2xl-2of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 2);
    }
    .col-2xl-3of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 3);
    }
    .col-2xl-4of5 {
        flex: 0 0 auto;
        width: calc(100% / 5 * 4);
    }
    .col-2xl-5of5 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    7 Column pattern
    ======================================*/
    .col-2xl-1of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 1);
    }
    .col-2xl-2of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 2);
    }
    .col-2xl-3of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 3);
    }
    .col-2xl-4of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 4);
    }
    .col-2xl-5of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 5);
    }
    .col-2xl-6of7 {
        flex: 0 0 auto;
        width: calc(100% / 7 * 6);
    }
    .col-2xl-7of7 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    8 Column pattern
    ======================================*/
    .col-2xl-1of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 1);
    }
    .col-2xl-2of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 2);
    }
    .col-2xl-3of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 3);
    }
    .col-2xl-4of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 4);
    }
    .col-2xl-5of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 5);
    }
    .col-2xl-6of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 6);
    }
    .col-2xl-7of8 {
        flex: 0 0 auto;
        width: calc(100% / 8 * 7);
    }
    .col-2xl-8of8 {
        flex: 0 0 auto;
        width: 100%;
    }
    /*======================================
    Offset
    ======================================*/
    .offset-2xl-1 {
        margin-left: calc(100% / 12 * 1);
    }
    .offset-2xl-2 {
        margin-left: calc(100% / 12 * 2);
    }
    .offset-2xl-3 {
        margin-left: calc(100% / 12 * 3);
    }
    .offset-2xl-4 {
        margin-left: calc(100% / 12 * 4);
    }
    .offset-2xl-5 {
        margin-left: calc(100% / 12 * 5);
    }
    .offset-2xl-6 {
        margin-left: calc(100% / 12 * 6);
    }
    .offset-2xl-7 {
        margin-left: calc(100% / 12 * 7);
    }
    .offset-2xl-8 {
        margin-left: calc(100% / 12 * 8);
    }
    .offset-2xl-9 {
        margin-left: calc(100% / 12 * 9);
    }
    .offset-2xl-10 {
        margin-left: calc(100% / 12 * 10);
    }
    .offset-2xl-11 {
        margin-left: calc(100% / 12 * 11);
    }
    /*==================
    Display
    ==================*/
    .d-2xl-block {
        display: block;
    }
    .d-2xl-none {
        display: none;
    }
    /*=====================
    Flex Order
    ======================*/
    .order-2xl-0 {
        order: 0;
    }
    .order-2xl-1 {
        order: 1;
    }
    .order-2xl-2 {
        order: 2;
    }
    .order-2xl-3 {
        order: 3;
    }
    .order-2xl-4 {
        order: 4;
    }
    .order-2xl-5 {
        order: 5;
    }
    .order-2xl-6 {
        order: 6;
    }
    .order-2xl-7 {
        order: 7;
    }
    .order-2xl-8 {
        order: 8;
    }
    .order-2xl-9 {
        order: 9;
    }
    .order-2xl-10 {
        order: 10;
    }
    /* =======================
        Padding
    ========================*/
    .p-2xl-0 {
        padding: 0;
    }
    .p-2xl-10 {
        padding: 0.625rem;
    }
    .p-2xl-15 {
        padding: 0.9375rem;
    }
    .p-2xl-20 {
        padding: 1.25rem;
    }
    .p-2xl-30 {
        padding: 1.875rem;
    }
    .p-2xl-40 {
        padding: 2.5rem;
    }
    .p-2xl-50 {
        padding: 3.125rem;
    }
    .p-2xl-60 {
        padding: 3.75rem;
    }
    .p-2xl-70 {
        padding: 4.375rem;
    }
    .p-2xl-80 {
        padding: 5rem;
    }
    .p-2xl-90 {
        padding: 5.625rem;
    }
    .p-2xl-100 {
        padding: 6.25rem;
    }
    /* =======================
        Padding x-axis
    ========================*/
    .px-2xl-0 {
        padding-right: 0;
        padding-left: 0;
    }
    .px-2xl-10 {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
    .px-2xl-15 {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .px-2xl-20 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
    .px-2xl-30 {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
    .px-2xl-40 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
    .px-2xl-50 {
        padding-right: 3.125rem;
        padding-left: 3.125rem;
    }
    .px-2xl-60 {
        padding-right: 3.75rem;
        padding-left: 3.75rem;
    }
    .px-2xl-70 {
        padding-right: 4.375rem;
        padding-left: 4.375rem;
    }
    .px-2xl-80 {
        padding-right: 5rem;
        padding-left: 5rem;
    }
    .px-2xl-90 {
        padding-right: 5.625rem;
        padding-left: 5.625rem;
    }
    .px-2xl-100 {
        padding-right: 6.25rem;
        padding-left: 6.25rem;
    }
    /* =======================
        Padding y-axis
    ========================*/
    .py-2xl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .py-2xl-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .py-2xl-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
    .py-2xl-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .py-2xl-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }
    .py-2xl-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .py-2xl-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
    .py-2xl-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .py-2xl-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }
    .py-2xl-80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .py-2xl-90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }
    .py-2xl-100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    /* =======================
        Padding Left
    ========================*/
    .pl-2xl-0 {
        padding-left: 0;
    }
    .pl-2xl-10 {
        padding-left: 0.625rem;
    }
    .pl-2xl-15 {
        padding-left: 0.9375rem;
    }
    .pl-2xl-20 {
        padding-left: 1.25rem;
    }
    .pl-2xl-30 {
        padding-left: 1.875rem;
    }
    .pl-2xl-40 {
        padding-left: 2.5rem;
    }
    .pl-2xl-50 {
        padding-left: 3.125rem;
    }
    .pl-2xl-60 {
        padding-left: 3.75rem;
    }
    .pl-2xl-70 {
        padding-left: 4.375rem;
    }
    .pl-2xl-80 {
        padding-left: 5rem;
    }
    .pl-2xl-90 {
        padding-left: 5.625rem;
    }
    .pl-2xl-100 {
        padding-left: 6.25rem;
    }
    /* =======================
        Padding right
    ========================*/
    .pr-2xl-0 {
        padding-right: 0;
    }
    .pr-2xl-10 {
        padding-right: 0.625rem;
    }
    .pr-2xl-15 {
        padding-right: 0.9375rem;
    }
    .pr-2xl-20 {
        padding-right: 1.25rem;
    }
    .pr-2xl-30 {
        padding-right: 1.875rem;
    }
    .pr-2xl-40 {
        padding-right: 2.5rem;
    }
    .pr-2xl-50 {
        padding-right: 3.125rem;
    }
    .pr-2xl-60 {
        padding-right: 3.75rem;
    }
    .pr-2xl-70 {
        padding-right: 4.375rem;
    }
    .pr-2xl-80 {
        padding-right: 5rem;
    }
    .pr-2xl-90 {
        padding-right: 5.625rem;
    }
    .pr-2xl-100 {
        padding-right: 6.25rem;
    }
    /* =======================
        Padding top
    ========================*/
    .pt-2xl-0 {
        padding-top: 0;
    }
    .pt-2xl-10 {
        padding-top: 0.625rem;
    }
    .pt-2xl-15 {
        padding-top: 0.9375rem;
    }
    .pt-2xl-20 {
        padding-top: 1.25rem;
    }
    .pt-2xl-30 {
        padding-top: 1.875rem;
    }
    .pt-2xl-40 {
        padding-top: 2.5rem;
    }
    .pt-2xl-50 {
        padding-top: 3.125rem;
    }
    .pt-2xl-60 {
        padding-top: 3.75rem;
    }
    .pt-2xl-70 {
        padding-top: 4.375rem;
    }
    .pt-2xl-80 {
        padding-top: 5rem;
    }
    .pt-2xl-90 {
        padding-top: 5.625rem;
    }
    .pt-2xl-100 {
        padding-top: 6.25rem;
    }
    /* =======================
        Padding bottom
    ========================*/
    .pb-2xl-0 {
        padding-bottom: 0;
    }
    .pb-2xl-10 {
        padding-bottom: 0.625rem;
    }
    .pb-2xl-15 {
        padding-bottom: 0.9375rem;
    }
    .pb-2xl-20 {
        padding-bottom: 1.25rem;
    }
    .pb-2xl-30 {
        padding-bottom: 1.875rem;
    }
    .pb-2xl-40 {
        padding-bottom: 2.5rem;
    }
    .pb-2xl-50 {
        padding-bottom: 3.125rem;
    }
    .pb-2xl-60 {
        padding-bottom: 3.75rem;
    }
    .pb-2xl-70 {
        padding-bottom: 4.375rem;
    }
    .pb-2xl-80 {
        padding-bottom: 5rem;
    }
    .pb-2xl-90 {
        padding-bottom: 5.625rem;
    }
    .pb-2xl-100 {
        padding-bottom: 6.25rem;
    }
    /* =======================
        margin
    ========================*/
    .m-2xl-0 {
        margin: 0;
    }
    .m-2xl-10 {
        margin: 0.625rem;
    }
    .m-2xl-15 {
        margin: 0.9375rem;
    }
    .m-2xl-20 {
        margin: 1.25rem;
    }
    .m-2xl-30 {
        margin: 1.875rem;
    }
    .m-2xl-40 {
        margin: 2.5rem;
    }
    .m-2xl-50 {
        margin: 3.125rem;
    }
    .m-2xl-60 {
        margin: 3.75rem;
    }
    .m-2xl70 {
        margin: 4.375rem;
    }
    .m-2xl-80 {
        margin: 5rem;
    }
    .m-2xl-90 {
        margin: 5.625rem;
    }
    .m-2xl-100 {
        margin: 6.25rem;
    }
    /* =======================
        margin x-axis
    ========================*/
    .mx-2xl-0 {
        margin-right: 0;
        margin-left: 0;
    }
    .mx-2xl-10 {
        margin-right: 0.625rem;
        margin-left: 0.625rem;
    }
    .mx-2xl-15 {
        margin-right: 0.9375rem;
        margin-left: 0.9375rem;
    }
    .mx-2xl-20 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }
    .mx-2xl-30 {
        margin-right: 1.875rem;
        margin-left: 1.875rem;
    }
    .mx-2xl-40 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
    .mx-2xl-50 {
        margin-right: 3.125rem;
        margin-left: 3.125rem;
    }
    .mx-2xl-60 {
        margin-right: 3.75rem;
        margin-left: 3.75rem;
    }
    .mx-2xl-70 {
        margin-right: 4.375rem;
        margin-left: 4.375rem;
    }
    .mx-2xl-80 {
        margin-right: 5rem;
        margin-left: 5rem;
    }
    .mx-2xl-90 {
        margin-right: 5.625rem;
        margin-left: 5.625rem;
    }
    .mx-2xl-100 {
        margin-right: 6.25rem;
        margin-left: 6.25rem;
    }
    /* =======================
        margin y-axis
    ========================*/
    .my-2xl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-2xl-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .my-2xl-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
    .my-2xl-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .my-2xl-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }
    .my-2xl-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .my-2xl-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }
    .my-2xl-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
    .my-2xl-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }
    .my-2xl-80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .my-2xl-90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }
    .my-2xl-100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }
    /* =======================
        margin Left
    ========================*/
    .ml-2xl-0 {
        margin-left: 0;
    }
    .ml-2xl-10 {
        margin-left: 0.625rem;
    }
    .ml-2xl-15 {
        margin-left: 0.9375rem;
    }
    .ml-2xl-20 {
        margin-left: 1.25rem;
    }
    .ml-2xl-30 {
        margin-left: 1.875rem;
    }
    .ml-2xl-40 {
        margin-left: 2.5rem;
    }
    .ml-2xl-50 {
        margin-left: 3.125rem;
    }
    .ml-2xl-60 {
        margin-left: 3.75rem;
    }
    .ml-2xl-70 {
        margin-left: 4.375rem;
    }
    .ml-2xl-80 {
        margin-left: 5rem;
    }
    .ml-2xl-90 {
        margin-left: 5.625rem;
    }
    .ml-2xl-100 {
        margin-left: 6.25rem;
    }
    /* =======================
        margin right
    ========================*/
    .mr-2xl-0 {
        margin-right: 0;
    }
    .mr-2xl-10 {
        margin-right: 0.625rem;
    }
    .mr-2xl-15 {
        margin-right: 0.9375rem;
    }
    .mr-2xl-20 {
        margin-right: 1.25rem;
    }
    .mr-2xl-30 {
        margin-right: 1.875rem;
    }
    .mr-2xl-40 {
        margin-right: 2.5rem;
    }
    .mr-2xl-50 {
        margin-right: 3.125rem;
    }
    .mr-2xl-60 {
        margin-right: 3.75rem;
    }
    .mr-2xl-70 {
        margin-right: 4.375rem;
    }
    .mr-2xl-80 {
        margin-right: 5rem;
    }
    .mr-2xl-90 {
        margin-right: 5.625rem;
    }
    .mr-2xl-100 {
        margin-right: 6.25rem;
    }
    /* =======================
        margin top
    ========================*/
    .mt-2xl-0 {
        margin-top: 0;
    }
    .mt-2xl-10 {
        margin-top: 0.625rem;
    }
    .mt-2xl-15 {
        margin-top: 0.9375rem;
    }
    .mt-2xl-20 {
        margin-top: 1.25rem;
    }
    .mt-2xl-30 {
        margin-top: 1.875rem;
    }
    .mt-2xl-40 {
        margin-top: 2.5rem;
    }
    .mt-2xl-50 {
        margin-top: 3.125rem;
    }
    .mt-2xl-60 {
        margin-top: 3.75rem;
    }
    .mt-2xl-70 {
        margin-top: 4.375rem;
    }
    .mt-2xl-80 {
        margin-top: 5rem;
    }
    .mt-2xl-90 {
        margin-top: 5.625rem;
    }
    .mt-2xl-100 {
        margin-top: 6.25rem;
    }
    /* =======================
        margin bottom
    ========================*/
    .mb-2xl-0 {
        margin-bottom: 0;
    }
    .mb-2xl-10 {
        margin-bottom: 0.625rem;
    }
    .mb-2xl-15 {
        margin-bottom: 0.9375rem;
    }
    .mb-2xl-20 {
        margin-bottom: 1.25rem;
    }
    .mb-2xl-30 {
        margin-bottom: 1.875rem;
    }
    .mb-2xl-40 {
        margin-bottom: 2.5rem;
    }
    .mb-2xl-50 {
        margin-bottom: 3.125rem;
    }
    .mb-2xl-60 {
        margin-bottom: 3.75rem;
    }
    .mb-2xl-70 {
        margin-bottom: 4.375rem;
    }
    .mb-2xl-80 {
        margin-bottom: 5rem;
    }
    .mb-2xl-90 {
        margin-bottom: 5.625rem;
    }
    .mb-2xl-100 {
        margin-bottom: 6.25rem;
    }
}