.header-content {
            max-width: 900px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .disclaimer-banner {
            background-color: #fff8e1;
            border-left: 4px solid #ffc107;
            padding: 15px;
            margin-bottom: 20px;
            font-size: 14px;
        }

        .progress-container {
            width: 100%;
            background-color: #f1f1f1;
            border-radius: 5px;
            margin: 10px 0;
        }

        .progress-bar {
            height: 10px;
            border-radius: 5px;
            background-color: #3498db;
            width: 0%;
            transition: width 0.5s;
        }

        .progress-text {
            text-align: right;
            font-size: 13px;
            color: #666;
            margin-top: 5px;
        }

        .question {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 5px;
            margin-bottom: 20px;
            border-left: 4px solid #3498db;
        }

        .question h3 {
            margin-top: 0;
            color: #2c3e50;
        }

        .options {
            margin: 15px 0;
        }

        .radio-group {
            margin: 10px 0;
        }

        input[type="radio"] {
            margin-right: 10px;
        }

        .feedback {
            background-color: #fffacd;
            padding: 10px 15px;
            border-radius: 4px;
            margin-top: 10px;
            display: none;
        }

        .result-box {
            padding: 25px;
            border-radius: 5px;
            margin: 30px 0;
            display: none;
        }

        .non-compliant {
            background-color: #ffebee;
            border: 2px solid #ef9a9a;
        }

        .compliant {
            background-color: #e8f5e9;
            border: 2px solid #a5d6a7;
        }

        .legal-disclaimer {
            background-color: #f5f5f5;
            padding: 20px;
            border-radius: 5px;
            margin-top: 40px;
            font-size: 14px;
        }

        .risk-icon {
            font-size: 20px;
            margin-right: 8px;
        }

        .sticky-header {
            position: sticky;
            top: 60px;
            /* Adjust this based on the navbar height */
            background-color: #ffffff;
            /* White background (or any solid color) */

            z-index: 999;
            padding: 10px 15px;
        }