.hidden {
    display: none;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-column {
    flex-direction: column;
}
.shrink-0 {
    flex-shrink: 0;
}
.items-center {
    align-items: center;
}
.items-end {
    align-items: flex-end;
}
.justify-between {
    justify-content: space-between;
}
.justify-center {
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
}
.grow {
    flex-grow: 1;
}
.h-full {
    height: 100%;
}
.w-full {
    width: 100%;
}
.image {
    display: block;
    width: 100%;
    max-width: 100%;
}
.overflow-hidden {
    overflow: hidden;
}
.no-underline {
    text-decoration-line: none;
}

.relative {
    position: relative;
}
.transition {
    transition: 0.3s all;
}
.mt-auto {
    margin-top: auto;
}
.mb-auto {
    margin-bottom: auto;
}
.mr-auto {
    margin-right: auto;
}
.ml-auto {
    margin-left: auto;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.mt-0 {
    margin-top: 0;
}
.mb-0 { margin-bottom: 0; }
.mb-2 { margin-bottom: 2px; }
.mb-4 { margin-bottom: 4px; }
.mb-6 { margin-bottom: 6px; }
.mb-8 { margin-bottom: 8px; }
.mb-10 { margin-bottom: 10px; }
.mb-12 { margin-bottom: 12px; }
.mb-14 { margin-bottom: 14px; }
.mb-16 { margin-bottom: 16px; }
.mb-18 { margin-bottom: 18px; }
.mb-20 { margin-bottom: 20px; }
.mb-24 { margin-bottom: 24px; }
.mb-30 { margin-bottom: 30px; }
.mb-32 { margin-bottom: 32px; }
.mb-36 { margin-bottom: 36px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-56 { margin-bottom: 56px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
/*----------------------------------------------------------------*/

/* Padding All Sides */
.p-2 { padding: 2px; }
.p-4 { padding: 4px; }
.p-6 { padding: 6px; }
.p-8 { padding: 8px; }
.p-10 { padding: 10px; }
.p-12 { padding: 12px; }
.p-14 { padding: 14px; }
.p-16 { padding: 16px; }
.p-18 { padding: 18px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.p-40 { padding: 40px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-70 { padding: 70px; }
.p-80 { padding: 80px; }
.p-90 { padding: 90px; }
.p-100 { padding: 100px; }
.p-120 { padding: 120px; }

/* Padding Top */
.pt-2 { padding-top: 2px; }
.pt-4 { padding-top: 4px; }
.pt-6 { padding-top: 6px; }
.pt-8 { padding-top: 8px; }
.pt-10 { padding-top: 10px; }
.pt-12 { padding-top: 12px; }
.pt-14 { padding-top: 14px; }
.pt-16 { padding-top: 16px; }
.pt-18 { padding-top: 18px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }
.pt-120 { padding-top: 120px; }

/* Padding Right */
.pr-2 { padding-right: 2px; }
.pr-4 { padding-right: 4px; }
.pr-6 { padding-right: 6px; }
.pr-8 { padding-right: 8px; }
.pr-10 { padding-right: 10px; }
.pr-12 { padding-right: 12px; }
.pr-14 { padding-right: 14px; }
.pr-16 { padding-right: 16px; }
.pr-18 { padding-right: 18px; }
.pr-20 { padding-right: 20px; }
.pr-30 { padding-right: 30px; }
.pr-40 { padding-right: 40px; }
.pr-50 { padding-right: 50px; }
.pr-60 { padding-right: 60px; }
.pr-70 { padding-right: 70px; }
.pr-80 { padding-right: 80px; }
.pr-90 { padding-right: 90px; }
.pr-100 { padding-right: 100px; }
.pr-120 { padding-right: 120px; }

/* Padding Bottom */
.pb-2 { padding-bottom: 2px; }
.pb-4 { padding-bottom: 4px; }
.pb-6 { padding-bottom: 6px; }
.pb-8 { padding-bottom: 8px; }
.pb-10 { padding-bottom: 10px; }
.pb-12 { padding-bottom: 12px; }
.pb-14 { padding-bottom: 14px; }
.pb-16 { padding-bottom: 16px; }
.pb-18 { padding-bottom: 18px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-120 { padding-bottom: 120px; }
.pb-180 {padding-bottom: 180px;}

/* Padding Left */
.pl-2 { padding-left: 2px; }
.pl-4 { padding-left: 4px; }
.pl-6 { padding-left: 6px; }
.pl-8 { padding-left: 8px; }
.pl-10 { padding-left: 10px; }
.pl-12 { padding-left: 12px; }
.pl-14 { padding-left: 14px; }
.pl-16 { padding-left: 16px; }
.pl-18 { padding-left: 18px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pl-40 { padding-left: 40px; }
.pl-50 { padding-left: 50px; }
.pl-60 { padding-left: 60px; }
.pl-70 { padding-left: 70px; }
.pl-80 { padding-left: 80px; }
.pl-90 { padding-left: 90px; }
.pl-100 { padding-left: 100px; }
.pl-120 { padding-left: 120px; }

/*----------------------------------------------------------------*/
.max-width-200 {
    max-width: 200px;
}
.max-width-250 {
    max-width: 250px;
}
.max-width-300 {
    max-width: 300px;
}
.max-width-350 {
    max-width: 350px;
}
.max-width-400 {
    max-width: 400px;
}
.max-width-450 {
    max-width: 450px;
}
.max-width-500 {
    max-width: 500px;
}
.max-width-600 {
    max-width: 600px;
}
.max-width-700 {
    max-width: 700px;
}
.max-width-800 {
    max-width: 800px;
}
.max-width-900 {
    max-width: 900px;
}
.max-width-1000 {
    max-width: 1000px;
}
.max-width-1100 {
    max-width: 1100px;
}
.max-width-1200 {
    max-width: 1200px;
}
.dotted {
    border-bottom: 1px dotted;
}
.cursor-pointer {
    cursor: pointer;
}
.text-10 {font-size: 10px;line-height: 140%;}
.text-12 {font-size: 12px;line-height: 140%;}
.text-14 {font-size: 14px;line-height: 140%;}
.text-16 {font-size: 16px;line-height: 140%;}
.text-18 {font-size: 18px;line-height: 140%;}
.text-20 {font-size: 20px;line-height: 140%;}
.text-22 {font-size: 22px;line-height: 140%;}
.text-24 {font-size: 24px;line-height: 140%;}
.text-26 {font-size: 26px;line-height: 140%;}
.text-28 {font-size: 28px;line-height: 140%;}
.text-30 {font-size: 30px;line-height: 120%;}
.text-32 {font-size: 32px;line-height: 120%;}
.text-34 {font-size: 34px;line-height: 120%;}
.text-36 {font-size: 36px;line-height: 120%;}
.text-38 {font-size: 38px;line-height: 120%;}
.text-40 {font-size: 40px;line-height: 120%;}
.text-50 {font-size: 50px;line-height: 120%;}
.text-60 {font-size: 60px;line-height: 120%;}
.text-70 {font-size: 70px;line-height: 120%;}
.text-80 {font-size: 80px;line-height: 120%;}
.text-90 {font-size: 90px;line-height: 120%;}
.text-100 {font-size: 100px;line-height: 120%;}


.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-white {
    color: #fff;
}
.text-grey {
    color: #5B5B5B;
}
.text-dark-grey {
    color: #333;
}
.text-light-grey {
    color: #AEA3B2;
}
.text-dark-blue {
    color: #153170;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.opacity-4 {
    opacity: 0.4;
}
.opacity-5 {
    opacity: 0.5;
}
.opacity-6 {
    opacity: 0.6;
}
.opacity-7 {
    opacity: 0.7;
}
.uppercase {
    text-transform: uppercase;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.col-span-1 {
    grid-column: span 1 / span 1;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-3 {
    grid-column: span 3 / span 3;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-5 {
    grid-column: span 5 / span 5;
}
.col-span-6 {
    grid-column: span 6 / span 6;
}
.col-span-7 {
    grid-column: span 7 / span 7;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.col-span-9 {
    grid-column: span 9 / span 9;
}
.col-span-10 {
    grid-column: span 10 / span 10;
}
.col-span-11 {
    grid-column: span 11 / span 11;
}
.col-span-12 {
    grid-column: span 12 / span 12;
}
.gap-8 {
    grid-gap: 8px;
}
.gap-12 {
    grid-gap: 12px;
}
.gap-16 {
    grid-gap: 16px;
}
.gap-24 {
    grid-gap: 24px;
}
.gap-30 {
    grid-gap: 30px;
}
.gap-32 {
    grid-gap: 32px;
}
.gap-48 {
    grid-gap: 48px;
}
.gap-60 {
    grid-gap: 60px;
}
.bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg--white {
    background: white;
}
.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.rounded-2 {border-radius: 2px}
.rounded-4 {border-radius: 4px}
.rounded-6 {border-radius: 6px}
.rounded-8 {border-radius: 8px}
.rounded-10 {border-radius: 10px}
.rounded-12 {border-radius: 12px}
.rounded-14 {border-radius: 14px}
.rounded-16 {border-radius: 16px}
.rounded-18 {border-radius: 18px}
.rounded-20 {border-radius: 20px}
.rounded-24 {border-radius: 24px}
.rounded-30 {border-radius: 30px}
.rounded-40 {border-radius: 40px}
.rounded-full {border-radius: 9999px}

@media (max-width: 1199.98px) {

    /*------------------------------------------------------------------------------------*/
    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    /*------------------------------------------------------------------------------------*/
    .lg\:col-span-1 { grid-column: span 1 / span 1; }
    .lg\:col-span-2 { grid-column: span 2 / span 2; }
    .lg\:col-span-3 { grid-column: span 3 / span 3; }
    .lg\:col-span-4 { grid-column: span 4 / span 4; }
    .lg\:col-span-5 { grid-column: span 5 / span 5; }
    .lg\:col-span-6 { grid-column: span 6 / span 6; }
    .lg\:col-span-7 { grid-column: span 7 / span 7; }
    .lg\:col-span-8 { grid-column: span 8 / span 8; }
    .lg\:col-span-9 { grid-column: span 9 / span 9; }
    .lg\:col-span-10 { grid-column: span 10 / span 10; }
    .lg\:col-span-11 { grid-column: span 11 / span 11; }
    .lg\:col-span-12 { grid-column: span 12 / span 12; }
    /*------------------------------------------------------------------------------------*/
    .lg\:order-1 {
        order: 1;
    }
    .lg\:order-2 {
        order: 2;
    }
    /*------------------------------------------------------------------------------------*/
    .lg\:text-left {
        text-align: left;
    }
    .lg\:text-10 {font-size: 10px;}
    .lg\:text-12 {font-size: 12px;}
    .lg\:text-14 {font-size: 14px;}
    .lg\:text-16 {font-size: 16px;}
    .lg\:text-18 {font-size: 18px;}
    .lg\:text-20 {font-size: 20px;}
    .lg\:text-22 {font-size: 22px;}
    .lg\:text-24 {font-size: 24px;}
    .lg\:text-26 {font-size: 26px;}
    .lg\:text-28 {font-size: 28px;}
    .lg\:text-30 {font-size: 30px;}
    .lg\:text-32 {font-size: 32px;}
    .lg\:text-34 {font-size: 34px;}
    .lg\:text-36 {font-size: 36px;}
    .lg\:text-38 {font-size: 38px;}
    .lg\:text-40 {font-size: 40px;}
    .lg\:text-50 {font-size: 50px;}
    .lg\:text-60 {font-size: 60px;}
    .lg\:text-70 {font-size: 70px;}
    .lg\:text-80 {font-size: 80px;}
    .lg\:text-90 {font-size: 90px;}
    .lg\:text-100 {font-size: 100px;}
    /*------------------------------------------------------------------------------------*/
    .lg\:p-2 { padding: 2px; }
    .lg\:p-4 { padding: 4px; }
    .lg\:p-6 { padding: 6px; }
    .lg\:p-8 { padding: 8px; }
    .lg\:p-10 { padding: 10px; }
    .lg\:p-12 { padding: 12px; }
    .lg\:p-14 { padding: 14px; }
    .lg\:p-16 { padding: 16px; }
    .lg\:p-18 { padding: 18px; }
    .lg\:p-20 { padding: 20px; }
    .lg\:p-30 { padding: 30px; }
    .lg\:p-40 { padding: 40px; }
    .lg\:p-50 { padding: 50px; }
    .lg\:p-60 { padding: 60px; }
    .lg\:p-70 { padding: 70px; }
    .lg\:p-80 { padding: 80px; }
    .lg\:p-90 { padding: 90px; }
    .lg\:p-100 { padding: 100px; }
    .lg\:p-120 { padding: 120px; }

    .lg\:pt-2 { padding-top: 2px; }
    .lg\:pt-4 { padding-top: 4px; }
    .lg\:pt-6 { padding-top: 6px; }
    .lg\:pt-8 { padding-top: 8px; }
    .lg\:pt-10 { padding-top: 10px; }
    .lg\:pt-12 { padding-top: 12px; }
    .lg\:pt-14 { padding-top: 14px; }
    .lg\:pt-16 { padding-top: 16px; }
    .lg\:pt-18 { padding-top: 18px; }
    .lg\:pt-20 { padding-top: 20px; }
    .lg\:pt-30 { padding-top: 30px; }
    .lg\:pt-40 { padding-top: 40px; }
    .lg\:pt-50 { padding-top: 50px; }
    .lg\:pt-60 { padding-top: 60px; }
    .lg\:pt-70 { padding-top: 70px; }
    .lg\:pt-80 { padding-top: 80px; }
    .lg\:pt-90 { padding-top: 90px; }
    .lg\:pt-100 { padding-top: 100px; }
    .lg\:pt-120 { padding-top: 120px; }

    .lg\:pr-2 { padding-right: 2px; }
    .lg\:pr-4 { padding-right: 4px; }
    .lg\:pr-6 { padding-right: 6px; }
    .lg\:pr-8 { padding-right: 8px; }
    .lg\:pr-10 { padding-right: 10px; }
    .lg\:pr-12 { padding-right: 12px; }
    .lg\:pr-14 { padding-right: 14px; }
    .lg\:pr-16 { padding-right: 16px; }
    .lg\:pr-18 { padding-right: 18px; }
    .lg\:pr-20 { padding-right: 20px; }
    .lg\:pr-30 { padding-right: 30px; }
    .lg\:pr-40 { padding-right: 40px; }
    .lg\:pr-50 { padding-right: 50px; }
    .lg\:pr-60 { padding-right: 60px; }
    .lg\:pr-70 { padding-right: 70px; }
    .lg\:pr-80 { padding-right: 80px; }
    .lg\:pr-90 { padding-right: 90px; }
    .lg\:pr-100 { padding-right: 100px; }
    .lg\:pr-120 { padding-right: 120px; }

    .lg\:pb-2 { padding-bottom: 2px; }
    .lg\:pb-4 { padding-bottom: 4px; }
    .lg\:pb-6 { padding-bottom: 6px; }
    .lg\:pb-8 { padding-bottom: 8px; }
    .lg\:pb-10 { padding-bottom: 10px; }
    .lg\:pb-12 { padding-bottom: 12px; }
    .lg\:pb-14 { padding-bottom: 14px; }
    .lg\:pb-16 { padding-bottom: 16px; }
    .lg\:pb-18 { padding-bottom: 18px; }
    .lg\:pb-20 { padding-bottom: 20px; }
    .lg\:pb-30 { padding-bottom: 30px; }
    .lg\:pb-40 { padding-bottom: 40px; }
    .lg\:pb-50 { padding-bottom: 50px; }
    .lg\:pb-60 { padding-bottom: 60px; }
    .lg\:pb-70 { padding-bottom: 70px; }
    .lg\:pb-80 { padding-bottom: 80px; }
    .lg\:pb-90 { padding-bottom: 90px; }
    .lg\:pb-100 { padding-bottom: 100px; }
    .lg\:pb-120 { padding-bottom: 120px; }

    .lg\:pl-2 { padding-left: 2px; }
    .lg\:pl-4 { padding-left: 4px; }
    .lg\:pl-6 { padding-left: 6px; }
    .lg\:pl-8 { padding-left: 8px; }
    .lg\:pl-10 { padding-left: 10px; }
    .lg\:pl-12 { padding-left: 12px; }
    .lg\:pl-14 { padding-left: 14px; }
    .lg\:pl-16 { padding-left: 16px; }
    .lg\:pl-18 { padding-left: 18px; }
    .lg\:pl-20 { padding-left: 20px; }
    .lg\:pl-30 { padding-left: 30px; }
    .lg\:pl-40 { padding-left: 40px; }
    .lg\:pl-50 { padding-left: 50px; }
    .lg\:pl-60 { padding-left: 60px; }
    .lg\:pl-70 { padding-left: 70px; }
    .lg\:pl-80 { padding-left: 80px; }
    .lg\:pl-90 { padding-left: 90px; }
    .lg\:pl-100 { padding-left: 100px; }
    .lg\:pl-120 { padding-left: 120px; }
    /*------------------------------------------------------------------------------------*/
}
@media (max-width: 991.98px) {
    .md\:block {
        display: block;
    }
    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:col-span-1 { grid-column: span 1 / span 1; }
    .md\:col-span-2 { grid-column: span 2 / span 2; }
    .md\:col-span-3 { grid-column: span 3 / span 3; }
    .md\:col-span-4 { grid-column: span 4 / span 4; }
    .md\:col-span-5 { grid-column: span 5 / span 5; }
    .md\:col-span-6 { grid-column: span 6 / span 6; }
    .md\:col-span-7 { grid-column: span 7 / span 7; }
    .md\:col-span-8 { grid-column: span 8 / span 8; }
    .md\:col-span-9 { grid-column: span 9 / span 9; }
    .md\:col-span-10 { grid-column: span 10 / span 10; }
    .md\:col-span-11 { grid-column: span 11 / span 11; }
    .md\:col-span-12 { grid-column: span 12 / span 12; }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:flex-wrap {
        flex-wrap: wrap;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:gap-8 {
        grid-gap: 8px;
    }
    .md\:gap-12 {
        grid-gap: 12px;
    }
    .md\:gap-16 {
        grid-gap: 16px;
    }
    .md\:gap-24 {
        grid-gap: 24px;
    }
    .md\:gap-32 {
        grid-gap: 32px;
    }
    .md\:gap-48 {
        grid-gap: 48px;
    }
    .md\:gap-60 {
        grid-gap: 60px;
    }
    .md\:order-1 {
        order: 1;
    }
    .md\:order-2 {
        order: 2;
    }
    .md\:hidden {
        display: none;
    }
    .md\:overflow-swipe-wrapper {
        overflow: hidden;
    }
    .md\:max-width-600 {
        max-width: 600px;
    }
    .md\:max-width-400 {
        max-width: 400px;
    }
    .md\:overflow-swipe-wrapper.overflow-swipe-wrapper--full-width {
        /*margins like .center*/
        margin-left: -20px;
        margin-right: -20px;
    }
    .md\:overflow-swipe-wrapper .overflow-swipe {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        overflow-x: scroll;
        padding-bottom: 40px;
    }
    /*------------------------------------------------------------------------------------*/
    .md\:m-0 { margin: 0; }
    .md\:mb-0 { margin-bottom: 0; }
    .md\:mb-2 { margin-bottom: 2px; }
    .md\:mb-4 { margin-bottom: 4px; }
    .md\:mb-6 { margin-bottom: 6px; }
    .md\:mb-8 { margin-bottom: 8px; }
    .md\:mb-10 { margin-bottom: 10px; }
    .md\:mb-12 { margin-bottom: 12px; }
    .md\:mb-14 { margin-bottom: 14px; }
    .md\:mb-16 { margin-bottom: 16px; }
    .md\:mb-18 { margin-bottom: 18px; }
    .md\:mb-20 { margin-bottom: 20px; }
    .md\:mb-30 { margin-bottom: 30px; }
    .md\:mb-32 { margin-bottom: 32px; }
    .md\:mb-40 { margin-bottom: 40px; }
    .md\:mb-50 { margin-bottom: 50px; }
    .md\:mb-60 { margin-bottom: 60px; }
    .md\:mb-70 { margin-bottom: 70px; }
    .md\:mb-80 { margin-bottom: 80px; }
    .md\:mb-90 { margin-bottom: 90px; }
    .md\:mb-100 { margin-bottom: 100px; }
    /*------------------------------------------------------------------------------------*/
    .md\:p-2 { padding: 2px; }
    .md\:p-4 { padding: 4px; }
    .md\:p-6 { padding: 6px; }
    .md\:p-8 { padding: 8px; }
    .md\:p-10 { padding: 10px; }
    .md\:p-12 { padding: 12px; }
    .md\:p-14 { padding: 14px; }
    .md\:p-16 { padding: 16px; }
    .md\:p-18 { padding: 18px; }
    .md\:p-20 { padding: 20px; }
    .md\:p-30 { padding: 30px; }
    .md\:p-40 { padding: 40px; }
    .md\:p-50 { padding: 50px; }
    .md\:p-60 { padding: 60px; }
    .md\:p-70 { padding: 70px; }
    .md\:p-80 { padding: 80px; }
    .md\:p-90 { padding: 90px; }
    .md\:p-100 { padding: 100px; }
    .md\:p-120 { padding: 120px; }

    .md\:pt-2 { padding-top: 2px; }
    .md\:pt-4 { padding-top: 4px; }
    .md\:pt-6 { padding-top: 6px; }
    .md\:pt-8 { padding-top: 8px; }
    .md\:pt-10 { padding-top: 10px; }
    .md\:pt-12 { padding-top: 12px; }
    .md\:pt-14 { padding-top: 14px; }
    .md\:pt-16 { padding-top: 16px; }
    .md\:pt-18 { padding-top: 18px; }
    .md\:pt-20 { padding-top: 20px; }
    .md\:pt-30 { padding-top: 30px; }
    .md\:pt-40 { padding-top: 40px; }
    .md\:pt-50 { padding-top: 50px; }
    .md\:pt-60 { padding-top: 60px; }
    .md\:pt-70 { padding-top: 70px; }
    .md\:pt-80 { padding-top: 80px; }
    .md\:pt-90 { padding-top: 90px; }
    .md\:pt-100 { padding-top: 100px; }
    .md\:pt-120 { padding-top: 120px; }

    .md\:pr-2 { padding-right: 2px; }
    .md\:pr-4 { padding-right: 4px; }
    .md\:pr-6 { padding-right: 6px; }
    .md\:pr-8 { padding-right: 8px; }
    .md\:pr-10 { padding-right: 10px; }
    .md\:pr-12 { padding-right: 12px; }
    .md\:pr-14 { padding-right: 14px; }
    .md\:pr-16 { padding-right: 16px; }
    .md\:pr-18 { padding-right: 18px; }
    .md\:pr-20 { padding-right: 20px; }
    .md\:pr-30 { padding-right: 30px; }
    .md\:pr-40 { padding-right: 40px; }
    .md\:pr-50 { padding-right: 50px; }
    .md\:pr-60 { padding-right: 60px; }
    .md\:pr-70 { padding-right: 70px; }
    .md\:pr-80 { padding-right: 80px; }
    .md\:pr-90 { padding-right: 90px; }
    .md\:pr-100 { padding-right: 100px; }
    .md\:pr-120 { padding-right: 120px; }

    .md\:pb-2 { padding-bottom: 2px; }
    .md\:pb-4 { padding-bottom: 4px; }
    .md\:pb-6 { padding-bottom: 6px; }
    .md\:pb-8 { padding-bottom: 8px; }
    .md\:pb-10 { padding-bottom: 10px; }
    .md\:pb-12 { padding-bottom: 12px; }
    .md\:pb-14 { padding-bottom: 14px; }
    .md\:pb-16 { padding-bottom: 16px; }
    .md\:pb-18 { padding-bottom: 18px; }
    .md\:pb-20 { padding-bottom: 20px; }
    .md\:pb-30 { padding-bottom: 30px; }
    .md\:pb-40 { padding-bottom: 40px; }
    .md\:pb-50 { padding-bottom: 50px; }
    .md\:pb-60 { padding-bottom: 60px; }
    .md\:pb-70 { padding-bottom: 70px; }
    .md\:pb-80 { padding-bottom: 80px; }
    .md\:pb-90 { padding-bottom: 90px; }
    .md\:pb-100 { padding-bottom: 100px; }
    .md\:pb-120 { padding-bottom: 120px; }

    .md\:pl-2 { padding-left: 2px; }
    .md\:pl-4 { padding-left: 4px; }
    .md\:pl-6 { padding-left: 6px; }
    .md\:pl-8 { padding-left: 8px; }
    .md\:pl-10 { padding-left: 10px; }
    .md\:pl-12 { padding-left: 12px; }
    .md\:pl-14 { padding-left: 14px; }
    .md\:pl-16 { padding-left: 16px; }
    .md\:pl-18 { padding-left: 18px; }
    .md\:pl-20 { padding-left: 20px; }
    .md\:pl-30 { padding-left: 30px; }
    .md\:pl-40 { padding-left: 40px; }
    .md\:pl-50 { padding-left: 50px; }
    .md\:pl-60 { padding-left: 60px; }
    .md\:pl-70 { padding-left: 70px; }
    .md\:pl-80 { padding-left: 80px; }
    .md\:pl-90 { padding-left: 90px; }
    .md\:pl-100 { padding-left: 100px; }
    .md\:pl-120 { padding-left: 120px; }
    /*------------------------------------------------------------------------------------*/
    .md\:text-10 {font-size: 10px;}
    .md\:text-12 {font-size: 12px;}
    .md\:text-14 {font-size: 14px;}
    .md\:text-16 {font-size: 16px;}
    .md\:text-18 {font-size: 18px;}
    .md\:text-20 {font-size: 20px;}
    .md\:text-22 {font-size: 22px;}
    .md\:text-24 {font-size: 24px;}
    .md\:text-26 {font-size: 26px;}
    .md\:text-28 {font-size: 28px;}
    .md\:text-30 {font-size: 30px;}
    .md\:text-32 {font-size: 32px;}
    .md\:text-34 {font-size: 34px;}
    .md\:text-36 {font-size: 36px;}
    .md\:text-38 {font-size: 38px;}
    .md\:text-40 {font-size: 40px;}
    .md\:text-50 {font-size: 50px;}
    .md\:text-60 {font-size: 60px;}
    .md\:text-70 {font-size: 70px;}
    .md\:text-80 {font-size: 80px;}
    .md\:text-90 {font-size: 90px;}
    .md\:text-100 {font-size: 100px;}
    /*------------------------------------------------------------*/
    .md\:rounded-14 {border-radius: 14px}
    .md\:rounded-16 {border-radius: 16px}
    /*------------------------------------------------------------*/
    .py-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767.98px) {
    .sm\:block {
        display: block;
    }
    .sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:col-span-1 { grid-column: span 1 / span 1; }
    .sm\:col-span-2 { grid-column: span 2 / span 2; }
    .sm\:col-span-3 { grid-column: span 3 / span 3; }
    .sm\:col-span-4 { grid-column: span 4 / span 4; }
    .sm\:col-span-5 { grid-column: span 5 / span 5; }
    .sm\:col-span-6 { grid-column: span 6 / span 6; }
    .sm\:col-span-7 { grid-column: span 7 / span 7; }
    .sm\:col-span-8 { grid-column: span 8 / span 8; }
    .sm\:col-span-9 { grid-column: span 9 / span 9; }
    .sm\:col-span-10 { grid-column: span 10 / span 10; }
    .sm\:col-span-11 { grid-column: span 11 / span 11; }
    .sm\:col-span-12 { grid-column: span 12 / span 12; }
    .sm\:gap-0 {
        grid-gap: 0;
    }
    .sm\:gap-8 {
        grid-gap: 8px;
    }
    .sm\:gap-12 {
        grid-gap: 12px;
    }
    .sm\:gap-16 {
        grid-gap: 16px;
    }
    .sm\:gap-24 {
        grid-gap: 24px;
    }
    .sm\:gap-32 {
        grid-gap: 32px;
    }
    .sm\:gap-48 {
        grid-gap: 48px;
    }
    .sm\:gap-60 {
        grid-gap: 60px;
    }
    .sm\:flex-col {
        flex-direction: column;
    }
    .sm\:flex-wrap {
        flex-wrap: wrap;
    }
    .sm\:items-stretch {
        align-items: stretch;
    }
    .sm\:hidden {
        display: none;
    }
    /*------------------------------------------------------------*/
    .sm\:max-width-300 {
        max-width: 300px;
    }
    /*------------------------------------------------------------*/
    .sm\:mb-0 { margin-bottom: 0; }
    .sm\:mb-2 { margin-bottom: 2px; }
    .sm\:mb-4 { margin-bottom: 4px; }
    .sm\:mb-6 { margin-bottom: 6px; }
    .sm\:mb-8 { margin-bottom: 8px; }
    .sm\:mb-10 { margin-bottom: 10px; }
    .sm\:mb-12 { margin-bottom: 12px; }
    .sm\:mb-14 { margin-bottom: 14px; }
    .sm\:mb-16 { margin-bottom: 16px; }
    .sm\:mb-18 { margin-bottom: 18px; }
    .sm\:mb-20 { margin-bottom: 20px; }
    .sm\:mb-24 { margin-bottom: 24px; }
    .sm\:mb-30 { margin-bottom: 30px; }
    .sm\:mb-40 { margin-bottom: 40px; }
    .sm\:mb-50 { margin-bottom: 50px; }
    .sm\:mb-60 { margin-bottom: 60px; }
    .sm\:mb-70 { margin-bottom: 70px; }
    .sm\:mb-80 { margin-bottom: 80px; }
    .sm\:mb-90 { margin-bottom: 90px; }
    .sm\:mb-100 { margin-bottom: 100px; }
    /*------------------------------------------------------------*/
    .sm\:p-0 { padding: 0; }
    .sm\:p-2 { padding: 2px; }
    .sm\:p-4 { padding: 4px; }
    .sm\:p-6 { padding: 6px; }
    .sm\:p-8 { padding: 8px; }
    .sm\:p-10 { padding: 10px; }
    .sm\:p-12 { padding: 12px; }
    .sm\:p-14 { padding: 14px; }
    .sm\:p-16 { padding: 16px; }
    .sm\:p-18 { padding: 18px; }
    .sm\:p-20 { padding: 20px; }
    .sm\:p-30 { padding: 30px; }
    .sm\:p-40 { padding: 40px; }
    .sm\:p-50 { padding: 50px; }
    .sm\:p-60 { padding: 60px; }
    .sm\:p-70 { padding: 70px; }
    .sm\:p-80 { padding: 80px; }
    .sm\:p-90 { padding: 90px; }
    .sm\:p-100 { padding: 100px; }
    .sm\:p-120 { padding: 120px; }

    .sm\:pt-2 { padding-top: 2px; }
    .sm\:pt-4 { padding-top: 4px; }
    .sm\:pt-6 { padding-top: 6px; }
    .sm\:pt-8 { padding-top: 8px; }
    .sm\:pt-10 { padding-top: 10px; }
    .sm\:pt-12 { padding-top: 12px; }
    .sm\:pt-14 { padding-top: 14px; }
    .sm\:pt-16 { padding-top: 16px; }
    .sm\:pt-18 { padding-top: 18px; }
    .sm\:pt-20 { padding-top: 20px; }
    .sm\:pt-30 { padding-top: 30px; }
    .sm\:pt-40 { padding-top: 40px; }
    .sm\:pt-50 { padding-top: 50px; }
    .sm\:pt-60 { padding-top: 60px; }
    .sm\:pt-70 { padding-top: 70px; }
    .sm\:pt-80 { padding-top: 80px; }
    .sm\:pt-90 { padding-top: 90px; }
    .sm\:pt-100 { padding-top: 100px; }
    .sm\:pt-120 { padding-top: 120px; }

    .sm\:pr-2 { padding-right: 2px; }
    .sm\:pr-4 { padding-right: 4px; }
    .sm\:pr-6 { padding-right: 6px; }
    .sm\:pr-8 { padding-right: 8px; }
    .sm\:pr-10 { padding-right: 10px; }
    .sm\:pr-12 { padding-right: 12px; }
    .sm\:pr-14 { padding-right: 14px; }
    .sm\:pr-16 { padding-right: 16px; }
    .sm\:pr-18 { padding-right: 18px; }
    .sm\:pr-20 { padding-right: 20px; }
    .sm\:pr-30 { padding-right: 30px; }
    .sm\:pr-40 { padding-right: 40px; }
    .sm\:pr-50 { padding-right: 50px; }
    .sm\:pr-60 { padding-right: 60px; }
    .sm\:pr-70 { padding-right: 70px; }
    .sm\:pr-80 { padding-right: 80px; }
    .sm\:pr-90 { padding-right: 90px; }
    .sm\:pr-100 { padding-right: 100px; }
    .sm\:pr-120 { padding-right: 120px; }

    .sm\:pb-2 { padding-bottom: 2px; }
    .sm\:pb-4 { padding-bottom: 4px; }
    .sm\:pb-6 { padding-bottom: 6px; }
    .sm\:pb-8 { padding-bottom: 8px; }
    .sm\:pb-10 { padding-bottom: 10px; }
    .sm\:pb-12 { padding-bottom: 12px; }
    .sm\:pb-14 { padding-bottom: 14px; }
    .sm\:pb-16 { padding-bottom: 16px; }
    .sm\:pb-18 { padding-bottom: 18px; }
    .sm\:pb-20 { padding-bottom: 20px; }
    .sm\:pb-30 { padding-bottom: 30px; }
    .sm\:pb-40 { padding-bottom: 40px; }
    .sm\:pb-50 { padding-bottom: 50px; }
    .sm\:pb-60 { padding-bottom: 60px; }
    .sm\:pb-70 { padding-bottom: 70px; }
    .sm\:pb-80 { padding-bottom: 80px; }
    .sm\:pb-90 { padding-bottom: 90px; }
    .sm\:pb-100 { padding-bottom: 100px; }
    .sm\:pb-120 { padding-bottom: 120px; }

    .sm\:pl-2 { padding-left: 2px; }
    .sm\:pl-4 { padding-left: 4px; }
    .sm\:pl-6 { padding-left: 6px; }
    .sm\:pl-8 { padding-left: 8px; }
    .sm\:pl-10 { padding-left: 10px; }
    .sm\:pl-12 { padding-left: 12px; }
    .sm\:pl-14 { padding-left: 14px; }
    .sm\:pl-16 { padding-left: 16px; }
    .sm\:pl-18 { padding-left: 18px; }
    .sm\:pl-20 { padding-left: 20px; }
    .sm\:pl-30 { padding-left: 30px; }
    .sm\:pl-40 { padding-left: 40px; }
    .sm\:pl-50 { padding-left: 50px; }
    .sm\:pl-60 { padding-left: 60px; }
    .sm\:pl-70 { padding-left: 70px; }
    .sm\:pl-80 { padding-left: 80px; }
    .sm\:pl-90 { padding-left: 90px; }
    .sm\:pl-100 { padding-left: 100px; }
    .sm\:pl-120 { padding-left: 120px; }
    /*------------------------------------------------------------*/


    .sm\:text-10 {font-size: 10px;}
    .sm\:text-12 {font-size: 12px;}
    .sm\:text-14 {font-size: 14px;}
    .sm\:text-16 {font-size: 16px;}
    .sm\:text-18 {font-size: 18px;}
    .sm\:text-20 {font-size: 20px;}
    .sm\:text-22 {font-size: 22px;}
    .sm\:text-24 {font-size: 24px;}
    .sm\:text-26 {font-size: 26px;}
    .sm\:text-28 {font-size: 28px;}
    .sm\:text-30 {font-size: 30px;}
    .sm\:text-32 {font-size: 32px;}
    .sm\:text-34 {font-size: 34px;}
    .sm\:text-36 {font-size: 36px;}
    .sm\:text-38 {font-size: 38px;}
    .sm\:text-40 {font-size: 40px;}
    .sm\:text-50 {font-size: 50px;}
    .sm\:text-60 {font-size: 60px;}
    .sm\:text-70 {font-size: 70px;}
    .sm\:text-80 {font-size: 80px;}
    .sm\:text-90 {font-size: 90px;}
    .sm\:text-100 {font-size: 100px;}
    /*------------------------------------------------------------*/
    .py-100 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 575.98px) {
    .xs\:hidden {
        display: none;
    }
    .xs\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    /*------------------------------------------------------------*/
    .xs\:text-10 {font-size: 10px;}
    .xs\:text-12 {font-size: 12px;}
    .xs\:text-14 {font-size: 14px;}
    .xs\:text-16 {font-size: 16px;}
    .xs\:text-18 {font-size: 18px;}
    .xs\:text-20 {font-size: 20px;}
    .xs\:text-22 {font-size: 22px;}
    .xs\:text-24 {font-size: 24px;}
    .xs\:text-26 {font-size: 26px;}
    .xs\:text-28 {font-size: 28px;}
    .xs\:text-30 {font-size: 30px;}
    .xs\:text-32 {font-size: 32px;}
    .xs\:text-34 {font-size: 34px;}
    .xs\:text-36 {font-size: 36px;}
    .xs\:text-38 {font-size: 38px;}
    .xs\:text-40 {font-size: 40px;}
    .xs\:text-50 {font-size: 50px;}
    .xs\:text-60 {font-size: 60px;}
    .xs\:text-70 {font-size: 70px;}
    .xs\:text-80 {font-size: 80px;}
    .xs\:text-90 {font-size: 90px;}
    .xs\:text-100 {font-size: 100px;}
    /*------------------------------------------------------------*/
}