/*CSS for typography*/
/*OB - OTBASY BANK*/
/* CSS NEED TO BE NAMED AS  OB-{{NAME OF CLASS OR ID}}-{{COLOR AND ETC.}} */

.ob-mega {
    /* Mega */
    font-family: Ubuntu;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ob-h1 {
    /* h1 */
    font-family: Ubuntu;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ob-h2 {
    /* h2 */
    font-family: Ubuntu;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ob-h3 {
    /* h3 */
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.64px;
}

.ob-h4 {
    /* h4 */
    font-family: Ubuntu;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.52px;
}

.ob-title {
    /* Title */
    font-family: Ubuntu;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 118.182% */
}

.ob-substitle {
    /* Subtitle */
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.ob-accentXS {
    /* Accent XS */
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
}

.ob-accentS {
    /* Accent S */
    font-family: Ubuntu;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 21px */
}

.ob-accentM {
    /* Accent M */
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
}

.ob-accentL {
    /* Accent L */
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}

.ob-accentXL {
    /* Accent XL */
    font-family: Ubuntu;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 42px */
}

.ob-bodyL {
    /* Body L */
    font-family: Ubuntu;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 133.333% */
}

.ob-bodyM {
    /* Body M */
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.ob-link {
    /* Link */
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    text-decoration-line: underline !important;
}

.ob-description {
    /* Description */
    font-family: Ubuntu;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px; /* 130% */
}

.ob-caption {
    /* Caption */
    font-family: Ubuntu;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
}



.ob-white {
    color: white;
}

.ob-error {
    color: #ED3A32;
}

.ob-mid-gray {
    color: var(--Mid-Gray-2, #ADB0B2);
}

.ob-teal {
    color: var(--Teal, #008F91);
}

.ob-dark-blue {
    color: var(--Dark-blue, #0856B1) !important;
}

.ob-dark-gray, .ob-dark-grey {
    color: var(--Dark-Gray, #7A7E81);
}


.text-decoration-underline {
    text-decoration: underline !important;
}