/* gap */
.gap-2px {
    gap: 2px;
}

.gap-4px {
    gap: 4px;
}

.gap-6px {
    gap: 6px;
}

.gap-8px {
    gap: 8px;
}

.gap-10px {
    gap: 10px;
}

.gap-12px {
    gap: 12px;
}

.gap-14px {
    gap: 14px;
}

.gap-16px {
    gap: 16px;
}

.gap-18px {
    gap: 18px;
}

.gap-20px {
    gap: 20px;
}

.gap-22px {
    gap: 22px;
}

.gap-24px {
    gap: 24px;
}

.gap-26px {
    gap: 26px;
}

.gap-28px {
    gap: 28px;
}

.gap-30px {
    gap: 30px;
}

.gap-32px {
    gap: 32px;
}

.gap-34px {
    gap: 34px;
}

.gap-36px {
    gap: 36px;
}

.gap-38px {
    gap: 38px;
}

.gap-40px {
    gap: 40px;
}

.gap-42px {
    gap: 42px;
}

.gap-44px {
    gap: 44px;
}

.gap-46px {
    gap: 46px;
}

.gap-48px {
    gap: 48px;
}

.gap-50px {
    gap: 50px;
}

.gap-56px {
    gap: 56px;
}

.gap-62px {
    gap: 62px;
}

.gap-94px {
    gap: 94px;
}

/* cursor */

.cursor-pointer {
    cursor: pointer;
}


/* margin-top */
.margin-32px-top {
    margin-top: 32px;
}

.margin-36px-top {
    margin-top: 36px;
}

.margin-40px-top {
    margin-top: 40px;
}

.margin-44px-top {
    margin-top: 44px;
}

.margin-56px-top {
    margin-top: 56px;
}

.margin-64px-top {
    margin-top: 64px;
}

.margin-88px-top {
    margin-top: 88px;
}

.margin-92px-top {
    margin-top: 92px;
}

.margin-100px-top {
    margin-top: 100px;
}

.margin-146px-top {
    margin-top: 146px;
}

.margin-186px-top {
    margin-top: 186px;
}

.margin-top-min-30px {
    margin-top: -30px;
}

/* margin-bottom */
.margin-12px-bottom {
    margin-bottom: 12px;
}

.margin-20px-bottom {
    margin-bottom: 20px;
}

.margin-40px-bottom {
    margin-bottom: 40px;
}

.margin-50px-bottom {
    margin-bottom: 50px;
}

.margin-162px-bottom {
    margin-bottom: 162px;
}

/* margin tb */
.margin-16px-tb {
    margin-top: 16px;
    margin-bottom: 16px;
}

/* padding-all */
.padding-14px-all {
    padding: 14px;
}

.padding-20px-all {
    padding: 20px;
}

/* margin-left */
.margin-62px-left {
    margin-left: 62px;
}


/* padding-tb */
.padding-14px-tb {
    padding-top: 14px;
    padding-bottom: 14px;
}

.padding-40px-tb {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-72px-tb {
    padding-top: 72px;
    padding-bottom: 72px;
}

/* padding-lr */

.padding-38px-lr {
    padding-left: 38px;
    padding-right: 38px;
}

.padding-54px-lr {
    padding-left: 54px;
    padding-right: 54px;
}

/* padding bottom */
.padding-12px-bottom {
    padding-bottom: 12px;
}

.padding-48px-bottom {
    padding-bottom: 48px;
}

/* padding top */
.padding-1px-top {
    padding-top: 1px;
}

.padding-44px-top {
    padding-top: 44px;
}

.padding-88px-top {
    padding-top: 88px;
}

/* background */
.bg-primary-color {
    background-color: #40DF8A;
}

.bg-dark-gray {
    background-color: #171717;
}

.bg-bright-green {
    background-color: #38CD7E;
}

.bg-greenish-white {
    background-color: #F3FFEF;
}

.bg-jett-black {
    background-color: #000000;
}

/* color */
.color-primary {
    color: #40DF8A;
}

.color-jett-black {
    color: #000000;
}

.color-charcoal-gray {
    color: #525252;
}

.color-dark-liver {
    color: #4F4F4F;
}

.color-cloud-gray {
    color: #F8F8F8;
}

.color-medium-gray {
    color: #8D8D8D;
}

.color-white {
    color: #FFFFFF;
}

.color-light-gray {
    color: #C8C8C8;
}

.color-chinese-black {
    color: #171717;
}

.color-grayish {
    color: #7C7C7C;
}

.color-dark-gray {
    color: #A9A9A9;
}

.color-anti-flash-white {
    color: #F2F2F2;
}

.color-dark-charcoal {
    color: #343330;
}

.color-chinese-white {
    color: #E1E1E1;
}

.color-maastricht-blue {
    color: #011C2A;
}

.color-gainsboro {
    color: #DADADA;
}

.color-gray {
    color: #DCDCDC;
}

.color-silver-sand {
    color: #C4C4C4;
}

/* z-index */
.z-index--1 {
    z-index: -1;
}

.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

/* object */
.object-fit-cover {
    object-fit: cover;
}

/* fonts */
.e-font-10 {
    font-size: 10px;
}

.e-font-12 {
    font-size: 12px;
}

.e-font-14 {
    font-size: 14px;
}

.e-font-16 {
    font-size: 16px;
}

.e-font-18 {
    font-size: 18px;
}

.e-font-20 {
    font-size: 20px;
}

.e-font-22 {
    font-size: 22px;
}

.e-font-24 {
    font-size: 24px;
}

.e-font-26 {
    font-size: 26px;
}

.e-font-28 {
    font-size: 28px;
}

.e-font-30 {
    font-size: 30px;
}

.e-font-32 {
    font-size: 32px;
}

.e-font-34 {
    font-size: 34px;
}

.e-font-36 {
    font-size: 36px;
}

.e-font-38 {
    font-size: 38px;
}

.e-font-40 {
    font-size: 40px;
}

.e-font-44 {
    font-size: 44px;
}

.e-font-46 {
    font-size: 46px;
}

.e-font-52 {
    font-size: 52px;
}

.e-font-106 {
    font-size: 106px;
}

/* line-height */
.e-line-height-12 {
    line-height: 12px;
}

.e-line-height-14 {
    line-height: 14px;
}

.e-line-height-16 {
    line-height: 16px;
}

.e-line-height-18 {
    line-height: 18px;
}

.e-line-height-20 {
    line-height: 20px;
}

.e-line-height-22 {
    line-height: 22px;
}

.e-line-height-24 {
    line-height: 24px;
}

.e-line-height-26 {
    line-height: 26px;
}

.e-line-height-28 {
    line-height: 28px;
}

.e-line-height-30 {
    line-height: 30px;
}

.e-line-height-32 {
    line-height: 32px;
}

.e-line-height-34 {
    line-height: 34px;
}

.e-line-height-36 {
    line-height: 36px;
}

.e-line-height-38 {
    line-height: 38px;
}

.e-line-height-40 {
    line-height: 40px;
}

.e-line-height-44 {
    line-height: 44px;
}

.e-line-height-54 {
    line-height: 54px;
}

.e-line-height-60 {
    line-height: 60px;
}

.e-line-height-62 {
    line-height: 62px;
}

.e-line-height-70 {
    line-height: 70px;
}

/* font-weight */
.e-weight-300 {
    font-weight: 300;
}

.e-weight-400 {
    font-weight: 400;
}

.e-weight-500 {
    font-weight: 500;
}

.e-weight-600 {
    font-weight: 600;
}

.e-weight-800 {
    font-weight: 800;
}

/* border-radius */
.border-radius-4px {
    border-radius: 4px;
}

.border-radius-8px {
    border-radius: 8px;
}

.transition-05s {
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}

/* width */
.w-max-content {
    width: max-content;
}

/* border */
.border-custom-top {
    border-top: 0.5px solid #E9E9E9;
}

.border-right {
    border-right: 1px solid #E9E9E9;
}

.border-custom-bottom {
    border-bottom: 0.5px solid #E9E9E9;
}

.border-left {
    border-left: 1px solid #E9E9E9;
}

.border-bottom-primary {
    border-bottom: 1px solid #45E790;
}

.transform-scale:hover {
    transform: scale(1.08);
}