/* Gotham + Google Sans for QAI/QAB onboarding modals (all host pages). */
@font-face {
    font-family: "google_sansregular";
    src: url("../../newLayout/assets/css/googlesans-regular.woff2") format("woff2"),
        url("../../newLayout/assets/css/googlesans-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "google_sansbold";
    src: url("../../newLayout/assets/css/googlesans-bold.woff2") format("woff2"),
        url("../../newLayout/assets/css/googlesans-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "gotham_narrowbook";
    src: url("../../newLayout/assets/css/gothamnarrow-book-webfont.woff2") format("woff2"),
        url("../../newLayout/assets/css/gothamnarrow-book-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "gotham_narrowblack";
    src: url("../../newLayout/assets/css/gothamnarrow-black-webfont.woff2") format("woff2"),
        url("../../newLayout/assets/css/gothamnarrow-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "gotham_narrowbold";
    src: url("../../newLayout/assets/css/gotham_narrow_bold-webfont.woff2") format("woff2"),
        url("../../newLayout/assets/css/gotham_narrow_bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "gotham_narrowmedium";
    src: url("../../newLayout/assets/css/gotham_narrow_medium-webfont.woff2") format("woff2"),
        url("../../newLayout/assets/css/gotham_narrow_medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#ExploreBridgePromo,
#CbetOnboardingForm,
#CbetOnboardingSuccess {
    font-family: "gotham_narrowbook", "google_sansregular", sans-serif;
}

#ExploreBridgePromo .font-primary,
#CbetOnboardingForm .font-primary,
#CbetOnboardingSuccess .font-primary {
    font-family: "google_sansregular" !important;
}

#ExploreBridgePromo .font-secondary-black,
#CbetOnboardingForm .font-secondary-black,
#CbetOnboardingSuccess .font-secondary-black {
    font-family: "gotham_narrowblack";
}

#ExploreBridgePromo .font-secondary-medium,
#CbetOnboardingForm .font-secondary-medium,
#CbetOnboardingSuccess .font-secondary-medium {
    font-family: "gotham_narrowmedium";
}

#ExploreBridgePromo .font-secondary-bold,
#CbetOnboardingForm .font-secondary-bold,
#CbetOnboardingSuccess .font-secondary-bold {
    font-family: "gotham_narrowbold";
}

#ExploreBridgePromo h1,
#ExploreBridgePromo h2,
#ExploreBridgePromo h3,
#ExploreBridgePromo h4,
#ExploreBridgePromo h5,
#ExploreBridgePromo h6,
#CbetOnboardingForm h1,
#CbetOnboardingForm h2,
#CbetOnboardingForm h3,
#CbetOnboardingForm h4,
#CbetOnboardingForm h5,
#CbetOnboardingForm h6,
#CbetOnboardingSuccess h1,
#CbetOnboardingSuccess h2,
#CbetOnboardingSuccess h3,
#CbetOnboardingSuccess h4,
#CbetOnboardingSuccess h5,
#CbetOnboardingSuccess h6 {
    font-family: "gotham_narrowbold";
}

#ExploreBridgePromo strong,
#ExploreBridgePromo b,
#CbetOnboardingForm strong,
#CbetOnboardingForm b,
#CbetOnboardingSuccess strong,
#CbetOnboardingSuccess b {
    font-weight: normal;
    font-family: "google_sansbold";
}

#ExploreBridgePromo .font-48px,
#CbetOnboardingForm .font-48px,
#CbetOnboardingSuccess .font-48px {
    font-size: 48px;
}

#ExploreBridgePromo .font-32px,
#CbetOnboardingForm .font-32px,
#CbetOnboardingSuccess .font-32px {
    font-size: 32px;
}

#ExploreBridgePromo .font-26px,
#CbetOnboardingForm .font-26px,
#CbetOnboardingSuccess .font-26px {
    font-size: 26px;
}

#ExploreBridgePromo .font-22px,
#CbetOnboardingForm .font-22px,
#CbetOnboardingSuccess .font-22px {
    font-size: 22px !important;
}

#ExploreBridgePromo .font-20px,
#CbetOnboardingForm .font-20px,
#CbetOnboardingSuccess .font-20px {
    font-size: 20px !important;
}

#ExploreBridgePromo .font-18px,
#CbetOnboardingForm .font-18px,
#CbetOnboardingSuccess .font-18px {
    font-size: 18px !important;
}

#ExploreBridgePromo .font-16px,
#CbetOnboardingForm .font-16px,
#CbetOnboardingSuccess .font-16px {
    font-size: 16px !important;
}

#ExploreBridgePromo .font-14,
#CbetOnboardingForm .font-14,
#CbetOnboardingSuccess .font-14 {
    font-size: 16px !important;
    line-height: 140%;
}

#ExploreBridgePromo .line-height-120,
#CbetOnboardingForm .line-height-120,
#CbetOnboardingSuccess .line-height-120 {
    line-height: 120%;
}

#ExploreBridgePromo .line-height-130,
#CbetOnboardingForm .line-height-130,
#CbetOnboardingSuccess .line-height-130 {
    line-height: 130%;
}

#ExploreBridgePromo .line-height-140,
#CbetOnboardingForm .line-height-140,
#CbetOnboardingSuccess .line-height-140 {
    line-height: 140%;
}

#ExploreBridgePromo .line-height-150,
#CbetOnboardingForm .line-height-150,
#CbetOnboardingSuccess .line-height-150 {
    line-height: 150%;
}

#ExploreBridgePromo .btn.btn-secondary,
#CbetOnboardingForm .btn.btn-secondary,
#CbetOnboardingSuccess .btn.btn-secondary {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

#ExploreBridgePromo .btn.btn-secondary:hover,
#ExploreBridgePromo .btn.btn-secondary:focus,
#CbetOnboardingForm .btn.btn-secondary:hover,
#CbetOnboardingForm .btn.btn-secondary:focus,
#CbetOnboardingSuccess .btn.btn-secondary:hover,
#CbetOnboardingSuccess .btn.btn-secondary:focus {
    background-color: #6259ca;
    border-color: #6259ca;
    color: #fff;
}