.quiz-container { display: flex; overflow-x: hidden; scroll-behavior: smooth; width: 100%; height: 100%; }
.quiz-section { min-width: 100%; padding: 20px; box-sizing: border-box; background-color: #f9f9f9; border: 2px solid #ddd; display: flex; flex-direction: column; justify-content: space-between; }
.quiz-section h2 {
	margin-bottom: 20px;
	font-size: 24px;
	text-align: center;
	color: #d9252f;
	text-transform: uppercase;
	font-weight: bold;
}
.question { margin-bottom: 20px; }
.question p { font-size: 18px; margin-bottom: 10px; color: #555; }
.answer {
	display: block;
	margin-bottom: 10px;
	overflow: auto;
	width: 100%;
}
.answer label {
	font-size: 14px !important;
	color: #444;
	max-width: 90%;
	overflow: hidden;
}
.answer input[type="radio"], .answer input[type="checkbox"] {
	transform: scale(1.2); cursor: pointer;
	margin-left: 2px;
	margin-right: 10px;
}
.answer input[type="text"] { padding: 10px; border: 1px solid #ccc; border-radius: 4px; width: 100%; box-sizing: border-box; border-radius: 0px !important; margin: 5px 0px 5px; }
.navigation {
	display: flex;
	margin-top: 20px;
	justify-content: space-between;
}
.navigation button { padding: 10px 20px; font-size: 16px; color: #fff; background-color: #d9252f; border: none; border-radius: 0px; transition: background-color 0.3s ease; font-weight: bold; }
.navigation button:disabled { background-color: #ccc; cursor: not-allowed; }
.navigation button:hover:not(:disabled) { background-color: #9b1920; }
.mandatory-char { color: red; margin-left: 5px; }
#s99-ai-quiz-response { display: block; overflow: auto; width: 100%; color: #000000; }
.question > p { font-weight: bold; }

.question p > small {
	font-weight: 400;
	font-style: italic;
	text-decoration: ;
}

@media (max-width: 768px) {
	.quiz-section h2 { font-size: 20px; }
	.question p { font-size: 16px; }
	.navigation button { font-size: 14px; padding: 8px 16px; }
}