.vocab-audio-icon {
	color: darkgray;
	transition: all 0.2s ease-in-out;
}

.vocab-audio-icon:hover {
	color: lightgrey;
}

.vocab-audio-icon_js {
	color: #000 !important;
}

.gpoq_vocabulary_wrap {
	margin-top: 35px;
}

#gpoq_voc_table {
	width: 1000px !important;
}

#gpoq_voc_table_wrapper {
	max-width: 1000px !important;
	margin: auto;
}

.page-id-7985 .td-page-header .entry-title.td-page-title,
.page-id-7985 #td-outer-wrap .td-crumb-container {
	display: none;
}

.gpoq_vocabulary_list_wrapper {
	margin: 25px 0;
}

/* .gpoq_vocabulary_list ol{
	display: none;
} */

/* .single-post .gpoq_vocabulary_list #vocabulary-list{
	cursor: pointer;
    position: relative;
} */

/* .single-post .gpoq_vocabulary_list #vocabulary-list::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    top: -1px;
}

.single-post .gpoq_vocabulary_list.iscu_show_active #vocabulary-list::after {
    transform: rotate(180deg);
} */

/* Make header flex */
.single-post .gpoq_vocabulary_list #vocabulary-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

/* SWITCH WRAPPER */
.vocab-switch {
	width: 82px;
	height: 36px;
	border-radius: 50px;
	position: relative;
	transition: all 0.3s ease;
	font-weight: 700;
	font-size: 16px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	box-sizing: border-box;
}

/* KNOB */
.vocab-switch::after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	top: 3px;
	transition: all 0.3s ease;
}

/* OFF STATE */
.gpoq_vocabulary_list.iscu_show_active .vocab-switch {
	background: #fff;
	border: 3px solid #000;
	color: #000;
	justify-content: flex-end;
}

.gpoq_vocabulary_list .vocab-switch::before {
	content: "ON";
}

.gpoq_vocabulary_list.iscu_show_active .vocab-switch::after {
	left: 4px;
	background: #000;
}

/* ON STATE */
.gpoq_vocabulary_list .vocab-switch {
	background: #000;
	border: 3px solid #000;
	color: #fff;
	justify-content: flex-start;
}

.gpoq_vocabulary_list.iscu_show_active .vocab-switch::before {
	content: "OFF";
}

.gpoq_vocabulary_list .vocab-switch::after {
	right: 4px;
	left: auto;
	background: #fff;
}

.gpoq_vocabulary_list {
	margin-bottom: 30px;
	background: #fff;
	border-radius: 16px;
	width: 100%;
	/* max-width: 480px; */
	padding: 28px 24px 32px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.10);
}

.single-post .gpoq_vocabulary_list #vocabulary-list {
	padding: 0px;
	margin: 0px;
	font-weight: 800;
}

.gpoq_vocab-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.gpoq_header-left {
	flex: 1;
	min-width: 0;
}

.gpoq_vocab-title {
	font-size: 20px;
	font-weight: 700;
	color: #111;
	letter-spacing: -0.01em;
}

/* #6 — hint updates dynamically */
.gpoq_vocab-hint {
	font-size: 12px;
	color: #aaa;
	font-weight: 500;
	margin-top: 3px;
	transition: opacity 0.3s ease;
}

.gpoq_vocab-hint.gpoq_hidden {
	opacity: 0;
	pointer-events: none;
}

.gpoq_toggle-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	user-select: none;
	flex-shrink: 0;
	padding: 4px 6px;
	border-radius: 8px;
	transition: background 0.15s;
}

.gpoq_toggle-wrap:hover {
	background: #f5f5f5;
}

.gpoq_toggle-wrap:focus-visible {
	outline: 2px solid #111;
	outline-offset: 2px;
}

.gpoq_toggle-label {
	font-size: 13px;
	font-weight: 700;
	color: #111;
	letter-spacing: 0.04em;
	min-width: 26px;
	text-align: right;
}

.gpoq_toggle-track {
	width: 52px;
	height: 30px !important;
	border-radius: 999px;
	border: 2px solid #111;
	background: #fff;
	position: relative;
	transition: background 0.22s;
	flex-shrink: 0;
	line-height: 30px;
}

.gpoq_toggle-track.gpoq_on {
	background: #111;
}

.gpoq_toggle-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #111;
	position: absolute;
	top: 50%;
	left: 3px;
	transform: translateY(-50%);
	transition: left 0.22s cubic-bezier(0.4, 0, 0.2, 1), background 0.22s;
}

.gpoq_toggle-track.gpoq_on .gpoq_toggle-thumb {
	left: calc(100% - 23px);
	background: #fff;
}

.gpoq_vocab-list {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.4s ease, opacity 0.3s ease;
}

.gpoq_vocab-list.gpoq_open {
	max-height: 1000px;
	opacity: 1;
}

/* ── DIVIDER ── */
.gpoq_divider {
	height: 1px;
	background: #e5e5e5;
	margin: 16px 0 0;
	opacity: 0;
	transition: opacity 0.25s;
}

.gpoq_divider.gpoq_show {
	opacity: 1;
}

.gpoq_controls-wrap {
	padding: 12px 0 14px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 4px;
	overflow-y: auto;
}

.gpoq_ctrl-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
	
}

.gpoq_ctrl-label {
	font-size: 11px;
	font-weight: 600;
	color: #aaa;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	flex-shrink: 0;
	min-width: 42px;
}

/* Exact quiz-tab style */
.gpoq_ctrl-btn {
	padding: 7px 16px;
	border-radius: 30px;
	border: none;
	background: #111;
	color: #fff;
	font-family: 'DM Sans', sans-serif;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	transition: background 0.2s, opacity 0.2s;
	white-space: nowrap;
	opacity: 0.35;
}

.gpoq_ctrl-btn:hover {
	background: #333;
	opacity: 1;
}

.gpoq_ctrl-btn.gpoq_active {
	opacity: 1;
}

.gpoq_ctrl-btn.gpoq_unavailable {
	opacity: 0.15;
	cursor: not-allowed;
}

.gpoq_vocab-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 11px 0;
	opacity: 0;
	transform: translateX(-5px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.gpoq_vocab-item.gpoq_visible {
	opacity: 1;
	transform: none;
}

.gpoq_vocab-item:last-child {
	padding-bottom: 0;
}

/* ── SPEAKER BUTTON ── */
.gpoq_speak-btn {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid #ddd;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	margin-top: 0;
	align-self: flex-start;
	position: relative;
	top: 2px;
	/* nudge down just enough to sit beside the word text baseline */
	color: #bbb;
	outline: none;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.gpoq_speak-btn:hover {
	background: #f0f0f0;
	border-color: #bbb;
	color: #555;
}

.gpoq_speak-btn:focus-visible {
	outline: 2px solid #111;
	outline-offset: 2px;
}

.gpoq_speak-btn.gpoq_speaking {
	background: #111;
	border-color: #111;
	color: #fff;
	animation: speakRing 0.9s ease infinite;
}

@keyframes speakRing {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.22);
	}

	70% {
		box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.gpoq_speak-btn .gpoq_icon-play {
	display: block;
}

.gpoq_speak-btn .gpoq_icon-stop {
	display: none;
}

.gpoq_speak-btn.gpoq_speaking .gpoq_icon-play {
	display: none;
}

.gpoq_speak-btn.gpoq_speaking .gpoq_icon-stop {
	display: block;
}

.gpoq_speak-btn svg {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	display: block;
}

/* ── WORD CONTENT ── */
.gpoq_vocab-content {
	flex: 1;
	min-width: 0;
}

.gpoq_vocab-top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 4px;
}

.gpoq_vocab-word {
	font-size: 17px;
	font-weight: 700;
	color: #111;
}

.gpoq_vocab-phonetic {
	font-size: 14px;
	color: #888;
	font-weight: 400;
}

.gpoq_vocab-pos {
	font-size: 11px;
	font-weight: 700;
	color: #666;
	background: #EFEFEF;
	border-radius: 4px;
	padding: 2px 8px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.gpoq_vocab-def {
	font-size: 15px;
	color: #555;
	line-height: 1.55;
}

.gpoq_edit_btn {
	padding: 2px 15px;
	border: none;
	background-color: green;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
}

.gpoq_word_form_row_submit,
.gpoq_action_wrap {
	display: flex;
}

.gpoq_action_wrap button {
	margin-right: 10px;
}

.gpoq_delete_btn {
	border: none;
	padding: 2px 15px;
	color: #fff;
	font-weight: 600;
	background-color: #c70000;
	border-radius: 5px;
}

#gpoq_voc_table .gpoq_word_loader {
	margin: 5px !important;
}

.gpoq_word_error_message,
.gpoq_word_edit_error_message {
	font-size: 13px;
	color: red;
	margin-left: 7px;
}

#gpoq_word_modal .gpoq_word_loader,
#gpoq_voc_table .gpoq_word_loader,
.gpoq_edit_form .gpoq_word_loader {
	border: 3px solid #dbdbda;
	border-top: 3px solid #2e4462;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: gpoq_spin 2s linear infinite;
	margin: 8px;
	display: none;
}

.gpoq_vocabulary_list br, .gpoq_ctrl-row br {
	display: none !important;
}

@keyframes gpoq_spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.gpoq_vocabulary_wrap {
	background-color: #ffffffa6;
	align-items: center;
	justify-content: center;
	transition: all .3s;
	padding: 4vh 0 8vh 0;
	box-shadow: 0 1.2px 6px -2px #0009;
	height: 100%;
	min-height: 400px;
	position: relative;
}

.gpoq_vocabulary_container {
	padding: 22px 20px;
	margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
	margin-right: auto;
	margin-left: auto;
	width: 94%;
	max-width: 100%;
	background-color: #fff;
	position: relative;
	text-align: left;
	box-shadow: 0 1.2px 6px -2px #0009;
	border-radius: none;
	transform: translateZ(0);
	backface-visibility: hidden;
	transition: all .15s;
	display: none;
}

.gpoq_vocabulary_container.vc_active {
	opacity: 1;
	display: block;
	animation: slide-up .5s ease-out;
}

.gpoq_question_wrap_vc {
	display: none;
}

.gpoq_question_wrap_vc.vc_active {
	display: block;
}

.gpoq-question_vc {
	margin-bottom: 20px;
}

.gpoq-options-vc {
	display: flex;
	flex-direction: column;
}

.gpoq-option-vc {
	font-size: 15px;
	color: #333333;
	margin-bottom: 18px;
	z-index: 2;
	position: relative;
	border: 0;
	border-radius: 3px;
	-webkit-font-smoothing: subpixel-antialiased;
	box-shadow: 0 2px 6px -2px #00000080;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all .1s;
	outline: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	text-transform: none;
	min-width: 130px;
	display: block;
	font-size: 15px;
	line-height: 18px;
	padding: 15px 16px;
	color: #333;
	border-radius: 4px;
}

.gpoq-options-vc p {
	margin-bottom: 0px !important;
}

.gpoq-next-vc {
	background-color: black;
	color: #fff;
	border: 0;
	margin-left: -15px;
	min-height: 40px;
	opacity: 1;
	height: 38px;
	padding: 0 30px;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	font-family: Lato;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 38px;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	user-select: none;
	transform: translateY(0);
	transition: all .3s;
	margin-left: 10px;
	position: absolute;
	left: 44%;
	bottom: 5%;
}

.gpoq_loader_vc {
	width: 32px !important;
	display: none !important;
	position: absolute;
	bottom: 5% !important;
	left: 53%;
}

body .gpoq_loader_vc.gpoq_loader_js {
	display: block !important;
}

.gpoq_submit_wrap {
	display: inline-flex;
}

.gpoq_submit_wrap img {
	margin-bottom: 0px !important;
}

.gpoq_vc_quiz_submit {
	margin-right: 15px;
	font-size: 15px !important;
	border-radius: 4px !important;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	user-select: none;
	transform: translateY(0);
	transition: all .3s !important;
	margin-left: 10px;
	position: absolute;
	left: 44%;
	bottom: 5%;
	font-weight: 400 !important;
	display: none;
}

.gpoq_vc_quiz_submit:hover {
	background-color: black !important;
}

.gpoq-option-vc.gpoq-option-selected {
	color: white !important
}

.gpoq-question-input_vc {
	border-bottom: 1px solid gray !important;
	outline: none !important;
	font-size: 18px;
	line-height: 25px;
	font-weight: 300 !important;
	color: rgb(13, 22, 30);
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	width: 200px !important;
}

.gpoq-option-vc:hover,
.gpoq-option-vc:focus {
	z-index: 20;
	box-shadow: 0 4px 14px -6px #000c;
}

.gpoq-question-input_vc.gpoq-option-selected {
	background-color: transparent;
}

.gpoq-vc-answer-side {
	line-height: 37px;
}

.gpoq-vc-question-side {
	width: 30%;
	margin-right: 35px;
}

.gpoq-matching-quiz {
	display: flex;
	/* flex-direction: row-reverse; */
}

.gpoq_matching_input {
	border: 1px solid gray !important;
	outline: none !important;
	font-size: 18px;
	line-height: 25px;
	font-weight: 300 !important;
	margin-bottom: 3px;
	color: rgb(13, 22, 30);
	/* border-top: none !important;
	border-left: none !important;
	border-right: none !important; */
	width: 57px !important;
	vertical-align: text-bottom;
}

.matching-item {
	display: flex;
	justify-content: space-between;
}

/* .entry-title.td-page-title {
	display: none;
} */
.single-vocabulary-quizzes .td-post-title {
	display: none;
}

.gpoq_vocabulary_quiz_container {
	display: flex;
	justify-content: center;
	margin: 30px 0px;
}

.gpoq_vocabulary_quiz_wrapper {
	width: 100%;
}

.gpoq_vocabulary_quiz {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	margin-bottom: 10px;
	gap: 15px;
}

.quiz_row {
	color: white;
	background: black;
	padding: 5px 25px;
	cursor: pointer;
	border: 1px solid;
	transition: background 0.3s, color 0.3s;
	word-break: break-word;
	overflow-wrap: break-word;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	/* width: 18%; */
}

.quiz_row.active {
	background: white;
	color: black;
}

.matching-item.gpoq_matching_sentence_answer {
	margin-bottom: 8px;
}

.page-id-5672 .entry-title.td-page-title {
	display: none !important;
}

.gpoq_filter_wrap {
	text-align: center;
	margin-bottom: 40px;
}

.gpoq_quizes_chart,
.gpoq_voc_quizes_chart {
	margin-bottom: 80px;
}

.gpoq_overall_quize_chart_heading,
.gpoq_voc_overall_quize_chart_heading {
	text-align: center;
	margin-bottom: 35px;
}

.gpoq_heading_chart {
	font-size: 23px !important;
}

.gpoq_filter_wrap label {
	font-size: 14px;
}

.gpoq_overall_date {
	font-size: 10px;
	margin-right: 4px;
}

.gpoq_voc_chart_filter_bydate {
	background-color: black;
	color: #fff;
	border: 0;
	min-height: 30px;
	opacity: 1;
	height: 30px;
	padding: 0 19px;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	user-select: none;
	transform: translateY(0);
	transition: all .3s;
	margin-left: 10px;
}

.gpoq_overall_quize_performance {
	margin: 0px 20px 30px 0px;
	display: flex;
	width: 100%;
}

.gpoq_user_quiz_details {
	width: 100%;
}

.gpoq_user_leval {
	display: inline-flex;
	justify-content: end;
	text-align: center;
	align-items: center;
	/* border: 1px solid black; */
	padding: 0px 24px;
	gap: 12px;
	width: 30%;
}

.gpoq_user_trophy_wrap {
	text-align: center;
	font-size: 30px;
}

.gpoq_user_leval_heading {
	margin: 0px !important;
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
	font-size: 16px;
}

.gpoq_overall_cart,
.gpoq_voc_overall_cart {
	width: 70%;
	margin: auto;
}

.gpoq_user_quiz_details {
	font-size: 17px;
}

.single-vocabulary-quizzes .td-post-next-prev {
	display: none;
}

.single-vocabulary-quizzes .td-post-sharing-classic {
	display: none;
}

.tdb_single_content .tdb-block-inner.td-fix-index {
	word-break: unset !important;
}

.gpoq_overall_quize_performance {
	margin: 0px 20px 30px 0px;
	display: flex;
	width: 100%;
}

.gpoq_overall_quize_performance {
	margin: 0px 0px 30px 0px;
	display: flex;
	width: 100%;
}


.gpoq_vocab_items {
	list-style: none;
	margin: 25px 0px 0px 0px;
}

.gpoq_vocab_item {
	margin: 0px 0px 18px 0px;
}

.vocab-audio-icon {
	width: 28px !important;
	height: 28px !important;
	font-size: 28px !important;
	cursor: pointer;
}

.vocab-word {
	font-size: 16px;
}

.gpoq_vocab_pron,
.gpoq_vocab_form,
.gpoq_vocab_definition {
	color: #222;
	font-size: 15px !important;
	line-height: 1.6 !important;
	font-style: normal !important;
	font-weight: 400 !important;
	text-transform: none !important;
}

.gpoq_vocab_definition {
	margin-left: 35px;
}


@media only screen and (max-width: 1040px) {
	.gpoq_vocabulary_wrap .error-message.show {
		left: 21%;
	}

	.gpoq_loader_vc {
		left: 55%;
	}
}

@media only screen and (max-width: 1024px) {

	#gpoq_voc_table,
	.gpoq_voc_table_wrapper {
		width: 100% !important;
	}
}

@media only screen and (max-width: 1024px) {
	.gpoq_loader_vc {
		left: 58%;
	}

	.gpoq-vc-question-side {
		width: 53%;
	}
}

@media screen and (max-width: 1000px) {

	.gpoq_vocabulary_quiz_wrapper {
		text-align: center;
		width: fit-content;
	}

	.gpoq_vocabulary_quiz {
		margin-bottom: 0px;
		grid-template-columns: repeat(3, 1fr);
		display: grid;
		gap: 5px;
	}

	.quiz_row {
		margin-right: 7px;
		margin-bottom: 10px;
		margin-left: 7px;
	}
}

@media screen and (max-width: 769px) {

	.gpoq-vc-question-side {
		width: 63%;
	}

}

.single-post .error-message {
	left: 0% !important;
	bottom: 1.5% !important;
	transform: translateY(0px);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.single-post .error-message.show {
	transform: translateY(0px);
	left: 0% !important;
	bottom: 1.5% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

@media screen and (min-width: 1171px) {

	.single-post .iscu_post_content_wrap .gpoq-main-wrap.gpoq_typee_questions,
	.single-post .iscu_post_content_wrap .gpoq_vocabulary_list,
	.single-post .iscu_post_content_wrap .gpoq_start_quiz_btn_wrap {
		display: none !important;
	}

	html .single-post .gpoq_typee_questions .gpoq_loader {
		bottom: 6.5% !important;
		left: 65%;
	}
}

@media screen and (max-width: 1170px) {

	.single-post .vc_column:not(.iscu_post_content_wrap) .gpoq-main-wrap.gpoq_typee_questions,
	.single-post .vc_column:not(.iscu_post_content_wrap) .gpoq_vocabulary_list,
	.single-post .vc_column:not(.iscu_post_content_wrap) .gpoq_start_quiz_btn_wrap {
		display: none !important;
	}

	.single-post .gpoq_vocabulary_list,
	.gpoq-main-wrap,
	.gpoq_start_quiz_btn_wrap {
		/* border-top: 1px solid black !important; */
		margin-bottom: 30px;
	}

	.vocab-switch {
		padding: 0 12px;
	}
}

@media screen and (max-width: 733px) {

	.gpoq-vc-question-side {
		width: 100%;
	}

	.gpoq_loader_vc {
		left: 60%;
	}

	.gpoq_overall_cart,
	.gpoq_voc_overall_cart {
		width: 100%;
	}

}

@media screen and (max-width: 640px) {

	.gpoq-vc-answer-side {
		width: 100%;
		line-height: 32px;
	}

	.gpoq_loader_vc {
		left: 62%;
	}

	.gpoq_user_leval {
		width: 100%;
	}

}

@media screen and (max-width: 550px) {
	.gpoq_vocabulary_quiz {
		grid-template-columns: repeat(2, 1fr);
	}

	.quiz_row {
		padding: 5px 20px;
		margin-right: 5px;
		margin-left: 5px;
	}

	.gpoq_loader_vc {
		left: 64%;
	}
}

@media screen and (max-width: 500px) {
	.gpoq-matching-quiz {
		display: unset;
	}

	.gpoq-vc-question-side {
		margin-right: unset;
		margin-bottom: 18px;
	}

	.gpoq_loader_vc {
		left: 67%;
	}

	.gpoq_heading_chart {
		font-size: 21px !important;
	}

	.gpoq_user_quiz_details {
		font-size: 15px;
	}

	.gpoq_voc_chart_filter_bydate {
		margin-top: 10px;
	}
}

@media screen and (max-width: 480px) {

	.vocab-switch {
		width: 78px;
		height: 30px;
		font-size: 15px;
	}

	.vocab-switch::after {
		width: 20px;
		height: 20px;
		top: 2px;
	}

	.gpoq_vocabulary_list .vocab-switch::after {
		right: 3px;
	}

}

@media screen and (max-width: 433px) {
	.gpoq_loader_vc {
		left: 69%;
	}

	.gpoq-vc-answer-side {
		line-height: 28px;
	}

	.matching-item.gpoq_matching_sentence_answer {
		margin-bottom: 9px;
	}
}

@media screen and (max-width: 405px) {
	.gpoq_loader_vc {
		left: 72%;
	}
}

@media screen and (max-width: 388px) {

	.gpoq_vc_quiz_submit,
	.gpoq-next-vc {
		left: 38%;
	}

	.gpoq_loader_vc {
		left: 70%;
	}
}










/* bhoomi style */



.gpoq_dashboard_contents {
	& .gpoq_table_headers th {
		padding: 10px;
		color: #333;
		font-weight: 500;
		/* border-bottom: 1px solid #c5c5c5 !important; */
		line-height: 23.5px;
		font-size: 17px !important;
	}
}

.gpoq_dashboard_contents {
	display: flex;
	flex-direction: column;
	/* Ensure vertical layout */
	align-items: center;
	/* Center align content */
}

.gpoq_dashboard_headings {
	width: 100%;
	/* Full width of the parent container */
	display: flex;
	justify-content: center;
	/* Center align the table */
	margin-bottom: 20px;
}

.gpoq_meta_title a {
	color: #406ca2;
	font-size: 15px !important;
	display: block;
	/* overflow: hidden; */
	text-overflow: ellipsis;
	/* Adds ellipsis (...) when text overflows */
	line-height: 17px;
	max-height: 17px;
	/* Limit the container height to one line */
	word-wrap: break-word;
	/* Allows the text to break and wrap */
}

.gpoq_table_wrapper {

	width: 75%;
	/* Restrict the width of the table container */
	max-width: 100%;
	/* Ensure it doesn't exceed viewport width */
	position: relative;
	/* Ensure that the scrollbar can be styled correctly */
	display: block;
	/* Ensure the container takes up space */
}

.gpoq_table_data {
	width: 100%;
	/* Ensure the table uses the full width of its container */
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid #c5c5c5 !important;
	border-radius: 10px !important;

}

.gpoq_table_data td {
	font-size: 14px !important;
	padding: 10px;

	/* border-bottom: 1px solid #c5c5c5; */
	word-wrap: break-word;
	/* Allow text to wrap */
}

.gpoq_table_headers {
	text-align: left;
	line-height: 1.5 !important;
	background: #e5e5e5;
	font-size: 15px !important;
	border-bottom: 1px solid #e5e5e5 !important;
}

.gpoq_table_headers th {
	padding: 10px;
	line-height: 23.5px;
	/* border-right: 1px solid #c5c5c5; */
	color: #333;
	font-weight: 500;
	border-bottom: 1px solid #c5c5c5 !important;
}

.gpoq_table_bodys {
	background-color: #fff;
}

.gpoq_table_rows {
	border-bottom: 1px solid #c5c5c5;
}

.gpoq_dates,
.gpoq_meta_title,
.gpoq_categorys {
	padding: 10px;
	color: #555;
	font-size: 15px !important;
	font-weight: 500;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}

.gpoq_dates {
	width: 10%;
	line-height: 55px;
}

.gpoq_categorys {
	width: 13%;

}

.gpoq_vocabularys_btn {
	width: 13%;
	border-bottom: 1px solid #c5c5c5;
	text-align: center;
}


.gpoq_categorys a {
	color: #406ca2;
	font-size: 12px;
}

.gpoq_btn {
	background-color: #0073aa;
	color: #ffffff;
	border: none;
	border-radius: 4px;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.gpoq_btn:hover {
	background-color: #005177;
	text-decoration: none !important;
}

.gpoq_table_data {
	background-color: transparent;
	width: 100%;
	margin-block-end: 15px;
	font-size: .9em;
	border-spacing: 0;
	border-collapse: collapse;
	line-height: 2.74 !important;
	min-width: 1017px;
}

.page-id-27342 .entry-title {
	display: none;
	/* Hides the title on the page with ID 27342 */
}

.mepr-price-menu.minimal_gray_horizontal.pro-template br {
	display: none;
}

@media only screen and (max-width: 1700px) {

	.gpoq_table_wrapper {

		overflow-x: auto !important;

		width: 97% !important;
	}

	/* 
	.gpoq_table_data {
	
		border-radius: 10px !important;
	   
	} */


}

@media screen and (max-width: 1131px) {
	.gpoq_dashboard_contents {
		& .gpoq_table_headers th {
			padding: 10px;
			color: #333;
			font-weight: 500;
			/* border-bottom: 1px solid #c5c5c5 !important; */
			line-height: 15.5px;
			font-size: 17px !important;
		}


	}

	/* .gpoq_table_data {
	width: 100%; 
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid #c5c5c5 !important;
	border-radius: 10px !important;
   
} */


}


@media screen and (max-width: 1084px) {
	.gpoq_dates {
		width: 10%;
		line-height: 53px;
	}

	.gpoq_meta_title a {
		line-height: 15px;
		max-height: 20px;
	}


}


@media screen and (max-width: 984px) {
	/* .gpoq_table_data td {
		font-size: 14px !important;
	  } */
	/* .gpoq_dates {
		width: 15%;
		line-height: 55px;
	} */

	.gpoq_table_wrapper {
		overflow-x: auto !important;
		width: 100% !important;
	}



	/* .gpoq_table_data {
		width: 100%;
		border-collapse: separate !important;
		border-spacing: 0 !important;
		border: 1px solid #c5c5c5 !important;
		border-radius: 10px !important;
	   
	} */
}