@font-face {
    font-family: 'TCCC-UnityHeadline';
    src: url('../fonts/TCCC-UnityHeadline-Bold.eot');
    src: url('../fonts/TCCC-UnityHeadline-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TCCC-UnityHeadline-Bold.woff2') format('woff2'),
        url('../fonts/TCCC-UnityHeadline-Bold.woff') format('woff'),
        url('../fonts/TCCC-UnityHeadline-Bold.ttf') format('truetype'),
        url('../fonts/TCCC-UnityHeadline-Bold.svg#TCCC-UnityHeadline-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TCCC-UnityText';
    src: url('../fonts/TCCC-UnityText-Regular.eot');
    src: url('../fonts/TCCC-UnityText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TCCC-UnityText-Regular.woff2') format('woff2'),
        url('../fonts/TCCC-UnityText-Regular.woff') format('woff'),
        url('../fonts/TCCC-UnityText-Regular.ttf') format('truetype'),
        url('../fonts/TCCC-UnityText-Regular.svg#TCCC-UnityText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*, html, body {
    font-family: 'TCCC-UnityText', serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'TCCC-UnityHeadline', serif;
}

#Content {
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: white !important;
}

#Footer {
    background-color: #059BD7 !important;
    color: black !important;
}

#Footer a {
    color: black !important;
}

.btn-submit {
    background-color: #059BD7 !important;
    color: #000 !important;
    font-weight: bold;
    font-size: 20px;
    padding: 8px 100px;
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
}

.btn-submit:hover {
    color: #000 !important;
    background-color: #059BD7 !important;
}

.questions-bg {
    background: url('https://dja.nyc3.cdn.digitaloceanspaces.com/poweradepoweryourteamss2026.20-3008-56/bg_upd%20(1).jpg') center center / cover no-repeat fixed;
}

.questions-bg .container {
    background-color: #f0f0f0;
    padding: 30px;
    border-radius: 4px;
    max-width: 60%;
}

@media (max-width: 767px) {
    .questions-bg .container {
        max-width: 80%;
    }
}

/* .questions-bg .form-control,
.questions-bg .form-select {
    background-color: #fff;
} */

.field-group-box {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px 20px;
}

.char-counter {
    text-align: right;
    font-size: 12px;
    color: #999;
}