/* Custom quiz styles - add these */
        .modal.show.d-block {
            display: block !important;
        }
        .quiz-step .form-check {
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .quiz-step .form-check:hover {
            background-color: #f8f9fa;
            border-color: #86b7fe !important;
        }
        .form-check-input:checked + .form-check-label {
            color: #0d6efd;
        }
        .results-container .card {
            transition: transform 0.2s ease;
        }
        .results-container .card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
            
        .results-container {
            max-height: 400px;
            overflow-y: auto;
            padding-right: 5px;
        }

        
        .results-container::-webkit-scrollbar {
            width: 6px;
        }

        .results-container::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 3px;
        }

        .results-container::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 3px;
        }

        .results-container::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
        @media (max-width: 768px) {
            .modal-dialog {
                margin: 1rem;
            }
            .quiz-step .row > div {
                margin-bottom: 1rem;
            }
        }