@layer bricks {.brxe-button{width:auto}}@layer bricks {.brxe-shortcode{width:100%}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}#qep-logo {width: 52px; height: 52px}#qep-faculty-photo {width: 62px; height: 62px}#qep-hero {font-size: 10px}@media all {.qep-page { font-family: var(--sans); font-size: 17px; line-height: 1.65; color: #18181b; background: #ffffff; padding: 0; align-items: stretch; } .qep-page .qep-wrap { width: min(1160px, calc(100% - 64px)); max-width: none; margin-inline: auto; } .qep-page h1, .qep-page h2, .qep-page h3, .qep-page p { margin: 0; } .qep-page h1, .qep-page h2 { font-family: CharmanSerif, Georgia, serif; font-weight: 400; letter-spacing: -0.02em; text-wrap: balance; } .qep-page h3 { font-family: var(--sans); font-weight: 600; letter-spacing: -0.01em; color: #18181b; } .qep-page a { color: #2364a9; text-decoration: none; } .qep-page .qep-brand { display: flex; flex-direction: row; align-items: center; gap: 10px; margin-bottom: 32px; } .qep-page #qep-logo { width: 52px; height: 52px; object-fit: contain; } .qep-page .qep-wordmark { font-size: 17px; line-height: 1.2; font-weight: 700; letter-spacing: 0.02em; color: #18181b; } .qep-hero { padding: 32px 0 0; background: #fafaf9; } .qep-page .qep-hero-grid { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr); gap: 64px; align-items: start; } .qep-page .qep-hero-copy { gap: 20px; padding-top: 12px; } .qep-page .qep-intro { font-size: 14px; font-weight: 600; color: #2364a9; } .qep-page #qep-title { font-size: clamp(38px, 4.5vw, 58px); line-height: 1.08; color: #18181b; } .qep-page .qep-lead { color: #57534e; font-size: 18px; line-height: 1.7; max-width: 580px; } .qep-page .qep-start { color: #57534e; font-size: 14px; padding: 17px 0 0; border-top: 1px solid #e4e4e7; } .qep-page .qep-start strong { color: #1f3b61; font-weight: 650; } .qep-page .qep-faculty { display: flex; flex-direction: row; align-items: center; gap: 13px; margin-top: 2px; } .qep-page #qep-faculty-photo { width: 62px; height: 62px; object-fit: cover; border-radius: 4px; } .qep-page .qep-faculty-copy { gap: 0; } .qep-page .qep-faculty-copy p { font-size: 13px; color: #57534e; } .qep-page .qep-faculty-copy strong { color: #18181b; font-size: 15px; font-weight: 600; } .qep-page .qep-hero-links { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px 26px; margin-top: 4px; } .qep-page .qep-text-link { color: #2364a9; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; } .qep-page .qep-enquiry { background: #ffffff; border: 1px solid #d9e2ec; border-radius: 6px; padding: 28px; gap: 13px; scroll-margin-top: 100px; } .qep-page .qep-enquiry h2 { font-size: 29px; line-height: 1.2; } .qep-page .qep-price { color: #1f3b61; font-size: 33px; font-weight: 650; line-height: 1.3; } .qep-page .qep-price span { color: #57534e; font-size: 13px; font-weight: 400; white-space: nowrap; } .qep-page .qep-enquiry-intro { color: #57534e; font-size: 14px; line-height: 1.6; } .qep-page #qep-form-slot { width: 100%; } .qep-page .qep-enquiry .cf-form { margin: 0; width: 100%; font-family: var(--sans); } .qep-page .qep-enquiry .cf-fields-wrap > p { margin: 0 0 13px; } .qep-page .qep-enquiry .cf-fields-wrap > p:last-child { margin-bottom: 0; } .qep-page .qep-enquiry label { display: block; font-size: 13px; line-height: 1.45; font-weight: 600; color: #18181b; margin: 0 0 5px; } .qep-page .qep-enquiry input[type="text"], .qep-page .qep-enquiry input[type="email"], .qep-page .qep-enquiry input[type="tel"] { display: block; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #c3cbd4; border-radius: 4px; background: #ffffff; font-family: var(--sans); font-size: 16px; line-height: 1.4; color: #18181b; box-shadow: none; } .qep-page .qep-enquiry input::placeholder { color: #737373; } .qep-page .qep-enquiry small { display: block; font-size: 12px; color: #57534e; margin-top: 4px; line-height: 1.4; } .qep-page .qep-enquiry button[type="submit"] { width: 100%; min-height: 46px; padding: 12px 18px; border: 1px solid #2364a9; border-radius: 4px; background: #2364a9; color: #ffffff; font-family: var(--sans); font-size: 15px; line-height: 1.4; font-weight: 600; cursor: pointer; } .qep-page .qep-enquiry button[type="submit"]:disabled { opacity: 0.65; cursor: wait; } .qep-page .qep-enquiry .cf-messages:not(:empty) { padding: 12px; margin-bottom: 15px; background: #eff6ff; border: 1px solid #dbeafe; border-radius: 4px; font-size: 14px; line-height: 1.6; } .qep-page .qep-enquiry .cf-error, .qep-page .qep-enquiry .cf-message-error { color: #b91c1c; font-size: 13px; } .qep-page .qep-enquiry input[aria-invalid="true"] { border-color: #b91c1c; } .qep-page .qep-form-note { color: #57534e; font-size: 12px; line-height: 1.6; } .qep-page .qep-privacy { color: #57534e; font-size: 11px; line-height: 1.6; border-top: 1px solid #e4e4e7; padding-top: 12px; } .qep-page .qep-privacy a { color: #2364a9; text-decoration: underline; } .qep-page .qep-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 40px; padding: 25px 0 30px; border-top: 1px solid #e4e4e7; } .qep-page .qep-fact { gap: 4px; } .qep-page .qep-fact h3 { font-size: 21px; line-height: 1.35; color: #1f3b61; } .qep-page .qep-fact p { font-size: 12px; color: #57534e; } .qep-section { padding: 62px 0; } .qep-page .qep-section-head { max-width: 720px; gap: 14px; margin-bottom: 30px; } .qep-page .qep-section-head h2 { font-size: clamp(30px, 3.5vw, 40px); line-height: 1.18; } .qep-page .qep-section-head p { color: #57534e; font-size: 16px; line-height: 1.7; max-width: 660px; } .qep-page .qep-plan-grid, .qep-page .qep-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .qep-page .qep-card { background: #ffffff; border: 1px solid #e0e3e8; border-radius: 5px; padding: 26px; gap: 12px; } .qep-page .qep-card h3 { font-size: 20px; line-height: 1.35; } .qep-page .qep-card p:not(.qep-card-label) { color: #57534e; font-size: 15px; line-height: 1.7; } .qep-page .qep-card .qep-card-label { color: #2364a9; font-size: 13px; font-weight: 600; } .qep-page .qep-card .qep-small { font-size: 13px; } .qep-includes { background: #f4f7fb; border-top: 1px solid #e4eaf2; border-bottom: 1px solid #e4eaf2; } .qep-page .qep-improvement { margin-top: 30px; gap: 10px; max-width: 840px; } .qep-page .qep-improvement h3 { font-size: 19px; line-height: 1.4; } .qep-page .qep-improvement p { color: #57534e; font-size: 15px; line-height: 1.75; } .qep-page#test-schedule { scroll-margin-top: 100px; } .qep-page .qep-schedule-list { gap: 0; width: 100%; } .qep-page .qep-test-row { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 35px; border-top: 1px solid #e4e4e7; padding: 22px 0; } .qep-page .qep-test-date { gap: 5px; } .qep-page .qep-test-date p { font-size: 13px; color: #57534e; } .qep-page .qep-test-date strong { font-size: 15px; color: #2364a9; font-weight: 600; } .qep-page .qep-test-topic { gap: 7px; } .qep-page .qep-test-topic h3 { font-size: 18px; line-height: 1.4; } .qep-page .qep-test-topic p { font-size: 14px; color: #57534e; line-height: 1.7; } .qep-page .qep-test-topic .qep-syllabus ul { margin: 0; padding-left: 19px; } .qep-page .qep-test-topic .qep-syllabus li { margin: 0 0 8px; font-size: 14px; line-height: 1.7; color: #57534e; } .qep-page .qep-test-topic .qep-syllabus li:last-child { margin-bottom: 0; } .qep-toppers { background: #ffffff; border-bottom: 1px solid #e4e4e7; padding-top: 45px; padding-bottom: 45px; } .qep-page .qep-toppers-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .qep-page .qep-topper-card { display: flex; flex-direction: row; align-items: center; gap: 17px; padding: 20px; border: 1px solid #e0e3e8; border-radius: 5px; background: #ffffff; } .qep-page .qep-topper-photo { width: 92px; height: 104px; object-fit: cover; border-radius: 3px; flex-shrink: 0; } .qep-page .qep-topper-copy { gap: 5px; } .qep-page .qep-topper-copy h3 { font-size: 16px; line-height: 1.4; } .qep-page .qep-topper-rank { color: #2364a9; font-weight: 650; font-size: 26px; line-height: 1.2; } .qep-page .qep-topper-year { font-size: 12px; color: #57534e; text-decoration: underline; text-underline-offset: 3px; } .qep-scores { background: #fafaf9; } .qep-page .qep-score-wrap { width: 100%; overflow-x: auto; } .qep-page .qep-score-wrap table { width: 100%; min-width: 580px; border-collapse: collapse; font-family: var(--sans); font-size: 14px; color: #18181b; background: #ffffff; } .qep-page .qep-score-wrap caption { text-align: left; padding-bottom: 14px; color: #57534e; font-size: 13px; } .qep-page .qep-score-wrap th, .qep-page .qep-score-wrap td { padding: 13px 16px; text-align: left; border: 1px solid #e0e3e8; } .qep-page .qep-score-wrap th { background: #eef4fa; color: #1f3b61; font-weight: 600; } .qep-page .qep-gaps-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 36px; } .qep-page .qep-answer-gap { gap: 7px; padding-bottom: 17px; border-bottom: 1px solid #e4e4e7; } .qep-page .qep-answer-gap h3 { font-size: 18px; line-height: 1.4; } .qep-page .qep-answer-gap p { font-size: 14px; line-height: 1.7; color: #57534e; } .qep-page .qep-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px 36px; margin-top: 14px; width: 100%; } .qep-page .qep-focus-item { gap: 6px; } .qep-page .qep-focus-item h4 { margin: 0; font-family: var(--sans); color: #1f3b61; font-size: 16px; line-height: 1.4; font-weight: 600; } .qep-page .qep-focus-item p { font-size: 14px; line-height: 1.7; color: #57534e; } .qep-page .qep-schedule-note { color: #57534e; font-size: 14px; line-height: 1.7; border-top: 1px solid #e4e4e7; padding-top: 20px; margin-bottom: 22px; } .qep-page .qep-button { display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-height: 46px; padding: 12px 21px; color: #ffffff; background: #2364a9; border: 1px solid #2364a9; border-radius: 4px; font-family: var(--sans); font-size: 15px; line-height: 1.4; font-weight: 600; text-transform: none; letter-spacing: 0; } .qep-page .qep-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px 55px; } .qep-page .qep-faq-item { gap: 9px; } .qep-page .qep-faq-item h3 { font-size: 18px; line-height: 1.45; } .qep-page .qep-faq-item p { font-size: 14px; line-height: 1.75; color: #57534e; } .qep-final { padding: 43px 0; background: #1f3b61; color: #ffffff; } .qep-page .qep-final-row { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 40px; align-items: center; } .qep-page .qep-final-row > div { gap: 12px; } .qep-page .qep-final-row h2 { font-size: 34px; line-height: 1.2; color: #ffffff; } .qep-page .qep-final-row p { color: #dce7f4; font-size: 15px; } .qep-page .qep-final-row > a { justify-self: end; } .qep-page a.qep-button-light { color: #1f3b61; background: #ffffff; border-color: #ffffff; } .qep-page .qep-related { margin-top: 24px; font-size: 13px; color: #dce7f4; } .qep-page .qep-related a { color: #ffffff; text-decoration: underline; text-underline-offset: 3px; } .qep-page a:focus-visible, .qep-page input:focus-visible, .qep-page button:focus-visible { outline: 3px solid #2364a9; outline-offset: 3px; } .qep-final a:focus-visible { outline-color: #ffffff; } .qep-page .qep-enquiry .cf-field-error input { border-color: #b91c1c; }@media (hover: hover) { .qep-page .qep-text-link:hover { color: #1f3b61; } .qep-page .qep-button:hover, .qep-page .qep-enquiry button[type="submit"]:hover { color: #ffffff; background: #1f3b61; border-color: #1f3b61; } .qep-page a.qep-button-light:hover { color: #1f3b61; background: #e5edf5; border-color: #e5edf5; }}@media (max-width: 1100px) { .qep-page .qep-hero-grid { gap: 36px; }}@media (max-width: 991px) { .qep-page .qep-hero-grid { grid-template-columns: 1fr 0.95fr; gap: 28px; } .qep-page #qep-title { font-size: 44px; } .qep-page .qep-enquiry { padding: 23px; } .qep-page .qep-lead { font-size: 17px; } .qep-page .qep-toppers-grid { grid-template-columns: 1fr; } .qep-page .qep-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 28px; }}@media (max-width: 767px) { .qep-page .qep-wrap { width: calc(100% - 40px); } .qep-hero { padding-top: 22px; } .qep-page .qep-brand { margin-bottom: 20px; } .qep-page .qep-hero-grid { grid-template-columns: 1fr; gap: 28px; } .qep-page .qep-hero-copy { padding-top: 0; gap: 16px; } .qep-page #qep-title { font-size: 43px; } .qep-page .qep-lead { font-size: 16px; } .qep-page .qep-enquiry { max-width: 600px; } .qep-page .qep-hero-links { gap: 12px 20px; } .qep-section { padding: 42px 0; } .qep-page .qep-plan-grid, .qep-page .qep-benefit-grid { grid-template-columns: 1fr; gap: 14px; } .qep-page .qep-card { padding: 23px; } .qep-page .qep-test-row { grid-template-columns: 1fr; gap: 10px; padding: 20px 0; } .qep-page .qep-test-date { flex-direction: row; align-items: baseline; gap: 14px; } .qep-page .qep-test-date p { width: auto; } .qep-page .qep-faq-grid { grid-template-columns: 1fr; gap: 23px; } .qep-page .qep-gaps-grid, .qep-page .qep-focus-grid { grid-template-columns: 1fr; } .qep-page .qep-final-row { grid-template-columns: 1fr; gap: 23px; } .qep-page .qep-final-row > a { justify-self: start; } .qep-page .qep-final-row h2 { font-size: 31px; }}@media (max-width: 478px) { .qep-page .qep-wrap { width: calc(100% - 32px); } .qep-page #qep-title { font-size: 37px; } .qep-page .qep-enquiry { padding: 21px; } .qep-page .qep-price { font-size: 31px; } .qep-page .qep-facts { gap: 20px; margin-top: 28px; } .qep-page .qep-fact h3 { font-size: 18px; } .qep-page .qep-fact p { font-size: 12px; } .qep-page .qep-section-head h2 { font-size: 30px; }} .qep-page .qep-timetable-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .qep-page .qep-class-time { font-size: 21px; color: #1f3b61; font-weight: 600; } .qep-page .qep-answer-table table { min-width: 500px; } .qep-page .qep-answer-table th[scope="row"] { width: 35%; } .qep-page#class-timetable, .qep-page#programme-includes { scroll-margin-top: 130px; }@media (max-width: 767px) { .qep-page .qep-timetable-grid { grid-template-columns: 1fr; gap: 14px; } }}#brxe-qe003m {width: 92px; height: 104px}#brxe-qe003s {width: 92px; height: 104px}#brxe-qe003y {width: 92px; height: 104px}#test-schedule {font-size: 10px}#qep-final {font-size: 10px}