html {
    font-family: 'Afacad';
    font-style: normal;
    color: #858d9f;
}

/* H1-6 */
.h1 {
    text-align: left;
    font-weight: 400;
    font-size: 60px;
    line-height: 120%;
    color: #29293a;

}
.h2 {
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    color: #29293A;
}
.h3 {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    color: #29293A;
}

/* regular */
.regular-xs {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #374151;
}
.regular-s {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #A1A2B1;
}
.regular-m {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #858D9F;
}
.regular-l {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: #858D9F;
}
.regular-xl {
    font-weight: 400;
    font-size: 96px;
    line-height: 92%;
    text-align: center;
    color: #6366F1;
}

/* bold */
.bold-l {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #29293A;
}

/* ol li */
ol {
    list-style-position: inside;
    text-indent: -2.2em;
    margin-left: 3.4em;
}

/* other */
.btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #35374f;
}
.nav-menu a {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #35374f;
}
.currency {
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    color: #6366F1;
}
.list-icon li {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #29293A;
}

@media screen and (max-width: 640px) {
    /* H1-6 */
    .h1 {
        font-size: 40px;
        line-height: 120%;

    }
    .h2 {
        font-size: 24px;
        line-height: 120%;
    }
    .h3 {
        font-size: 22px;
        line-height: 100%;
    }

    /* regular */
    .regular-xs {
        font-size: 12px;
        line-height: 15px;
    }
    .regular-s {
        font-size: 14px;
        line-height: 120%;
    }
    .regular-m {
        font-size: 16px;
        line-height: 20px;
    }
    .regular-l {
        font-size: 18px;
        line-height: 120%;
    }
    .regular-xl {
        font-weight: 400;
        font-size: 96px;
        line-height: 92%;
        text-align: center;
        color: #6366F1;
    }

    /* bold */
    .bold-l {
        font-size: 20px;
        line-height: 28px;
    }

    /* other */
    .currency {
        font-size: 28px;
        line-height: 100%;
    }
    .list-icon li {
        font-size: 14px;
        line-height: 18px;
    }
}