.font-lexend {
    font-family: var(--font-primary);
}

.font-anton {
    font-family: var(--font-anton);
}

/* Font size */
.fs-9 {
    font-size: 9px !important;
    ;
}

.fs-10 {
    font-size: 10px !important;
    ;
}

.fs-11 {
    font-size: 11px !important;
    ;
}

.fs-12 {
    font-size: 12px !important;
    ;
}

.fs-13 {
    font-size: 13px !important;
    ;
}

.fs-14 {
    font-size: clamp(13px, 2vw, 14px) !important;
}

.fs-15 {
    font-size: clamp(14px, 2vw, 15px) !important;
}

.fs-16 {
    font-size: clamp(15px, 2vw, 16px) !important;
}

.fs-17 {
    font-size: clamp(16px, 2vw, 17px) !important;
}

.fs-18 {
    font-size: clamp(15px, 2vw, 18px) !important;
}

.fs-19 {
    font-size: clamp(15px, 2vw, 19px) !important;
}

.fs-20 {
    font-size: clamp(18px, 2vw, 20px) !important;
}

.fs-21 {
    font-size: clamp(19px, 2vw, 21px) !important;
}

.fs-22 {
    font-size: clamp(20px, 2vw, 22px) !important;
}

.fs-23 {
    font-size: clamp(18px, 2vw, 23px);
    line-height: clamp(22px, 3vw, 28px);
}

.fs-24 {
    font-size: clamp(18px, 2vw, 24px);
    line-height: clamp(22px, 3vw, 30px);
}

.fs-25 {
    font-size: clamp(20px, 2vw, 25px);
    line-height: clamp(24px, 3vw, 32px);
}

.fs-26 {
    font-size: clamp(20px, 2vw, 26px);
    line-height: clamp(24px, 3vw, 32px);
}

.fs-27 {
    font-size: clamp(20px, 2vw, 27px);
    line-height: clamp(24px, 3vw, 32px);
}

.fs-28 {
    font-size: clamp(20px, 2vw, 28px);
    line-height: clamp(24px, 3vw, 32px);
}

.fs-29 {
    font-size: clamp(20px, 2vw, 29px);
    line-height: clamp(24px, 3vw, 32px);
}

.fs-30 {
    font-size: clamp(24px, 3vw, 30px);
    line-height: clamp(27px, 4vw, 40px);
}

.fs-31 {
    font-size: clamp(25px, 3vw, 31px);
    line-height: clamp(35px, 4vw, 45px);
}

.fs-32 {
    font-size: clamp(20px, 3vw, 32px);
    line-height: clamp(30px, 4vw, 47px);
}

.fs-33 {
    font-size: clamp(20px, 3vw, 33px);
    line-height: clamp(30px, 4vw, 47px);
}

.fs-34 {
    font-size: clamp(20px, 3vw, 34px);
    line-height: clamp(30px, 4vw, 47px);
}

.fs-35 {
    font-size: clamp(25px, 3vw, 35px);
    line-height: clamp(35px, 4vw, 50px);
}

.fs-36 {
    font-size: clamp(25px, 3vw, 36px);
    line-height: clamp(35px, 4vw, 50px);
}

.fs-37 {
    font-size: clamp(25px, 3vw, 37px);
    line-height: clamp(35px, 4vw, 50px);
}

.fs-38 {
    font-size: clamp(25px, 3vw, 38px);
    line-height: clamp(35px, 4vw, 50px);
}

.fs-39 {
    font-size: clamp(25px, 3vw, 39px);
    line-height: clamp(35px, 4vw, 50px);
}

.fs-40 {
    font-size: clamp(30px, 4vw, 40px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-41 {
    font-size: clamp(30px, 4vw, 41px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-42 {
    font-size: clamp(30px, 4vw, 42px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-43 {
    font-size: clamp(30px, 4vw, 43px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-44 {
    font-size: clamp(30px, 4vw, 44px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-45 {
    font-size: clamp(30px, 4vw, 45px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-46 {
    font-size: clamp(30px, 4vw, 46px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-47 {
    font-size: clamp(30px, 4vw, 47px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-48 {
    font-size: clamp(30px, 4vw, 48px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-49 {
    font-size: clamp(30px, 4vw, 49px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-50 {
    font-size: clamp(30px, 4vw, 50px);
    line-height: clamp(40px, 5vw, 60px);
}

.fs-51 {
    font-size: clamp(30px, 4vw, 51px);
    line-height: clamp(40px, 5vw, 60px);
}

.text-right {
    text-align: right;
}

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

.text-md {
    font-size: .9rem !important;
}

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

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

/* Font weight */
.fw-500 {
    font-weight: 500;
}

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

.fw-700 {
    font-weight: 700;
}

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

.fw-black {
    font-weight: 900;
}

/* Color text */
.text-red {
    color: var(--color-red);
}

.text-yellow {
    color: var(--color-yellow);
}

.text-blue {
    color: var(--color-blue);
}

.text-green {
    color: var(--color-green);
}

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

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

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

.text-gray {
    color: var(--color-gray);
}


.bg-primary {
    background: var(--primary-color) !important;
}

.border-color-primary {
    border-color: var(--primary-color);
}


/* =========================
   GAP - BASE
   .space-1 -> .space-50
========================= */
.space-1 {
    gap: 1px;
}

.space-2 {
    gap: 2px;
}

.space-3 {
    gap: 3px;
}

.space-4 {
    gap: 4px;
}

.space-5 {
    gap: 5px;
}

.space-6 {
    gap: 6px;
}

.space-7 {
    gap: 7px;
}

.space-8 {
    gap: 8px;
}

.space-9 {
    gap: 9px;
}

.space-10 {
    gap: 10px;
}

.space-11 {
    gap: 11px;
}

.space-12 {
    gap: 12px;
}

.space-13 {
    gap: 13px;
}

.space-14 {
    gap: 14px;
}

.space-15 {
    gap: 15px;
}

.space-16 {
    gap: 16px;
}

.space-17 {
    gap: 17px;
}

.space-18 {
    gap: 18px;
}

.space-19 {
    gap: 19px;
}

.space-20 {
    gap: 20px;
}

.space-21 {
    gap: 21px;
}

.space-22 {
    gap: 22px;
}

.space-23 {
    gap: 23px;
}

.space-24 {
    gap: 24px;
}

.space-25 {
    gap: 25px;
}

.space-26 {
    gap: 26px;
}

.space-27 {
    gap: 27px;
}

.space-28 {
    gap: 28px;
}

.space-29 {
    gap: 29px;
}

.space-30 {
    gap: 30px;
}

.space-31 {
    gap: 31px;
}

.space-32 {
    gap: 32px;
}

.space-33 {
    gap: 33px;
}

.space-34 {
    gap: 34px;
}

.space-35 {
    gap: 35px;
}

.space-36 {
    gap: 36px;
}

.space-37 {
    gap: 37px;
}

.space-38 {
    gap: 38px;
}

.space-39 {
    gap: 39px;
}

.space-40 {
    gap: 40px;
}

.space-41 {
    gap: 41px;
}

.space-42 {
    gap: 42px;
}

.space-43 {
    gap: 43px;
}

.space-44 {
    gap: 44px;
}

.space-45 {
    gap: 45px;
}

.space-46 {
    gap: 46px;
}

.space-47 {
    gap: 47px;
}

.space-48 {
    gap: 48px;
}

.space-49 {
    gap: 49px;
}

.space-50 {
    gap: 50px;
}

.space-60 {
    gap: 60px;
}