body { background: #F7FAFF; } h1, h2, h3, h4, h5, h6 { margin-block-start: 0; margin-block-end: 0; } #page { width: 100vw; display: flex; overflow: visible; justify-content: space-between; flex-direction: column; align-items: center; } #mpt { display: flex; align-items: flex-start; }.watupro-main-feedback a { text-decoration: underline !important; }.grammar-points .breadcrumbs,.grammar-points.tab1_active #tab1btn .span_btn, .grammar-points.tab2_active #tab2btn .span_btn, .grammar-points.download_tab_active #download_btn .span_btn,.grammar-points .numBox, .grammar-points #action-button, .grammar-points .watupro_num, .grammar-points .watupro_buttons input,.grammar-points .watupro-question-choice input[type="radio"]:checked + label, .grammar-points .watupro-question-choice input[type="checkbox"]:checked + label,.grammar-points .watupro-question-choice:has(> input[type="radio"]:checked) > i, .grammar-points .watupro-question-choice:has(> input[type="checkbox"]:checked) > i,.grammar-points .tmpl-download-link{background-color:var(--c-Grammar)}.grammar-points .breadcrumbs a, .grammar-points .breadcrumbs span { color:#7bd2ff}.grammar-points #mpt .p-sec a, .grammar-points #mpt .p-sec h2, #mpt .p-sec h3,.grammar-points #mpt .p-sec h4{color:var(--c-Grammar)}.grammar-points .page-links span.current span { border-color:var(--c-Grammar)}.vocabulary .breadcrumbs,.vocabulary.tab1_active #tab1btn .span_btn, .vocabulary.tab2_active #tab2btn .span_btn, .vocabulary.download_tab_active #download_btn .span_btn,.vocabulary .numBox, .vocabulary #action-button, .vocabulary .watupro_num, .vocabulary .watupro_buttons input,.vocabulary .watupro-question-choice input[type="radio"]:checked + label, .vocabulary .watupro-question-choice input[type="checkbox"]:checked + label,.vocabulary .watupro-question-choice:has(> input[type="radio"]:checked) > i, .vocabulary .watupro-question-choice:has(> input[type="checkbox"]:checked) > i,.vocabulary .tmpl-download-link{background-color:var(--c-Vocabulary)}.vocabulary .breadcrumbs a, .vocabulary .breadcrumbs span { color:#FFD3E2}.vocabulary #mpt .p-sec a, .vocabulary #mpt .p-sec h2,.vocabulary #mpt .p-sec h3, .vocabulary #mpt .p-sec h4{color:var(--c-Vocabulary)}.vocabulary .page-links span.current span { border-color:var(--c-Vocabulary)}.listening .breadcrumbs,.listening.tab1_active #tab1btn .span_btn, .listening.tab2_active #tab2btn .span_btn, .listening.download_tab_active #download_btn .span_btn,.listening .numBox, .listening #action-button, .listening .watupro_num, .listening .watupro_buttons input,.listening .watupro-question-choice input[type="radio"]:checked + label, .listening .watupro-question-choice input[type="checkbox"]:checked + label,.listening .watupro-question-choice:has(> input[type="radio"]:checked) > i, .listening .watupro-question-choice:has(> input[type="checkbox"]:checked) > i,.listening .tmpl-download-link{background-color:var(--c-Listening)}.listening .breadcrumbs a, .listening .breadcrumbs span { color:#FFF4C4}.listening #mpt .p-sec a, .listening #mpt .p-sec h2, .listening #mpt .p-sec h3, .listening #mpt .p-sec h4{color:var(--c-Listening)}.listening .page-links span.current span { border-color:var(--c-Listening)}.reading .breadcrumbs,.reading.tab1_active #tab1btn .span_btn, .reading.tab2_active #tab2btn .span_btn, .reading.download_tab_active #download_btn .span_btn,.reading .numBox, .reading #action-button, .reading .watupro_num, .reading .watupro_buttons input,.reading .watupro-question-choice input[type="radio"]:checked + label, .reading .watupro-question-choice input[type="checkbox"]:checked + label,.reading .watupro-question-choice:has(> input[type="radio"]:checked) > i, .reading .watupro-question-choice:has(> input[type="checkbox"]:checked) > i,.reading .tmpl-download-link{background-color:var(--c-Reading)}.reading .breadcrumbs a, .reading .breadcrumbs span { color:#ffa099}.reading #mpt .p-sec a, .reading #mpt .p-sec h2, .reading #mpt .p-sec h3, .reading #mpt .p-sec h4{color:var(--c-Reading)}.reading .page-links span.current span { border-color:var(--c-Reading)}.use-of-english .breadcrumbs,.use-of-english.tab1_active #tab1btn .span_btn, .use-of-english.tab2_active #tab2btn .span_btn, .use-of-english.download_tab_active #download_btn .span_btn,.use-of-english .numBox, .use-of-english #action-button, .use-of-english .watupro_num, .use-of-english .watupro_buttons input,.use-of-english .watupro-question-choice input[type="radio"]:checked + label, .use-of-english .watupro-question-choice input[type="checkbox"]:checked + label,.use-of-english .watupro-question-choice:has(> input[type="radio"]:checked) > i, .use-of-english .watupro-question-choice:has(> input[type="checkbox"]:checked) > i,.use-of-english .tmpl-download-link{background-color:var(--c-UseOfEnglish)}.use-of-english .breadcrumbs a, .use-of-english .breadcrumbs span { color:#f7c2a7}.use-of-english #mpt .p-sec a, .use-of-english #mpt .p-sec h2, .use-of-english #mpt .p-sec h3, .use-of-english #mpt .p-sec h4{color:var(--c-UseOfEnglish)}.use-of-english .page-links span.current span { border-color:var(--c-UseOfEnglish)}.writing .breadcrumbs,.writing.tab1_active #tab1btn .span_btn, .writing.tab2_active #tab2btn .span_btn, .writing.download_tab_active #download_btn .span_btn,.writing .numBox, .writing #action-button, .writing .watupro_num, .writing .watupro_buttons input,.writing .watupro-question-choice input[type="radio"]:checked + label, .writing .watupro-question-choice input[type="checkbox"]:checked + label,.writing .watupro-question-choice:has(> input[type="radio"]:checked) > i, .writing .watupro-question-choice:has(> input[type="checkbox"]:checked) > i,.writing .tmpl-download-link{background-color:var(--c-Writing)}.writing .breadcrumbs a, .writing .breadcrumbs span { color:#FFBDF3}.writing #mpt .p-sec a, .writing #mpt .p-sec h2, .writing #mpt .p-sec h3, .writing #mpt .p-sec h4{color:var(--c-Writing)}.writing .page-links span.current span { border-color:var(--c-Writing)}.exams .breadcrumbs,.exams.tab1_active #tab1btn .span_btn, .exams.tab2_active #tab2btn .span_btn, .exams.download_tab_active #download_btn .span_btn,.exams .numBox, .exams #action-button, .exams .watupro_num, .exams .watupro_buttons input,.exams .watupro-question-choice input[type="radio"]:checked + label, .exams .watupro-question-choice input[type="checkbox"]:checked + label,.exams .watupro-question-choice:has(> input[type="radio"]:checked) > i, .exams .watupro-question-choice:has(> input[type="checkbox"]:checked) > i,.exams .tmpl-download-link{background-color:var(--c-Exams)}.exams .breadcrumbs a, .exams .breadcrumbs span { color: #94f294;}.exams #mpt .p-sec a, .exams #mpt .p-sec h2, .exams #mpt .p-sec h3, .exams #mpt .p-sec h4{color:var(--c-Exams)}.exams .page-links span.current span { border-color:var(--c-Exams)}.level-test .breadcrumbs,.level-test.tab1_active #tab1btn .span_btn, .level-test.tab2_active #tab2btn .span_btn, .level-test.download_tab_active #download_btn .span_btn,.level-test .numBox, .level-test #action-button, .level-test .watupro_num, .level-test .watupro_buttons input,.level-test .watupro-question-choice input[type="radio"]:checked + label, .level-test .watupro-question-choice input[type="checkbox"]:checked + label,.level-test .watupro-question-choice:has(> input[type="radio"]:checked) > i, .level-test .watupro-question-choice:has(> input[type="checkbox"]:checked) > i,.level-test .tmpl-download-link{background-color:var(--c-LevelTest)}.level-test .page-links span.current span { border-color:var(--c-LevelTest)}header#ptest-header { height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; margin: 0 0 1em; }header#ptest-header .separator { height: 44px; display: block; width: 100%; }header#ptest-header .breadcrumbs { display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; padding: 24px 0; }header#ptest-header .breadcrumbs span.breadcrumb_last { color:#fff!important; filter: none; }header#ptest-header .breadcrumbs > span, header#ptest-header h1 > span { width: 100%; max-width: 90vw; }header#ptest-header .breadcrumbs > span { width: 100%; max-width: 90vw; }header#ptest-header h1 { margin-block-start: 0; margin-block-end: 0; background-color: #ffffff00 !important; display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; padding: 24px 0; text-wrap-style: pretty; font-size: 22px; font-style: normal; font-weight: 600; text-align: left; }header .ptest-header-in { flex-direction: column; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 90vw; line-height: 1.1; }.te-favorite-btn { position: relative; }.te-favorite-btn:hover::after { content: 'Add to favourites'; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); white-space: nowrap; background: rgba(0,0,0,0.75); color: #fff; padding: 0.25em 0.5em; border-radius: 4px; font-size: 12px; z-index: 10; }.te-favorite-btn.is-active:hover::after { content: 'Remove from favourites';}#page-nav-tabs { display: flex; justify-content: space-between; align-items: center; gap: 6px; overflow: hidden; width: 100%; }#page-nav-tabs .pnt { width: 33%; }.span_btn { border-radius: 8px; display: flex; padding: 14px 14px; justify-content: center; align-items: center; gap: 2px; color: #232A32; background-color: #fff; cursor: pointer; font-size: 14px; max-height: 1em; border: 1px solid #eaeaea; }.tab1_active #tab1btn .span_btn, .tab2_active #tab2btn .span_btn,.download_tab_active #download_btn .span_btn{ color: #fff;}#tab3btn { display: none; }#terms-of-use { color: #232A32; font-family: Inter; font-size: 12px; font-style: normal; line-height: 21px; padding: 0 40px; }#terms-of-use ol { padding-inline-start: 0; padding: 0px 0px; }#terms-of-use ol li::marker { font-family: Inter; font-weight: 600; }#terms-of-use ol li { margin: 0 0 12px;}.download_tab { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 999999999; display: flex; align-items: center; justify-content: center; background: rgb(199 199 199 / 65%); align-items: center; justify-content: center; display:none; opacity: 0; pointer-events: none; transition: all 0.5s; }.download_tab_active .download_tab { height: auto; display: flex; transition: all 0.5s; opacity: 1; pointer-events: all; position: absolute; min-height: 100vh; }.download_tab_active #page { height: 100vh; overflow: hidden; }#download_tab_cont { display: none; position: absolute; background: #ffffffb0; top: 0; left: 0; }.download_tab_active #download_tab_cont { display: flex; }.download_tab-content { background: #fff; padding: 2em; border-radius: 20px; width: 90vw; max-width: 600px; }.download_tab_active .tmpl-download { height: auto; display: flex; flex-direction: column; gap: 1em; align-items: center; padding: 0 0em 2em; background: #FFF; border-radius: 16px; justify-content: flex-start; width: 100%; max-width: 90vw; margin: 1em 0; overflow: hidden; }.tmpl-download #close-cont { display: flex; justify-content: flex-end; width: 90%; padding: 10px 10px; align-items: flex-start; cursor: pointer; position: relative; transform: translate(40px, 30px); }.tmpl-download #close-cont span { font-size: 12px; }.tmpl-download h2 { font-size: 24px; font-weight: 600; margin: 0 0 1em; }.tmpl-download h3 { margin: 0; padding: 0; text-wrap: balance; color: #232A32; font-family: Inter, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 1.1; display: flex; justify-content: flex-start; align-items: center; text-align: left; }a.tmpl-download-link { display: flex; flex-direction: row; width: auto; align-items: center; justify-content: center; text-align: center; padding: 10px; border-radius: 10px; color: #fff; transition: all 0.3s }a.tmpl-download-link.dlm-download-complete {}#acknowledgment { }.fixedTabs #page-nav-tabs { gap: 6px; position: fixed; top: 0; left: 0; width: 100vw; z-index: 9999999999; background-color: #fff; padding: 10px 0; box-shadow: var(--b-shadow); border-bottom: 1px solid #ddd; display: flex; justify-content: center; align-items: center; }.fixedTabs #page-nav-tabs .pnt { width: 30%; }#sec-right.p-sec { }#sec-left.p-sec { }.tab1_active #sec-left.p-sec { display: none; }.tab1_active #sec-right.p-sec {}.tab1_active #sec-left.p-sec { }.tab2_active #sec-right.p-sec {display: flex; }.tab2_active.fixedTabs #sec-right.p-sec { display: none }.listening.tab2_active.fixedTabs #sec-right.p-sec { display: flex }.listening.download_tab_active.fixedTabs #sec-right.p-sec { display: none; }.tab2_active.fixedTabs #sec-left.p-sec { position: sticky; top: 0; height: auto; overflow-y: auto; padding-bottom: 2em; border-bottom: 1px solid #ddd; z-index: 999; }.listening.tab2_active.fixedTabs #sec-left.p-sec { position: sticky; top: 0; height: auto; overflow-y: auto; padding-bottom: 2em; border-bottom: 1px solid #ddd; }#mpt { align-items: flex-start; width: 100%; max-width: 1128px; gap: 24px; display: flex; flex-direction: row; justify-content: space-around; margin: 0 0 4em; }#mpt .p-sec { align-items: flex-start; background: #fff; padding: 2em 18px; border-radius: 20px; margin: 0 16px 0; }#mpt .p-sec.isticky { position: sticky; top: -1em; z-index: 999; }#mpt .theContent { width: 100%; line-height: 1.7; }#mpt .theContent .h3ex { color: #232A32!important; font-size: 20px; font-style: normal; font-weight: 600; margin: 0 0 40px; }#mpt .theContent > .h3ex { margin: 10px 0 40px; width: fit-content; display: block; }#mpt.manybreaks .theContent > .h3ex { margin: 70px 0 40px;}#mpt .h3expl { color: #232A32; font-size: 20px; font-style: normal; font-weight: 600; margin: 0 0 40px; }#mpt #h3expl {color: #232A32; margin: 0 0 1em; font-size: 20px; font-weight:600;}.theContent h2 { margin: 34px 0 24px 0; font-size: 28px; font-weight: 500; line-height: 1.3; }#sec-left .theContent h3 { font-family: Inter; font-size: 23px; font-style: normal; font-weight: 500; margin: 1.2em 0; }#sec-right .theContent h3 { font-family: Inter; font-size: 24px; font-style: normal; font-weight: 600; margin: 0 0 1em; }.theContent h4 { margin: 1em 0; color: #232A32; font-family: Inter; font-size: 19px; font-style: normal; font-weight: 500; line-height: 24px; padding: 1em 0; }.theContent h5, .inQuiz { background: #ECEFF3; border-radius: 8px; border: 1px #CCC solid; color: black; font-size: 15px; font-weight: 500; margin-block-end: 2em; margin-block-start: 2em; padding: 1em; }.theContent h6 { font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; margin-block-end: 1.5em;}.theContent a { font-family: Inter; font-style: normal; font-weight: 500; text-decoration: underline; }#related-tests-bottom { padding: 2em 0 0 0; }#related-tests-bottom #h3expl { margin: 0 0 1.2em }#related-tests-bottom ul { list-style: none; display: flex; gap: 1em; flex-direction: column; align-items: flex-start; margin-block-start: 0; padding-inline-start: 0; }#related-tests-bottom ul li { display: flex; }#related-tests-bottom ul li a { align-items: center; color: #111 !important; display: flex; font-weight: 300; gap: 1em; text-decoration: none; }#related-tests-bottom ul li img { width: 114px; height: auto; border-radius: 12px; }#mpt #sec-bottom.p-sec.related-tests-right { align-items: flex-end; margin-left: auto; }#mpt #sec-bottom.p-sec.related-tests-right #related-tests-bottom { padding: 0; }.linkpages{ float: right; }.hoverable { transition: all .55s ease-in-out; }.page-links { color: var(--grey-mid); display: block; font-weight: 300; line-height: 3em; }.page-links span { color: #232A32; text-align: center; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; }.page-links span.hoverable { background: #fff; border-radius: 4px; padding: 8px 14px; margin: 0 0 0 6px; font-weight: 500; transition: all 0.5s; color: #232A32; text-align: center; font-family: Inter; font-size: 14px; font-style: normal; border: 1px solid #eaeaea; }.page-links span.hoverable:hover { box-shadow: var(--b-shadow); transition: all 0.5s; }.page-links .current span.hoverable { cursor: default; color: #fff; }#mpt .textBox { display: inline-block; border: 1px solid #CDD3DA; border-radius: 8px; overflow: hidden; box-shadow: none; padding: 10px; line-height: 1.8; color: #232A32;}#mpt .textGap { min-width: max-content; padding: 4px 8px; align-items: center; border-radius: 8px; border: 1px solid #CDD3DA; background: #FFF; margin: 4px 0; display: inline-block; box-sizing: border-box; padding-block: 2px; line-height: 1.7;}#mpt .highlighter {background:#feec9a;color:#373636;border-radius:999px;padding:4px 12px;font-size:0.95rem;font-weight:500;display:inline-block;vertical-align:middle;}#mpt .highlighter::before{content:' ';display:inline;}#mpt #watupro_quiz .question-content { margin-top: 0; font-size: inherit; }#mpt span.watupro_num { float: left; color: white; text-align: center; border-radius: 50%; height: 1.75em; width: 1.75em; padding: 0; margin: -0.2em .5em 0 0; line-height: 1.75em; font-family: "Arial"; font-weight: 600; }#mpt #watupro_quiz .watupro-gap.answer { vertical-align: middle; align-items: center; background: #FFF; border-radius: 8px; border: 1px solid #CDD3DA; color: #232A32; font-size: 16px; font-style: normal; font-weight: 400; margin: 0 4px 4px 0; max-width: 140px!important; min-width: 80px; padding: 4px 10px; text-align: left; }#mpt select.watupro-gap { width: auto !important; max-width: 150px !important; }#mpt .watu-question { margin: 0 auto; }#mpt .question-content p { text-wrap: initial; line-height: 1.8;;}#mpt .question-content { background-color: white; padding: 15px 0; margin-bottom: 10px; font-size: 16px; color: black; }#mpt .watupro_num { font-weight: bold; margin-right: 5px; }#mpt .question-choices { display: flex; flex-direction: column; gap: 10px; }#mpt .question-choices:has(.watupro-2-columns){ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }#mpt .question-choices .watupro-2-columns.answer { display: block; width: 100%; }#mpt .watupro-question-choice { width: 100%; line-height: 1; margin: 0; padding: 0; display: flex; border-radius: 10px; align-items: stretch; background: #f4f4f4; border: 0; background: #fff; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; }#mpt .watupro-question-choice label { align-items: center; cursor: pointer; display: flex; justify-content: flex-start; min-height: 48px; padding: 10px 15px; position: relative; transition: background-color 0.3s; width: 100%; line-height: 1.3;}#mpt .watupro-question-choice.watupro-ansnum i { margin: 0; font-style: normal; text-align: right; vertical-align: top; height: auto; display: flex; align-items: center; justify-content: center; border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: 48px; border-right: 1px solid #dddddd; }#mpt .watupro-question-choice:has(> input[type="radio"]:checked) > i,#mpt .watupro-question-choice:has(> input[type="checkbox"]:checked) > i{ color: #fff; border-right: 1px solid #fff; }#mpt .watupro-question-choice input[type="radio"]:checked + label,#mpt .watupro-question-choice input[type="checkbox"]:checked + label{ color: white; width: 100%; }#mpt .watupro-question-choice input[type="radio"],#mpt .watupro-question-choice input[type="checkbox"]{ position: absolute; opacity: 0; border-radius: 50%; width: 1.5em; height: 1.5em; appearance: none; border: 2px solid gray; transition: background-color 0.3s; }#mpt .watupro-question-choice input[type="radio"]:checked,#mpt .watupro-question-choice input[type="checkbox"]:checked{ background-color: lightgreen; border: 2px solid green; }#mpt .watupro-question-choice i { transition: all 0.3s; }#mpt .single-page-quiz .question-content { padding: 16px 0 0; margin-bottom: 10px; }#mpt .question-choices select { appearance: none; background-color: #f9f9f9; border-radius: 8px; border: 1px solid #cccccc45; box-sizing: border-box; cursor: pointer; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 300; max-width: 400px; padding: 10px 36px; transition: all 0.3s ease; width: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px;}#mpt .question-choices select:focus { outline: none; border-color: #efefef; box-shadow: 0 0 0 2px rgba(251, 251, 251, 0.25); }#mpt .question-choices select option { padding: 8px 12px; font-size: 16px; }#mpt .question-choices select option:hover { background-color: #f0f0f0; }#mpt .listening .videoWrapper iframe { aspect-ratio: 16 / 9; max-width: 78vw; position: relative; top: 0; left: 0; width: 490px; height: 180px; margin: 0 0 2em; border: 4px solid; border-color: #fecc00; }#feedback-card h1 { color: #1a8ec1; font-size: 24px; margin-bottom: 10px; margin-bottom: 40px; margin-top: 20px;}#watupro_quiz .watupro_buttons input[type=button], .watupro_buttons input[type=submit], .watupro-exam-description button{ cursor: pointer; padding: 0.7em 1em; border: none; color: var(--w) ; margin-left: 5px; border-radius: 5px; font-size: 1em; -webkit-appearance: none; border-radius: 5px; box-shadow: var(--b-shadow) ; transition: all 0.5s; }#watupro_quiz .watupro_buttons.flex {align-items: flex-end; display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px;padding:0;}#watupro_quiz .watupro_buttons.flex > div {flex:0 0 auto !important;display:flex;align-items:center;justify-content:center;margin:0;padding:0;}#watupro_quiz .watupro_buttons.flex input[type="button"], #mpt #watupro_quiz .watupro_buttons.flex input[type="submit"] {margin:0;padding:12px 20px;font-size:17px;border-radius:8px;white-space:nowrap;cursor:pointer;width:auto;}#watupro_quiz .watupro_buttons.flex > div:only-child input[type="button"], #mpt #watupro_quiz .watupro_buttons.flex > div:only-child input[type="submit"] {width:100%;max-width:100%;text-align:center;justify-content:center;}.watupro_buttons.flex .watupro-hidden {display: none !important;}@media (max-width:480px){#mpt #watupro_quiz .watupro_buttons.flex > div:nth-child(3){flex-basis:100%;justify-content:center;margin-top:10px;}}#watupro_quiz h2, #watupro_quiz h3, #watupro_quiz h4 { color: var(--b) !important; line-height: 1em; }#mpt .show-question-content { margin: 0 0 0.5em 0; padding: 0 0; }#mpt #watupro_quiz span.wrong-gap-answer { background: #ff000002; border: 1px solid red; color: red; display: inline-block; padding: 5px; width: fit-content!important; }#mpt .watupro-main-feedback { background-color: #fbfbfc; border: 1px solid #c5c7cd; border-left: 2px solid var(--greyblue); clear: both; display: block; font-size: 17px; margin-top: 30px; padding: 15px; }#watupro_quiz .user-answer { color: blue; display: inline-block; border: 1px solid #35353554; border-radius: 5px; width: fit-content!important; padding: 0 5px 0 5px; font-weight: bold; }#watupro_quiz .user-answer span.answer { color: red; padding-right: 22px; display: inline; }#watupro_quiz .correct-answer span.answer { padding-right: 22px; display: inline; color: #000; vertical-align: text-top; }#watupro_quiz li.answer.user-answer.correct-answer span.answer { color: #50af31 }#watupro_quiz span.wrong-gap-answer { color: red; background: #ff000002; display: inline-block; border: 1px solid red; width: fit-content!important; padding: 5px; }#watupro_quiz span.correct-gap-answer { color: #50af31; background: #50af310a; display: inline-block; border: 1px solid #50af31; width: fit-content!important; padding: 5px; }#watupro_quiz li.answer.user-answer.correct-answer { color:#50af31;background:#50af310a;border:1px solid #50af31;border-radius:10px;width:100%!important;line-height:1;padding:20px;display:flex; }#watupro_quiz li.answer.user-answer {color:red;background:#fff9f8;border:1px solid red;width:100%!important;line-height:1;padding:20px;display:flex;align-items:stretch;border-radius:10px;overflow:hidden;}#watupro_quiz .watupro-unanswered { clear: both; color: red; font-weight: bold; width: fit-content; padding: 12px 34px 12px 18px; background: url(https://test-english.com/img/wp-test-wrong.webp) no-repeat right; background-position: 8.5em 52%; margin-bottom: 0; }#watupro_quiz li.watupro-2-columns.answer.user-answer.correct-answer {border: 1px solid #50af31;}.show-question-content span.watupro_num { background-color: #38424f; }.show-question-content .numBox { background-color: #38424f!important;; }.watupro-main-feedback .numBox { background-color: #38424f!important; }.watupro-main-feedback span[style*="color: #50af31"] {font-weight: 600; display: inline-block; margin-bottom: 6px; }.watupro-main-feedback.feedback-incorrect span[style*="color: #50af31"] {font-weight: 600; display: inline-block; margin-bottom: 6px; }.watupro-main-feedback.feedback-incorrect font[color="#50af31"] {font-weight: 600; display: inline-block; margin-bottom: 6px; }#feedback-card { background: white; border-radius: 16px; border: 1px solid #edeff3; box-shadow: 0 2px 6px rgba(0,0,0,0.1); padding: 30px; max-width: 500px; text-align: center; margin: 40px auto 45px auto; position: relative; }.badge-wrapper { position: absolute; top: 20px; right: 20px; }.badge { width: 80px; }.rocket-emoji { font-size: 28px; }#feedback-card h1 { color: #1a8ec1; font-size: 24px; margin-bottom: 10px; margin-bottom: 40px; margin-top:80px}.feedback-title { color: #37424e; font-size: 24px; font-weight: 600; margin: 30px 0; display: flex; align-items: center; justify-content: center; gap: 8px; }#feedback-card p { font-size: 18px; margin-bottom: 5px; font-weight: 300;}.level-cta-button { text-decoration: none!important; background-color: #1a8ec1; color: white; padding: 12px 20px; border: none; border-radius: 8px; font-size: 18px; display: inline-block; margin-top: 20px; transition: background-color 0.3s; }.level-cta-button:hover { background-color: #1a8ec1; color: white; text-decoration: none; }.watupro-gtitle { display: none; }#watupro_quiz .show-question-choices ul li { width:100%;line-height:1.2; margin: 10px 10px 10px 0; padding:20px;display:flex;align-items:stretch;background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;}#watupro_quiz .show-question-choices .unanswered { margin: 0 30px 10px 20px; border: 1px solid red; background-color: #fff9f8; display: flex; line-height: 2; border-radius: 10px; width: calc(100% - 40px); justify-content: left; flex-direction: row; flex-wrap: nowrap; }#watupro_quiz .show-question-choices ul:has(.watupro-2-columns.answer) { display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 1fr); margin: 0 0 10px; }#watupro_quiz .show-question-choices ul li.watupro-2-columns.answer { border-radius: 8px; display: block; float: none; line-height: normal; margin: 0!important; padding: 8px !important; vertical-align: middle; width: 100% !important; }#watupro_quiz .show-question-choices ul li.watupro-2-columns.answer.user-answer {} #feedback-card.score-low { background-color: #fff9f8; border: solid 1px #fe0100; box-shadow: none;}#feedback-card.score-low .feedback-title { color: #37424e; }#feedback-card.score-medium { background-color: #f6fbf7; border: solid 1px #50af31; box-shadow: none;}#feedback-card.score-medium .feedback-title { color: #37424e; }#feedback-card.score-high { background-color: #f6fbf7; border: solid 1px #50af31; box-shadow: none;}#feedback-card.score-high .feedback-title { color: #37424e; }.tab { margin-left:2.2em;display:-webkit-inline-box;}.tabtext { display:-webkit-box;margin-bottom:-18px;}.tabbottom { display:-webkit-box;}.textGap { background-color:white;min-width: 80px;border: 1px solid #d2d2d2;padding: 2px;margin-bottom:1px;margin-top:1px;}.highYellow { background:#ff0;padding:2px 4px;border:1px #fbc9038c solid;border-radius:4px;}.highBlue { background:#00ffff;padding:2px 4px;border:1px #098dc354 solid;border-radius:4px;}.highGreen { background:#5eff5d;padding:2px 4px;border:1px #4ead4a75 solid;border-radius:4px;}.highOrange { background:#FFAE85;padding:2px 4px;border:1px #ee6810b5 solid;border-radius:4px;}.highPink { background:#fca9e4;padding:2px 4px;border:1px #c309ac54 solid;border-radius:4px}.highPurple { background:#cf9fff;padding:2px 4px;border:1px #d086ff solid;border-radius:4px}.video-container { max-width: 560px;border:5px solid #fecc00;border-radius: 4px;margin-bottom:15px}.text-scrollbar { position:relative;height:500px;overflow:auto}.nav-tabs{margin-top:15px;margin-bottom:15px!important;}.tab3_active {}.tab3_active .p-sec{ position: fixed; z-index: 999999999999; top: 10px; overflow-x: scroll; height: 100vh; width: 50%; max-width: fit-content; }.tab3_active #sec-left{ left: 0; }.tab3_active #sec-left.p-sec { max-width: 50vw; }.tab3_active #sec-right { right: 0; }@media (min-width:22.5em) {  .span_btn { border-radius: 8px; display: flex; padding: 14px 14px; justify-content: center; align-items: center; gap: 2px; color: #232A32; background-color: #fff; cursor: pointer; font-size: 13px; max-height: 1em; border: 1px solid #eaeaea; }}@media (min-width: 37.5em) { .videoWrapper { display: block; height: 100%; width: 100%; padding-bottom: 5px;}.videoWrapper iframe {width: 98%; height: 100%; }#page-nav-tabs { gap: 1em; }#page-nav-tabs .pnt { width: 100%; }#mpt.manybreaks .theContent > .h3ex { margin: 10px 0 40px; }#mpt .p-sec { align-items: flex-start; background: #fff; padding: 2em; border-radius: 20px; margin: 0 1em;}#page-nav-tabs .span_btn{ font-weight: 400; }.tmpl-download #close-cont { display: flex; justify-content: flex-end; width: 90%; padding: 4px 10px; align-items: stretch; cursor: pointer; position: relative; transform: translate(40px, 30px); }.download_tab_active .tmpl-download { height: auto; display: flex; flex-direction: column; max-width: 640px; align-items: center; padding: 16px 0 40px; background: #FFF; border-radius: 16px; justify-content: center; width: 100%; max-height: 90vh; }#terms-of-use ol { padding-inline-start: 0; padding: 10px 20px; }#terms-of-use li, #terms-of-use p { color: #232A32; font-size: 14px; font-style: normal; line-height: 21px; }#feedback-card h1 { color: #1a8ec1; font-size: 24px; margin-bottom: 10px; margin-bottom: 40px; margin-top: 20px;}#acknowledgment-link { display: block; }}@media (min-width: 56.25em) { header#ptest-header { height: auto; margin: 0; }header#ptest-header .separator { height: 110px; }header#ptest-header .breadcrumbs > span, header .ptest-header-in { width: 100%; max-width: 980px; }header .ptest-header-in { flex-direction: row;}header#ptest-header h1 { font-size: 32px; }#mpt { max-width: 990px; }.p-sec {max-width: 480px; padding: 1em 2em;}#mpt .p-sec.isticky { top: 7em; }#mpt .p-sec { margin: 0; }#page-nav-tabs { width: auto; display: flex; justify-content: flex-end; align-items: center; gap: 10px; }#tab1btn, #tab2btn, #tab3btn { display: none; }#page-nav-tabs .pnt { width: 8em; padding: 10px 0; }#page-nav-tabs #ico-download img { height: auto; }#sec-left.p-sec { display: flex; width: 100%; justify-content: space-between; }.tab1_active #sec-left.p-sec { display: flex; }.p-sec.isticky { top: 3em; }#watupro_quiz .watupro_buttons tbody { padding: 0 0 0 0; }#watupro_quiz .watupro_buttons tbody tr { justify-content: space-around; }#acknowledgment-link { display: block; }}@media (min-width: 900px) and (max-width: 983px) {header#ptest-header .breadcrumbs > span, header .ptest-header-in { width: 100%; max-width: 96vw; }#mpt { max-width: 100vw; gap: 0; }.p-sec { margin: 0; width: 100%; max-width: 48vw; }}@media (min-width: 900px) {#download_btn { color: #fff; }.grammar-points #download_btn {background-color:var(--c-Grammar)}.vocabulary #download_btn {background-color:var(--c-Vocabulary)}.listening #download_btn {background-color:var(--c-Listening)}.reading #download_btn {background-color:var(--c-Reading)}.use-of-english #download_btn {background-color:var(--c-UseOfEnglish)}.writing #download_btn {background-color:var(--c-Writing)}.exams #download_btn {background-color:var(--c-Exams)}}@media (min-width: 64em){  .fixedTabs #page-nav-tabs { display: none; }}@media (min-width: 70em){ header#ptest-header { height: auto; }header#ptest-header .separator { height: 115px; }header#ptest-header .breadcrumbs { padding: 24px 0; }header#ptest-header .breadcrumbs > span, header .ptest-header-in { width: 100%; max-width: 1120px; flex-direction: row; }#page-nav-tabs { width: auto; display: flex; justify-content: flex-end; align-items: center; gap: 10px; }.fixedTabs #page-nav-tabs { background-color: #ffffff00; border-bottom: none; box-shadow: none; position: relative; z-index: auto; width: auto;}.fixedTabs #page-nav-tabs .pnt { width: auto; }#tab1btn, #tab2btn { display: none; }#mpt { width: 100%; max-width: 1128px; gap: 24px; display: flex; flex-direction: row; justify-content: space-around; }.p-sec { width:100%; max-width: 550px; background: #fff; padding: 32px; border-radius: 20px; }.page-links { line-height: 2em; }#mpt .theContent > .h3ex { margin: 0px 0 40px; width: fit-content; display: block; }}@media (min-width: 80em){ header#ptest-header .breadcrumbs > span, header .ptest-header-in { width: 100%; max-width: 1160px; }#mpt { max-width: 1170px; }.p-sec { max-width: 570px; }}@media (min-width: 85.37em){ header#ptest-header .breadcrumbs > span, header .ptest-header-in { max-width: 1140px; }#mpt { max-width: 1150px; }.p-sec { max-width: 560px; }}@media (min-width: 87.5em){ header#ptest-header .breadcrumbs > span, header .ptest-header-in { max-width: 1230px; }#mpt { max-width: 1240px; }.p-sec { max-width: 600px; }}@media (min-width: 95em) { header#ptest-header .breadcrumbs > span, header .ptest-header-in { max-width: 1300px; }#mpt { max-width: 1300px; }.p-sec { max-width: 636px; }}@media (min-width: 100em) { header#ptest-header .breadcrumbs > span, header .ptest-header-in { max-width: 1360px; }#mpt { max-width: 1380px; }.p-sec { max-width: 670px; }}.roundNumber{background:#ec6825;display:block;float:left;color:white;text-align:center;border-radius:50%;height:1.5em;width:1.5em;padding:0;margin:0 .3em 0 0;line-height:1.6em;font-family:inherit!important;font-weight:bold;}.textBox{display:inline-block;border:1px solid #000;border-radius:5px;overflow:hidden;box-shadow:0 3px 6px rgba(0,0,0,0.1);font-size:inherit;padding:10px;line-height:1.6;}.infoblock { border-left: 3px solid #000; padding: 15px 10px 10px 15px; margin: 25px 0; background-color: #f6f6f6; }.noteblock { border-left: 3px solid #000; padding: 15px 10px 10px 15px; margin: 25px 0; background-color: #fffff0; box-shadow: inset 0 0 0 1px #fef5c5;}.textBoxwide{display:inline-block;padding:10px;border:1px solid #CDD3DA;border-radius: 8px;width:96%;}.greyBox{display:block;max-width:500px;clear:both;margin-top:10px;border:1px solid #d4d2d2f0;border-radius:5px;background-color:#f6f6f6;padding:10px 10px 10px 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.greyBoxWide{display:block;max-width:700px;clear:both;margin-top:10px;border:1px solid #d4d2d2f0;border-radius:5px;background-color:#f6f6f6;padding:10px 10px 10px 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);line-height: 1.8;}.blueBox{display:initial;padding:1px 2px 1px 2px;color:#ffffff;background-color:#1a8ec1;border-radius:3px;font-size:15px;font-weight:600;}.numBox{display:inline-block;color:white;text-align:center;border-radius:50%;height:1.6em;width:1.6em;margin-bottom:3px;line-height:1.6em;font-weight:bold;font-family:"arial";}.numPink{display:inline-block;color:var(--c-Vocabulary);text-align:center;border-radius:50%;height:1.6em;width:1.6em;margin-bottom:3px;line-height:1.6em;font-weight:700;font-family:arial;border:2px solid var(--c-Vocabulary);}.numBlue{display:inline-block;color:var(--c-Grammar);text-align:center;border-radius:50%;height:1.6em;width:1.6em;margin-bottom:3px;line-height:1.6em;font-weight:700;font-family:arial;border:2px solid var(--c-Grammar);}.double-line-height {line-height: 2;padding-bottom:20px}.box-container-Speakgreen {width: 95%; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);font-size: 1em;}.box-header-Speakgreen {background-color: #50af31; color: #ffffff; padding: 16px; font-size: 1.1em; display: flex; align-items: center;}.box-header-Speakgreen::before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background:url('https://test-english.pro/img/ico-micro.png') no-repeat center;background-size:contain}.box-content-Speakgreen {padding: 12px; line-height: 1.6; font-size: 1em;}.box-container-Writegreen {width: 95%; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);font-size: 1em;}.box-header-Writegreen {background-color: #50af31; color: #ffffff; padding: 16px; font-size: 1.1em; display: flex; align-items: center;}.box-header-Writegreen::before {content:'';display:inline-block;width:24px;height:24px;margin-right:8px;background:url('https://test-english.pro/img/ico-writing-white.png') no-repeat center;background-size:contain}.box-content-Writegreen {padding: 12px; line-height: 1.6; font-size: 1em;}.mejs-container, .mejs-container .mejs-controls, .mejs-embed,.mejs-embed body { background: #ccc !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total { background: #e6e6e6 !important; }.mejs-controls .mejs-time-rail .mejs-time-current { background: #acacac !important; }.email-window {width:100%;max-width:700px;border:1px solid #eee;font-family:sans-serif;margin:20px auto;border-radius:6px;overflow:hidden;font-size:16px;}.email-window .email-header {background:#666;color:#fff;padding:0 12px;display:flex;align-items:center}.email-window .window-controls {display:flex;gap:4px; margin-top:12px;}.email-window .circle {width:12px;height:12px;border-radius:50%;display:inline-block}.email-window .red {background:#ff5f57} .email-window .yellow {background:#ffbd2e}.email-window .green {background:#28c840}.email-window .header-title {margin-left:18px;font-weight:bold}.email-window .email-meta {background:#f9f9f9;padding:10px 15px;border-bottom:1px solid #ddd}.email-window .email-meta p {margin:6px 0}.email-window .email-body {padding:15px;min-height:150px;background:#fff;line-height:1.8;}.email-window .email-footer {display:flex;align-items:center;justify-content:flex-start;padding:8px 15px;background:#f9f9f9;border-top:1px solid #ddd}.email-window .send-button {background:#666;color:#fff;border:none;padding:6px 12px;border-radius:3px;margin:10px 0}.postcard {width:100%;margin:40px auto;padding:30px;background:#fff;border:20px solid transparent;border-image:repeating-linear-gradient(45deg,red 0 10px,white 10px 20px,blue 20px 30px,white 30px 40px) 20;box-shadow:0 0 15px rgba(0,0,0,0.1);box-sizing:border-box;position:relative;}.postcard .postcard-title {font-family:'Brush Script MT',cursive;font-size:2em;color:#4a3c2f;margin-bottom:20px;text-align:center;}.postcard .signature {font-family:'Brush Script MT',cursive;text-align:right;font-size:1.4em;color:#555;margin-top:40px;}.letter-container { width:100%;padding:0;background:#fff;}.letter-container .letter { margin:0 auto;padding:30px 30px;background:#fcf9f3;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:8px;background-image:url('https://www.transparenttextures.com/patterns/paper-fibers.png');background-repeat:repeat;line-height:1.6;font-size:1em;color:#333;font-family:'Georgia',serif;}.letter-container .letter-heading { font-size:1.1em;font-weight:bold;margin-bottom:30px;margin-top: 10px;color:#222;}.letter-container .letter-signature { font-size:1em;margin-top:35px;color:#222;text-align:left;}ul.grammar-ex { list-style:none;padding:1rem 0.8rem;border-left:3px solid #1a8ec1;background:#fafdff;box-shadow:inset 0 0 0 1px #cfe5f3}ul.grammar-ex li { position:relative;padding-left:1rem}ul.grammar-ex li::before { content:"‣";position:absolute;left:0;font-size:1rem;line-height:1.4}ul.exam-ex { list-style:none;padding:1rem 0.8rem;border-left:3px solid #50af31;background:#fafdff;box-shadow:inset 0 0 0 1px #d0e9ce}ul.exam-ex li { position:relative;padding-left:1rem}ul.exam-ex li::before { content:"‣";position:absolute;left:0;font-size:1rem;line-height:1.4}ul.write-ex { list-style:none;padding:1rem 0.8rem;border-left:3px solid #a84d98;background:#fdfcfd;box-shadow:inset 0 0 0 1px #ebdeed}ul.write-ex li { position:relative;padding-left:1rem}ul.write-ex li::before { content:"‣";position:absolute;left:0;font-size:1rem;line-height:1.4}ul.vocab-ex { list-style:none;padding:1rem 0.8rem;border-left:3px solid #ff6699;background:#fdfcfd;box-shadow:inset 0 0 0 1px #fee2eb}ul.vocab-ex li { position:relative;padding-left:1rem}ul.vocab-ex li::before { content:"‣";position:absolute;left:0;font-size:1rem;line-height:1.4}.separator-dots,.read-separator-dots,.list-separator-dots,.grammar-separator-dots,.exams-separator-dots,.writing-separator-dots{display:flex;align-items:center;text-align:center;margin:2em 0 0.5em 0;}.separator-dots:before,.separator-dots:after{content:'';flex:1;border-bottom:1px dotted #ff6699;}.separator-dots span{padding:0 1.2em;font-size:16px;color:#ff6699;font-weight:400;}.read-separator-dots:before,.read-separator-dots:after{content:'';flex:1;border-bottom:1px dotted #ed1c24;}.read-separator-dots span{padding:0 1.2em;font-size:16px;color:#ed1c24;font-weight:400;}.list-separator-dots:before,.list-separator-dots:after{content:'';flex:1;border-bottom:1px dotted #fecc00;}.list-separator-dots span{padding:0 1.2em;font-size:16px;color:#fecc00;font-weight:400;}.grammar-separator-dots:before,.grammar-separator-dots:after{content:'';flex:1;border-bottom:1px dotted #1a8ec1;}.grammar-separator-dots span{padding:0 1.2em;font-size:16px;color:#1a8ec1;font-weight:400;}.exams-separator-dots:before,.exams-separator-dots:after{content:'';flex:1;border-bottom:1px dotted #50af31;}.exams-separator-dots span{padding:0 1.2em;font-size:16px;color:#50af31;font-weight:400;}.writing-separator-dots:before,.writing-separator-dots:after{content:'';flex:1;border-bottom:1px dotted #a84d98;}.writing-separator-dots span{padding:0 1.2em;font-size:16px;color:#a84d98;font-weight:400;}