/* TEXT */
.text-h1 {
    font-weight: 600;
    font-size: 27px;
    line-height: 34px;
    color: #222426;
    letter-spacing: 1%;
}

.text-h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #222426;
    letter-spacing: 1%;
}

.text-h3 {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #222426;
    letter-spacing: 1%;
}

.text-h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #54595E;
    letter-spacing: 1%;
}

.text-h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.text-h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #0D386B;
}

.text-h7 {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #222426;
}

.text-h8 {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1%;
    color: #FFFFFF;

}

.text-title-1 {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #54595E;
    letter-spacing: 1%;
}

.text-title-2 {
    font-weight: 500;
    font-size: 10px;
    line-height: 17px;
    color: #54595E;
    letter-spacing: 1%;
}

.text-title-3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #54595E;
}

.text-title-4 {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #54595E;
}

.text-title-5 {
    font-weight: 600;
    font-size: 40px;
    line-height: 47px;
    color: #222426;
}

.text-number {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #222426;
}