/* Fonts */

/* Quicksand 300 */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/Quicksand/Quicksand-Light.ttf');
}

/* Quicksand 400 */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Quicksand/Quicksand-Regular.ttf');
}

/* Quicksand 500 */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Quicksand/Quicksand-Medium.ttf');
}

/* Quicksand 600 */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/Quicksand/Quicksand-SemiBold.ttf');
}

/* Quicksand 700 */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/Quicksand/Quicksand-Bold.ttf');
}

/* Use it */
:root, body {
    font-family: 'Quicksand', system-ui, -apple-system, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;
}

.b2b_title_bald_32 {
    font-family: Quicksand;
    font-size: 32px;
    font-weight: 700;
    font-style: normal;
    line-height: 40px;
    letter-spacing: 0px;
}

.b2b_title_small_bald_24 {
    font-family: Quicksand;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 32px;
    letter-spacing: 0px;
}

.b2b_subtitle_bald_20 {
    font-family: Quicksand;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0px;
}

.b2b_subtitle_medium_20 {
    font-family: Quicksand;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0px;
}


.b2b_body_bald_16 {
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0px;
}

.b2b_body_medium_16 {
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0px;
}

.b2b_body_regular_16 {
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0px;
}

.b2b_body_small_14 {
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 21px;
    letter-spacing: 0px;
}

.b2b_body_small_bald_14 {
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    letter-spacing: 0px;
}

.b2b_body_small_regular_14 {
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    letter-spacing: 0px;
}

.b2b_body_super_small_regular_12 {
    font-family: Quicksand;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    letter-spacing: 0px;
}


.text-tertiary {
    color: var(--b2b-text-tertiary, #616161);
}