body.q88-brand-lp main > section.hero > div.hero__offer > h1,
body.q88-brand-lp section.hero > div.hero__offer > h1,
body.q88-brand-lp .hero__offer > h1 {
    gap: 0.58rem !important;
    width: min(100%, 820px) !important;
    font-family: "Fredoka", "Nunito", sans-serif !important;
}

body.q88-brand-lp main > section.hero > div.hero__offer > h1 > span.span-lg,
body.q88-brand-lp .hero__offer h1 .span-lg,
body.q88-brand-lp main > section.hero > div.hero__offer > h1 > span.span-lg:nth-child(3),
body.q88-brand-lp .hero__offer h1 .span-lg:nth-child(3) {
    color: #fff !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-text-stroke: 0 transparent !important;
    text-stroke: 0 transparent !important;
    paint-order: normal !important;
    filter: none !important;
    text-shadow: none !important;
    font-family: "Fredoka", "Nunito", sans-serif !important;
    font-size: clamp(4rem, 7.45vw, 7.95rem) !important;
    font-weight: 700 !important;
    line-height: 0.88 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.q88-brand-lp.q88-compact-hero main > section.hero > div.hero__offer > h1 > span.span-lg,
body.q88-brand-lp.q88-compact-hero .hero__offer h1 .span-lg,
body.q88-brand-lp.q88-compact-hero main > section.hero > div.hero__offer > h1 > span.span-lg:nth-child(3),
body.q88-brand-lp.q88-compact-hero .hero__offer h1 .span-lg:nth-child(3) {
    font-size: clamp(calc(4rem - 30px), calc(7.45vw - 30px), calc(7.95rem - 30px)) !important;
}

body.q88-brand-lp main > section.hero > div.hero__offer > h1 > span.span-sm,
body.q88-brand-lp .hero__offer h1 .span-sm {
    color: #d9e3ef !important;
    background: transparent !important;
    -webkit-text-fill-color: #d9e3ef !important;
    -webkit-text-stroke: 0 transparent !important;
    text-stroke: 0 transparent !important;
    filter: none !important;
    text-shadow: none !important;
    font-family: "Fredoka", "Nunito", sans-serif !important;
    font-size: clamp(1.28rem, 1.88vw, 1.92rem) !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.q88-brand-lp main > section.hero > div.hero__offer > h1 > span.span-sm strong,
body.q88-brand-lp .hero__offer h1 .span-sm strong,
body.q88-brand-lp [data-geo-offer-freespins] strong,
body.q88-brand-lp [data-geo-offer-code-label] strong {
    color: #24dce4 !important;
    -webkit-text-fill-color: #24dce4 !important;
    -webkit-text-stroke: 0 transparent !important;
    text-stroke: 0 transparent !important;
    filter: none !important;
    text-shadow: none !important;
}

body.q88-brand-lp main > section.hero > div.hero__offer > a.btn.btn--lg,
body.q88-brand-lp section.hero > div.hero__offer > a.btn.btn--lg,
body.q88-brand-lp .hero__offer .btn.btn--lg {
    min-width: 15.5rem !important;
    min-height: 4rem !important;
    padding: 1.08rem 1.9rem !important;
    border-radius: 0.85rem !important;
    color: #06111f !important;
    -webkit-text-fill-color: #06111f !important;
    font-family: "Nunito", "Libre Franklin", sans-serif !important;
    font-size: 1.42rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

body.q88-brand-lp > header .logo img,
html body.q88-brand-lp > header .logo img {
    width: clamp(10.5rem, 13vw, 13rem) !important;
    max-height: 4.4rem !important;
    height: auto !important;
    margin: -0.2rem 0 !important;
}

body.q88-brand-lp > header .btn,
html body.q88-brand-lp > header .btn {
    min-height: 2.85rem !important;
    padding: 0.75rem 1.65rem !important;
    border-radius: 0.68rem !important;
    font-family: "Nunito", "Libre Franklin", sans-serif !important;
    font-size: 0.98rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

body.q88-brand-lp main > section.hero > div.hero__terms,
body.q88-brand-lp section.hero .hero__terms,
body.q88-brand-lp .hero__terms {
    background: rgba(6, 14, 25, 0.74) !important;
    border-top: 1px solid rgba(36, 220, 228, 0.28) !important;
    border-bottom: 1px solid rgba(36, 220, 228, 0.18) !important;
}

body.q88-brand-lp main > section.hero > div.hero__terms > p,
body.q88-brand-lp section.hero .hero__terms p,
body.q88-brand-lp .hero__terms p,
body.q88-brand-lp #overlow_footertext_content_id,
body.q88-brand-lp #overlow_footertext_content_id .disclaimer,
body.q88-brand-lp #overlow_footertext_content_id p {
    font-family: "Libre Franklin", "Nunito", sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1.375 !important;
    text-shadow: none !important;
}

body.q88-brand-lp main > section.hero > div.hero__terms > p,
body.q88-brand-lp section.hero .hero__terms p,
body.q88-brand-lp .hero__terms p {
    color: rgba(245, 250, 255, 0.96) !important;
}

body.q88-brand-lp main > section.hero > div.hero__terms > p strong,
body.q88-brand-lp section.hero .hero__terms p strong,
body.q88-brand-lp .hero__terms p strong {
    color: #fff !important;
    font-size: inherit !important;
    font-weight: 700 !important;
}

body.q88-brand-lp main > section.hero > div.hero__terms > p a,
body.q88-brand-lp section.hero .hero__terms p a,
body.q88-brand-lp .hero__terms p a {
    color: #24dce4 !important;
    font-weight: 700 !important;
    text-decoration-color: rgba(36, 220, 228, 0.85) !important;
}

body.q88-brand-lp #overlow_footericon_content_id .disclaimer {
    display: none !important;
}

body.q88-brand-lp #social .terms--featured .terms__list li,
body.q88-brand-lp section[id="social"] .terms--featured .terms__list li {
    font-size: 0.9rem !important;
}

@media (max-width: 768px) {
    body.q88-brand-lp main > section.hero > div.hero__offer > h1 > span.span-lg,
    body.q88-brand-lp .hero__offer h1 .span-lg,
    body.q88-brand-lp main > section.hero > div.hero__offer > h1 > span.span-lg:nth-child(3),
    body.q88-brand-lp .hero__offer h1 .span-lg:nth-child(3) {
        font-size: clamp(3rem, 15.4vw, 5.05rem) !important;
    }

    body.q88-brand-lp.q88-compact-hero main > section.hero > div.hero__offer > h1 > span.span-lg,
    body.q88-brand-lp.q88-compact-hero .hero__offer h1 .span-lg,
    body.q88-brand-lp.q88-compact-hero main > section.hero > div.hero__offer > h1 > span.span-lg:nth-child(3),
    body.q88-brand-lp.q88-compact-hero .hero__offer h1 .span-lg:nth-child(3) {
        font-size: clamp(calc(3rem - 30px), calc(15.4vw - 30px), calc(5.05rem - 30px)) !important;
    }

    body.q88-brand-lp main > section.hero > div.hero__offer > h1 > span.span-sm,
    body.q88-brand-lp .hero__offer h1 .span-sm {
        font-size: clamp(1rem, 4.5vw, 1.38rem) !important;
    }

    body.q88-brand-lp > header .logo img,
    html body.q88-brand-lp > header .logo img {
        width: clamp(8.6rem, 36vw, 10.2rem) !important;
        max-height: 3.4rem !important;
        height: auto !important;
        margin: 0 !important;
    }

    body.q88-brand-lp > header .btn,
    html body.q88-brand-lp > header .btn {
        min-height: 2.55rem !important;
        padding: 0.62rem 1.05rem !important;
        font-size: 0.86rem !important;
    }

    body.q88-brand-lp main > section.hero > div.hero__offer > a.btn.btn--lg,
    body.q88-brand-lp section.hero > div.hero__offer > a.btn.btn--lg,
    body.q88-brand-lp .hero__offer .btn.btn--lg {
        width: min(100%, 18.75rem) !important;
        min-height: 3.7rem !important;
        padding: 0.98rem 1.25rem !important;
        font-size: 1.24rem !important;
    }
}
