			@font-face {
		font-family: 'preeti';
		src: url('/etc/font/preeti.TTF') format('truetype');
		}

			.game-container.language-nepali .word-display,
			.game-container.language-nepali .user-input,
			#totalNepali,
			#correctNepali,
			#wrongNepali,
			#timerNepali,
			#all-in-nepali {
				font-family: 'Preeti', Arial, sans-serif;
			}
			.game-container.language-nepali .word-display, 
			.game-container.language-nepali .user-input { 
			font-family: 'Preeti', Arial, sans-serif;
			}

			.game-container.language-english .word-display,
			.game-container.language-english .user-input { 
			font-family: Arial, sans-serif;
			}

			.game-container, .score-display, .result-message, h3, .btn-group label {
			font-family: Arial, sans-serif;
			}

			.score-display{
			height: 35px;
			}

			.word-display {
			font-size: 40px; 
			font-weight: normal;
			min-height: 80px; 
			}

			#userInputNepali{ 
			font-size: 40px;
			font-weight: 500;
			color:red;
			}
			#userInputEnglish{ 
			font-size: 40px;
			font-weight: 500;
			color:red;
			}

			.score-display {
			font-size: 20px;
			background-color: #e9e9e9;
			border-radius: 5px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			}
			.result-message {
			font-size: 18px;
			font-weight: normal; 
			min-height: 40px;

			}
			.correct {
			color: green;
			}
			.incorrect {
			color: red;
			}

			.timer-label {
			margin-right: 5px;
			}
			.input-with-icon {
			position: relative;
			}
			.input-with-icon i {
			position: absolute;
			right: 10px;
			top: 10px;
			color: #aaa;
			}
			.is-choosen {
			box-shadow: 0 0 10px 2px gold;
			background-color: gold !important; 
			color: #000 !important; 
			}
			.language-active { 
			box-shadow: 0 0 10px 2px #007bff;
			background-color: #007bff !important;
			color: white !important;
			}
			/* Hide timer initially */
			.timer {
			display: none;
			}

			/* Language prompt styling */
			.language-prompt {
			font-weight: bold;
			margin-bottom: 10px;
			}

			/* Style for game containers to hide/show */
			.game-container-wrapper {
			display: none; /* Hidden by default */
			}
			.game-container-wrapper.active {
			display: block; /* Shown when active */
			}


