@font-face {
    font-family: 'Coolvetica';
    src: url('./6461coolvetica.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body, .bthem-wrap {
    font-family: 'Coolvetica', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
}

.bthem-heading, .bthem-subhead, .bthem-label, .btn, .form-control, .form-select, textarea {
    font-family: inherit;
}

:root{
    --bthem-pink:#ff25b2;
    --bthem-text:#ffffff;
}

.bthem-wrap { max-width: 880px; margin: 0 auto; padding: 32px 16px 80px; color: #fff; background: #000; }
.bthem-heading { text-align: center; color: #ffffff; margin-bottom: 16px; font-size: 2.25rem; line-height: 1.2; }
.bthem-subhead { text-align: center; color: #ff25b2; font-weight: 700; margin-bottom: 24px; font-size: 1.75rem; line-height: 1.25; }
.bthem-card { background: transparent; border: 0; }
.form-control, .form-select { border-radius: 999px; padding: 14px 24px; font-size: 1.0625rem; display: block; width: 100%; min-height: 48px; }
textarea.form-control { border-radius: 16px; }
.bthem-wrap textarea.form-control { padding: 16px 20px; min-height: 120px; }
.bthem-label { color: #ff25b2; font-weight: 700; margin-top: 10px; font-size: 1.125rem; }
.bthem-wrap .form-label { display: block; margin-bottom: 8px; }
.bthem-wrap .mb-3 { margin-bottom: 20px; }
.bthem-btn { background: #ff25b2; border: none; border-radius: 999px; padding-left: 28px; padding-right: 28px; font-size: 1.0625rem; }
.bthem-btn:hover { background: #ff4cc0; }
.bthem-next-btn { font-family: Arial, sans-serif; text-transform: uppercase; color: #ffffff; }
.bthem-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; }
.bthem-desc { color: #bbb; text-align: center; max-width: 720px; margin: 0 auto 24px; }

.bthem-options{ display: flex; flex-wrap: wrap; gap: 24px; }
.bthem-options .form-check{ margin: 0; padding: 0; width: 140px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; }
.bthem-options .form-check-input{ position: absolute; opacity: 0; width: 0; height: 0; }
.bthem-options .form-check-label{ position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; color: var(--bthem-text); cursor: pointer; text-align: center; }
/* Circular icon above label text */
.bthem-options .form-check-label::before{ content: ''; display: block; width: 96px; height: 96px; background: url('./select_bg.svg') no-repeat center / contain; }
/* Overlay the pink check when checked (keeps bg underneath) */
.bthem-options .form-check-input:checked + .form-check-label::before{ background-image: url('./select_check.svg'), url('./select_bg.svg'); background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: contain, contain; }

@media (max-width: 576px){
    .bthem-options{ gap: 16px; }
    .bthem-options .form-check{ width: 45%; }
}