@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&display=swap");
.grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 32px;
  padding: 0 24px;
  position: relative;
}

.grid--inset {
  max-width: 1384px;
  margin: 0 auto;
}

.grid--inner {
  padding: 0;
}

.grid--centered {
  align-items: center;
}

.grid--smallGap {
  gap: 20px;
}

.offset-1 {
  grid-column: 2;
}

.offset-2 {
  grid-column: 3;
}

.column-1 {
  grid-column-start: span 1;
}

.column-2 {
  grid-column-start: span 2;
}

.column-3 {
  grid-column-start: span 3;
}

.column-4 {
  grid-column-start: span 4;
}

.column-5 {
  grid-column-start: span 5;
}

.column-6 {
  grid-column-start: span 6;
}

.column-7 {
  grid-column-start: span 7;
}

.column-8 {
  grid-column-start: span 8;
}

.column-9 {
  grid-column-start: span 9;
}

.column-10 {
  grid-column-start: span 10;
}

.column-11 {
  grid-column-start: span 11;
}

.column-12 {
  grid-column-start: span 12;
}

@media screen and (max-width: 767px) {
  .grid {
    gap: 20px;
  }
}
::selection {
  background: #1e40af;
  color: white;
}

::-moz-selection {
  background: #1e40af;
  color: white;
}

* {
  outline-color: #1d4ed8;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/InstrumentSans.ttf") format("truetype-variations");
  font-weight: 450 700;
  font-style: normal;
}
h1 {
  font-size: 56px;
  line-height: 60px;
  letter-spacing: -1.16px;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 12px;
}

h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.72px;
  margin-bottom: 16px;
}

h2.h2--small {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}

h3 {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.24px;
  margin-bottom: 8px;
  font-weight: 700;
}

h3.h3--small {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}

h4 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -0.18px;
  margin-bottom: 4px;
}

p {
  font-family: "Instrument Sans", sans-serif;
  font-weight: 450;
  line-height: 24px;
}

.sectionHeader {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 700;
  font-variation-settings: "wdth" 90;
  letter-spacing: 0.96px;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.sectionHeader::before {
  content: " ";
  width: 6px;
  height: 6px;
  background: #1d4ed8;
}

.sectionHeader--menu {
  padding: 0 12px;
  margin-bottom: 0;
}

.sectionHeader--white {
  color: white;
}
.sectionHeader--white::before {
  background: #4ade80;
}

strong, b {
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 52px;
    line-height: 56px;
    letter-spacing: -1px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 450;
  font-size: 16px;
  line-height: 20px;
  color: #0f172a;
  padding: 0 12px;
}

.noscroll {
  overflow: hidden;
}

section {
  margin-bottom: 120px;
}

.answer {
  display: flex;
  gap: 16px;
  align-items: center;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 33px;
  padding: 16px 20px;
  cursor: pointer;
}
.answer span {
  flex-grow: 1;
}
.answer::before {
  content: " ";
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("../img/ui/icons/circle--blue.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  opacity: 0.24;
  flex-grow: 0;
  flex-shrink: 0;
}

.answer--selected {
  border-color: #1d4ed8;
}
.answer--selected::before {
  background-image: url("../img/ui/icons/radio--blue.svg");
  opacity: 1;
}

.answer--correct {
  background: #16a34a;
  border-color: #15803d;
  color: white;
}
.answer--correct::before {
  background-image: url("../img/ui/icons/check--white.svg");
  opacity: 1;
}
.answer--correct::after {
  content: "Correct";
  font-weight: 600;
  flex-grow: 0;
}

.answer--incorrect {
  background: #dc2626;
  border-color: #b91c1c;
  color: white;
}
.answer--incorrect::before {
  background-image: url("../img/ui/icons/cross--white.svg");
  opacity: 1;
}
.answer--incorrect::after {
  content: "Incorrect";
  font-weight: 600;
  flex-grow: 0;
}

.answer--emq {
  padding: 16px 20px;
  font-size: 16px;
  border-radius: 33px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 450;
  color: #0f172a;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../img/ui/icons/caret--slate.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}
.answer--emq::-ms-expand {
  display: none;
}

.answer--emq.answer--correct {
  background: #16a34a;
  color: white;
  border-color: #15803d;
  background-image: none;
  display: flex;
  justify-content: space-between;
}

.answer--emq.answer--incorrect {
  background: #dc2626;
  color: white;
  border-color: #b91c1c;
  background-image: none;
  display: flex;
  justify-content: space-between;
}

.answer--rank {
  cursor: grab;
}
.answer--rank::before {
  background-image: url("../img/ui/icons/dotsGrid--blue.svg");
  opacity: 1;
}
.answer--rank.answer--correct {
  pointer-events: none;
}
.answer--rank.answer--correct::before {
  background-image: url("../img/ui/icons/cross--white.svg");
  opacity: 1;
}
.answer--rank.answer--incorrect {
  pointer-events: none;
}
.answer--rank.answer--incorrect::before {
  background-image: url("../img/ui/icons/cross--white.svg");
  opacity: 1;
}

.answer--check::before {
  background-image: url("../img/ui/icons/square--blue.svg");
}
.answer--check.answer--selected::before {
  background-image: url("../img/ui/icons/checkbox--blue.svg");
}
.answer--check.answer--correct::before {
  background-image: url("../img/ui/icons/checkbox--white.svg");
}
.answer--check.answer--incorrect::before {
  background-image: url("../img/ui/icons/checkboxWrong--white.svg");
}

.options {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 20px;
}

.option--emq {
  display: flex;
  gap: 8px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #0f172a;
  padding: 8px 16px 8px 12px;
  border-radius: 20px;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 450;
}

.answer--small {
  padding: 8px 12px;
  font-size: 14px;
  gap: 8px;
  margin-bottom: 4px;
}
.answer--small::before {
  height: 20px;
  width: 20px;
  background-size: 20px;
}

.prescription {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 100px;
  border: 0.5px solid black;
}

.prescription__hour,
.prescription__title,
.prescription__time,
.prescription__other {
  font-weight: 600;
}

.prescription__name,
.prescription__dose,
.prescription__route,
.prescription__date,
.prescription__signature,
.prescription__notes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.prescription__content {
  font-family: "Caveat", cursive;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.prescription__hour--circled::before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  border: 2px solid black;
  top: -2px;
  left: -2px;
  border-radius: 50%;
}

.prescription div {
  border: 0.5px solid black;
  padding: 8px;
  position: relative;
}

.prescription__name {
  grid-row: span 3;
  grid-column: span 2;
}

.prescription__time {
  grid-row: span 2;
  grid-column: span 1;
}

.prescription__dose {
  grid-row: span 2;
  grid-column: span 1;
}

.prescription__route {
  grid-row: span 2;
  grid-column: span 1;
}

.prescription__date {
  grid-row: span 2;
  grid-column: span 1;
}

.prescription__signature {
  grid-row: span 2;
  grid-column: span 1;
}

.prescription__notes {
  grid-row: span 3;
  grid-column: span 2;
}

.butt {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 40px;
  position: relative;
  flex-shrink: 0;
  background: #1d4ed8;
  border: 1px solid #1e40af;
  color: white;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 0 15px;
  transition: 0.25s;
}

.butt:hover {
  background: #1e40af;
}

.butt--secondary {
  background: transparent;
  border-color: #1d4ed8;
  color: #1d4ed8;
}

.butt--secondary:hover {
  border-color: #1d4ed8;
  background: #eff6ff;
}

.butt--white {
  background: white;
  color: #1d4ed8;
  border-color: white;
}

.butt--white:hover {
  border-color: white;
  background: #eff6ff;
}

.butt--tertiary {
  background: transparent;
  border-color: white;
  color: white;
}

.butt--tertiary:hover {
  border-color: white;
  background: rgba(255, 255, 255, 0.12);
}

.butt--small {
  font-size: 14px;
  height: 36px;
  padding: 0 11px;
}
.butt--small .butt__icon {
  width: 16px !important;
  height: 16px !important;
}

.butt--large {
  font-size: 16px;
  height: 48px;
  padding: 0 23px;
  gap: 8px;
  border-radius: 24px;
}
.butt--large .butt--full .butt__icon {
  right: 24px;
}

.butt--xl {
  font-size: 18px;
  height: 56px;
  padding: 0 28px;
  gap: 12px;
  border-radius: 28px;
}
.butt--xl .butt__icon {
  width: 24px !important;
  height: 24px !important;
}
.butt--xl.butt--full .butt__icon {
  right: 16px;
}

.butt--full {
  width: 100%;
  justify-content: flex-start;
}
.butt--full .butt__icon {
  position: absolute;
  right: 12px;
}

.butt--danger {
  background: #dc2626;
  border: 1px solid #b91c1c;
  color: white;
}
.butt--danger:hover {
  background: #b91c1c;
  border-color: #b91c1c;
}

.butt--centered {
  justify-content: center;
}

.butt__icon {
  width: 20px !important;
  height: 20px !important;
}

.butt--disabled {
  opacity: 0.4;
  pointer-events: none;
}

.overall-explanation {
  line-height: 16px;
}
.overall-explanation:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1179px) {
  .butt--hideMob {
    display: none;
  }
}
.button-link {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #0f172a;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}
.button-link::after {
  content: " ";
  width: 20px;
  height: 20px;
  background: url("../img/ui/icons/arrowRight--blue.svg");
}
.button-link:hover {
  color: #1d4ed8;
}

.button-link--down::after {
  background: url("../img/ui/icons/arrowDown--blue.svg");
}

.chip {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 13px;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-decoration: none;
}

.chip--small {
  font-size: 12px;
  display: inline-flex;
  padding: 2px 8px;
}

.chip__icon {
  width: 16px !important;
  height: 16px !important;
}

.chip--white {
  color: white;
  border-color: white;
}

.chip--grey {
  color: #64748b;
  border-color: #64748b;
}

.chip--solid {
  color: white;
  border-color: #1d4ed8;
  background-color: #1d4ed8;
}
.chip--solid.chip--green {
  background-color: #16a34a;
  border-color: #16a34a;
}

.input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 12px;
  width: 100%;
  flex-grow: 1;
}
.input::placeholder {
  color: #94a3b8;
}
.input[disabled] {
  background: #f1f5f9;
  color: #64748b;
}

.input--search {
  background-image: url("../img/ui/icons/search--grey.svg");
  background-size: 20px;
  background-position: 12px center;
  background-repeat: no-repeat;
  padding-left: 44px;
  height: 100%;
}

label {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 4px;
}

.input__helper {
  font-size: 14px;
  margin-top: 4px;
  display: block;
}

.filters {
  gap: 8px;
}

.filter {
  display: flex;
  gap: 8px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #0f172a;
  padding: 8px 16px 8px 12px;
  border-radius: 20px;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 450;
  cursor: pointer;
}
.filter::before {
  content: " ";
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url("../img/ui/icons/circle--blue.svg");
  opacity: 0.24;
}

.filter--selected {
  border-color: #1d4ed8;
}
.filter--selected::before {
  background: url("../img/ui/icons/radio--blue.svg");
  opacity: 1;
}

.filter__table {
  position: relative;
  border: 1px solid #cbd5e1;
  overflow-y: scroll;
  border-radius: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  margin-bottom: 20px;
}

.filter__checkbox {
  width: 16px;
  height: 16px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  cursor: pointer;
  background: white;
}
.filter__checkbox.filter__checkbox--checked {
  background-color: #1d4ed8;
  background-image: url("../img/ui/checkbg--check.svg");
  background-position: center;
  border-color: #1d4ed8;
}
.filter__checkbox.filter__checkbox--line {
  background-color: white;
  background-image: url("../img/ui/checkbg--line.svg");
  background-position: center;
}

.filter__filter, .filter__header {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 8px;
  border-bottom: 1px solid #cbd5e1;
}

.filter__header {
  position: sticky;
  top: 0;
  background: #eff6ff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.filter__filter {
  cursor: pointer;
}

.filter__filters {
  overflow-y: scroll;
  height: 500px;
  max-height: 35vh;
}

.filter__filter:last-of-type {
  border-bottom: 0;
}

.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #64748b;
  background: -moz-linear-gradient(left, #64748b 10%, rgba(86, 85, 86, 0) 42%);
  background: -webkit-linear-gradient(left, #64748b 10%, rgba(86, 85, 86, 0) 42%);
  background: -o-linear-gradient(left, #64748b 10%, rgba(86, 85, 86, 0) 42%);
  background: -ms-linear-gradient(left, #64748b 10%, rgba(86, 85, 86, 0) 42%);
  background: linear-gradient(to right, #64748b 10%, rgba(86, 85, 86, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #64748b;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

.loader:after {
  background: #ffffff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.question__dropdowns {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}

.question__dropdown {
  background: #eff6ff;
  border-radius: 16px;
  border: 1px solid #dbeafe;
  background-image: none;
  -webkit-appearance: none;
}
.question__dropdown::-webkit-details-marker {
  display: none;
}
.question__dropdown .question__blurb .question__dropdown {
  margin-bottom: 20px;
}
.question__dropdown summary {
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  gap: 16px;
  list-style: none;
}
.question__dropdown summary::-webkit-details-marker {
  display: none;
}
.question__dropdown summary::after {
  content: "Show answer +";
  font-size: 14px;
  line-height: 20px;
  color: #1d4ed8;
  flex-shrink: 0;
}
.question__dropdown div {
  padding: 0 20px 20px;
  word-wrap: break-word;
}
.question__dropdown div p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 450 !important;
  margin-bottom: 20px;
}
.question__dropdown div p span {
  font-weight: 450 !important;
}
.question__dropdown div p strong, .question__dropdown div p b {
  font-weight: 700;
}
.question__dropdown div p em, .question__dropdown div p i {
  font-style: italic;
}
.question__dropdown div ul, .question__dropdown div ol {
  font-size: 16px;
  line-height: 28px;
  list-style-type: square;
  list-style-position: outside;
  margin-bottom: 24px;
  margin-left: 36px;
}
.question__dropdown div ul ul, .question__dropdown div ol ul {
  margin-top: 12px;
}
.question__dropdown div ul li, .question__dropdown div ol li {
  margin-bottom: 4px;
  line-height: 28px;
  font-weight: 450;
  padding-left: 8px;
}
.question__dropdown div ul li strong, .question__dropdown div ul li b, .question__dropdown div ol li strong, .question__dropdown div ol li b {
  font-weight: 700;
}
.question__dropdown div ul li em, .question__dropdown div ul li i, .question__dropdown div ol li em, .question__dropdown div ol li i {
  font-style: italic;
}
.question__dropdown div ul li span, .question__dropdown div ol li span {
  font-weight: 450 !important;
}
.question__dropdown div ul li a, .question__dropdown div ol li a {
  text-decoration: underline;
  transition: 0.3s;
}
.question__dropdown div ul li a:hover, .question__dropdown div ol li a:hover {
  color: #1d4ed8;
}
.question__dropdown div ol {
  list-style-type: decimal;
}
.question__dropdown img {
  width: 100%;
  height: auto;
}

.question__blurb .question__dropdown {
  margin-bottom: 24px;
}

.question__dropdown[open] > summary::after {
  content: "Hide answer -";
}

.question__dropdown--mock {
  margin-bottom: 8px;
}
.question__dropdown--mock summary::after {
  content: "Show details +";
}

.question__dropdownIcon {
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: 20px;
}
.question__dropdownIcon--correct {
  background-image: url("../img/ui/icons/check--green.svg");
}
.question__dropdownIcon--incorrect {
  background-image: url("../img/ui/icons/cross--red.svg");
}
.question__dropdownIcon--unanswered {
  background-image: url("../img/ui/icons/minus--grey.svg");
}

.question__dropdown--mock[open] > summary::after {
  content: "Hide details +";
}

.question__dropdownFirst {
  display: flex;
  gap: 8px;
}

.question__dropdown div div {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #bfdbfe;
}
.question__dropdown div div p {
  font-size: 14px;
  line-height: 24px;
}
.question__dropdown div div p:last-of-type {
  margin: 0;
}
.question__dropdown div div::before {
  content: "Explanation";
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}

.quote {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.quote__content {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.2px;
}

.quote__name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.16px;
}

.shepherd-element {
  background: transparent;
}

.shepherd-text {
  font-size: 14px;
  color: white;
  line-height: 20px;
  padding: 0;
}

.shepherd-content {
  background: #0f172a;
  border-radius: 12px;
  padding: 12px 16px;
}

.shepherd-arrow::before {
  background: #0f172a;
}

.shepherd-footer {
  padding: 16px 0 0 0;
}

.shepherd-button {
  background: transparent;
  padding: 0;
  font-family: "Instrument Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: 0.3s;
}
.shepherd-button::after {
  content: " ";
  width: 20px;
  height: 20px;
  background: url("../img/ui/icons/arrowRight--white.svg");
}
.shepherd-button:hover {
  color: white !important;
  background: transparent !important;
  opacity: 0.6;
}
.shepherd-button.shepherd-button--start::after {
  background: url("../img/ui/icons/check--white.svg");
}

.stat {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  color: #1d4ed8;
  background: #dbeafe;
  line-height: 16px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 12px;
  flex-grow: 1;
  position: relative;
  cursor: default;
}

.stat__icon {
  width: 16px;
  height: 16px;
}

.stat__denominator {
  font-size: 10px;
  font-weight: 500;
}

.stat__tooltip {
  position: absolute;
  color: white;
  font-size: 11px;
  line-height: 16px;
  padding: 4px;
  background: #0f172a;
  font-weight: 450;
  border-radius: 4px;
  text-align: center;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  width: 120px;
  display: none;
}

.stat:hover .stat__tooltip {
  display: block;
}

.lastFifty {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tabs {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  gap: 20px;
  margin-bottom: 32px;
}

.tab {
  font-family: "Instrument Sans", sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #94a3b8;
  text-decoration: none;
  transition: 0.3s;
}
.tab:not(.tab--active):not(.tab--soon):hover {
  color: #64748b;
}

.tab--active {
  color: #0f172a;
}

.tab--soon {
  position: relative;
  cursor: default;
}
.tab--soon:hover::after {
  content: " ";
  position: absolute;
  background-image: url("../img/ui/comingsoon.svg");
  width: 74px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  bottom: -4px;
  left: 0;
  transform: rotate(-6.5deg);
}

@media screen and (max-width: 767px) {
  .tabs {
    flex-wrap: wrap;
    row-gap: 8px;
  }
}
.toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 4px;
  display: inline-flex;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  flex-grow: 0;
  flex-shrink: 0;
}

.toggle__item {
  color: #94a3b8;
  padding: 8px 12px;
  border-radius: 8px;
  transition: 0.3s;
  cursor: pointer;
  flex-grow: 1;
  text-align: center;
}
.toggle__item:not(.toggle__item--active):hover {
  background: #f1f5f9;
}

.toggle__item--active {
  color: white;
  background-color: #0f172a;
}

.toggle__icon {
  display: block;
}

.toggle--questionBank {
  width: 100%;
}

.toggle--preference {
  width: 100%;
  margin-bottom: 28px;
}

.card-w-img {
  border-radius: 16px;
  padding: 24px;
  position: relative;
  height: 500px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-end;
  align-items: flex-start;
  overflow: hidden;
  color: white;
  text-decoration: none;
}
.card-w-img:hover .card__bg {
  width: 110%;
  height: 110%;
}
.card-w-img .card__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  transition: 0.3s;
}
.card-w-img .card__gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0) 30%, rgb(15, 23, 42) 100%);
}
.card-w-img .card__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.card-w-img .card__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px; /* 116.667% */
  letter-spacing: -0.24px;
}
.card-w-img .card__blurb {
  font-size: 16px;
  font-weight: 450;
  line-height: 24px; /* 150% */
}
.card-w-img .card__details {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-w-img .card__price {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px; /* 116.667% */
  letter-spacing: -0.24px;
}
.card-w-img .card__link {
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
  transition: 0.2s;
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}
.card-w-img .card__link::after {
  content: " ";
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-image: url("../img/ireland/icon--arrowRightCircle--white.svg");
}
.card-w-img .card__link:hover {
  opacity: 0.8;
}

.banner {
  padding: 8px 8px 8px 20px;
  background-color: #eff6ff;
  color: #0f172a;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  margin-bottom: 24px;
  border-radius: 12px;
}

.banner--danger {
  background-color: #dc2626;
  color: white;
}

.banner--black {
  background-color: #0f172a;
  color: white;
}

.banner--top {
  margin-top: 12px;
  margin-bottom: 0;
  text-align: center;
  justify-content: center;
  padding: 12px 16px;
  font-size: 15px;
}

.banner--cyber {
  font-family: monospace;
}

.page-login .banner--top,
.page-sign-up .banner--top {
  display: none;
}

.bannerie {
  margin-top: -76px;
  margin-bottom: 100px;
  border-radius: 16px;
  padding: 12px 24px;
  background: #00724B;
  background: linear-gradient(90deg, rgb(0, 114, 75) 1%, rgb(0, 154, 102) 100%);
  color: white;
}

.bannerie__image {
  width: 104px;
}

.bannerie__content {
  display: flex;
  align-items: center;
  gap: 32px;
}

.bannerie__contentText {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bannerie__buttons {
  grid-column-start: 10;
  grid-column-end: 13;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.bannerie__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 116.667% */
  letter-spacing: -0.24px;
  margin-bottom: 0;
}

.bannerie__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 451;
  line-height: 24px; /* 150% */
}

.bannerie__button {
  display: flex;
  padding: 11px 20px;
  align-items: center;
  gap: 8px;
  border-radius: 35px;
  border: 1px solid white;
  color: white;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px; /* 150% */
  text-decoration: none;
  transition: 0.2s;
}
.bannerie__button:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1023px) {
  .bannerie {
    padding: 24px;
  }
  .bannerie__content {
    grid-column-start: span 12;
  }
  .bannerie__buttons {
    grid-column-start: span 12;
  }
  .bannerie__button {
    width: 100%;
    justify-content: center;
  }
}
.navigation {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  height: auto;
  border: 0;
  position: relative;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  background: white;
  z-index: 100;
}

.navigation__container {
  padding: 18px 24px;
}

.navigation__logo {
  display: flex;
  align-items: center;
}

.navigation__logoImage {
  height: 28px;
  display: block;
}

.navigation__links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 32px;
}

.navigation__buttons {
  display: flex;
  gap: 4px;
}

.navigation__menu {
  display: flex;
  gap: 4px;
  list-style-type: none;
}

.navigation__menuItem > a {
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 18px;
  color: #0f172a;
  cursor: pointer;
  text-decoration: none;
  transition: 0.25s;
}

.navigation__menuItem > a:hover {
  background: #eff6ff;
}

.navigation__submenu {
  position: absolute;
  z-index: 1;
  background: white;
  border-radius: 8px;
  border: 1px solid #eff6ff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  padding: 16px 12px;
  list-style-type: none;
  min-width: 280px;
  transform: translate(0, -10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.25s;
}

.navigation__menuItem:hover > .navigation__submenu,
.navigation__menuItem:hover > .navigation__megamenu,
.user__menu:hover > .navigation__submenu {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.navigation__menuItem:hover > .nav__menuDropdown {
  transform: translate(-220px, 0);
}

.navigation__submenuItem > a {
  padding: 0 12px;
  color: #0f172a;
  font-weight: 500;
  line-height: 36px;
  border-radius: 6px;
  transition: 0.25s;
  display: block;
  cursor: pointer;
  text-decoration: none;
}

.navigation__submenuItem > a:hover {
  background: #eff6ff;
}

.navigation__submenuItem--danger > a {
  color: #dc2626;
}

.navigation__submenuItem--danger > a:hover {
  background: #fef2f2;
}

.navigation__megamenu {
  display: flex;
  align-items: stretch;
  position: absolute;
  z-index: 1;
  background: white;
  border-radius: 8px;
  border: 1px solid #eff6ff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  padding: 16px 12px;
  min-width: 560px;
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.25s;
}

.navigation__megamenuSection {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.navigation__megamenuSection:first-child {
  border-right: 1px solid #cbd5e1;
  padding-right: 12px;
}
.navigation__megamenuSection:nth-child(2) {
  border-right: 1px solid #cbd5e1;
  padding-right: 12px;
  padding-left: 12px;
}
.navigation__megamenuSection:last-child {
  padding-left: 12px;
}

.navigation__megamenu--interviews {
  min-width: 940px;
  transform: translate(-220px, -10px);
}
.navigation__megamenu--interviews .navigation__megamenuSection {
  width: 33%;
}

.navigation__megamenuSubmenu {
  list-style-type: none;
}

.user__menu {
  list-style-type: none;
  position: relative;
}

.user__avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  background: url("../img/ui/avatarbg.png");
  background-size: cover;
  color: white;
  font-weight: 700;
  text-decoration: none;
  border-radius: 18px;
  cursor: pointer;
}

.user__avatar ~ .navigation__submenu {
  right: 0;
  min-width: 200px;
}

.user__profile {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px 12px 12px;
}

.user__profileAvatar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  background: url("../img/ui/avatarbg.png");
  background-size: cover;
  color: white;
  font-weight: 700;
  border-radius: 20px;
}

.user__profileDetails {
  display: flex;
  flex-direction: column;
}

.user__email {
  color: #64748b;
  font-weight: 450;
}

.navigation__mobileMenu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  max-width: 400px;
  background: white;
  padding: 24px;
  box-shadow: 0 15px 10px -3px rgba(0, 0, 0, 0.1), 0 6px 4px -4px rgba(0, 0, 0, 0.1);
  overflow-y: scroll;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100px);
  pointer-events: none;
}

.navigation__mobileMenu--showing {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  pointer-events: auto;
}

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

.navigation__mobileMenuAuth .navigation__mobileMenuItems {
  display: flex;
  gap: 4px;
}

.navigation__mobile {
  display: none;
}

@media screen and (max-width: 1179px) {
  .navigation__links {
    gap: 4px;
    grid-column-start: span 10;
  }
  .navigation__menu {
    gap: 0;
  }
  .navigation__menuItem > a {
    padding: 8px 8px;
    font-size: 13px;
  }
  .navigation__buttons .butt--small {
    font-size: 13px;
  }
  .navigation__logo {
    grid-column-start: span 2;
  }
}
@media screen and (max-width: 1023px) {
  .navigation__container {
    gap: 8px;
  }
  .navigation__logo {
    grid-column-start: span 6;
  }
  .navigation__links {
    grid-column-start: span 6;
  }
  .user, .navigation__menu, .navigation__buttons {
    display: none;
  }
  .navigation__mobile {
    display: block;
  }
}
.nav__menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  list-style-type: none;
}

.nav__menuItem {
  display: flex;
  padding: 8px 10px 8px 12px;
  align-items: center;
  border-radius: 18px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  transition: 0.2s;
  cursor: pointer;
  gap: 4px;
  position: relative;
}
.nav__menuItem a {
  text-decoration: none;
  color: #0f172a;
}
.nav__menuItem:hover {
  background: #eff6ff;
}

.nav__menuItem--dropdown:hover .nav__menuDropdown {
  display: flex;
}

.nav__flag {
  width: 28px;
}

.nav__switcher {
  display: inline-flex;
  padding: 9px 12px;
  align-items: center;
  gap: 4px;
  border-radius: 18px;
  cursor: pointer;
  transition: 0.2s;
  list-style-type: none;
}
.nav__switcher:hover {
  background: #eff6ff;
}

.nav__logo {
  display: flex;
  gap: 4px;
  align-items: center;
}

.navigation__menuItem--dropdown {
  position: relative;
}

.nav__menuDropdown {
  list-style-type: none;
  position: absolute;
  border-radius: 10px;
  border: 1px solid #eff6ff;
  top: 100%;
  left: -8px;
  right: 0;
  background-color: white;
  display: none;
  flex-direction: column;
  min-width: 228px;
  padding: 8px;
  z-index: 1;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}
.nav__menuDropdown li a:not(.nav__featureLink) {
  display: flex;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 6px;
  transition: 0.2s;
  font-weight: 500;
  text-decoration: none;
  color: #0f172a;
}
.nav__menuDropdown li a:not(.nav__featureLink):hover {
  background-color: #eff6ff;
}
.nav__menuDropdown .nav__featureLink {
  color: white;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.nav__menuDropdown--mega {
  right: 0;
  left: auto;
  min-width: 510px;
}
.nav__menuDropdown--mega li {
  width: 242px;
}

.nav__menuFeature {
  position: absolute;
  width: 242px;
  top: 8px;
  right: 8px;
  bottom: 8px;
  background-image: url("../img/ireland/bg--feature.jpg");
  background-size: 120%;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  color: white;
  transition: 0.2s;
  font-weight: 700 !important;
  line-height: 16px;
  padding: 12px !important;
  gap: 6px !important;
  border-radius: 8px;
}
.nav__menuFeature .nav__featureLink {
  text-decoration: none;
}
.nav__menuFeature:hover {
  background-image: url("../img/ireland/bg--feature.jpg");
  background-size: 128%;
}

.nav__menuFeatureImage {
  height: 28px;
}

.nav__menuFeatureContent {
  display: flex;
  gap: 4px;
  align-items: flex-end;
}

.navigation__menuItem--dropdown:hover > .nav__menuDropdown--mega {
  display: flex;
  transform: translate(0, 0);
}

.superhero {
  background: white;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 32px;
}

.superhero--specialty {
  margin-bottom: 80px;
}

.hero {
  background: white;
}

.hero--basic {
  margin-bottom: 40px;
}

.hero--margin-sm {
  margin-bottom: 12px;
}

.hero--home, .hero--post {
  margin-bottom: 0;
}

.hero--post .hero__main {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.hero__postmeta {
  font-weight: 600;
}

.hero__chips {
  display: flex;
  gap: 4px;
}

.superhero__grid {
  padding-top: 60px;
  padding-bottom: 60px;
}

.superhero__grid--specialty {
  align-items: flex-end;
}
.superhero__grid--specialty .superhero__content {
  justify-content: flex-end;
}

.superhero__grid--bottomPad {
  padding-bottom: 160px;
}

.hero__grid {
  padding-top: 100px;
  padding-bottom: 140px;
}

.hero--basic .hero__grid {
  padding-bottom: 100px;
}

.hero__grid--specialty {
  padding-bottom: 100px;
}

.superhero__inner {
  display: flex;
  border-radius: 32px;
  height: auto;
  min-height: 360px;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center, center 25%;
  background-color: #eff6ff;
}

.superhero__inner--tall {
  min-height: 480px;
}

.hero__inner {
  display: flex;
  border-radius: 32px;
  background: #eff6ff;
}

.superhero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}

.hero__content {
  display: flex;
  align-items: flex-end;
}
.hero__content p {
  font-size: 20px;
  font-weight: 450;
  line-height: 32px;
  padding-bottom: 16px;
}

.superhero__title {
  color: white;
  font-size: 64px;
  line-height: 68px;
  letter-spacing: -1.28px;
}

.hero__title {
  font-size: 64px;
  line-height: 68px;
  letter-spacing: -1.28px;
}

.hero__underlined {
  position: relative;
  text-shadow: 0px 4px 0px #eff6ff, 4px 0px 0px #eff6ff, -4px 0px 0px #eff6ff;
}
.hero__underlined span {
  position: relative;
}
.hero__underlined::before {
  content: " ";
  height: 10px;
  width: calc(100% + 12px);
  background: url("../img/ui/underline.svg");
  position: absolute;
  bottom: 2px;
  left: -4px;
  background-size: 100%;
  z-index: 0;
  background-repeat: no-repeat;
}

.superhero__description {
  color: white;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  font-weight: 600;
}

.superhero__card {
  background: #1d4ed8;
  padding: 20px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: sticky;
  top: 24px;
}

.superhero__cardMastery {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.superhero__cardMasteryValues {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.superhero__cardTitle {
  font-size: 16px;
  line-height: 16px;
  color: white;
  font-weight: 600;
}

.superhero__cardValue {
  font-size: 60px;
  line-height: 60px;
  color: white;
  font-weight: 600;
}

.superhero__cardValuePercent {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  opacity: 0.6;
}

.superhero__update {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 13px;
  border: 1px solid white;
  color: white;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  text-decoration: none;
}

.superhero__updateIcon {
  width: 16px;
  height: 16px;
}

.sales__box--marginTop {
  margin-top: -200px;
}

@media screen and (max-width: 1179px) {
  .hero__main, .hero__content {
    grid-column-start: span 9;
  }
  .superhero__inner--tall {
    min-height: 400px;
  }
  .superhero__grid--bottomPad {
    padding-bottom: 60px;
  }
  .sales__box--marginTop {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .hero__main, .hero__content {
    grid-column-start: span 12;
  }
  .superhero__content {
    grid-column-start: span 8;
  }
  .superhero__inner--tall {
    min-height: 360px;
  }
  .superhero__title, .hero__title {
    font-size: 52px;
    line-height: 56px;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 767px) {
  .hero__main, .hero__content {
    grid-column-start: span 12;
  }
  .hero__underlined {
    text-shadow: 0px 2px 0px #eff6ff, 2px 0px 0px #eff6ff, -2px 0px 0px #eff6ff;
  }
  .hero__underlined::before {
    bottom: 0;
  }
  .superhero__content {
    grid-column-start: span 12;
  }
  .superhero__inner--tall {
    min-height: 320px;
  }
}
.controls {
  display: flex;
  gap: 8px;
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .controls {
    flex-direction: column;
  }
}
.dashboard {
  margin-bottom: 180px;
}

.categories {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}

.categories__card {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  grid-column-start: span 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 16px;
  background: #eff6ff;
  position: relative;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.categories__cardImage {
  width: 100%;
  height: 128px;
  object-fit: cover;
  border-radius: 8px;
  position: absolute;
  top: 12px;
  left: 12px;
  width: calc(100% - 24px);
  height: 128px;
  background-color: #1d4ed8;
}

.categories__cardOverlay {
  position: absolute;
  top: 12px;
  left: 12px;
  width: calc(100% - 24px);
  height: 128px;
  background: #0f172a;
  opacity: 0.4;
  border-radius: 8px;
}

.categories__cardDetails {
  position: relative;
  height: 128px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.categories__cardTitle {
  color: white;
  font-size: 20px;
  line-height: 24px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.categories__cardMastery {
  font-size: 14px;
  line-height: 16px;
  color: white;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
  font-weight: 600;
}

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

.categories__cardMasteryBars {
  display: flex;
  gap: 6px;
}

.categories__cardMasteryBar {
  margin-top: 4px;
  flex-grow: 1;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.6);
}

.categories__cardMasteryBars--1 .categories__cardMasteryBar--1 {
  background: white;
}

.categories__cardMasteryBars--2 .categories__cardMasteryBar--1,
.categories__cardMasteryBars--2 .categories__cardMasteryBar--2 {
  background: white;
}

.categories__cardMasteryBars--3 .categories__cardMasteryBar--1,
.categories__cardMasteryBars--3 .categories__cardMasteryBar--2,
.categories__cardMasteryBars--3 .categories__cardMasteryBar--3 {
  background: white;
}

.categories__cardMasteryBars--4 .categories__cardMasteryBar--1,
.categories__cardMasteryBars--4 .categories__cardMasteryBar--2,
.categories__cardMasteryBars--4 .categories__cardMasteryBar--3,
.categories__cardMasteryBars--4 .categories__cardMasteryBar--4 {
  background: white;
}

.categories__cardMasteryBars--5 .categories__cardMasteryBar--1,
.categories__cardMasteryBars--5 .categories__cardMasteryBar--2,
.categories__cardMasteryBars--5 .categories__cardMasteryBar--3,
.categories__cardMasteryBars--5 .categories__cardMasteryBar--4,
.categories__cardMasteryBars--5 .categories__cardMasteryBar--5 {
  background: white;
}

.categories__cardMasteryBars--6 .categories__cardMasteryBar--1,
.categories__cardMasteryBars--6 .categories__cardMasteryBar--2,
.categories__cardMasteryBars--6 .categories__cardMasteryBar--3,
.categories__cardMasteryBars--6 .categories__cardMasteryBar--4,
.categories__cardMasteryBars--6 .categories__cardMasteryBar--5,
.categories__cardMasteryBars--6 .categories__cardMasteryBar--6 {
  background: white;
}

.categories__cardMasteryBars--7 .categories__cardMasteryBar--1,
.categories__cardMasteryBars--7 .categories__cardMasteryBar--2,
.categories__cardMasteryBars--7 .categories__cardMasteryBar--3,
.categories__cardMasteryBars--7 .categories__cardMasteryBar--4,
.categories__cardMasteryBars--7 .categories__cardMasteryBar--5,
.categories__cardMasteryBars--7 .categories__cardMasteryBar--6,
.categories__cardMasteryBars--7 .categories__cardMasteryBar--7 {
  background: white;
}

.categories__cardMasteryBars--8 .categories__cardMasteryBar--1,
.categories__cardMasteryBars--8 .categories__cardMasteryBar--2,
.categories__cardMasteryBars--8 .categories__cardMasteryBar--3,
.categories__cardMasteryBars--8 .categories__cardMasteryBar--4,
.categories__cardMasteryBars--8 .categories__cardMasteryBar--5,
.categories__cardMasteryBars--8 .categories__cardMasteryBar--6,
.categories__cardMasteryBars--8 .categories__cardMasteryBar--7,
.categories__cardMasteryBars--8 .categories__cardMasteryBar--8 {
  background: white;
}

.categories__cardMasteryBars--9 .categories__cardMasteryBar--1,
.categories__cardMasteryBars--9 .categories__cardMasteryBar--2,
.categories__cardMasteryBars--9 .categories__cardMasteryBar--3,
.categories__cardMasteryBars--9 .categories__cardMasteryBar--4,
.categories__cardMasteryBars--9 .categories__cardMasteryBar--5,
.categories__cardMasteryBars--9 .categories__cardMasteryBar--6,
.categories__cardMasteryBars--9 .categories__cardMasteryBar--7,
.categories__cardMasteryBars--9 .categories__cardMasteryBar--8,
.categories__cardMasteryBars--9 .categories__cardMasteryBar--9 {
  background: white;
}

.categories__cardMasteryBars--10 .categories__cardMasteryBar--1,
.categories__cardMasteryBars--10 .categories__cardMasteryBar--2,
.categories__cardMasteryBars--10 .categories__cardMasteryBar--3,
.categories__cardMasteryBars--10 .categories__cardMasteryBar--4,
.categories__cardMasteryBars--10 .categories__cardMasteryBar--5,
.categories__cardMasteryBars--10 .categories__cardMasteryBar--6,
.categories__cardMasteryBars--10 .categories__cardMasteryBar--7,
.categories__cardMasteryBars--10 .categories__cardMasteryBar--8,
.categories__cardMasteryBars--10 .categories__cardMasteryBar--9,
.categories__cardMasteryBars--10 .categories__cardMasteryBar--10 {
  background: white;
}

.categories__cardStats {
  display: flex;
  gap: 8px;
}

@media screen and (max-width: 1179px) {
  .categories__card {
    grid-column-start: span 3;
  }
}
@media screen and (max-width: 767px) {
  .categories__card {
    grid-column-start: span 6;
  }
}
.statCharts {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.statChart {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.statChart__data {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.statChart__values {
  display: flex;
  justify-content: space-between;
  color: white;
}

.statChart__label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 450;
}
.statChart__label b {
  font-weight: 600;
}

.statChart__fraction {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}

.statChart__chart {
  background: rgba(255, 255, 255, 0.2);
  height: 2px;
  width: 100%;
  border-radius: 1px;
}

.statChart__bar {
  background: white;
  border-radius: 1px;
  height: 2px;
}

.footer {
  font-family: "Instrument Sans", sans-serif;
  font-weight: 450;
  font-size: 14px;
  line-height: 28px;
}
.footer > .grid--thin {
  gap: 0;
}

.footer__top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #e2e8f0;
}

.footer__column {
  padding: 8px 0;
}

.footer__bottom {
  width: 100%;
  padding: 32px 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e2e8f0;
}

.footer__heading {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.16px;
  margin-bottom: 12px;
}

.footer__heading--notfirst {
  margin-top: 32px;
}

.footer__logo {
  height: 24px;
}

.footer__email {
  line-height: 24px;
}

.footer__cpd {
  width: 88px;
}

.footer__links {
  list-style-type: none;
}

.footer__link a {
  text-decoration: none;
  color: #0f172a;
  font-weight: 450;
}

.footer__contact {
  display: flex;
  gap: 40px;
  align-items: center;
}

.footer__socials {
  display: flex;
  gap: 20px;
}
.footer__socials a {
  text-decoration: none;
}
.footer__socials a img {
  display: block;
}

.footer__legals a {
  text-decoration: none;
  color: #0f172a;
  padding: 0 4px;
}

@media screen and (max-width: 1023px) {
  .footer__column {
    grid-column-start: span 6;
  }
}
@media screen and (max-width: 767px) {
  .footer .grid {
    gap: 8px;
  }
  .footer__column {
    grid-column-start: span 12;
  }
  .footer__bottom {
    flex-direction: column;
  }
  .footer__top {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer__logo {
    margin-bottom: 8px;
  }
  .footer__contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 20px;
  }
}
.footer__links {
  width: 100%;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-auto-flow: column;
  line-height: 28px;
}
.footer__links a {
  text-decoration: none;
  color: #0f172a;
  transition: 0.2s;
}
.footer__links a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 780px) {
  .footer__links {
    grid-auto-flow: row;
  }
  .footer__links li {
    grid-column: span 4;
  }
}
.library {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.library__category {
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  background: #eff6ff;
  overflow: hidden;
  font-family: "Instrument Sans", sans-serif;
}

.library__category > summary {
  cursor: pointer;
  transition: 0.3s;
  padding: 16px 24px;
  font-weight: 600;
  line-height: 24px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
}
.library__category > summary::before {
  content: " ";
  width: 20px;
  height: 20px;
  background: url("../img/ui/icons/caretRight--slate.svg");
}
.library__category > summary::-webkit-details-marker {
  display: none;
}
.library__category > summary:hover {
  background: #dbeafe;
}

.library__category[open] > summary::before {
  transform: rotate(90deg);
}

.library__file {
  padding: 12px 24px;
  border-top: 1px solid #bfdbfe;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  font-weight: 450;
  font-size: 14px;
  transition: 0.3s;
  text-decoration: none;
  color: #0f172a;
}
.library__file:hover {
  background: #eff6ff;
}

.library__fileDetails {
  display: flex;
  align-items: center;
  gap: 8px;
}
.library__fileDetails img {
  width: 16px;
  height: 16px;
}

.library__fileStatus {
  color: #64748b;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.library__fileStatus::before {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #4ade80;
}

/*details.library__category {
  border-bottom: 1px solid $border-color;
}

details.library__category > summary {
  //list-style: none;
  cursor: pointer;
  padding: 20px 0;
  font-weight: $mid;
  line-height: 24px;
  transition: 0.3s;

  img {
    vertical-align: bottom;
    margin-right: 8px;
  }

  &:hover {
    background-color: $grey-bg;
  }
}

details.library__category > summary::-webkit-details-marker {
  //display: none;
}

.library__file {
  padding: 10px 10px 10px 52px;
  display: block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: $black;
  transition: 0.3s;

  img {
    margin-right: 8px;
  }

  &::before {
    content: ' ';
    height: 1px;
    width: calc(100% - 52px);
    position: absolute;
    left: 52px;
    top: 0;
    background: $border-color;
  }

  &:hover {
    background-color: $grey-bg;
  }
}

.library__file:last-of-type {
  margin-bottom: 10px;
}

.library__fileDetails {
  display: flex;
  align-items: center;
}

.library__fileStatus {
  background: rgba($medi-green, 0.28);
  font-size: 14px;
  font-weight: $mid;
  padding: 2px 4px;
  border-radius: 2px;
  color: #10724b;
}*/
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 32px;
  background: white;
  border-radius: 16px;
  z-index: 102;
  height: calc(100% - 64px);
  width: calc(100% - 64px);
  max-width: 1240px;
  max-height: 880px;
  display: flex;
  flex-direction: column;
  display: none;
}

.modal--flashcards .modal__header {
  display: flex;
  gap: 4px;
}

.modal__title {
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  color: #0f172a;
}

.modal--explanation {
  border-radius: 32px;
  max-width: 960px;
  bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transform: translate(-50%, 0);
  top: auto;
  max-height: 100%;
  padding: 12px;
  z-index: 103;
  height: calc(100% - 12px);
}

.modal--explanation .modal__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px;
  background: #eff6ff;
  border-radius: 20px;
  border: 0;
  position: relative;
}
.modal--explanation .modal__header::after {
  content: " ";
  position: absolute;
  height: 32px;
  width: calc(100% - 24px);
  bottom: -32px;
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 ); /* IE6-9 */
}
.modal--explanation .modal__header .checkbox {
  border: 1px solid #1d4ed8;
  height: 36px;
  border-radius: 18px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.modal--explanation .modal__header .checkbox .checkbox__label {
  font-size: 14px;
  line-height: 14px;
  color: #1d4ed8;
  margin-bottom: 0;
}

.modal--explanation .modal__title {
  font-weight: 700;
  font-size: 64px;
  line-height: 68px;
  letter-spacing: -1.28px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.24px;
}

.modal--explanation .modal__main {
  flex-grow: 1;
  max-height: calc(100% - 60px);
  overflow-y: scroll;
  padding: 40px 32px 32px;
  height: 100%;
  word-wrap: break-word;
}

.modal--explanation .modal__close:hover {
  opacity: 1;
}
.modal--explanation .modal__close::after {
  content: none;
}

.modal--explanation .modal__footer {
  position: relative;
  padding: 20px 24px;
}
.modal--explanation .modal__footer::before {
  content: " ";
  position: absolute;
  height: 32px;
  width: 100%;
  top: -32px;
  left: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */
}

.modal--explanation img {
  width: 100%;
  height: auto;
}
.modal--explanation p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 450 !important;
  margin-bottom: 24px;
}
.modal--explanation p span {
  font-weight: 450 !important;
}
.modal--explanation p strong, .modal--explanation p b {
  font-weight: 700;
}
.modal--explanation p em, .modal--explanation p i {
  font-style: italic;
}
.modal--explanation a:not(.butt) {
  color: #0f172a;
  transition: 0.3s;
}
.modal--explanation a:not(.butt):hover {
  color: #1d4ed8;
}
.modal--explanation h2 {
  font-size: 32px;
  margin-bottom: 8px;
  margin-top: 40px;
}
.modal--explanation h3 {
  margin-top: 32px;
}
.modal--explanation ul, .modal--explanation ol {
  font-size: 18px;
  line-height: 28px;
  list-style-type: square;
  list-style-position: outside;
  margin-bottom: 24px;
  margin-left: 36px;
}
.modal--explanation ul ul, .modal--explanation ol ul {
  margin-top: 12px;
}
.modal--explanation ul li, .modal--explanation ol li {
  margin-bottom: 4px;
  line-height: 28px;
  font-weight: 450;
  padding-left: 8px;
}
.modal--explanation ul li strong, .modal--explanation ul li b, .modal--explanation ol li strong, .modal--explanation ol li b {
  font-weight: 700;
}
.modal--explanation ul li em, .modal--explanation ul li i, .modal--explanation ol li em, .modal--explanation ol li i {
  font-style: italic;
}
.modal--explanation ul li span, .modal--explanation ol li span {
  font-weight: 450 !important;
}
.modal--explanation ul li a, .modal--explanation ol li a {
  text-decoration: underline;
  transition: 0.3s;
}
.modal--explanation ul li a:hover, .modal--explanation ol li a:hover {
  color: #1d4ed8;
}
.modal--explanation ol {
  list-style-type: decimal;
}

.modal--adaptive,
.modal--pd,
.modal--review {
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
  padding: 0;
}
.modal--adaptive .modal__main,
.modal--pd .modal__main,
.modal--review .modal__main {
  padding: 40px 0;
  height: calc(100% - 63px);
}
.modal--adaptive .modal__main .grid,
.modal--pd .modal__main .grid,
.modal--review .modal__main .grid {
  height: 100%;
}
.modal--adaptive .modal__mainContent,
.modal--pd .modal__mainContent,
.modal--review .modal__mainContent {
  height: 100%;
  overflow-y: scroll;
}
.modal--adaptive .modal__header,
.modal--pd .modal__header,
.modal--review .modal__header {
  position: relative;
  border-bottom: 1px solid #e2e8f0;
  padding: 12px 0;
}
.modal--adaptive .modal__headerContent,
.modal--pd .modal__headerContent,
.modal--review .modal__headerContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal--adaptive .modal__first,
.modal--pd .modal__first,
.modal--review .modal__first {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal--adaptive .modal__close,
.modal--pd .modal__close,
.modal--review .modal__close {
  cursor: pointer;
}
.modal--adaptive .modal__close img,
.modal--pd .modal__close img,
.modal--review .modal__close img {
  display: block;
}
.modal--adaptive .question__time,
.modal--pd .question__time,
.modal--review .question__time {
  padding: 10px 12px;
  background: white;
  border: 1px solid #e2e8f0;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: #0f172a;
  border-radius: 12px;
  margin-bottom: 24px;
}
.modal--adaptive .question__time .question__timeCont,
.modal--pd .question__time .question__timeCont,
.modal--review .question__time .question__timeCont {
  display: flex;
  gap: 4px;
  align-items: center;
}
.modal--adaptive .question__time .question__timeLabel,
.modal--pd .question__time .question__timeLabel,
.modal--review .question__time .question__timeLabel {
  opacity: 0.6;
}
.modal--adaptive .question__time .secs,
.modal--pd .question__time .secs,
.modal--review .question__time .secs {
  font-variant-numeric: tabular-nums;
}
.modal--adaptive .session__time,
.modal--pd .session__time,
.modal--review .session__time {
  padding: 8px 12px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  display: flex;
  gap: 12px;
  align-items: center;
  font-weight: 600;
  color: #1d4ed8;
  border-radius: 19px;
}
.modal--adaptive .session__time .session__timeLabel,
.modal--pd .session__time .session__timeLabel,
.modal--review .session__time .session__timeLabel {
  opacity: 0.6;
}
.modal--adaptive .session__time .session__secs,
.modal--pd .session__time .session__secs,
.modal--review .session__time .session__secs {
  font-variant-numeric: tabular-nums;
}
.modal--adaptive .session__time .session__stat,
.modal--pd .session__time .session__stat,
.modal--review .session__time .session__stat {
  display: flex;
  align-items: center;
  gap: 4px;
  font-variant-numeric: tabular-nums;
}
.modal--adaptive .modal__question p,
.modal--pd .modal__question p,
.modal--review .modal__question p {
  margin-bottom: 24px;
}
.modal--adaptive .modal__question p strong, .modal--adaptive .modal__question p b,
.modal--pd .modal__question p strong,
.modal--pd .modal__question p b,
.modal--review .modal__question p strong,
.modal--review .modal__question p b {
  font-weight: 700;
}
.modal--adaptive .modal__question p em, .modal--adaptive .modal__question p i,
.modal--pd .modal__question p em,
.modal--pd .modal__question p i,
.modal--review .modal__question p em,
.modal--review .modal__question p i {
  font-style: italic;
}
.modal--adaptive .modal__question ul, .modal--adaptive .modal__question ol,
.modal--pd .modal__question ul,
.modal--pd .modal__question ol,
.modal--review .modal__question ul,
.modal--review .modal__question ol {
  list-style-type: square;
  list-style-position: inside;
  margin-bottom: 24px;
}
.modal--adaptive .modal__question ul li, .modal--adaptive .modal__question ol li,
.modal--pd .modal__question ul li,
.modal--pd .modal__question ol li,
.modal--review .modal__question ul li,
.modal--review .modal__question ol li {
  line-height: 24px;
}
.modal--adaptive .modal__question ol,
.modal--pd .modal__question ol,
.modal--review .modal__question ol {
  list-style-type: decimal;
}
.modal--adaptive .modal__answers,
.modal--adaptive .modal__rank,
.modal--pd .modal__answers,
.modal--pd .modal__rank,
.modal--review .modal__answers,
.modal--review .modal__rank {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}
.modal--adaptive .modal__explanation,
.modal--pd .modal__explanation,
.modal--review .modal__explanation {
  padding: 20px;
  border-radius: 16px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  margin-top: 20px;
  display: none;
}
.modal--adaptive .modal__explanation p,
.modal--pd .modal__explanation p,
.modal--review .modal__explanation p {
  margin-bottom: 24px;
}
.modal--adaptive .modal__explanation p strong, .modal--adaptive .modal__explanation p b,
.modal--pd .modal__explanation p strong,
.modal--pd .modal__explanation p b,
.modal--review .modal__explanation p strong,
.modal--review .modal__explanation p b {
  font-weight: 700;
}
.modal--adaptive .modal__explanation p em, .modal--adaptive .modal__explanation p i,
.modal--pd .modal__explanation p em,
.modal--pd .modal__explanation p i,
.modal--review .modal__explanation p em,
.modal--review .modal__explanation p i {
  font-style: italic;
}
.modal--adaptive .modal__explanation ul, .modal--adaptive .modal__explanation ol,
.modal--pd .modal__explanation ul,
.modal--pd .modal__explanation ol,
.modal--review .modal__explanation ul,
.modal--review .modal__explanation ol {
  font-size: 16px;
  line-height: 24px;
  list-style-type: square;
  list-style-position: outside;
  margin-bottom: 24px;
  margin-left: 36px;
  color: #0f172a;
}
.modal--adaptive .modal__explanation ul ul, .modal--adaptive .modal__explanation ol ul,
.modal--pd .modal__explanation ul ul,
.modal--pd .modal__explanation ol ul,
.modal--review .modal__explanation ul ul,
.modal--review .modal__explanation ol ul {
  margin-top: 12px;
}
.modal--adaptive .modal__explanation ul li, .modal--adaptive .modal__explanation ol li,
.modal--pd .modal__explanation ul li,
.modal--pd .modal__explanation ol li,
.modal--review .modal__explanation ul li,
.modal--review .modal__explanation ol li {
  margin-bottom: 4px;
  line-height: 24px;
  font-weight: 450;
  padding-left: 8px;
}
.modal--adaptive .modal__explanation ul li strong, .modal--adaptive .modal__explanation ul li b, .modal--adaptive .modal__explanation ol li strong, .modal--adaptive .modal__explanation ol li b,
.modal--pd .modal__explanation ul li strong,
.modal--pd .modal__explanation ul li b,
.modal--pd .modal__explanation ol li strong,
.modal--pd .modal__explanation ol li b,
.modal--review .modal__explanation ul li strong,
.modal--review .modal__explanation ul li b,
.modal--review .modal__explanation ol li strong,
.modal--review .modal__explanation ol li b {
  font-weight: 700;
}
.modal--adaptive .modal__explanation ul li em, .modal--adaptive .modal__explanation ul li i, .modal--adaptive .modal__explanation ol li em, .modal--adaptive .modal__explanation ol li i,
.modal--pd .modal__explanation ul li em,
.modal--pd .modal__explanation ul li i,
.modal--pd .modal__explanation ol li em,
.modal--pd .modal__explanation ol li i,
.modal--review .modal__explanation ul li em,
.modal--review .modal__explanation ul li i,
.modal--review .modal__explanation ol li em,
.modal--review .modal__explanation ol li i {
  font-style: italic;
}
.modal--adaptive .modal__explanation ul li span, .modal--adaptive .modal__explanation ol li span,
.modal--pd .modal__explanation ul li span,
.modal--pd .modal__explanation ol li span,
.modal--review .modal__explanation ul li span,
.modal--review .modal__explanation ol li span {
  font-weight: 450 !important;
}
.modal--adaptive .modal__explanation ul li a, .modal--adaptive .modal__explanation ol li a,
.modal--pd .modal__explanation ul li a,
.modal--pd .modal__explanation ol li a,
.modal--review .modal__explanation ul li a,
.modal--review .modal__explanation ol li a {
  text-decoration: underline;
  transition: 0.3s;
}
.modal--adaptive .modal__explanation ul li a:hover, .modal--adaptive .modal__explanation ol li a:hover,
.modal--pd .modal__explanation ul li a:hover,
.modal--pd .modal__explanation ol li a:hover,
.modal--review .modal__explanation ul li a:hover,
.modal--review .modal__explanation ol li a:hover {
  color: #1d4ed8;
}
.modal--adaptive .modal__explanation ol,
.modal--pd .modal__explanation ol,
.modal--review .modal__explanation ol {
  list-style-type: decimal;
}
.modal--adaptive .modal__explanation--showing,
.modal--pd .modal__explanation--showing,
.modal--review .modal__explanation--showing {
  display: block;
}
.modal--adaptive .modal__buttons,
.modal--pd .modal__buttons,
.modal--review .modal__buttons {
  display: flex;
  justify-content: flex-end;
}
.modal--adaptive .modal__sidebar,
.modal--pd .modal__sidebar,
.modal--review .modal__sidebar {
  grid-column: 10/13;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
  overflow-y: scroll;
}
.modal--adaptive .modal__fetching,
.modal--pd .modal__fetching,
.modal--review .modal__fetching {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 24px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  color: #94a3b8;
  padding: 0 4px;
  font-weight: 600;
  background: white;
}
.modal--adaptive .modal__fetching img,
.modal--pd .modal__fetching img,
.modal--review .modal__fetching img {
  width: 48px;
}
.modal--adaptive .question__feedback,
.modal--pd .question__feedback,
.modal--review .question__feedback {
  padding: 16px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 16px;
}
.modal--adaptive .question__feedback .question__feedback-title,
.modal--pd .question__feedback .question__feedback-title,
.modal--review .question__feedback .question__feedback-title {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}
.modal--adaptive .question__feedback .question__feedback-title h3,
.modal--pd .question__feedback .question__feedback-title h3,
.modal--review .question__feedback .question__feedback-title h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 0;
}
.modal--adaptive .question__feedback p,
.modal--pd .question__feedback p,
.modal--review .question__feedback p {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
}
.modal--adaptive .question__feedback .wpcf7-form .email, .modal--adaptive .question__feedback .wpcf7-form .question_id, .modal--adaptive .question__feedback .wpcf7-form br,
.modal--pd .question__feedback .wpcf7-form .email,
.modal--pd .question__feedback .wpcf7-form .question_id,
.modal--pd .question__feedback .wpcf7-form br,
.modal--review .question__feedback .wpcf7-form .email,
.modal--review .question__feedback .wpcf7-form .question_id,
.modal--review .question__feedback .wpcf7-form br {
  display: none;
}
.modal--adaptive .question__feedback .wpcf7-form textarea,
.modal--pd .question__feedback .wpcf7-form textarea,
.modal--review .question__feedback .wpcf7-form textarea {
  width: 100%;
  border-radius: 12px;
  background: white;
  border: 1px solid #bfdbfe;
  font-size: 14px;
  font-weight: 450;
  font-family: "Instrument Sans", sans-serif;
  padding: 16px;
  height: 140px;
}
.modal--adaptive .question__feedback .wpcf7-form .wpcf7-submit,
.modal--pd .question__feedback .wpcf7-form .wpcf7-submit,
.modal--review .question__feedback .wpcf7-form .wpcf7-submit {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  position: relative;
  background: transparent;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
  border-radius: 18px;
  cursor: pointer;
  text-decoration: none;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  padding: 0 11px;
  transition: 0.25s;
}
.modal--adaptive .question__feedback .wpcf7-form .wpcf7-submit:hover,
.modal--pd .question__feedback .wpcf7-form .wpcf7-submit:hover,
.modal--review .question__feedback .wpcf7-form .wpcf7-submit:hover {
  border-color: #1d4ed8;
  background: #eff6ff;
}

.question__format {
  display: none;
  padding: 16px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 16px;
}
.question__format .question__format-title {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}
.question__format p {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
}

.question__format--showing {
  display: block;
}

.question__feedback {
  padding: 16px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 16px;
}
.question__feedback .question__feedback-title {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}
.question__feedback .question__feedback-title h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 0;
}
.question__feedback p {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
}
.question__feedback .wpcf7-form .email, .question__feedback .wpcf7-form .question_id, .question__feedback .wpcf7-form br {
  display: none;
}
.question__feedback .wpcf7-form textarea {
  width: 100%;
  border-radius: 12px;
  background: white;
  border: 1px solid #bfdbfe;
  font-size: 14px;
  font-weight: 450;
  font-family: "Instrument Sans", sans-serif;
  padding: 16px;
  height: 140px;
}
.question__feedback .wpcf7-form .wpcf7-submit {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  position: relative;
  background: transparent;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
  border-radius: 18px;
  cursor: pointer;
  text-decoration: none;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  padding: 0 11px;
  transition: 0.25s;
}
.question__feedback .wpcf7-form .wpcf7-submit:hover {
  border-color: #1d4ed8;
  background: #eff6ff;
}

.modal__overlay, .explanation__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f172a;
  opacity: 0.6;
  pointer-events: none;
  z-index: 101;
  display: none;
}

.explanation__overlay {
  z-index: 102;
}

.modal--zTop {
  z-index: 102;
}

.modal--showing {
  display: block !important;
}

.modal--flashcards {
  max-width: 680px;
  height: auto;
}

.modal__endMock {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.modal--filters,
.modal--pd-filters,
.modal--combined,
.modal--confirm,
.modal--config {
  max-width: 500px;
  height: auto;
}
.modal--filters .filters,
.modal--pd-filters .filters,
.modal--combined .filters,
.modal--confirm .filters,
.modal--config .filters {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin: 20px 0;
}
.modal--filters .filters--flashcards,
.modal--pd-filters .filters--flashcards,
.modal--combined .filters--flashcards,
.modal--confirm .filters--flashcards,
.modal--config .filters--flashcards {
  margin: 0 0 20px;
}
.modal--filters p,
.modal--pd-filters p,
.modal--combined p,
.modal--confirm p,
.modal--config p {
  margin-bottom: 20px;
}
.modal--filters .modal__header,
.modal--pd-filters .modal__header,
.modal--combined .modal__header,
.modal--confirm .modal__header,
.modal--config .modal__header {
  background: #eff6ff;
  border-radius: 8px;
  margin: -24px -24px 20px;
  padding: 20px 24px;
}
.modal--filters .modal__header .modal__title,
.modal--pd-filters .modal__header .modal__title,
.modal--combined .modal__header .modal__title,
.modal--confirm .modal__header .modal__title,
.modal--config .modal__header .modal__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.24px;
}
.modal--filters .modal__header .modal__close,
.modal--pd-filters .modal__header .modal__close,
.modal--combined .modal__header .modal__close,
.modal--confirm .modal__header .modal__close,
.modal--config .modal__header .modal__close {
  margin-bottom: 24px;
}

.modal--confirm {
  z-index: 103;
}

.modal--combined {
  flex-direction: column;
  gap: 12px;
  max-width: 540px;
  max-height: 95%;
}
.modal--combined.modal--showing {
  display: flex;
}
.modal--combined .modal__main {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.modal--combined .combined-select .chosen-choices {
  background-color: white;
  background-image: none;
  box-shadow: none;
  color: #0f172a;
  padding: 10px 12px;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  line-height: 24px;
  height: 44px;
  font-size: 14px;
  font-weight: 450;
}
.modal--combined .combined-select .chosen-choices::before {
  content: " ";
  background-image: url("../img/ui/icons/pin--blue.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
}
.modal--combined .chosen-drop {
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  -moz-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  padding: 0;
}
.modal--combined .chosen-results {
  background: white;
  border-radius: 8px;
  border: 1px solid #eff6ff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  padding: 12px 8px;
}
.modal--combined .chosen-results > li {
  padding: 0 12px;
  color: #0f172a;
  font-weight: 500;
  line-height: 36px;
  border-radius: 6px;
  transition: 0.25s;
  display: block;
  cursor: pointer;
  text-decoration: none;
}
.modal--combined .chosen-results > li:not(.result-selected):hover,
.modal--combined .chosen-results > li.highlighted {
  background: #eff6ff;
  color: #0f172a;
}
.modal--combined .chosen-container-multi .chosen-choices li.search-choice {
  background-color: #eff6ff;
  background-image: none;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
}

.modal__answers__calculation {
  display: flex;
  gap: 4px;
  align-items: center;
}
.modal__answers__calculation input {
  border: 1px solid #94a3b8;
  border-radius: 8px;
  padding: 8px;
  font-family: "Instrument Sans", sans-serif;
  font-size: 16px;
}
.modal__answers__calculation input.calculation_answer--correct {
  background: #16a34a;
  border-color: #15803d;
  color: white;
  pointer-events: none;
}
.modal__answers__calculation input.calculation_answer--incorrect {
  border-color: #b91c1c;
  background-color: #dc2626;
  color: white;
  pointer-events: none;
}

.modal__choices {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal__choices .modal__choices__buttons {
  display: flex;
  gap: 4px;
}
.modal__choices .modal__choices__buttons .modal__choices__button {
  width: 50%;
  flex-shrink: 1;
}
.modal__choices .modal__choices__buttons .modal__choices__button.modal__choices__button--correct {
  background: #15803d;
  border-color: #166534;
}
.modal__choices .modal__choices__buttons .modal__choices__button.modal__choices__button--incorrect {
  background: #dc2626;
  border-color: #b91c1c;
}
.modal__choices .modal__choices__title {
  font-weight: 600;
  text-align: center;
}
.modal__choices .modal__choices__description {
  color: #64748b;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}

@media screen and (max-width: 1023px) {
  .modal--adaptive .modal__sidebar, .modal--pd .modal__sidebar, .modal--review .modal__sidebar {
    grid-column: 9/13;
  }
}
@media screen and (max-width: 767px) {
  .modal--explanation .modal__main h1 {
    font-size: 44px;
    line-height: 48px;
  }
  .modal--explanation {
    width: calc(100% - 24px);
  }
  .modal--explanation .modal__title {
    font-size: 52px;
    line-height: 56px;
    letter-spacing: -1px;
  }
  .modal--explanation .modal__main {
    padding: 32px 12px;
  }
  .modal--explanation p {
    font-size: 16px;
    line-height: 24px;
  }
  .modal--explanation li {
    font-size: 16px;
    line-height: 24px;
  }
  .modal--explanation h2:not(.post-card__title--small) {
    font-size: 28px;
    margin-bottom: 8px;
    margin-top: 32px;
    line-height: 32px;
  }
  .modal--explanation > p:first-of-type {
    font-size: 20px;
    line-height: 32px;
  }
  .modal--adaptive .modal__mainContent, .modal--adaptive .modal__headerContent, .modal--pd .modal__mainContent, .modal--pd .modal__headerContent, .modal--review .modal__mainContent, .modal--review .modal__headerContent {
    grid-column-start: span 12;
  }
  .modal--adaptive .modal__sidebar, .modal--pd .modal__sidebar, .modal--review .modal__sidebar {
    grid-column: 1/13;
    padding-bottom: 60px;
  }
  .modal--adaptive .modal__mainContent, .modal--pd .modal__mainContent, .modal--review .modal__mainContent {
    height: auto;
    overflow-y: auto;
  }
  .modal--adaptive .modal__main, .modal--pd .modal__main, .modal--review .modal__main {
    overflow-y: scroll;
  }
  .modal--adaptive .modal__main .grid, .modal--pd .modal__main .grid, .modal--review .modal__main .grid {
    height: auto;
  }
  .modal--adaptive .modal--explanation .modal__title, .modal--pd .modal--explanation .modal__title, .modal--review .modal--explanation .modal__title {
    font-weight: 700;
    font-size: 48px;
    line-height: 52px;
    letter-spacing: -0.84px;
  }
  .modal--adaptive .modal__fetching,
  .modal--adaptive .button--next-question, .modal--pd .modal__fetching,
  .modal--pd .button--next-question, .modal--review .modal__fetching,
  .modal--review .button--next-question {
    position: fixed;
    bottom: 24px;
    left: 24px;
    right: 24px;
    width: calc(100% - 48px);
    -webkit-box-shadow: 0px 0px 28px 24px rgb(255, 255, 255);
    -moz-box-shadow: 0px 0px 28px 24px rgb(255, 255, 255);
    box-shadow: 0px 0px 28px 24px rgb(255, 255, 255);
  }
}
.mobileBanner {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: white;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 450;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 80px;
  overflow: visible;
  position: relative;
  color: #0f172a;
}

.mobileBanner__inner {
  display: flex;
  border-radius: 32px;
  background: #eff6ff;
  padding: 28px 0;
}

.mobileBanner__paragraph {
  margin: 0;
}

.mobileBanner__preview {
  position: relative;
  height: 100%;
}

.mobileBanner__screenshots {
  width: 220px;
  max-width: 100%;
  position: absolute;
  left: 0;
  bottom: -28px;
}

.mobileBanner__buttonContainer {
  height: 100%;
}

.mobileBanner__buttons {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
  gap: 12px;
}
.mobileBanner__buttons img {
  display: block;
}

.mobileBanner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (max-width: 1179px) {
  .mobileBanner__buttons {
    flex-direction: column;
    gap: 4px;
  }
  .mobileBanner__content {
    grid-column-start: span 5;
  }
}
@media screen and (max-width: 1023px) {
  .mobileBanner__preview {
    display: none;
  }
  .mobileBanner__content {
    grid-column-start: span 8;
  }
}
@media screen and (max-width: 767px) {
  .mobileBanner__buttons {
    flex-direction: row;
    gap: 12px;
  }
  .mobileBanner__content {
    grid-column-start: span 12;
  }
  .mobileBanner__buttonContainer {
    grid-column-start: span 12;
  }
  .mobileBanner__buttons {
    justify-content: flex-start;
  }
  .mobileBanner__buttons img {
    max-height: 40px;
  }
}
.section-cards {
  margin-top: -248px;
}

.section-card {
  background: white;
  border-radius: 16px;
  overflow: hidden;
}

.section-card__content {
  padding: 32px;
}

.section-card__title {
  margin-bottom: 8px;
}

.section-card__p {
  margin-bottom: 20px;
}

.section-card__image {
  height: 280px;
  width: 100%;
  object-fit: cover;
  display: block;
}

@media screen and (max-width: 767px) {
  .section-cards {
    margin-top: -860px;
  }
  .section-card {
    grid-column-start: span 12;
  }
}
.product-card {
  background: #eff6ff;
  grid-column-start: span 6;
  border-radius: 16px;
  padding: 24px;
  border: 2px solid transparent;
  position: relative;
  text-decoration: none;
  color: #0f172a;
  display: flex;
  gap: 12px;
  flex-direction: column;
  transition: 0.3s;
}
.product-card p {
  flex-grow: 1;
  font-size: 16px;
}
.product-card .button-link {
  flex-grow: 0;
}
.product-card:hover {
  border-color: #1d4ed8;
}
.product-card:hover .button-link {
  color: #1d4ed8;
}

.product-card__cpd {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 48px;
}

.product-card__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.product-card__title .h3--small {
  margin-bottom: 0;
}

.product-card__chips {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}

.product-card--request {
  background: transparent;
  border: 2px dashed #1d4ed8;
  grid-column-start: span 6;
}
.product-card--request:hover {
  border-style: solid;
}

.login__content .product-card .button-link,
.product-card--mobile .button-link {
  margin-top: 12px;
}

@media screen and (max-width: 1179px) {
  .product-card__title {
    flex-direction: column-reverse;
    gap: 12px;
  }
  .product-card__chips {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 1023px) {
  .product-cards {
    grid-column-start: span 12;
  }
}
@media screen and (max-width: 767px) {
  .product-card {
    grid-column-start: span 12;
  }
}
.testimonials--sales {
  margin-bottom: 60px;
}

.testimonial {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.testimonial hr {
  width: 40px;
  height: 2px;
  background: rgba(15, 23, 42, 0.12);
  border: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.testimonial--sales {
  background: #eff6ff;
  padding: 24px;
  border-radius: 16px;
}

.testimonial__stars {
  display: flex;
}

.testimonial__star {
  display: block;
  width: auto !important;
}

.testimonial__person {
  display: flex;
  align-items: center;
  gap: 20px;
}
.testimonial__person img {
  width: 60px !important;
}

.testimonial__quote {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.2px;
  text-align: center;
}

.testimonial__cite {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media screen and (max-width: 767px) {
  .testimonial {
    grid-column-start: span 12;
    margin-bottom: 32px;
  }
}
.video {
  background: white;
}

.video__inner {
  display: flex;
  border-radius: 32px;
  background: #1d4ed8;
  height: 480px;
  position: relative;
  overflow: hidden;
}

.video__inner--sales {
  border-radius: 16px;
  margin-bottom: 40px;
  height: 400px;
}

.video__content {
  padding: 40px 0;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.video__top {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.video__text {
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.72px;
}

.video__inner--sales .video__text {
  font-size: 28px;
  font-weight: 700 !important;
  line-height: 32px;
  letter-spacing: -0.6px;
}

.video__bottom {
  display: flex;
  flex-direction: column;
}

.video__name {
  font-weight: 700;
}

.video__job {
  font-size: 14px;
  line-height: 20px;
  font-weight: 450;
}

.video__thumbnail {
  position: absolute;
  width: calc(50% - 24px);
  height: 100%;
  top: 0;
  right: 0;
}
.video__thumbnail > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video__inner--sales .video__thumbnail {
  position: absolute;
  width: calc(50% - 24px);
  height: 100%;
  top: 0;
  right: 0;
}
.video__inner--sales .video__thumbnail > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video__inner--sales .video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #1d4ed8;
}
.video__inner--sales .video__button img {
  width: auto;
}

.ccVideo {
  margin-bottom: 16px;
}

.ccVideo__details {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}

.ccVideo__presenterLabel,
.ccVideo__writerLabel {
  margin-bottom: 4px;
}

.ccVideo__writerLabel {
  flex-direction: row-reverse;
}

.ccVideo__presenter,
.ccVideo__writer {
  display: flex;
  flex-direction: column;
}

.ccVideo__writer {
  align-items: flex-end;
  text-align: right;
}

.ccVideo__presenterName,
.ccVideo__writerName {
  font-weight: 500;
}

.ccVideo__presenterJob,
.ccVideo__writerJob {
  font-weight: 500;
  font-size: 14px;
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .video__content {
    grid-column-start: span 12;
  }
  .video__inner {
    height: auto;
    flex-direction: column;
  }
  .video__thumbnail {
    position: relative !important;
    width: 100% !important;
  }
  .video__thumbnail > img {
    width: 100%;
    height: 320px;
    display: block;
  }
  .video__text {
    margin-bottom: 40px;
  }
}
.photo-section {
  background: white;
}

.photo-section__inner {
  display: flex;
  border-radius: 32px;
  padding: 60px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.photo-section__inner--ranker {
  background-image: url("../img/ui/ranker.jpg");
}

.photo-section__content {
  background: white;
  padding: 32px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.photo-section__main {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.photo-section__heading {
  margin-bottom: 0;
}

.photo-section__button {
  align-self: flex-start;
}

@media screen and (max-width: 1023px) {
  .photo-section__content {
    grid-column-start: span 9;
  }
}
@media screen and (max-width: 767px) {
  .photo-section__content {
    grid-column-start: span 12;
  }
}
.posts {
  margin-bottom: 190px;
}

.posts__featuredContainer {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.posts__latestContainer {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-end;
}
.posts__latestContainer .post-card__image {
  height: 120px;
}

.post-card {
  display: flex;
  width: 100%;
  text-decoration: none;
  color: #0f172a;
}

.post-card--vertical {
  flex-direction: column;
}

.post-card--main {
  flex-direction: column;
  gap: 20px;
}
.post-card--main .post-card__image {
  height: 400px;
}

.post-card__image {
  width: 100%;
  height: 188px;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

.post-card__details {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
}

.post-card__title {
  margin-bottom: 0;
}

.post-card__title--normal {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.24px;
}

.post-card__title--small {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
}

.post-card__blurb {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.post-card__blurb--small {
  font-size: 13px;
  line-height: 16px;
}

.post-card__meta {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #64748b;
  font-size: 14px;
  line-height: 20px;
}

.post-card__categories {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

@media screen and (max-width: 1179px) {
  .posts__featured {
    grid-column-start: span 7;
  }
  .posts__latest {
    grid-column-start: span 4;
  }
}
@media screen and (max-width: 1023px) {
  .posts__featured, .posts__latest {
    grid-column-start: span 12;
  }
}
@media screen and (max-width: 767px) {
  .posts__latest {
    display: none;
  }
  .post-card__imageContainer {
    grid-column-start: span 12;
  }
  .post-card__details {
    grid-column-start: span 12;
  }
  .post-card__meta {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .post-card--main .post-card__image {
    height: 260px;
  }
}
table {
  width: 100%;
  margin-bottom: 24px;
}

th, td {
  color: #0f172a;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 24px;
  background: #eff6ff;
  border: 2px solid white;
}

th {
  color: white;
  font-weight: 700;
  text-align: left;
  background: #1e40af;
}

table.comparison {
  display: table;
}
table.comparison th {
  background: white;
  color: #0f172a;
  font-size: 16px;
  text-align: center;
}
table.comparison th img {
  max-width: 120px;
  vertical-align: middle;
}
table.comparison td {
  background: white;
  color: #0f172a;
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  padding: 16px 0;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
}
table.comparison td:first-of-type {
  text-align: left;
  font-weight: 700;
}
table.comparison td img {
  width: auto;
  vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  th, td {
    font-size: 16px;
    line-height: 24px;
  }
}
.testimonial-video {
  margin-top: -130px;
  z-index: 4;
  position: relative;
}

.testimonial-video-container {
  background: #f1f5f9;
  display: flex;
  border-radius: 8px;
}

.testimonial-content {
  width: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 32px 80px 32px 32px;
}
.testimonial-content .fivestars {
  width: 100px !important;
  margin-bottom: 32px !important;
}
.testimonial-content h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 160px !important;
  margin-top: 0 !important;
}
.testimonial-content .testimonial-meta {
  display: flex;
  flex-direction: column;
}
.testimonial-content .testimonial-meta .testimonial-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.testimonial-content .testimonial-meta .testimonial-secondary {
  font-size: 14px;
  line-height: 20px;
}

.testimonial-preview {
  width: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 32px;
}
.testimonial-preview .testimonial-play {
  display: flex;
  background: white;
  color: #0f172a;
  font-weight: 500;
  padding: 14px 20px;
  border-radius: 24px;
  text-decoration: none;
  align-items: center;
}
.testimonial-preview .testimonial-play img {
  margin-right: 12px;
  margin-bottom: 0 !important;
  width: 20px !important;
}

.testimonial-video-container--blue {
  background: #0A3CA2;
}
.testimonial-video-container--blue h2, .testimonial-video-container--blue .testimonial-meta {
  color: white;
}
.testimonial-video-container--blue .fivestars path {
  fill: white;
}

.single-post .testimonial-video-container {
  margin-top: 60px;
  margin-bottom: 60px;
}
.single-post .testimonial-video-container h2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 32px !important;
}

@media screen and (max-width: 1120px) {
  .testimonial-video-container {
    flex-direction: column;
  }
  .testimonial-content {
    width: 100%;
    padding: 24px;
  }
  .testimonial-content h2 {
    margin-bottom: 40px;
  }
  .testimonial-preview {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    height: 360px;
    padding: 24px;
  }
}
@media screen and (max-width: 720px) {
  .testimonial-content h2 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .testimonial-preview .testimonial-play {
    font-size: 14px;
  }
  .testimonial-preview .testimonial-play img {
    margin-right: 12px;
    width: 16px;
  }
}
.modal--video {
  display: none;
  padding: 0;
  overflow: hidden;
  width: auto;
  height: auto;
}
.modal--video.modal--showing {
  display: flex;
}

.modal__close--video {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  padding: 8px 16px;
  color: white;
  font-size: 32px;
  line-height: 32px;
  cursor: pointer;
  z-index: 1;
}

.sales-block__inner {
  background: #1d4ed8;
  padding: 40px;
  border-radius: 32px;
}

.sales-block__heading {
  color: white;
}

.sales-block__p {
  color: white;
}

.sales-block__card {
  grid-column: 9/13;
}

.sales-block__card--first {
  grid-column: 5/9;
}

@media screen and (max-width: 1023px) {
  .superhero__content {
    grid-column-start: span 12;
  }
  .sales-block__card, .sales-block__card--first {
    grid-column: 1/13;
  }
}
@media screen and (max-width: 767px) {
  .sales-block__card, .sales-block__card--first {
    grid-column-start: span 12;
    grid-column: 1/13;
  }
}
.breakdown {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 28px;
}

.breakdown__header {
  background: #eff6ff;
  padding: 16px 20px;
  border-bottom: 1px solid #bfdbfe;
  border-top: 1px solid #bfdbfe;
}
.breakdown__header:first-of-type {
  border-top: 0;
}
.breakdown__header h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 !important;
}

.breakdown--fy1 .breakdown__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
}

.breakdown__author {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
}

.breakdown__authorImage {
  width: 48px !important;
  height: 48px !important;
}

.breakdown__authorDetails {
  display: flex;
  flex-direction: column;
  text-align: right;
}

.breakdown__authorName {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.breakdown__authorJob {
  font-size: 16px;
  line-height: 20px;
  font-weight: 450;
  opacity: 0.6;
}

.breakdown__content {
  padding: 16px 20px;
}
.breakdown__content p:last-of-type {
  margin: 0 !important;
}

.plab-sales, .msra-sales {
  background: #1d4ed8;
  width: 100%;
  margin: 48px 0 48px 0;
  position: relative;
  z-index: 2;
  border-radius: 20px;
}

.plab-subs, .msra-subs {
  margin-bottom: 24px;
}

.plab-sales__content, .msra-sales__content {
  padding: 32px;
  color: white;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.plab-sales__content h2, .msra-sales__content h2 {
  color: white;
  margin-bottom: 8px !important;
  margin-top: 0 !important;
  font-size: 24px !important;
  line-height: 28px;
}
.plab-sales__content p, .msra-sales__content p {
  color: white !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  line-height: 24px !important;
}
.plab-sales__content .button, .msra-sales__content .button {
  flex-shrink: 0;
}
.plab-sales__content .product-card h3, .msra-sales__content .product-card h3 {
  margin-top: 0;
}
.plab-sales__content .product-card p, .plab-sales__content .product-card a, .msra-sales__content .product-card p, .msra-sales__content .product-card a {
  color: #0f172a !important;
}
.plab-sales__content .product-card .button-link, .msra-sales__content .product-card .button-link {
  font-weight: 700 !important;
}

.subscriptionBox {
  background: #eff6ff;
  border-radius: 12px;
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.subscriptionBox .time {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 16px;
}
.subscriptionBox .amount {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 4px;
}
.subscriptionBox .amount sup {
  vertical-align: super;
  font-size: 20px;
}
.subscriptionBox .expiry {
  font-size: 14px;
  color: #0f172a;
  margin-bottom: 24px;
}
.subscriptionBox .butt {
  color: #1d4ed8;
}

@media screen and (max-width: 920px) {
  .plab-sales__content, .plab-sales__content {
    display: block;
    padding: 20px;
  }
  .plab-sales__content p, .plab-sales__content p {
    margin-bottom: 20px !important;
  }
  .plab-sales__left, .plab-sales__content {
    margin-right: 0;
  }
}
.search {
  position: relative;
  flex-grow: 1;
}

.search__results {
  position: absolute;
  z-index: 1;
  background: white;
  border-radius: 8px;
  border: 1px solid #eff6ff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  padding: 12px 12px;
  list-style-type: none;
  min-width: 280px;
  width: 100%;
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.25s;
  max-height: 400px;
  overflow-y: scroll;
}

.search__results--showing {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.search__result {
  font-size: 14px;
  padding: 8px 12px;
  color: #0f172a;
  font-weight: 500;
  line-height: 20px;
  border-radius: 6px;
  transition: 0.25s;
  display: flex;
  cursor: pointer;
  text-decoration: none;
  flex-direction: column;
  align-items: flex-start;
}
.search__result:hover {
  background: #eff6ff;
}

.search__resultCategory {
  font-weight: 500;
  color: #64748b;
  font-size: 12px;
}

.history__header {
  display: flex;
  gap: 28px;
  background: #eff6ff;
  padding: 8px;
  border-radius: 8px;
  align-items: center;
}
.history__header > div {
  color: #64748b;
  font-weight: 600;
  font-size: 14px;
}

.history__row {
  display: flex;
  gap: 28px;
  padding: 16px 8px;
  border-bottom: 1px solid #e2e8f0;
  align-items: center;
}
.history__row:last-child {
  border: 0;
}

.history__statusTitle,
.history__status {
  width: 20px;
  flex-grow: 0;
  flex-shrink: 0;
}
.history__statusTitle img,
.history__status img {
  display: block;
}

.history__questionTitle,
.history__question {
  width: 1px;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
}

.history__question .history__questionContent {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.history__question .history__module {
  font-size: 14px;
  color: #64748b;
  font-weight: 600;
}

.history__timeTitle,
.history__time {
  width: 120px;
  flex-grow: 0;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.history__dateTitle,
.history__date {
  width: 140px;
  flex-grow: 0;
  flex-shrink: 0;
}

.history__date {
  color: #64748b;
  font-variant-numeric: tabular-nums;
}

.history__buttonTitle,
.history__button {
  width: 80px;
  flex-grow: 0;
  flex-shrink: 0;
}

.history__button .button-link {
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .history__timeTitle, .history__time, .history__dateTitle {
    display: none;
  }
  .history__row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .history__question {
    width: 80%;
  }
  .history__date {
    width: 180px;
    padding-left: 36px;
  }
}
.pricing-table {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 40px;
}

.pricing-table__item {
  width: 40%;
  background: #eff6ff;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.pricing-table__item .sectionHeader {
  margin-bottom: 0;
}
.pricing-table__item h2 {
  margin-bottom: 0 !important;
  font-size: 36px !important;
  margin-top: 0 !important;
}
.pricing-table__item h2 span {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 600;
}
.pricing-table__item p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0 !important;
}
.pricing-table__item .buy-now__features h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
  margin-top: 0 !important;
}
.pricing-table__item .buy-now__features ul,
.pricing-table__item .buy-now__list {
  list-style-type: none;
  margin: 0;
}
.pricing-table__item .buy-now__features ul li,
.pricing-table__item .buy-now__list li {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
  padding-left: 28px;
  background-image: url("../img/ui/icons/check--blue.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top left;
}
.pricing-table__item .buy-now__features ul li:last-of-type,
.pricing-table__item .buy-now__list li:last-of-type {
  margin-bottom: 0;
}

.pricing-table__item--highlighted {
  border-radius: 16px;
  background-color: #1d4ed8;
  background-image: url("../img/ui/bluegreenbg.jpg");
  background-size: cover;
  background-position: center;
  color: white;
  box-shadow: -5px 0px 8px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  width: 60%;
}
.pricing-table__item--highlighted .total {
  font-size: 16px !important;
  font-weight: 600 !important;
}
.pricing-table__item--highlighted .expires {
  margin-top: -8px;
  font-size: 14px !important;
  line-height: 16px;
}
.pricing-table__item--highlighted .button-link {
  color: white !important;
}
.pricing-table__item--highlighted .button-link:hover {
  opacity: 0.8;
}
.pricing-table__item--highlighted .button-link::after {
  background-image: url("../img/ui/icons/arrowRight--white.svg");
}
.pricing-table__item--highlighted .buy-now__list li {
  background-image: url("../img/ui/icons/check--white.svg");
}

.blog-post__sidebar .pricing-table__item {
  width: calc(100% + 24px);
  margin-top: -32px;
  margin-left: -12px;
  padding: 36px;
}
.blog-post__sidebar .pricing-table__bundleSaving {
  margin: -12px -38px 0;
  padding: 12px 38px;
}

.pricing-table--mobile {
  display: none;
}

.pricing-table__bundleSaving {
  margin: 0 -26px;
  padding: 12px 26px;
  background: linear-gradient(0deg, #DB9D00 0%, #B78700 100%);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  transform: rotate(-1deg);
}

@media screen and (max-width: 767px) {
  .pricing-table {
    flex-direction: column;
  }
  .pricing-table__item {
    width: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .pricing-table__item--highlighted {
    border-radius: 16px;
    width: calc(100% + 24px);
    padding: 36px;
  }
  .pricing-table__item--highlighted .pricing-table__bundleSaving {
    margin: -12px -38px 0;
    padding: 12px 38px;
  }
  .kc-sidebar {
    display: none;
  }
  .pricing-table--mobile {
    display: flex;
  }
}
.popup {
  background: white;
  position: fixed;
  border-radius: 16px;
  display: none;
  z-index: 102;
  flex-direction: column;
  overflow: hidden;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 16px);
  max-width: 800px;
  height: auto;
  max-height: calc(100% - 32px);
}

.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E4E7ED;
  flex-shrink: 0;
  flex-grow: 0;
}

.popup-header-left {
  display: flex;
  align-items: center;
}

.popup-header-right {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
  padding-right: 16px;
}

.popup-close {
  cursor: pointer;
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}
.popup-close:hover {
  background: #F3F6FA;
}

.popup-title {
  line-height: 32px;
  border-left: 1px solid #E4E7ED;
  color: #0f172a;
  font-weight: 600;
  font-size: 14px;
  padding-left: 16px;
}

.popup-main {
  display: block;
  padding: 24px;
  overflow-y: auto;
}
.popup-main h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.popup-main h3 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 4px;
}
.popup-main p {
  margin-bottom: 24px;
}
.popup-main p:last-of-type {
  margin-bottom: 0;
}
.popup-main ul {
  list-style-type: square;
  list-style-position: outside;
  padding-left: 32px;
  margin-bottom: 16px;
  margin-top: -12px;
}
.popup-main ul li {
  font-size: 16px;
  line-height: 24px;
  padding-left: 8px;
  margin-bottom: 8px;
}

.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  opacity: 0.4;
  z-index: 101;
}

.popup--showing {
  display: flex;
}

.comparison {
  display: flex;
  flex-direction: column;
}

.comparison__row {
  display: flex;
}
.comparison__row:last-child .comparison__cell {
  border-bottom: 0;
}

.comparison__row--header .comparison__cell {
  flex-direction: column;
  gap: 12px;
}
.comparison__row--header .comparison__cell--bundle {
  border-top: 2px solid #e2e8f0;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.comparison__cell {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e2e8f0;
  padding: 12px 0;
}
.comparison__cell img {
  width: auto !important;
}

.comparison__cell--title {
  flex-shrink: 0;
  flex-grow: 0;
  width: 172px;
  text-align: left;
  justify-content: left;
}

.comparison__cell--details {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 12px 12px;
}

.comparison__cell--bundle {
  border-right: 2px solid #e2e8f0;
  border-left: 2px solid #e2e8f0;
}

@media screen and (max-width: 600px) {
  .comparison {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .comparison__cell--title {
    width: 100px;
  }
  .comparison__cell .hide-mob {
    display: none;
  }
  .comparison__cell .butt {
    font-size: 14px;
  }
}
.flashcard__category {
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  height: 220px;
  display: flex;
  flex-direction: column;
  background: white;
  position: relative;
  box-shadow: 1px 4px 8px -3px rgba(0, 0, 0, 0.32);
  -webkit-box-shadow: 1px 4px 8px -3px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 1px 4px 8px -3px rgba(0, 0, 0, 0.32);
  cursor: pointer;
}
.flashcard__category h3 {
  font-size: 20px;
  font-weight: 600;
}
.flashcard__category p {
  color: #64748b;
  font-size: 15px;
}
.flashcard__category::after {
  content: " ";
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  z-index: -1;
  transition: 0.3s;
}
.flashcard__category::before {
  content: " ";
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  z-index: -1;
  transition: 0.3s;
}
.flashcard__category:hover::after {
  transform: rotate(4deg);
}
.flashcard__category:hover::before {
  transform: rotate(-3deg);
}

.flashcard__categoryTop {
  width: 100%;
  flex-grow: 1;
  padding: 16px;
  border-bottom: 1px solid #cbd5e1;
  display: flex;
  flex-direction: column;
}

.flashcard__categoryBottom {
  width: 100%;
  padding: 12px 16px;
  flex-grow: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.flashcard__categoryBottom span {
  font-weight: 550;
  color: #64748b;
  font-size: 14px;
}

.flashcard__categoryIcon {
  width: 16px;
}

.flashcard-modal {
  background: white;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  display: none;
  z-index: 102;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 680px;
}

.flashcard-modal--showing {
  display: flex;
}

.flashcard-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E4E7ED;
  flex-shrink: 0;
  flex-grow: 0;
}

.flashcard-modal-header-left {
  display: flex;
  align-items: center;
}

.flashcard-modal-header-right {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
  padding-right: 16px;
}

.flashcard-modal-close {
  cursor: pointer;
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}
.flashcard-modal-close:hover {
  background: #F3F6FA;
}

.flashcard-modal-title {
  line-height: 32px;
  border-left: 1px solid #E4E7ED;
  color: #0f172a;
  font-weight: 600;
  font-size: 14px;
  padding-left: 16px;
}

.flashcard-modal-footer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  border-top: 1px solid #E4E7ED;
  padding: 10px;
  justify-content: space-between;
}

.flashcard-button {
  border-radius: 12px;
  background: #1D4ED8;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding: 6px 12px;
  display: flex;
  gap: 6px;
  text-decoration: none;
  transition: 0.3s;
  align-items: center;
  cursor: pointer;
}
.flashcard-button:hover {
  background: #1e40af;
}

.flashcard-button--wide {
  padding: 6px 24px;
}

.flashcard-button--secondary {
  background: transparent;
  border: 1px solid #1D4ED8;
  color: #1D4ED8;
}
.flashcard-button--secondary:hover {
  background: transparent;
  opacity: 0.8;
}

.flashcard-button--know {
  background: #16a34a;
  color: white;
}
.flashcard-button--know:hover {
  background: #15803d;
}

.flashcard-button--stilllearning {
  background: transparent;
  border: 1px solid #dc2626;
  color: #dc2626;
}
.flashcard-button--stilllearning:hover {
  background: transparent;
  opacity: 0.8;
}

.flashcard-status-buttons {
  display: flex;
  gap: 12px;
  align-items: center;
}

.flashcard-modal-main {
  display: flex;
  padding: 20px;
  background: #e2e8f0;
  width: 100%;
}

.scene {
  display: inline-block;
  width: 100%;
  height: 400px;
  perspective: 600px;
}

.flashcard {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 0.4s;
}

.flashcard.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);
}
.flashcard.is-flipped::after {
  transform: rotate(3deg) scaleX(-1);
}
.flashcard.is-flipped::before {
  transform: rotate(3deg) scaleX(-1);
}
.flashcard.is-flipped.know::after {
  opacity: 1;
  transform: rotate(0) scaleX(-1);
}
.flashcard.is-flipped.stilllearning::before {
  opacity: 1;
  transform: rotate(0) scaleX(-1);
}

.flashcard-face {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 32px;
  color: #0f172a;
  background: white;
  text-align: center;
  font-weight: 450;
  font-size: 20px;
  backface-visibility: hidden;
  padding: 32px 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.28);
}
.flashcard-face ul {
  list-style-type: square;
  list-style-position: inside;
  text-align: left;
}
.flashcard-face ul li ul {
  padding-left: 28px;
}

.flashcard-face--front {
  background: white;
}

.flashcard-face--back {
  background: white;
  transform: rotateY(180deg);
}

.flashcards__spaced-rep {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 20px;
}
.flashcards__spaced-rep span {
  font-weight: 500;
}

.flashcard-pagination {
  font-variant-numeric: tabular-nums;
}

.flashcard-button--disabled {
  pointer-events: none;
  opacity: 0.5;
}

.flashcard::after {
  content: "Know";
  z-index: 1000;
  position: absolute;
  background: #16a34a;
  color: white;
  border-radius: 12px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: 0.1s;
  text-align: center;
  justify-content: center;
  font-weight: 450;
  font-size: 24px;
  line-height: 36px;
  backface-visibility: visible;
  padding: 32px 48px;
  display: flex;
  align-items: center;
  transform: rotate(3deg) scaleX(1);
  box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.28);
}

.flashcard::before {
  content: "Still learning";
  z-index: 1000;
  position: absolute;
  background: #dc2626;
  color: white;
  border-radius: 12px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: 0.1s;
  text-align: center;
  justify-content: center;
  font-weight: 450;
  font-size: 24px;
  line-height: 36px;
  backface-visibility: visible;
  padding: 32px 48px;
  display: flex;
  align-items: center;
  transform: rotate(3deg) scaleX(1);
  box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.28);
}

.flashcard.know::after {
  opacity: 1;
  transform: rotate(0) scaleX(1);
}

.flashcard.stilllearning::before {
  opacity: 1;
  transform: rotate(0) scaleX(1);
}

.articles {
  margin-bottom: 190px;
}

@media screen and (max-width: 1023px) {
  .articles__column {
    grid-column-start: span 6;
  }
  .about .column-9, .terms .column-9 {
    grid-column-start: span 12;
  }
}
@media screen and (max-width: 767px) {
  .articles__column {
    grid-column-start: span 12;
  }
}
.page-login header, .page-login footer,
.page-sign-up header,
.page-sign-up footer,
.page-redeem header,
.page-redeem footer,
.page-redeem-a-code header,
.page-redeem-a-code footer {
  display: none;
}

.login,
.register {
  padding: 12px 0;
  margin-bottom: 0;
  height: calc(100vh - 24px);
}

.login .grid,
.register .grid {
  height: 100%;
}

.login__content {
  background-image: linear-gradient(0deg, rgba(15, 23, 42, 0.6) 0%, rgba(15, 23, 42, 0) 50%, rgba(15, 23, 42, 0.6) 100%), url("../img/ui/bg--login.jpg");
  background-size: cover;
  background-position: -124px;
  border-radius: 32px;
  padding: 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-template-page-buy .login__content,
.page-template-page-redeem .login__content,
.page-template-page-buy-pre-clin .login__content {
  background-image: none;
  background-color: #eff6ff;
}

.redeem-success {
  font-weight: 600;
  color: #15803d;
}

.redeem-invalid {
  font-weight: 600;
  color: #b91c1c;
  margin-top: 24px;
}

.login__logoImage {
  height: 28px;
  display: block;
}

.login__form .column-8 {
  grid-column: 3/11;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.login__heading {
  margin-bottom: 40px;
}

.login #wp-submit,
.register #wp-submit {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  position: relative;
  background: #1d4ed8;
  border: 1px solid #1e40af;
  color: white;
  border-radius: 24px;
  cursor: pointer;
  text-decoration: none;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 0 23px;
  transition: 0.25s;
  margin-bottom: 24px;
}
.login #wp-submit:hover,
.register #wp-submit:hover {
  background: #1e40af;
}

.signup__link {
  position: absolute;
  top: 32px;
  right: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.signup__link--mobile {
  display: none !important;
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 0 20px 0 !important;
}

.signup__link > span {
  font-weight: 600;
}

.login__terms {
  border-radius: 12px;
  background: #1d4ed8;
  padding: 16px;
}
.login__terms p {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: white;
}

#loginform {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#login__error {
  margin-bottom: 24px;
  color: #dc2626;
  font-weight: 600;
}

#login__notify {
  margin-bottom: 24px;
  color: #1e40af;
  font-weight: 600;
}

.register__panel form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
.register__panel form > div {
  width: 100%;
}

.checkbox-fields {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.login__logoLink--mobile, .product-card--mobile {
  display: none;
}

@media screen and (max-width: 1179px) {
  .login__content {
    grid-column-start: span 5;
  }
  .login__form {
    grid-column-start: span 7;
  }
}
@media screen and (max-width: 1023px) {
  .login__content {
    display: flex;
  }
  .login__form .column-8 {
    grid-column: 2/12;
  }
}
@media screen and (max-width: 767px) {
  .login__content {
    grid-column-start: span 12;
    display: none;
  }
  .register {
    height: auto;
  }
  .signup__link {
    display: none;
    position: relative;
    justify-content: flex-start;
    margin: 32px 0 32px 20px;
    right: auto;
    top: auto;
  }
  .signup__link--mobile {
    display: flex !important;
  }
  .login__logoLink--mobile {
    position: relative;
    display: block;
    margin: 20px 0 20px 20px;
  }
  .product-card--mobile {
    display: flex;
  }
  .login__form {
    grid-column-start: span 12;
    padding: 0 32px;
    width: calc(100% - 32px);
  }
  .login__form .grid {
    gap: 0;
  }
  .login__form .column-8 {
    grid-column: 1/13;
  }
}
.blog-post__image {
  margin-bottom: 60px;
}
.blog-post__image img {
  height: 480px;
  width: 100%;
  object-fit: cover;
  border-radius: 32px;
  object-position: center 25%;
}

.blog-post__content {
  position: relative;
  margin-bottom: 190px;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  font-size: 14px !important;
  line-height: 24px !important;
}

.blog-post__article hr,
.dashboard__guide hr,
.terms hr,
.about hr {
  margin: 40px 0;
}
.blog-post__article img,
.dashboard__guide img,
.terms img,
.about img {
  width: 100%;
  height: auto;
}
.blog-post__article img.alignright,
.dashboard__guide img.alignright,
.terms img.alignright,
.about img.alignright {
  float: right;
  width: auto;
  margin: 16px 0 32px 32px;
  max-width: 33%;
}
.blog-post__article p,
.dashboard__guide p,
.terms p,
.about p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 450 !important;
  margin-bottom: 24px;
}
.blog-post__article p span,
.dashboard__guide p span,
.terms p span,
.about p span {
  font-weight: 450 !important;
}
.blog-post__article p strong, .blog-post__article p b,
.dashboard__guide p strong,
.dashboard__guide p b,
.terms p strong,
.terms p b,
.about p strong,
.about p b {
  font-weight: 700;
}
.blog-post__article p em, .blog-post__article p i,
.dashboard__guide p em,
.dashboard__guide p i,
.terms p em,
.terms p i,
.about p em,
.about p i {
  font-style: italic;
}
.blog-post__article a:not(.butt),
.dashboard__guide a:not(.butt),
.terms a:not(.butt),
.about a:not(.butt) {
  color: #0f172a;
  transition: 0.3s;
}
.blog-post__article a:not(.butt):hover,
.dashboard__guide a:not(.butt):hover,
.terms a:not(.butt):hover,
.about a:not(.butt):hover {
  color: #1d4ed8;
}
.blog-post__article h2:not(.post-card__title--small),
.dashboard__guide h2:not(.post-card__title--small),
.terms h2:not(.post-card__title--small),
.about h2:not(.post-card__title--small) {
  font-size: 32px;
  margin-bottom: 8px;
  margin-top: 40px;
}
.blog-post__article h3,
.dashboard__guide h3,
.terms h3,
.about h3 {
  margin-top: 32px;
}
.blog-post__article ul, .blog-post__article ol,
.dashboard__guide ul,
.dashboard__guide ol,
.terms ul,
.terms ol,
.about ul,
.about ol {
  font-size: 18px;
  line-height: 28px;
  list-style-type: square;
  list-style-position: outside;
  margin-bottom: 24px;
  margin-left: 36px;
}
.blog-post__article ul ul, .blog-post__article ol ul,
.dashboard__guide ul ul,
.dashboard__guide ol ul,
.terms ul ul,
.terms ol ul,
.about ul ul,
.about ol ul {
  margin-top: 12px;
}
.blog-post__article ul li, .blog-post__article ol li,
.dashboard__guide ul li,
.dashboard__guide ol li,
.terms ul li,
.terms ol li,
.about ul li,
.about ol li {
  margin-bottom: 4px;
  line-height: 28px;
  font-weight: 450;
  padding-left: 8px;
}
.blog-post__article ul li strong, .blog-post__article ul li b, .blog-post__article ol li strong, .blog-post__article ol li b,
.dashboard__guide ul li strong,
.dashboard__guide ul li b,
.dashboard__guide ol li strong,
.dashboard__guide ol li b,
.terms ul li strong,
.terms ul li b,
.terms ol li strong,
.terms ol li b,
.about ul li strong,
.about ul li b,
.about ol li strong,
.about ol li b {
  font-weight: 700;
}
.blog-post__article ul li em, .blog-post__article ul li i, .blog-post__article ol li em, .blog-post__article ol li i,
.dashboard__guide ul li em,
.dashboard__guide ul li i,
.dashboard__guide ol li em,
.dashboard__guide ol li i,
.terms ul li em,
.terms ul li i,
.terms ol li em,
.terms ol li i,
.about ul li em,
.about ul li i,
.about ol li em,
.about ol li i {
  font-style: italic;
}
.blog-post__article ul li span, .blog-post__article ol li span,
.dashboard__guide ul li span,
.dashboard__guide ol li span,
.terms ul li span,
.terms ol li span,
.about ul li span,
.about ol li span {
  font-weight: 450 !important;
}
.blog-post__article ul li a, .blog-post__article ol li a,
.dashboard__guide ul li a,
.dashboard__guide ol li a,
.terms ul li a,
.terms ol li a,
.about ul li a,
.about ol li a {
  text-decoration: underline;
  transition: 0.3s;
}
.blog-post__article ul li a:hover, .blog-post__article ol li a:hover,
.dashboard__guide ul li a:hover,
.dashboard__guide ol li a:hover,
.terms ul li a:hover,
.terms ol li a:hover,
.about ul li a:hover,
.about ol li a:hover {
  color: #1d4ed8;
}
.blog-post__article ol,
.dashboard__guide ol,
.terms ol,
.about ol {
  list-style-type: decimal;
}

.blog-post__article > p:first-of-type {
  font-size: 24px;
  line-height: 36px;
}

.blog-post__top {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}

.blog-post__title {
  margin-bottom: 0;
}

.blog-post__postmeta {
  font-weight: 600;
}

.blog-post__chips {
  display: flex;
  gap: 4px;
  align-items: center;
}

.blog-post__sidebar {
  grid-column: 9/13;
}

.blog-post__sidebar-content {
  position: sticky;
  top: 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.big-block {
  background: #1d4ed8;
  color: white;
  border-radius: 16px;
  padding: 24px;
}
.big-block h3 {
  margin-top: 0;
  font-size: 20px;
}

.blog-post__sidebar--small {
  display: none;
}

.sales-updates {
  background: #dbeafe;
  color: #0f172a;
  padding: 20px;
  border-radius: 8px;
}

.sales-updates__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
  letter-spacing: -0.24px;
}

.sales-updates__content ul {
  margin-bottom: 0;
  margin-left: 16px;
  list-style: square;
}
.sales-updates__content ul li {
  font-size: 16px;
  line-height: 24px;
}

.sales-updates__icon {
  width: 20px !important;
}

.presenter {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  padding: 16px;
  background: #eff6ff;
  border-radius: 24px;
  flex-direction: column;
}
.presenter h3 {
  font-size: 20px;
  margin-top: 0;
}
.presenter p {
  font-size: 16px;
  line-height: 24px;
}
.presenter p:last-child {
  margin-bottom: 0;
}

.presenter__photo {
  border-radius: 12px;
  flex-grow: 0;
}

.ttt__sales {
  background-color: #1d4ed8;
  color: white;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-image: url("../img/ui/cpdcertified--white.png");
  background-size: 66px;
  background-repeat: no-repeat;
  background-position: calc(100% - 32px) calc(100% - 32px);
  overflow: hidden;
  margin-bottom: 24px;
}

.ttt__salesImage {
  width: 100%;
  height: auto;
}

.ttt__salesContent {
  padding: 0 32px 32px;
}
.ttt__salesContent h2 {
  margin-top: 0 !important;
}
.ttt__salesContent .butt__icon {
  width: 20px !important;
  height: 20px;
}

.ttt__sales--topPadding .ttt__salesContent {
  padding: 32px;
}

.ttt__sales--noCPD {
  background-image: none;
}

.fy1cc__sales {
  background-color: #1d4ed8;
  background-image: url("../img/fy1-cc-bg.png");
  background-size: cover;
  background-position: center;
  color: white;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
  position: relative;
  padding: 32px 236px 32px 32px;
}

.fy1cc__salesImage {
  position: absolute;
  width: 263px;
  top: -36px;
  right: -40px;
}

.fy1cc__salesShadows {
  position: absolute;
  width: 276px;
  top: -36px;
  right: -40px;
  mix-blend-mode: overlay;
  opacity: 0.4;
}

@media screen and (max-width: 1179px) {
  .blog-post__article {
    grid-column-start: span 9;
  }
  .blog-post__sidebar {
    grid-column-start: span 12;
  }
  .blog-post__sidebar--small {
    display: block;
  }
  .page-template-page-question-bank .blog-post__sidebar {
    grid-column-start: span 9;
    grid-column: 1/10;
  }
  .blog-post__related .posts__latestContainer {
    flex-direction: row;
  }
  .blog-post__related .posts__latestContainer .post-card:nth-child(3) {
    display: none;
  }
  .page-template-page-find-locums .about .column-7 {
    grid-column-start: span 9;
  }
  .page-template-page-find-locums .hero__main {
    grid-column-start: span 7;
  }
}
@media screen and (max-width: 1023px) {
  .blog-post__image img {
    height: 340px;
  }
  .blog-post__article {
    grid-column-start: span 12;
  }
  .blog-post__related .posts__latestContainer {
    display: none;
  }
  .page-template-page-find-locums .about .column-7 {
    grid-column-start: span 12;
  }
  .messly-screenshot {
    display: none;
  }
  .page-template-page-question-bank .blog-post__sidebar {
    grid-column-start: span 12;
    grid-column: 1/13;
  }
  .blog-post__sidebar-content {
    position: relative;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .fy1cc__salesImage, .fy1cc__salesShadows {
    display: none;
  }
  .fy1cc__sales {
    padding-right: 32px;
  }
  .blog-post__image img {
    height: 240px;
  }
  .blog-post__article img.alignright {
    display: none;
  }
  .msra-subs .column-6 {
    grid-column-start: span 12;
  }
  .blog-post__article p,
  .dashboard__guide p,
  .terms p,
  .about p {
    font-size: 16px;
    line-height: 24px;
  }
  .blog-post__article li,
  .dashboard__guide li,
  .terms li,
  .about li {
    font-size: 16px;
    line-height: 24px;
  }
  .blog-post__article h2:not(.post-card__title--small),
  .dashboard__guide h2:not(.post-card__title--small),
  .terms h2:not(.post-card__title--small),
  .about h2:not(.post-card__title--small) {
    font-size: 28px;
    margin-bottom: 8px;
    margin-top: 32px;
    line-height: 32px;
  }
  .blog-post__article > p:first-of-type,
  .dashboard__guide > p:first-of-type,
  .terms > p:first-of-type,
  .about > p:first-of-type {
    font-size: 20px;
    line-height: 32px;
  }
  .presenter {
    grid-column-start: span 12;
  }
}
.page-template-page-buy header, .page-template-page-buy footer, .page-template-page-buy-pre-clin header, .page-template-page-buy-pre-clin footer {
  display: none;
}

#payment-form, #payment-form-platform {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}

.StripeElement {
  display: block;
  color: #0f172a;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 12px;
  width: 100%;
  flex-grow: 1;
}
.StripeElement::placeholder {
  color: #94a3b8;
}

.StripeElement--focus {
  border-color: #1d4ed8;
  -webkit-box-shadow: inset 0 0 0 1px #1d4ed8;
  -moz-box-shadow: inset 0 0 0 1px #1d4ed8;
  box-shadow: inset 0 0 0 1px #1d4ed8;
}

.StripeElement--invalid {
  border-color: #b91c1c;
}
.StripeElement--invalid.StripeElement--focus {
  -webkit-box-shadow: inset 0 0 0 1px #b91c1c;
  -moz-box-shadow: inset 0 0 0 1px #b91c1c;
  box-shadow: inset 0 0 0 1px #b91c1c;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.disclaimer {
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
  text-align: center;
}

.discount-applied,
.discount-invalid {
  background: #eff6ff;
  text-align: center;
  padding: 12px;
  border-radius: 12px;
}

.discount-invalid {
  background: #fee2e2;
}

.discount-fields, .verify-fields {
  position: relative;
}

.verify-fields {
  margin-top: 12px;
  border-radius: 20px;
  background: #d6249f;
  background: #833ab4;
  background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
  padding: 12px;
}
.verify-fields label {
  color: white;
  font-size: 12px;
}

.verify-links {
  display: flex;
  gap: 8px;
}

.verify-links__qr {
  width: 60px !important;
  height: 60px !important;
  border-radius: 4px;
}

.verify-content h4 {
  color: white !important;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
}
.verify-content p {
  color: white;
  font-size: 14px;
  line-height: 20px;
}
.verify-content p a {
  color: white;
  transition: 0.3s;
}
.verify-content p a:hover {
  opacity: 0.8;
}

.verify-fields--sales {
  padding: 16px 20px 20px;
}
.verify-fields--sales h4 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 12px;
}
.verify-fields--sales p {
  font-size: 16px;
  line-height: 24px;
}
.verify-fields--sales p a {
  color: white !important;
}
.verify-fields--sales .verify-links__qr {
  width: 80px !important;
  height: 80px !important;
}
.verify-fields--sales .verify-links {
  gap: 16px;
}

.apply-discount, .verify-follow {
  position: absolute;
  height: 40px;
  right: 1px;
  bottom: 1px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-left: 1px solid #cbd5e1;
  cursor: pointer;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.apply-discount:hover, .verify-follow:hover {
  background: #f1f5f9;
}

.verify-follow {
  bottom: 13px;
  right: 13px;
}

.cart-panel {
  border-radius: 12px;
  margin-bottom: 20px;
  background-size: 100%, cover;
  background-position: center;
  color: white;
  height: 140px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: space-between;
}
.cart-panel h3 {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 24px;
}
.cart-panel .subscription {
  font-size: 14px;
}

.processing, .checking-code {
  pointer-events: none;
  opacity: 0.6;
}

.buy-now {
  background: #eff6ff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 16px;
}
.buy-now .sectionHeader {
  margin-bottom: 0;
}
.buy-now hr {
  border: 0;
  height: 1px;
  width: 100%;
  background: #bfdbfe;
}

.buy-now__freetrial {
  display: flex;
  gap: 24px;
  align-items: center;
  width: 100%;
  border-radius: 20px;
  padding: 16px;
  background: #eff6ff;
  margin-bottom: 24px;
}
.buy-now__freetrial .freetrial__thumb {
  width: 50%;
  position: relative;
  max-width: 220px;
  flex-grow: 0;
}
.buy-now__freetrial .freetrial__thumb .thumb__play {
  background: rgba(0, 0, 0, 0.6);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  transition: 0.3s;
}
.buy-now__freetrial .freetrial__thumb .thumb__play img {
  transition: 0.3s;
  width: 20px;
}
.buy-now__freetrial .freetrial__thumb .freetrial__thumbImage {
  display: block;
  width: 100%;
  border-radius: 8px;
}
.buy-now__freetrial .freetrial__thumb:hover .thumb__play {
  width: 44px;
  height: 44px;
  border-radius: 22px;
}
.buy-now__freetrial .freetrial__thumb:hover .thumb__play img {
  width: 22px;
}
.buy-now__freetrial .freetrial__text {
  width: 50%;
  margin-bottom: 0;
  flex-grow: 1;
}
.buy-now__freetrial .freetrial__text p {
  margin-bottom: 0;
  line-height: 24px;
  font-size: 16px;
}

@media screen and (max-width: 580px) {
  .buy-now__freetrial {
    flex-wrap: wrap;
  }
  .buy-now__freetrial .freetrial__thumb {
    width: 100%;
    max-width: 100%;
  }
}
.buy-now__price h2 {
  margin-bottom: 0;
}
.buy-now__price h2 span {
  font-size: 16px;
  letter-spacing: 0;
}
.buy-now__price p {
  font-size: 14px;
  line-height: 16px;
}

.buy-now__disclaimer {
  font-size: 12px;
  line-height: 16px;
  margin-top: -12px;
}

.buy-now__price--cpd {
  display: flex;
  justify-content: space-between;
}

.buy-now__vat {
  font-size: 14px;
  text-align: center;
  margin-top: -12px;
  display: block;
}

.buy-now__features h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}

.buy-now__features ul li,
.buy-now__list li {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
  padding-left: 28px;
  background-image: url("../img/ui/icons/check--blue.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top left;
}
.buy-now__features ul li:last-of-type,
.buy-now__list li:last-of-type {
  margin-bottom: 0;
}

.buy-now__options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.buy-now__option {
  border-radius: 8px;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #bfdbfe;
  cursor: pointer;
}
.buy-now__option::before {
  content: " ";
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url("../img/ui/icons/circle--blue.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  opacity: 0.24;
  flex-grow: 0;
  flex-shrink: 0;
}

.buy-now__cpd {
  height: 40px;
}

.buy-now__option--selected {
  background: white;
  border-color: #1d4ed8;
  box-shadow: inset 0 0 0 1px #1d4ed8;
  color: #1e40af;
}
.buy-now__option--selected::before {
  background-image: url("../img/ui/icons/radio--blue.svg");
  opacity: 1;
}

.buy-now__buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.buy-now__details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-grow: 1;
}
.buy-now__details .duration {
  font-size: 16px;
  font-weight: bold;
}
.buy-now__details .expiry {
  font-size: 14px;
  line-height: 16px;
}

.buy-now__cost {
  font-size: 20px;
  font-weight: 700;
  flex-grow: 0;
}

.bundle {
  background-color: #1d4ed8;
  background-image: url("../img/ui/icons/arrowRight--white.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) 16px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  border-radius: 8px;
  margin-bottom: 24px;
  color: #0f172a;
  text-decoration: none;
  transition: 0.3s;
}
.bundle:hover {
  background-color: #1e40af;
}
.bundle .bundle__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bundle p {
  font-size: 14px;
  line-height: 20px;
  color: white;
}
.bundle h3 {
  font-size: 20px;
  margin-bottom: 0;
  color: white;
}
.bundle h4 {
  margin-bottom: 0;
  line-height: 20px;
  color: white;
  padding: 0 32px 0 0;
}

.page-template-page-question-bank .blog-post__sidebar-content {
  gap: 20px;
}
.page-template-page-question-bank .bundle {
  border-radius: 16px;
}

.sales__box {
  background: #1d4ed8;
  color: white;
  padding: 32px;
  border-radius: 20px;
}
.sales__box p:last-of-type {
  margin-bottom: 0;
}

.ls-redirect {
  margin-bottom: 24px;
  font-weight: 600;
  padding: 16px;
  background: #fee2e2;
  color: #b91c1c;
  border-radius: 16px;
}
.ls-redirect a {
  color: #b91c1c;
}

.live-dates-calendar {
  margin-bottom: 24px;
  background: white;
  border-radius: 16px;
}

.live-date {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 12px;
  display: flex;
  color: #0f172a;
  gap: 12px;
  align-items: center;
}

.live-date__date {
  padding: 8px 8px 12px;
  border-radius: 8px;
  background: #cbd5e1;
  text-align: center;
}

.live-date__days {
  font-size: 24px;
  font-weight: 600;
}

.live-date__month {
  text-transform: uppercase;
  letter-spacing: 0.2px;
  margin-bottom: 4px;
}

.live-date__title {
  font-weight: 600;
  font-size: 20px;
}

.buy-now-switcher {
  padding: 4px;
  background: rgba(0, 0, 0, 0.08);
  color: #0f172a;
  border-radius: 12px;
  display: flex;
}

.buy-now-switch {
  width: 50%;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  padding: 4px;
  font-weight: 550;
  cursor: pointer;
}

.buy-now-switch--active {
  background: white;
}

.buy-now--ttt {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.buy-now-switcher-container {
  padding: 24px 24px 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background: #eff6ff;
}

.buy-now--hidden {
  display: none;
}

.active-sub {
  background: #1d4ed8;
  color: white;
  padding: 20px;
  border-radius: 20px;
}
.active-sub a {
  color: white;
}

.ranker {
  display: flex;
}

.ranker__sidebar {
  width: 378px;
  border-top: 1px solid #cbd5e1;
  border-right: 1px solid #cbd5e1;
  padding: 0 0 122px 0;
  height: calc(100vh - 72px);
  overflow-y: scroll;
  flex-shrink: 0;
  position: relative;
}

.ranker__content {
  flex-grow: 1;
  border-top: 1px solid #cbd5e1;
}
.ranker__content .grid {
  gap: 0;
  height: 100%;
}
.ranker__content .ranker__title {
  padding: 18px 24px;
  min-height: 57px;
}
.ranker__content .jobs {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ranker__column {
  height: calc(100vh - 72px);
  overflow-y: scroll;
}
.ranker__column .items {
  height: calc(100% - 57px);
  padding: 24px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ranker__column .item {
  padding: 12px 40px 12px 16px;
  font-size: 14px;
  font-weight: 600;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background-image: url("../img/ui/icons/move--blue.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 16px;
  cursor: grab;
  cursor: -webkit-grab;
}
.ranker__column .item[data-title=""] {
  display: none;
}
.ranker__column .item[data-title="To be confirmed"] {
  display: none;
}
.ranker__column .item[data-title="To be Confirmed"] {
  display: none;
}
.ranker__column .item[data-title="To Be confirmed"] {
  display: none;
}
.ranker__column .item[data-title="To Be Confirmed"] {
  display: none;
}
.ranker__column .item[data-title=TBC] {
  display: none;
}
.ranker__column .item[data-title=Tbc] {
  display: none;
}
.ranker__column .item[data-title=Community] {
  display: none;
}
.ranker__column .item[data-title=Various] {
  display: none;
}
.ranker__column .item[data-title=Foundation] {
  display: none;
}
.ranker__column .item.result {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-position: calc(100% - 15px) 14px;
}
.ranker__column .item.result .reference {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 28px;
}
.ranker__column .item.result .reference .number, .ranker__column .item.result .reference .comp {
  line-height: 22px;
}
.ranker__column .item.result .all-jobs {
  display: flex;
  gap: 12px;
  font-weight: 450;
}
.ranker__column .item.result .all-jobs .fy1-jobs,
.ranker__column .item.result .all-jobs .fy2-jobs {
  background: white;
  padding: 12px;
  border-radius: 4px;
  width: 100%;
  flex-grow: 0;
}
.ranker__column .item.result .all-jobs .fy1-jobs .jobs-heading,
.ranker__column .item.result .all-jobs .fy2-jobs .jobs-heading {
  margin-bottom: 0;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  border-top: 1px solid #cbd5e1;
  position: relative;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation.job-rotation--first,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation.job-rotation--first {
  border-top: 0;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation > span,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation > span {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0px;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation > span:nth-child(2),
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation > span:nth-child(2) {
  text-transform: capitalize;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation > span:nth-child(2) .job__sub,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation > span:nth-child(2) .job__sub {
  text-transform: none;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .icon,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .icon {
  width: 16px;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .job__sub,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .job__sub {
  color: #64748b;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .gmc__container,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .gmc__container {
  display: flex;
  gap: 6px;
  margin-top: 4px;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .gmc__separator,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .gmc__separator {
  height: 20px;
  width: 1px;
  background: #cbd5e1;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .gmc__tooltip,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .gmc__tooltip {
  position: absolute;
  top: 100%;
  background: #0f172a;
  padding: 2px 4px;
  border-radius: 2px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-weight: 450;
  line-height: 14px;
  text-align: center;
  display: none;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .gmc,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .gmc {
  background: #fef3c7;
  color: #92400e;
  font-size: 12px;
  font-weight: 600;
  padding: 0 4px;
  border-radius: 2px;
  align-items: center;
  display: flex;
  gap: 4px;
  position: relative;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .gmc .gmc__icon,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .gmc .gmc__icon {
  width: 12px;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .gmc.gmc--red,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .gmc.gmc--red {
  background: #fef2f2;
  color: #b91c1c;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .gmc.gmc--green,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .gmc.gmc--green {
  background: #dcfce7;
  color: #166534;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .gmc.gmc--grey,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .gmc.gmc--grey {
  background: #f1f5f9;
  color: #64748b;
}
.ranker__column .item.result .all-jobs .fy1-jobs .job-rotation .gmc:hover .gmc__tooltip,
.ranker__column .item.result .all-jobs .fy2-jobs .job-rotation .gmc:hover .gmc__tooltip {
  display: block;
  z-index: 1;
}

.ranker--results .item.item--region {
  background-image: none;
  padding: 20px 15px;
  cursor: auto;
}
.ranker--results .item.item--region > .reference {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-right: 0;
}
.ranker--results .item.item--region > .reference .reference {
  padding-right: 0 !important;
}
.ranker--results .item.item--region > .reference .number {
  margin-right: 10px;
}
.ranker--results .item.item--region > .reference .view-jobs {
  text-decoration: none;
  display: inline-block;
}
.ranker--results .item.item--region > .reference .view-jobs.open {
  margin-bottom: 20px;
}
.ranker--results .item.item--region .item {
  display: none;
  cursor: auto;
  background-image: none;
  margin-bottom: 8px;
}
.ranker--results .item.item--region .item:last-of-type {
  margin-bottom: 0;
}
.ranker--results .item.item--region .item:first-child {
  margin-top: 20px;
}
.ranker--results .item.item--region .item.show {
  display: block;
}
.ranker--results .item .all-jobs {
  display: flex;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  /* My styling */
  background-color: #eff6ff;
  border: 1px solid #dbeafe;
  font-family: "Instrument Sans", sans-serif;
  color: #0f172a;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 14px;
  background-image: url("../img/ui/icons/move--blue.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 16px;
  cursor: grabbing;
  cursor: -webkit-grabbing;
  -ms-transform: rotate(1deg); /* IE 9 */
  -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
  transform: rotate(1deg);
  border-radius: 8px;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  -moz-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
}
.gu-mirror.result {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-position: calc(100% - 15px) 14px;
}
.gu-mirror.result .reference {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 28px;
}
.gu-mirror.result .reference .number, .gu-mirror.result .reference .comp {
  line-height: 22px;
}
.gu-mirror.result .all-jobs {
  display: flex;
  gap: 12px;
  font-weight: 450;
}
.gu-mirror.result .all-jobs .fy1-jobs,
.gu-mirror.result .all-jobs .fy2-jobs {
  background: white;
  padding: 12px;
  border-radius: 4px;
  width: 100%;
  flex-grow: 0;
}
.gu-mirror.result .all-jobs .fy1-jobs .jobs-heading,
.gu-mirror.result .all-jobs .fy2-jobs .jobs-heading {
  margin-bottom: 0;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  border-top: 1px solid #cbd5e1;
  position: relative;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation.job-rotation--first,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation.job-rotation--first {
  border-top: 0;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation > span,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation > span {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0px;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .icon,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .icon {
  width: 16px;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .job__sub,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .job__sub {
  color: #64748b;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .gmc__container,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .gmc__container {
  display: flex;
  gap: 6px;
  margin-top: 4px;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .gmc__separator,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .gmc__separator {
  height: 20px;
  width: 1px;
  background: #cbd5e1;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .gmc,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .gmc {
  background: #fef3c7;
  color: #92400e;
  font-size: 12px;
  font-weight: 600;
  padding: 0 4px;
  border-radius: 2px;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .gmc .gmc__icon,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .gmc .gmc__icon {
  width: 12px;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .gmc.gmc--red,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .gmc.gmc--red {
  background: #fef2f2;
  color: #b91c1c;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .gmc.gmc--green,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .gmc.gmc--green {
  background: #dcfce7;
  color: #166534;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .gmc.gmc--grey,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .gmc.gmc--grey {
  background: #f1f5f9;
  color: #64748b;
}
.gu-mirror.result .all-jobs .fy1-jobs .job-rotation .gmc .gmc__tooltip,
.gu-mirror.result .all-jobs .fy2-jobs .job-rotation .gmc .gmc__tooltip {
  display: none;
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.ranker__title {
  padding: 18px 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  border-bottom: 1px solid #cbd5e1;
}

.ranker__list {
  padding: 20px 24px 20px 12px;
}

.ranker__listHeader {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #64748b;
  margin-top: 32px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #cbd5e1;
}

.ranker__option a {
  padding: 8px 12px;
  margin: 0 -12px;
  background: white;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  color: #0f172a;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.ranker__option a .ranker-status {
  color: #64748b;
  font-weight: 450;
  display: flex;
  gap: 6px;
  align-items: center;
}
.ranker__option a.ranker__option--current {
  background: #1d4ed8;
  color: white;
}
.ranker__option a.ranker__option--current .ranker-status {
  color: white;
  opacity: 0.8;
}
.ranker__option a.ranker__option--current:hover {
  background: #1d4ed8;
}
.ranker__option a:hover {
  background: #f1f5f9;
}

.ranker__column {
  border-right: 1px solid #cbd5e1;
}
.ranker__column:last-child {
  border-right: 0;
}

select.change_deanery {
  color: #0f172a;
  background-image: url("../img/ui/icons/caret--slate.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  border: 0;
  width: 100%;
}

#change_deanery_chosen {
  margin-bottom: 28px;
}

.ranker__list .chosen-container-single .chosen-default,
.no-region .chosen-container-single .chosen-default {
  color: #0f172a;
}

.ranker__list .chosen-container-single .chosen-single,
.no-region .chosen-container-single .chosen-single {
  background-color: white;
  background-image: url("../img/ui/icons/caret--slate.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  box-shadow: none;
  color: #0f172a;
  display: flex;
  width: 100%;
  padding: 10px 12px;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  line-height: 24px;
  height: 44px;
  font-size: 14px;
  font-weight: 450;
}
.ranker__list .chosen-container-single .chosen-single::before,
.no-region .chosen-container-single .chosen-single::before {
  content: " ";
  background-image: url("../img/ui/icons/pin--blue.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
}

.no-region .chosen-container-single .chosen-single {
  text-align: left;
}

.ranker__list .chosen-container .chosen-drop,
.no-region .chosen-container .chosen-drop {
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  -moz-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  padding: 0;
}

.ranker__list .chosen-container-single .chosen-search,
.no-region .chosen-container-single .chosen-search {
  padding: 10px;
}

.ranker__list .chosen-container-single .chosen-search input[type=text],
.no-region .chosen-container-single .chosen-search input[type=text] {
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  color: #0f172a;
  font-size: 12px;
  padding: 10px 12px;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 450;
}
.ranker__list .chosen-container-single .chosen-search input[type=text]:focus,
.no-region .chosen-container-single .chosen-search input[type=text]:focus {
  box-shadow: none;
}

.ranker__list .chosen-container .chosen-results li.disabled-result,
.no-region .chosen-container .chosen-results li.disabled-result {
  opacity: 0.4;
}
.ranker__list .chosen-container .chosen-results li.disabled-result:after,
.no-region .chosen-container .chosen-results li.disabled-result:after {
  content: " - Coming soon";
}
.ranker__list .chosen-container .chosen-results li.disabled-result.selected,
.no-region .chosen-container .chosen-results li.disabled-result.selected {
  color: #1d4ed8;
  font-weight: 600;
  opacity: 1;
}
.ranker__list .chosen-container .chosen-results li.disabled-result.selected:before,
.no-region .chosen-container .chosen-results li.disabled-result.selected:before {
  content: " ";
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #16a34a;
  display: inline-block;
  margin-right: 5px;
}
.ranker__list .chosen-container .chosen-results li.disabled-result.selected:after,
.no-region .chosen-container .chosen-results li.disabled-result.selected:after {
  content: "";
}

.ranker__list .chosen-container .chosen-results,
.no-region .chosen-container .chosen-results {
  padding: 0;
  margin-right: 0;
}
.ranker__list .chosen-container .chosen-results li,
.no-region .chosen-container .chosen-results li {
  padding: 8px 12px;
  margin: 0 4px;
  color: #0f172a;
  font-size: 12px;
  border-radius: 6px;
}
.ranker__list .chosen-container .chosen-results li.group-option,
.no-region .chosen-container .chosen-results li.group-option {
  padding-left: 20px;
}
.ranker__list .chosen-container .chosen-results li.highlighted,
.no-region .chosen-container .chosen-results li.highlighted {
  background: #f1f5f9;
}
.ranker__list .chosen-container .chosen-results li:first-of-type,
.no-region .chosen-container .chosen-results li:first-of-type {
  display: none;
}

.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type=text] {
  background: none !important;
}

.ranker__update {
  background: #eff6ff;
  border-radius: 8px;
  padding: 16px;
  margin-top: 20px;
}
.ranker__update h4 {
  font-size: 13px;
  line-height: 20px;
}
.ranker__update p {
  font-size: 13px;
  line-height: 20px;
}

.pref_a {
  position: relative;
  padding: 24px;
}
.pref_a span {
  display: flex;
  gap: 16px;
  align-items: center;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 33px;
  padding: 16px 20px;
  cursor: pointer;
}
.pref_a span::before {
  content: " ";
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("../img/ui/icons/circle--blue.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  opacity: 0.24;
  flex-grow: 0;
  flex-shrink: 0;
}
.pref_a.selected span {
  border-color: #1d4ed8;
}
.pref_a.selected span::before {
  background-image: url("../img/ui/icons/radio--blue.svg");
  opacity: 1;
}

.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  z-index: 1000000;
}
.loading span {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px 10px 10px 35px;
  font-size: 14px;
  border-radius: 5px;
  background-image: url("../img/results-loader.gif");
  background-repeat: no-repeat;
  background-position: 10px center;
}

.no-region {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: rgba(15, 23, 42, 0.8);
  height: 100vh;
  z-index: 100;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
}
.no-region .card {
  width: 90%;
  max-width: 400px;
  height: auto;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  -moz-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  padding: 20px;
  background: white;
  border-radius: 16px;
}
.no-region .card h3 {
  margin-bottom: 20px;
}
.no-region .card p {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 12px;
}
.no-region .card:hover {
  transform: translateY(0);
}
.no-region .chosen-container-single {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0 !important;
}
.no-region .chosen-container-single .chosen-single {
  width: 100%;
}

.premium__psa {
  background: #1d4ed8;
  color: white;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 8px;
}
.premium__psa h3 {
  font-size: 18px;
  text-align: left !important;
  line-height: 24px;
  margin-bottom: 0 !important;
}

.premium-modal, .premium-modal-clicked, .wessex-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: rgba(15, 23, 42, 0.8);
  height: 100vh;
  z-index: 100;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  display: none;
}
.premium-modal .card, .premium-modal-clicked .card, .wessex-modal .card {
  width: 90%;
  max-width: 600px;
  background: white;
  height: auto;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  -moz-box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  box-shadow: 0px 4px 8px 0px rgba(15, 23, 42, 0.1);
  padding: 20px;
  padding-bottom: 0;
  border-radius: 16px;
  text-align: left;
  position: relative;
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
}
.premium-modal .card h3, .premium-modal-clicked .card h3, .wessex-modal .card h3 {
  margin-bottom: 20px;
  text-align: center;
}
.premium-modal .card p, .premium-modal-clicked .card p, .wessex-modal .card p {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 20px;
}
.premium-modal .card:hover, .premium-modal-clicked .card:hover, .wessex-modal .card:hover {
  transform: translateY(0);
}
.premium-modal .card h4, .premium-modal-clicked .card h4, .wessex-modal .card h4 {
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  color: #0f172a;
}
.premium-modal .card .preview, .premium-modal-clicked .card .preview, .wessex-modal .card .preview {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.premium-modal .card .button-section, .premium-modal-clicked .card .button-section, .wessex-modal .card .button-section {
  padding: 20px 0;
}
.premium-modal .card .premium__content, .premium-modal-clicked .card .premium__content, .wessex-modal .card .premium__content {
  overflow-y: scroll;
  max-height: 600px;
}

.ranker__upsell {
  background: #6F28E8;
  color: white;
  display: flex;
  gap: 24px;
  padding: 16px 24px;
  align-items: center;
}

.ranker__upsellContent {
  flex-grow: 1;
  flex-shrink: 1;
}
.ranker__upsellContent h3 {
  font-size: 16px;
  line-height: 20px;
}
.ranker__upsellContent p {
  font-size: 14px;
  line-height: 20px;
}
.ranker__upsellContent ul {
  list-style-type: square;
  list-style-position: outside;
}
.ranker__upsellContent ul li {
  font-weight: 450;
  margin-left: 24px;
}

.ranker__upsellButtons {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  gap: 4px;
}

.ranker__upsellImage {
  height: 128px;
  flex-grow: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 1396px) {
  .ranker__upsell {
    flex-wrap: wrap;
  }
  .ranker__upsellButtons {
    width: 100%;
  }
  .ranker__upsellContent {
    width: calc(100% - 24px - 132px);
  }
}
@media screen and (max-width: 767px) {
  .ranker__upsellImage {
    display: none;
  }
}
@media screen and (max-width: 1179px) {
  .ranker__sidebar {
    width: 350px;
  }
  .page-specialties .list__copyright,
  .page-locations .list__copyright,
  .page-preferences .list__copyright,
  .page-results .list__copyright {
    width: 362px;
  }
}
@media screen and (max-width: 1023px) {
  .ranker__column {
    padding-bottom: 100px;
  }
  .page-specialties .list__copyright,
  .page-locations .list__copyright,
  .page-preferences .list__copyright,
  .page-results .list__copyright {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .ranker__column .ranker__title {
    padding: 18px 12px;
  }
  .ranker__column .items {
    padding: 12px;
  }
  .ranker__column .item {
    font-size: 12px;
    line-height: 16px;
    background-image: none;
    padding: 8px;
  }
  .page-preferences .ranker__column {
    grid-column-start: span 12;
    height: auto;
    padding: 0;
  }
  .page-preferences .ranker__title {
    display: none;
  }
}
.question-bank {
  display: flex;
}

.question-bank__sidebar {
  width: 378px;
  border-top: 1px solid #cbd5e1;
  border-right: 1px solid #cbd5e1;
  padding: 0 0 122px 0;
  height: calc(100vh - 72px);
  overflow-y: scroll;
  flex-shrink: 0;
}

.question-bank__title {
  padding: 18px 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  border-bottom: 1px solid #cbd5e1;
}

.question-bank__title--cpsa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 10px 12px;
}

.question-bank__list {
  padding: 20px 24px 20px 12px;
}

.question-bank__listHeader {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #64748b;
  margin-top: 32px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #cbd5e1;
  display: flex;
  justify-content: space-between;
}

.question--hidden {
  display: none;
}

.question a {
  padding: 8px 12px;
  margin: 0 -12px;
  background: white;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  color: #0f172a;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.question a .question-status {
  color: #64748b;
  font-weight: 450;
  display: flex;
  gap: 6px;
  align-items: center;
}
.question a .question-status.question-status--incomplete::before {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #e2e8f0;
}
.question a .question-status.question-status--complete::before {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #16a34a;
}
.question a .question-status.question-status--revisit::before {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #f59e0b;
}
.question a .question-status.question-status--go-back::before {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #f59e0b;
}
.question a.question--current {
  background: #1d4ed8;
  color: white;
}
.question a.question--current .question-status {
  color: white;
  opacity: 0.8;
}
.question a.question--current .question-status.question-status--incomplete::before {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: white;
  opacity: 0.4;
}
.question a.question--current:hover {
  background: #1d4ed8;
}
.question a:hover {
  background: #f1f5f9;
}

.question__feedback #user_email_feedback {
  display: none;
}

.question--disabled {
  opacity: 0.4;
}
.question--disabled a:hover {
  background: white;
}

.sidebar__purchase {
  margin-top: 16px;
  background: #eff6ff;
  border-radius: 16px;
  padding: 20px;
}
.sidebar__purchase h2 {
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 20px;
}

.list__copyright {
  font-weight: 450;
  font-size: 14px;
  line-height: 24px;
  position: fixed;
  width: 390px;
  border-right: 1px solid #cbd5e1;
  border-top: 1px solid #cbd5e1;
  bottom: 0;
  left: 0;
  padding: 20px 24px;
  background: white;
}
.list__copyright .footer__copyright {
  padding: 0 4px;
}
.list__copyright::before {
  content: " ";
  position: absolute;
  height: 32px;
  width: 100%;
  top: -33px;
  left: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */
}

.question__content {
  flex-grow: 1;
  border-top: 1px solid #cbd5e1;
  padding: 0 120px 0 60px;
  height: calc(100vh - 72px);
  overflow-y: scroll;
}

.question__scenario {
  padding: 40px 0 80px;
  max-width: 800px;
  margin: 0 auto;
}

.question__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}

.question__title {
  font-size: 28px;
  line-height: 44px;
  letter-spacing: -0.28px;
  margin-bottom: 0;
}

.question__statusContainer {
  position: relative;
}

.question__status {
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  width: 180px;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 32px 10px 12px;
  display: flex;
  gap: 12px;
  align-items: center;
  background-image: url("../img/ui/icons/caret--slate.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  cursor: pointer;
}
.question__status::before {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #cbd5e1;
}
.question__status:hover {
  background-color: #f1f5f9;
}

.question__status--complete::before {
  background: #16a34a;
}

.question__status--go-back::before,
.question__status--revisit::before {
  background: #f59e0b;
}

.question__statusDropdown {
  display: none;
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  background: white;
  border-radius: 8px;
  border: 1px solid #eff6ff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
}

.question__statusDropdown--open {
  display: block;
}

.question__statusDropdownItem {
  padding: 8px 12px;
}
.question__statusDropdownItem:hover {
  background-color: #f1f5f9;
}

.question__blurb {
  margin-bottom: 32px;
}
.question__blurb img {
  width: 100%;
  height: auto;
}
.question__blurb p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 450 !important;
  margin-bottom: 20px;
}
.question__blurb p span {
  font-weight: 450 !important;
}
.question__blurb p strong, .question__blurb p b {
  font-weight: 700;
}
.question__blurb p em, .question__blurb p i {
  font-style: italic;
}
.question__blurb ul, .question__blurb ol {
  font-size: 16px;
  line-height: 28px;
  list-style-type: square;
  list-style-position: outside;
  margin-bottom: 24px;
  margin-left: 36px;
}
.question__blurb ul ul, .question__blurb ol ul {
  margin-top: 12px;
}
.question__blurb ul li, .question__blurb ol li {
  margin-bottom: 4px;
  line-height: 28px;
  font-weight: 450;
  padding-left: 8px;
}
.question__blurb ul li strong, .question__blurb ul li b, .question__blurb ol li strong, .question__blurb ol li b {
  font-weight: 700;
}
.question__blurb ul li em, .question__blurb ul li i, .question__blurb ol li em, .question__blurb ol li i {
  font-style: italic;
}
.question__blurb ul li span, .question__blurb ol li span {
  font-weight: 450 !important;
}
.question__blurb ul li a, .question__blurb ol li a {
  text-decoration: underline;
  transition: 0.3s;
}
.question__blurb ul li a:hover, .question__blurb ol li a:hover {
  color: #1d4ed8;
}
.question__blurb ol {
  list-style-type: decimal;
}

.question__empty {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.lines {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.line {
  height: 16px;
  background: #f1f5f9;
  border-radius: 4px;
}

.line--1 {
  width: 92%;
}

.line--2 {
  width: 90%;
}

.line--3 {
  width: 98%;
}

.line--4 {
  width: 31%;
}

.blocks {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.block {
  height: 60px;
  background: #f1f5f9;
  border-radius: 16px;
}

.question-bank__open, .ranker__open {
  padding: 12px 8px;
  border-right: 1px solid #cbd5e1;
  border-top: 1px solid #cbd5e1;
  display: none;
}

.question-bank__openMenu, .question-bank__closeMenu,
.ranker__openMenu, .ranker__closeMenu {
  width: 36px;
  height: 36px;
  display: block;
  border-radius: 8px;
  background-image: url("../img/ui/icons/listOpen--blue.svg");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
  cursor: pointer;
}
.question-bank__openMenu:hover, .question-bank__closeMenu:hover,
.ranker__openMenu:hover, .ranker__closeMenu:hover {
  background-color: #eff6ff;
}

.question-bank__closeMenu, .ranker__closeMenu {
  background-image: url("../img/ui/icons/listClose--blue.svg");
  display: none;
}

.question-bank__listHeaderNote {
  color: white;
  background: #b91c1c;
  padding: 0 4px;
  border-radius: 4px;
}

.question__upsell {
  background: #1d4ed8;
  color: white;
  margin: 0 -120px 0 -60px;
  padding: 18px 84px 18px 24px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.question__upsell p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.question__upsell p a {
  color: white;
  transition: 0.3s;
}
.question__upsell p a:hover {
  opacity: 0.8;
}

.overall-explanations {
  display: flex;
  gap: 8px;
  background: rgba(29, 78, 216, 0.08);
  padding: 12px 16px;
  border-radius: 8px;
  align-items: center;
}
.overall-explanations::before {
  content: "Further reading:";
  font-size: 14px;
  font-weight: 600;
}

.single-mla-cpsa-questions .question__blurb h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.single-mla-cpsa-questions .question__blurb h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.18px;
  margin-bottom: 6px;
}
.single-mla-cpsa-questions .question__blurb h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.1px;
  margin-bottom: 4px;
}

.question__notes {
  position: fixed;
  height: calc(100% - 73px);
  top: 73px;
  right: 0;
  box-shadow: 0 15px 10px -3px rgba(0, 0, 0, 0.1), 0 6px 4px -4px rgba(0, 0, 0, 0.1);
  background: white;
  border-left: 1px solid #cbd5e1;
  transition: 0.3s;
  display: flex;
}

.question__notesMenu {
  width: 60px;
  background: white;
  height: 100%;
  padding: 10px;
}

.question__notesButton {
  padding: 10px;
  display: flex;
  border-radius: 20px;
  background-color: white;
}
.question__notesButton:hover {
  background-color: #eff6ff;
}
.question__notesButton--open {
  background-color: #eff6ff;
}

.question__notesButtonIconClose {
  display: none;
}

.question__notesContent {
  width: 0;
  background: white;
  height: 100%;
  border-left: 1px solid #cbd5e1;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.question__notesContent textarea, .question__notesContent .butt, .question__notesContent h4 {
  display: none;
}

.question__notesContent--showing {
  width: 320px;
  padding: 18px 20px;
}
.question__notesContent--showing textarea, .question__notesContent--showing h4 {
  display: block;
}
.question__notesContent--showing .butt {
  display: flex;
}

.question__notesInput {
  width: 100%;
  border-radius: 12px;
  background: white;
  border: 1px solid #e2e8f0;
  font-size: 14px;
  font-weight: 450;
  font-family: "Instrument Sans", sans-serif;
  padding: 16px;
  height: 400px;
  resize: vertical;
}

.question-bank__title--cpsa {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  padding: 10px 12px;
  align-items: center;
}

.cpsa__stations {
  overflow: hidden;
  height: 500px;
  overflow-y: scroll;
  margin-bottom: 20px;
}

.mock__categories {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
  background: #eff6ff;
}
.mock__categories summary {
  padding: 8px 12px;
  border-radius: 8px;
  background: #eff6ff;
  cursor: pointer;
  font-weight: 500;
}
.mock__categories summary::marker {
  margin-right: 8px;
}
.mock__categories .mock__stations {
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #E2E8F1;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
  background: white;
  display: flex;
  flex-direction: column;
}
.mock__categories .mock__station {
  border-bottom: 1px solid #e2e8f0;
  padding: 8px 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.mock__categories .mock__station::before {
  content: " ";
  width: 16px;
  height: 16px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
}
.mock__categories .mock__station:first-child {
  padding-top: 0;
}
.mock__categories .mock__station:last-child {
  padding-bottom: 0;
  border: 0;
}
.mock__categories .mock__station.mock__station--selected::before {
  background-color: #1d4ed8;
  border-color: #1e40af;
  background-image: url("../img/tick-white.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
}

.cpsa__pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cpsa__mockCategory {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}

@media screen and (max-width: 1023px) {
  .question-bank__sidebar, .ranker__sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0 15px 10px -3px rgba(0, 0, 0, 0.1), 0 6px 4px -4px rgba(0, 0, 0, 0.1);
    overflow-y: scroll;
    transition: 0.4s;
    border-top: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100px);
    pointer-events: none;
    z-index: 100;
    height: 100%;
    width: 350px;
    background: white;
  }
  .question-bank__sidebar .question-bank__list, .question-bank__sidebar .ranker__list, .ranker__sidebar .question-bank__list, .ranker__sidebar .ranker__list {
    padding: 20px 24px;
  }
  .question-bank__sidebar .toggle--questionBank, .ranker__sidebar .toggle--questionBank {
    margin: 0 -16px;
    width: calc(100% + 32px);
  }
  .question-bank__sidebar .question-bank__title, .question-bank__sidebar .ranker__title, .ranker__sidebar .question-bank__title, .ranker__sidebar .ranker__title {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    padding: 10px 12px;
    align-items: center;
  }
  .ranker__sidebar {
    padding: 0 0 0 0;
  }
  .ranker__update {
    bottom: 24px;
    width: 100%;
  }
  .question-bank__closeMenu, .ranker__closeMenu {
    display: block;
  }
  .question-bank__sidebar--showing, .ranker__sidebar--showing {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
  }
  .question-bank__sidebar--showing, .ranker__sidebar--showing {
    display: block;
  }
  .list__copyright {
    width: 100%;
    border-right: 0;
  }
  .question__content {
    padding: 0 120px 40px 60px;
  }
  .question-bank__open, .ranker__open {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .question__content {
    padding: 0 80px 40px 20px;
  }
  .question__upsell {
    margin: 0 -80px 0 -20px;
    padding: 16px 76px 16px 16px;
  }
  .question__header {
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
  }
  .question__status {
    width: 100%;
  }
  .question__dropdown summary {
    flex-direction: column;
    align-items: flex-start;
  }
  .question__scenario {
    padding-top: 20px;
  }
}
.iubenda_embed_policy .iub_content.legal_pp {
  padding: 0 !important;
}

.exams__content, .interviews__content, .crash-courses__content {
  position: sticky;
  top: 40px;
}

@media screen and (max-width: 1023px) {
  .exams__left, .interviews__left, .crash-courses__left, .crash-courses__right {
    position: relative;
    grid-column-start: span 12;
  }
  .column--card {
    grid-column-start: span 12;
  }
}
@media screen and (max-width: 1179px) {
  .dashboard .column-9 {
    grid-column-start: span 8;
  }
  .dashboard .column-3 {
    grid-column-start: span 4;
  }
}
@media screen and (max-width: 1023px) {
  .dashboard .column-9 {
    grid-column-start: span 12;
  }
  .dashboard .column-3 {
    grid-column-start: span 12;
    order: -1;
  }
}
.coming-soon {
  height: calc(100vh - 72px - 32px);
  margin-bottom: 120px;
}

.coming-soon__hero {
  border-radius: 32px;
  padding: 40px 60px;
  display: flex;
  align-items: flex-end;
  background-size: cover;
  background-position: center;
}

.coming-soon__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 0 40px;
}
.coming-soon__content p:not(.post-card__blurb) {
  font-size: 18px;
  line-height: 32px;
  font-weight: 450 !important;
  margin-bottom: 24px;
}

.post-card--coming-soon {
  margin-top: 40px;
  padding: 12px 12px 12px 20px;
  border-radius: 24px;
  background: #eff6ff;
}
.post-card--coming-soon .post-card__image {
  height: 140px;
}

@media screen and (max-width: 1023px) {
  .coming-soon {
    height: auto;
  }
  .coming-soon__hero {
    grid-column-start: span 12;
    height: 320px;
    margin-bottom: 80px;
  }
  .coming-soon__content {
    grid-column-start: span 12;
  }
  .coming-soon__hero .superhero__title {
    font-size: 52px;
    line-height: 56px;
  }
}
@media screen and (max-width: 767px) {
  .coming-soon__hero {
    min-height: 320px;
    height: auto;
    padding: 24px 40px;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .coming-soon__content {
    padding: 0;
  }
  .coming-soon__hero .superhero__title {
    font-size: 40px;
    line-height: 44px;
  }
  .post-card--coming-soon {
    padding: 20px;
  }
}
.dashboard__history--mocks .history__score {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 260px;
  justify-content: flex-end;
}
.dashboard__history--mocks .history__scoreBar {
  height: 4px;
  width: 200px;
  border-radius: 2px;
  background: #eff6ff;
}
.dashboard__history--mocks .history__scoreBarInner {
  height: 4px;
  border-radius: 2px;
  background: #1d4ed8;
}
.dashboard__history--mocks .history__button {
  display: flex;
  gap: 4px;
  width: 160px;
}
.dashboard__history--mocks .history__buttonTitle {
  width: 160px;
}
.dashboard__history--mocks .history__date, .dashboard__history--mocks .history__dateTitle {
  width: 160px;
  text-align: center;
}
.dashboard__history--mocks .history__scoreTitle {
  width: 260px;
  text-align: right;
}

.question__numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.question__number {
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 16px;
  font-size: 12px;
  background: #eff6ff;
  border-radius: 8px;
  padding: 6px 0;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  border: 2px solid transparent;
}
.question__number:hover {
  background: #dbeafe;
}

.question__number--current {
  color: #1d4ed8;
  border-color: #1d4ed8;
}

.question__number--answered {
  color: white;
  background: #1d4ed8;
}
.question__number--answered.question__number--current {
  border-color: #172554;
}
.question__number--answered:hover {
  background: #1e40af;
}

.question__number--flagged {
  color: #0f172a;
  background: #fbbf24;
}
.question__number--flagged.question__number--current {
  border-color: #92400e;
}
.question__number--flagged:hover {
  background: #f59e0b;
}

.question__number--correct {
  background: #15803d;
  color: white;
  pointer-events: none;
}
.question__number--correct:hover {
  background: #15803d;
  color: white;
}

.question__number--incorrect {
  background: #b91c1c;
  color: white;
  pointer-events: none;
}
.question__number--incorrect:hover {
  background: #b91c1c;
  color: white;
}

.mock__buttons {
  display: flex;
  gap: 8px;
}
.mock__buttons .butt {
  width: 50%;
  flex-grow: 1;
  flex-shrink: 1;
}

.modal__mockHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 8px 8px 8px 12px;
  margin-bottom: 28px;
}

.mock__question {
  font-weight: 500;
}

.mock__flag {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mock__flagCheck {
  width: 28px;
  height: 28px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  background-image: url("../img/ui/icons/flag--grey.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.mock__flagCheck.mock__flagCheck--checked {
  border-color: #fbbf24;
  background-color: #fbbf24;
  background-image: url("../img/ui/icons/flag--slate.svg");
}

.mockEnd__text {
  text-align: center;
  margin-bottom: 0 !important;
}

.mockEnd__summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}

.mockEnd__summaryItem {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mockEnd__summaryItem span {
  font-weight: 600;
}

.mockEnd__summaryIcon {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  position: relative;
}
.mockEnd__summaryIcon::after {
  content: " ";
  width: 4px;
  height: 4px;
  border-radius: 1px;
  background: #0f172a;
  position: absolute;
  top: 6px;
  left: 6px;
}

.mockEnd__summaryIcon--answered {
  background: #1d4ed8;
}
.mockEnd__summaryIcon--answered::after {
  background: white;
}

.mockEnd__summaryIcon--unanswered {
  background: #eff6ff;
}

.mockEnd__summaryIcon--flagged {
  background: #fbbf24;
}

.butt--completeMock {
  margin-top: 20px;
}

.mockEnd {
  background: #eff6ff;
  border-radius: 20px;
  padding: 20px;
  border: 1px solid #dbeafe;
}

.mockEnd__score {
  font-size: 60px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0 !important;
  line-height: 60px;
}

.modal--mock .question__time {
  margin-bottom: 0;
}

.page-template-page-preclin-dashboard .dashboard {
  margin-bottom: 60px;
}

.preclin-hero {
  min-height: 220px;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
}
.preclin-hero .preclin-subtitle {
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 4px;
}
.preclin-hero h2 {
  color: white;
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}
.preclin-hero .preclin-hero-buttons {
  margin-bottom: 28px;
}
.preclin-hero .preclin-hero-buttons .butt {
  border-radius: 12px;
}

.preclin-modules {
  position: relative;
}

.preclin-modules--loading {
  pointer-events: none;
}
.preclin-modules--loading .preclin-stat--overallCompletion,
.preclin-modules--loading .preclin-stat--overallAttempted,
.preclin-modules--loading .preclin-stat--overallCorrect,
.preclin-modules--loading .preclin-stat--overallResponseTime {
  font-size: 0;
  height: 24px;
  margin: 0;
  background: rgba(255, 255, 255, 0.4);
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.2) 8%, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0.2) 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1s shine linear infinite;
  width: 40px;
  display: inline-block;
  vertical-align: top;
}
.preclin-modules--loading .preclin-stat--moduleCompletion,
.preclin-modules--loading .preclin-stat--moduleAttempted,
.preclin-modules--loading .preclin-stat--moduleCorrect,
.preclin-modules--loading .preclin-stat--moduleResponseTime {
  font-size: 0;
  height: 20px;
  margin: 0;
  background: rgba(15, 23, 42, 0.3);
  background: linear-gradient(110deg, rgba(15, 23, 42, 0.15) 8%, rgba(255, 255, 255, 0.5) 18%, rgba(15, 23, 42, 0.15) 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1s shine linear infinite;
  width: 32px;
  display: inline-block;
  vertical-align: top;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
.preclin-module-description {
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
  margin: -8px 0 12px 0;
}

.preclin-note {
  background: #eff6ff;
  border: 1px solid rgba(29, 78, 216, 0.2);
  border-radius: 8px;
  padding: 12px;
}
.preclin-note p {
  font-size: 14px;
  line-height: 20px;
}

.preclin-stats {
  display: flex;
  gap: 20px;
}

.preclin-stats--module .preclin-stat {
  color: #0f172a;
  border-color: #EAEAEA;
  gap: 0;
}
.preclin-stats--module .preclin-statFigure {
  font-size: 20px;
  line-height: 22px;
}

.preclin-stat {
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  color: white;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 16px;
  width: 100%;
}

.preclin-statTitle {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  opacity: 0.8;
}

.preclin-statFigure {
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
}

.preclin-statFigureSmall {
  opacity: 0.8;
  font-size: 14px;
  line-height: 16px;
  margin-left: 2px;
}

.preclin-tabs {
  background: #F8FAFC;
  border: 1px solid #E8EBF1;
  border-top: 0;
  display: flex;
}

.preclin-tab {
  font-size: 14px;
  line-height: 28px;
  padding: 10px 24px;
  font-weight: 600;
  display: block;
  border-right: 1px solid #E8EBF1;
  cursor: pointer;
}
.preclin-tab--active {
  background: white;
  -webkit-box-shadow: 0px 1px 0px 0px rgb(255, 255, 255);
  -moz-box-shadow: 0px 1px 0px 0px rgb(255, 255, 255);
  box-shadow: 0px 1px 0px 0px rgb(255, 255, 255);
}

.preclin-categories {
  padding: 24px;
  background: white;
  border: 1px solid #E8EBF1;
  border-top: 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: none;
}
.preclin-categories.preclin-categories--active {
  display: block;
}

.preclin-exams {
  background-color: #1d4ed8;
  background-image: url("../img/preclin/exambg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 24px;
  border-radius: 16px;
  margin-bottom: 24px;
}
.preclin-exams h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: white;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.preclin-exam {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 15px;
  gap: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.preclin-exam:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.32);
}
.preclin-exam:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.preclin-exam h3 {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  margin-bottom: 4px;
  color: white;
  font-weight: 600;
  letter-spacing: 0;
}
.preclin-exam span {
  font-size: 12px;
  line-height: 16px;
  opacity: 0.8;
  color: white;
  display: block;
}
.preclin-exam .butt {
  border-radius: 12px;
}

.preclin-module {
  padding: 24px 0;
  display: flex;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid #EAEAEA;
  cursor: pointer;
  position: relative;
}
.preclin-module h3 {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 12px;
  font-weight: 600;
  letter-spacing: 0;
}
.preclin-module:first-of-type {
  padding-top: 0;
}
.preclin-module:first-of-type:hover::before {
  top: -12px;
}
.preclin-module:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
.preclin-module:last-of-type:hover::before {
  bottom: -12px;
}
.preclin-module:hover::before {
  position: absolute;
  content: " ";
  top: 12px;
  right: -12px;
  bottom: 12px;
  left: -12px;
  border-radius: 8px;
  background: #F8FAFC;
  z-index: 0;
}

.preclin-moduleDetails {
  width: 100%;
  z-index: 1;
}

.preclin-moduleProgress {
  width: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column-reverse;
  height: 88px;
  justify-content: space-between;
  z-index: 1;
}

.preclin-moduleProgressSlit {
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: #E8EBF1;
}

.preclin-moduleProgressSlit--complete {
  background: #16a34a;
}

.preclin-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0F172A;
  opacity: 0.6;
  display: none;
  z-index: 101;
}

.preclin-modal,
.preclin-guide,
.preclin-question-filters,
.preclin-history-modal {
  background: white;
  position: fixed;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-radius: 16px;
  display: none;
  z-index: 102;
  flex-direction: column;
  overflow: hidden;
}

.preclin-guide,
.preclin-question-filters {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 16px);
  max-width: 800px;
  height: 100%;
  max-height: calc(100% - 32px);
}

.preclin-question-filters {
  max-width: 420px;
  height: auto;
  right: auto;
  bottom: auto;
}

.preclin-modal--showing,
.preclin-guide--showing,
.preclin-question-filters--showing,
.preclin-history-modal--showing {
  display: flex;
}

.preclin-modal-header,
.preclin-guide-header,
.preclin-question-filters-header,
.preclin-history-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E4E7ED;
  flex-shrink: 0;
  flex-grow: 0;
}

.preclin-modal-header-left,
.preclin-guide-header-left,
.preclin-question-filters-header-left,
.preclin-history-modal-header-left {
  display: flex;
  align-items: center;
}

.preclin-modal-header-right {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
  padding-right: 16px;
}

.preclin-modal-close,
.preclin-guide-close,
.preclin-question-filters-close,
.preclin-history-modal-close {
  cursor: pointer;
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}
.preclin-modal-close:hover,
.preclin-guide-close:hover,
.preclin-question-filters-close:hover,
.preclin-history-modal-close:hover {
  background: #F3F6FA;
}

.preclin-modal-title,
.preclin-guide-title,
.preclin-question-filters-title,
.preclin-history-modal-title {
  line-height: 32px;
  border-left: 1px solid #E4E7ED;
  color: #0f172a;
  font-weight: 600;
  font-size: 14px;
  padding-left: 16px;
}

.preclin-session-time {
  margin-left: 2px;
}

.preclin-session-count {
  margin-right: 2px;
}

.preclin-modal-main,
.preclin-history-modal-main {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  height: calc(100% - 120px);
}

.preclin-modal-no-questions {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -40px;
}
.preclin-modal-no-questions h3 {
  margin-top: -80px;
  font-size: 18px;
  letter-spacing: -0.1px;
  font-weight: 600;
}
.preclin-modal-no-questions p {
  font-size: 14px;
  line-height: 20px;
  max-width: 480px;
}
.preclin-modal-no-questions p em {
  font-style: italic;
}

.preclin-guide-main,
.preclin-question-filters-main {
  display: block;
  padding: 24px;
  overflow-y: auto;
}
.preclin-guide-main h2,
.preclin-question-filters-main h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.preclin-guide-main h3,
.preclin-question-filters-main h3 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 4px;
}
.preclin-guide-main p,
.preclin-question-filters-main p {
  margin-bottom: 24px;
}
.preclin-guide-main p:last-of-type,
.preclin-question-filters-main p:last-of-type {
  margin-bottom: 0;
}
.preclin-guide-main ul,
.preclin-question-filters-main ul {
  list-style-type: square;
  list-style-position: outside;
  padding-left: 32px;
  margin-bottom: 16px;
  margin-top: -12px;
}
.preclin-guide-main ul li,
.preclin-question-filters-main ul li {
  font-size: 16px;
  line-height: 24px;
  padding-left: 8px;
  margin-bottom: 8px;
}

.preclin-modal-question,
.preclin-history-modal-question {
  flex-grow: 1;
  padding: 40px;
  overflow-y: auto;
}

.preclin-modal-sidebar,
.preclin-history-modal-sidebar {
  width: 364px;
  height: 100%;
  border-left: 1px solid #E4E7ED;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 24px;
}

.preclin-history-modal-sidebar {
  border-right: 1px solid #E4E7ED;
  border-left: 0;
  padding-top: 8px;
  overflow-y: scroll;
}

.preclin-modal-footer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  border-top: 1px solid #E4E7ED;
}

.preclin-modal-footer-content {
  flex-grow: 1;
  padding: 10px 40px;
}

.preclin-modal-footer-content-inner {
  width: 100%;
  max-width: 956px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.preclin-modal-footer-sidebar {
  width: 364px;
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 24px;
}

.preclin-modal-question-content,
.preclin-history-modal-question-content {
  width: 100%;
  max-width: 956px;
  margin: 0 auto;
}

.preclin-modal-question-data,
.preclin-history-modal-question-data {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E4E7ED;
  border-radius: 8px;
  margin-bottom: 24px;
}

.preclin-modal-question-data-left,
.preclin-history-modal-question-data-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.preclin-modal-question-data-left span,
.preclin-history-modal-question-data-left span {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.preclin-modal-question-data-right,
.preclin-history-modal-question-data-right {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
}

.preclin-modal-question-text,
.preclin-history-modal-question-text {
  padding: 0 12px;
  margin-bottom: 24px;
}
.preclin-modal-question-text p,
.preclin-history-modal-question-text p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 450;
  margin-bottom: 16px;
}
.preclin-modal-question-text p:last-child,
.preclin-history-modal-question-text p:last-child {
  margin-bottom: 0;
}

.preclin-modal-question-options,
.preclin-history-modal-question-options {
  counter-reset: option;
  margin-bottom: 16px;
}

.preclin-modal-question-option,
.preclin-history-modal-question-option {
  padding: 16px;
  background-color: #fff;
  border: 1px solid #E4E7ED;
  border-top: 0;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  counter-increment: option;
  position: relative;
}
.preclin-modal-question-option::after,
.preclin-history-modal-question-option::after {
  content: counter(option);
  border-radius: 4px;
  border: 1px #E4E7ED;
  background: #E4E7ED;
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 10px;
  line-height: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-weight: 600;
  top: 20px;
  right: 16px;
}

.preclin-history-modal-question-content .preclin-modal-question-option::after {
  display: none;
}

.preclin-modal-question-option .explanation,
.preclin-history-modal-question-option .explanation {
  width: 100%;
  flex-shrink: 0;
  padding-left: 32px;
  padding-right: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 450;
  margin: 0;
  box-sizing: border-box;
}

.preclin-modal-question-option::before,
.preclin-history-modal-question-option::before {
  content: " ";
  width: 20px;
  height: 20px;
  background-image: url("../img/preclin/radio.svg");
}

.preclin-modal-question-option:first-child,
.preclin-history-modal-question-option:first-child {
  border-top: 1px solid #E4E7ED;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.preclin-modal-question-option:last-child,
.preclin-history-modal-question-option:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.preclin-modal-question-option:hover::before,
.preclin-history-modal-question-option:hover::before {
  background-image: url("../img/preclin/radio--hover.svg");
}

.preclin-modal-question-option.selected,
.preclin-history-modal-question-option.selected {
  background-color: #EFF6FF;
  border-color: #1D4ED8;
  border-top: 1px solid #1D4ED8;
  margin-top: -1px;
}

.preclin-modal-question-option:first-child.selected,
.preclin-history-modal-question-option:first-child.selected {
  margin-top: 0;
}

.preclin-modal-question-option.selected::before,
.preclin-history-modal-question-option.selected::before {
  background-image: url("../img/preclin/radio--selected.svg");
}

.preclin-modal-question-option.correct,
.preclin-history-modal-question-option.correct {
  background-color: #EEF8F2;
  border-color: #2EA259;
  border-top: 1px solid #2EA259;
  margin-top: -1px;
}

.preclin-modal-question-option:first-child.correct,
.preclin-history-modal-question-option:first-child.correct {
  margin-top: 0;
}

.preclin-modal-question-option.correct::before,
.preclin-history-modal-question-option.correct::before {
  background-image: url("../img/preclin/radio--correct.svg");
}

.preclin-modal-question-option.incorrect,
.preclin-history-modal-question-option.incorrect {
  background-color: #FCF1F1;
  border-color: #DE4A4A;
  border-top: 1px solid #DE4A4A;
  margin-top: -1px;
}

.preclin-modal-question-option:first-child.incorrect,
.preclin-history-modal-question-option:first-child.incorrect {
  margin-top: 0;
}

.preclin-modal-question-option.incorrect::before,
.preclin-history-modal-question-option.incorrect::before {
  background-image: url("../img/preclin/radio--incorrect.svg");
}

.preclin-modal-question-buttons {
  display: none;
  justify-content: flex-end;
}

.preclin-modal-question-buttons--showing {
  display: flex;
}

.preclin-button {
  border-radius: 12px;
  background: #1D4ED8;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding: 6px 12px;
  display: flex;
  gap: 6px;
  text-decoration: none;
  transition: 0.3s;
  align-items: center;
}
.preclin-button:hover {
  background: #1e40af;
}

.preclin-button--secondary {
  background: transparent;
  border: 1px solid #1D4ED8;
  color: #1D4ED8;
}
.preclin-button--secondary:hover {
  background: transparent;
  opacity: 0.8;
}

.preclin-card {
  border: 1px solid #E8EBF1;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
}
.preclin-card .preclin-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.preclin-card .preclin-card-header h2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #0f172a;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.preclin-card .preclin-card-header span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #94a3b8;
  letter-spacing: 0;
  margin-bottom: 16px;
}

.preclin-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.preclin-filter {
  border: 1px solid #E8EBF1;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 450;
  line-height: 16px;
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  align-items: center;
}
.preclin-filter::before {
  content: " ";
  width: 13px;
  height: 13px;
  border: 1.5px solid #E8EBF1;
  border-radius: 4px;
}

.preclin-filter.selected {
  border-color: #1d4ed8;
}
.preclin-filter.selected::before {
  border-color: #1d4ed8;
  background-color: rgba(29, 78, 216, 0.2);
  background-image: url("../img/preclin/filter-check.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.preclin-history-bar {
  height: 12px;
  border-radius: 6px;
  background: #dc2626;
  width: 100%;
  margin-top: 16px;
}

.preclin-history-bar-correct {
  border-right: 2px solid white;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  height: 12px;
  background: #4ade80;
  transition: 0.3s;
}

.preclin-feedback {
  padding: 16px 16px 4px 16px;
  background: #F3F6FA;
  border-radius: 8px;
}
.preclin-feedback .question__feedback-title {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}
.preclin-feedback .question__feedback-title h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
}
.preclin-feedback p {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
}
.preclin-feedback .wpcf7-form .email, .preclin-feedback .wpcf7-form .question_id, .preclin-feedback .wpcf7-form br {
  display: none;
}
.preclin-feedback .wpcf7-form textarea {
  width: 100%;
  border-radius: 8px;
  border: 0;
  background: white;
  font-size: 14px;
  font-weight: 450;
  font-family: "Instrument Sans", sans-serif;
  padding: 8px;
  height: 140px;
  resize: vertical;
}
.preclin-feedback .wpcf7-form .wpcf7-submit {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  position: relative;
  background: transparent;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
  border-radius: 12px;
  cursor: pointer;
  text-decoration: none;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  padding: 0 11px;
  transition: 0.25s;
}
.preclin-feedback .wpcf7-form .wpcf7-submit:hover {
  background: transparent;
  opacity: 0.8;
}

.preclin-history-button {
  display: inline-block;
  margin-top: 20px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  color: #1d4ed8;
}
.preclin-history-button:hover {
  text-decoration: underline;
}

.preclin-history-response {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 16px 0;
  border-bottom: 1px solid #E4E7ED;
  position: relative;
}
.preclin-history-response:last-child {
  border-bottom: 0;
}
.preclin-history-response:hover::before {
  content: " ";
  background: #F3F6FA;
  position: absolute;
  left: -12px;
  right: -12px;
  bottom: 8px;
  top: 8px;
  border-radius: 8px;
  z-index: -1;
}
.preclin-history-response.current::before {
  content: " ";
  background: transparent;
  border: 2px solid #1d4ed8;
  position: absolute;
  left: -12px;
  right: -12px;
  bottom: 8px;
  top: 8px;
  border-radius: 8px;
  z-index: -1;
}

.preclin-history-response-details {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 2px;
}
.preclin-history-response-details .preclin-history-response-module,
.preclin-history-response-details .preclin-history-response-date {
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
}
.preclin-history-response-details .preclin-history-response-status {
  font-size: 14px;
  line-height: 16px;
  color: #0f172a;
}

.preclin-button--skip:hover {
  position: relative;
}
.preclin-button--skip:hover::before {
  content: "You won't be shown the correct answer";
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  background: black;
  color: white;
  font-size: 12px;
  line-height: 14px;
  width: 160px;
  border-radius: 8px;
  text-align: center;
  padding: 4px 8px;
}

.preclin-loader,
.preclin-history-loader {
  text-align: center;
}

.preclin-history-loader {
  padding-top: 16px;
}

.preclin-loader span,
.preclin-history-loader span {
  display: block;
  text-align: center;
  font-size: 12px;
}

.lds-ripple {
  color: #1D4ED8;
}

.lds-ripple,
.lds-ripple div {
  box-sizing: border-box;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}

.lds-ripple div {
  position: absolute;
  border: 2px solid currentColor;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 18px;
    left: 18px;
    width: 4px;
    height: 4px;
    opacity: 0;
  }
  4.9% {
    top: 18px;
    left: 18px;
    width: 4px;
    height: 4px;
    opacity: 0;
  }
  5% {
    top: 18px;
    left: 18px;
    width: 4px;
    height: 4px;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    opacity: 0;
  }
}
.preclin-next-loader {
  text-align: center;
  display: flex;
  align-items: center;
  height: 36px;
  gap: 2px;
}

.preclin-next-loader span {
  font-size: 12px;
}

.lds-next-ripple {
  color: #1D4ED8;
}

.lds-next-ripple,
.lds-next-ripple div {
  box-sizing: border-box;
}

.lds-next-ripple {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}

.lds-next-ripple div {
  position: absolute;
  border: 1px solid currentColor;
  opacity: 1;
  border-radius: 50%;
  animation: lds-next-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-next-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-next-ripple {
  0% {
    top: 9px;
    left: 9px;
    width: 2px;
    height: 2px;
    opacity: 0;
  }
  4.9% {
    top: 9px;
    left: 9px;
    width: 2px;
    height: 2px;
    opacity: 0;
  }
  5% {
    top: 9px;
    left: 9px;
    width: 2px;
    height: 2px;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
  }
}
@media screen and (max-width: 1080px) {
  .preclin-modules,
  .preclin-sidebar {
    grid-column-start: span 12;
  }
}
@media screen and (max-width: 899px) {
  .preclin-stats {
    flex-wrap: wrap;
  }
  .preclin-stat {
    width: 47%;
  }
  .preclin-modal-main {
    flex-wrap: wrap;
    overflow-y: auto;
  }
  .preclin-modal-question {
    width: 100%;
    padding: 24px;
  }
  .preclin-modal-no-questions {
    margin-top: -24px;
  }
  .preclin-modal-sidebar {
    width: 100%;
    border-left: 0;
    height: auto;
  }
  .preclin-modal-footer-sidebar {
    display: none;
  }
  .preclin-modal-question-option::after {
    display: none;
  }
}
@media screen and (max-width: 499px) {
  .dashboard > .grid {
    padding: 0;
  }
  .preclin-stat {
    width: 42%;
  }
  .preclin-stat--responseTime,
  .preclin-stat--attempted {
    display: none;
  }
}
.page-template-page-mrcp-dashboard .dashboard {
  margin-bottom: 60px;
}

.mrcp-hero {
  min-height: 220px;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 24px;
}
.mrcp-hero .mrcp-subtitle {
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 4px;
}
.mrcp-hero h2 {
  color: white;
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}
.mrcp-hero .mrcp-hero-buttons {
  margin-bottom: 48px;
}
.mrcp-hero .mrcp-hero-buttons .butt {
  border-radius: 12px;
}

.chip--mrcp {
  margin-bottom: 8px;
}

.mrcp-adaptive-choice {
  background: #eff6ff;
  border: 1px solid rgba(29, 78, 216, 0.2);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}
.mrcp-adaptive-choice h3, .mrcp-adaptive-choice p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
}
.mrcp-adaptive-choice h3 {
  margin-bottom: 2px;
  font-weight: 600;
}
.mrcp-adaptive-choice p {
  opacity: 0.8;
}

.mrcp-adaptive-choice__label {
  display: flex;
  gap: 8px;
}

.mrcp-switch {
  position: relative;
  height: 28px;
  width: 48px;
  border-radius: 16px;
  background: #bfdbfe;
  transition: 0.3s;
  cursor: pointer;
}
.mrcp-switch::after {
  position: absolute;
  content: " ";
  background: white;
  height: 22px;
  width: 22px;
  top: 3px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 2px rgba(15, 23, 42, 0.12);
  transition: 0.3s;
}

.mrcp-switch--active {
  background: #1d4ed8;
}
.mrcp-switch--active::after {
  left: 23px;
}

.mrcp-modules {
  position: relative;
}

.mrcp-modules--loading {
  pointer-events: none;
}
.mrcp-modules--loading .mrcp-stat--overallMastery,
.mrcp-modules--loading .mrcp-stat--overallCompletion,
.mrcp-modules--loading .mrcp-stat--overallAttempted,
.mrcp-modules--loading .mrcp-stat--overallCorrect,
.mrcp-modules--loading .mrcp-stat--overallResponseTime {
  font-size: 0;
  height: 24px;
  margin: 0;
  background: rgba(255, 255, 255, 0.4);
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.2) 8%, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0.2) 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1s shine linear infinite;
  width: 40px;
  display: inline-block;
  vertical-align: top;
}
.mrcp-modules--loading .mrcp-stat--moduleMastery,
.mrcp-modules--loading .mrcp-stat--moduleCompletion,
.mrcp-modules--loading .mrcp-stat--moduleAttempted,
.mrcp-modules--loading .mrcp-stat--moduleCorrect,
.mrcp-modules--loading .mrcp-stat--moduleResponseTime {
  font-size: 0;
  height: 20px;
  margin: 0;
  background: rgba(15, 23, 42, 0.3);
  background: linear-gradient(110deg, rgba(15, 23, 42, 0.15) 8%, rgba(255, 255, 255, 0.5) 18%, rgba(15, 23, 42, 0.15) 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1s shine linear infinite;
  width: 32px;
  display: inline-block;
  vertical-align: top;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
.mrcp-module-description {
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
  margin: -8px 0 12px 0;
}

.mrcp-note {
  background: #eff6ff;
  border: 1px solid rgba(29, 78, 216, 0.2);
  border-radius: 8px;
  padding: 12px;
}
.mrcp-note p {
  font-size: 14px;
  line-height: 20px;
}

.mrcp-stats {
  display: flex;
  gap: 20px;
  width: 100%;
}

.mrcp-stats--module .mrcp-stat {
  color: #0f172a;
  border-color: #EAEAEA;
  gap: 0;
}
.mrcp-stats--module .mrcp-statFigure {
  font-size: 20px;
  line-height: 22px;
}

.mrcp-stat {
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  color: white;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 16px;
  width: 100%;
}

.mrcp-statTitle {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  opacity: 0.8;
}

.mrcp-statFigure {
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
}

.mrcp-statFigureSmall {
  opacity: 0.8;
  font-size: 14px;
  line-height: 16px;
  margin-left: 2px;
}

.mrcp-tabs {
  background: #F8FAFC;
  border: 1px solid #E8EBF1;
  border-top: 0;
  display: flex;
}

.mrcp-tab {
  font-size: 14px;
  line-height: 28px;
  padding: 10px 24px;
  font-weight: 600;
  display: block;
  border-right: 1px solid #E8EBF1;
  cursor: pointer;
}
.mrcp-tab--active {
  background: white;
  -webkit-box-shadow: 0px 1px 0px 0px rgb(255, 255, 255);
  -moz-box-shadow: 0px 1px 0px 0px rgb(255, 255, 255);
  box-shadow: 0px 1px 0px 0px rgb(255, 255, 255);
}

.mrcp-categories {
  padding: 24px;
  background: white;
  border: 1px solid #E8EBF1;
  border-top: 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: none;
}
.mrcp-categories.mrcp-categories--active {
  display: block;
}
.mrcp-categories details .details__content {
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.mrcp-categories details summary {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 16px 0;
  border-top: 1px solid #EAEAEA;
  cursor: pointer;
}
.mrcp-categories details summary::marker {
  margin-right: 8px;
}
.mrcp-categories details:first-of-type summary {
  border-top: 0;
}

.mrcp-exams {
  background-color: #1d4ed8;
  background-image: url("../img/mrcp/exambg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 24px;
  border-radius: 16px;
  margin-bottom: 24px;
}
.mrcp-exams h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: white;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.mrcp-exam {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 15px;
  gap: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.mrcp-exam:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.32);
}
.mrcp-exam:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.mrcp-exam h3 {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  margin-bottom: 4px;
  color: white;
  font-weight: 600;
  letter-spacing: 0;
}
.mrcp-exam span {
  font-size: 12px;
  line-height: 16px;
  opacity: 0.8;
  color: white;
  display: block;
}
.mrcp-exam .butt {
  border-radius: 12px;
}

.mrcp-module {
  padding: 24px 0;
  display: flex;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid #EAEAEA;
  cursor: pointer;
  position: relative;
}
.mrcp-module h3 {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 12px;
  font-weight: 600;
  letter-spacing: 0;
}
.mrcp-module:first-of-type {
  padding-top: 0;
}
.mrcp-module:first-of-type:hover::before {
  top: -12px;
}
.mrcp-module:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
.mrcp-module:last-of-type:hover::before {
  bottom: -12px;
}
.mrcp-module:hover::before {
  position: absolute;
  content: " ";
  top: 12px;
  right: -12px;
  bottom: 12px;
  left: -12px;
  border-radius: 8px;
  background: #F8FAFC;
  z-index: 0;
}

.mrcp-moduleDetails {
  width: 100%;
  z-index: 1;
}

.mrcp-moduleProgress {
  width: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column-reverse;
  height: 88px;
  justify-content: space-between;
  z-index: 1;
}

.mrcp-moduleProgressSlit {
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: #E8EBF1;
}

.mrcp-moduleProgressSlit--complete {
  background: #16a34a;
}

.mrcp-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0F172A;
  opacity: 0.6;
  display: none;
  z-index: 101;
}

.mrcp-modal,
.mrcp-guide,
.mrcp-question-filters,
.mrcp-history-modal,
.mrcp-explanation-modal,
.mrcp-library-modal {
  background: white;
  position: fixed;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-radius: 16px;
  display: none;
  z-index: 102;
  flex-direction: column;
  overflow: hidden;
}

.mrcp-guide,
.mrcp-question-filters {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 16px);
  max-width: 800px;
  height: 100%;
  max-height: calc(100% - 32px);
}

.mrcp-question-filters {
  max-width: 420px;
  height: auto;
  right: auto;
  bottom: auto;
}

.mrcp-explanation-modal {
  z-index: 1000;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  top: 60px;
  width: calc(100% - 16px);
  max-width: 760px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0px 0px 80px 60px rgba(0, 0, 0, 0.4);
}

.mrcp-modal--showing,
.mrcp-guide--showing,
.mrcp-question-filters--showing,
.mrcp-history-modal--showing,
.mrcp-explanation-modal--showing,
.mrcp-library-modal--showing {
  display: flex;
}

.mrcp-modal-header,
.mrcp-guide-header,
.mrcp-question-filters-header,
.mrcp-history-modal-header,
.mrcp-explanation-modal-header,
.mrcp-library-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E4E7ED;
  flex-shrink: 0;
  flex-grow: 0;
}

.mrcp-modal-header-left,
.mrcp-guide-header-left,
.mrcp-question-filters-header-left,
.mrcp-history-modal-header-left,
.mrcp-explanation-modal-header-left,
.mrcp-library-modal-header-left {
  display: flex;
  align-items: center;
}

.mrcp-modal-header-right {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
  padding-right: 16px;
}

.mrcp-modal-close,
.mrcp-guide-close,
.mrcp-question-filters-close,
.mrcp-history-modal-close,
.mrcp-explanation-modal-close,
.mrcp-library-modal-close {
  cursor: pointer;
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}
.mrcp-modal-close:hover,
.mrcp-guide-close:hover,
.mrcp-question-filters-close:hover,
.mrcp-history-modal-close:hover,
.mrcp-explanation-modal-close:hover,
.mrcp-library-modal-close:hover {
  background: #F3F6FA;
}

.mrcp-modal-title,
.mrcp-guide-title,
.mrcp-question-filters-title,
.mrcp-history-modal-title,
.mrcp-explanation-modal-title,
.mrcp-library-modal-title {
  line-height: 32px;
  border-left: 1px solid #E4E7ED;
  color: #0f172a;
  font-weight: 600;
  font-size: 14px;
  padding-left: 16px;
}

.mrcp-session-time {
  margin-left: 2px;
}

.mrcp-session-count {
  margin-right: 2px;
}

.mrcp-modal-main,
.mrcp-history-modal-main,
.mrcp-library-modal-main {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  height: calc(100% - 120px);
}

.mrcp-modal-no-questions {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -40px;
}
.mrcp-modal-no-questions h3 {
  margin-top: -80px;
  font-size: 18px;
  letter-spacing: -0.1px;
  font-weight: 600;
}
.mrcp-modal-no-questions p {
  font-size: 14px;
  line-height: 20px;
  max-width: 480px;
}
.mrcp-modal-no-questions p em {
  font-style: italic;
}

.mrcp-guide-main,
.mrcp-question-filters-main {
  display: block;
  padding: 24px;
  overflow-y: auto;
}
.mrcp-guide-main h2,
.mrcp-question-filters-main h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.mrcp-guide-main h3,
.mrcp-question-filters-main h3 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 4px;
}
.mrcp-guide-main p,
.mrcp-question-filters-main p {
  margin-bottom: 24px;
}
.mrcp-guide-main p:last-of-type,
.mrcp-question-filters-main p:last-of-type {
  margin-bottom: 0;
}
.mrcp-guide-main ul, .mrcp-guide-main ol,
.mrcp-question-filters-main ul,
.mrcp-question-filters-main ol {
  list-style-type: square;
  list-style-position: outside;
  padding-left: 32px;
  margin-bottom: 8px;
  margin-top: -12px;
}
.mrcp-guide-main ul li, .mrcp-guide-main ol li,
.mrcp-question-filters-main ul li,
.mrcp-question-filters-main ol li {
  font-size: 16px;
  line-height: 24px;
  padding-left: 8px;
  margin-bottom: 8px;
}
.mrcp-guide-main ol,
.mrcp-question-filters-main ol {
  list-style-type: decimal;
}

.mrcp-guide-main p {
  margin-bottom: 16px;
}

.mrcp-explanation-modal-main {
  display: block;
  padding: 24px;
  overflow-y: auto;
}

.mrcp-modal-question,
.mrcp-history-modal-question {
  flex-grow: 1;
  padding: 40px;
  overflow-y: auto;
}

.mrcp-modal-sidebar,
.mrcp-history-modal-sidebar,
.mrcp-library-modal-sidebar {
  width: 364px;
  height: 100%;
  border-left: 1px solid #E4E7ED;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 24px;
}

.mrcp-history-modal-sidebar,
.mrcp-library-modal-sidebar {
  border-right: 1px solid #E4E7ED;
  border-left: 0;
  padding-top: 8px;
  overflow-y: scroll;
}

.mrcp-library-modal-sidebar {
  width: 320px;
}

.mrcp-library-folders,
.mrcp-library-files {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  margin: 0 -12px;
}

.mrcp-library-folder,
.mrcp-library-file {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  text-decoration: none;
  color: #0f172a;
  font-weight: 600;
}
.mrcp-library-folder:hover,
.mrcp-library-file:hover {
  background: #f1f5f9;
}

.mrcp-library-folder__subtext {
  color: #64748b;
  font-weight: 450;
}

.mrcp-library-folder--selected,
.mrcp-library-file--selected {
  background: #1d4ed8;
  color: white;
}
.mrcp-library-folder--selected .mrcp-library-folder__subtext,
.mrcp-library-file--selected .mrcp-library-folder__subtext {
  color: white;
  opacity: 0.8;
}
.mrcp-library-folder--selected:hover,
.mrcp-library-file--selected:hover {
  background: #1d4ed8;
}

.mrcp-library-modal-question {
  overflow-y: scroll;
  padding: 40px 24px;
  width: 100%;
}

.mrcp-modal-footer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  border-top: 1px solid #E4E7ED;
}

.mrcp-modal-footer-content {
  flex-grow: 1;
  padding: 10px 40px;
}

.mrcp-modal-footer-content-inner {
  width: 100%;
  max-width: 956px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.mrcp-modal-footer-sidebar {
  width: 364px;
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 24px;
}

.mrcp-modal-question-content,
.mrcp-history-modal-question-content,
.mrcp-library-modal-question-content {
  width: 100%;
  max-width: 956px;
  margin: 0 auto;
}

.mrcp-library-modal-question-content {
  max-width: 800px;
}
.mrcp-library-modal-question-content h1 {
  margin-bottom: 40px;
}
.mrcp-library-modal-question-content img {
  max-width: 100%;
  height: auto;
}
.mrcp-library-modal-question-content h1 {
  font-size: 48px;
  line-height: 52px;
}
.mrcp-library-modal-question-content h2 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: -0.72px;
  margin-bottom: 16px;
}
.mrcp-library-modal-question-content h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.mrcp-library-modal-question-content h4 {
  font-size: 16px;
  line-height: 24px;
}
.mrcp-library-modal-question-content i {
  font-style: italic;
}
.mrcp-library-modal-question-content p {
  margin-bottom: 24px;
}
.mrcp-library-modal-question-content p:last-of-type {
  margin-bottom: 0;
}
.mrcp-library-modal-question-content ul {
  list-style-type: square;
  list-style-position: outside;
  padding-left: 32px;
  margin-bottom: 16px;
  margin-top: -12px;
}
.mrcp-library-modal-question-content ul li {
  font-size: 16px;
  line-height: 24px;
  padding-left: 8px;
  margin-bottom: 8px;
}
.mrcp-library-modal-question-content ul ul {
  margin-top: 8px;
}
.mrcp-library-modal-question-content ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 32px;
  margin-bottom: 16px;
  margin-top: -12px;
}
.mrcp-library-modal-question-content ol li {
  font-size: 16px;
  line-height: 24px;
  padding-left: 8px;
  margin-bottom: 8px;
}
.mrcp-library-modal-question-content th, .mrcp-library-modal-question-content td {
  font-size: 14px;
  line-height: 20px;
}
.mrcp-library-modal-question-content th li, .mrcp-library-modal-question-content td li {
  font-size: 14px;
  line-height: 20px;
}

.mrcp-modal-question-data,
.mrcp-history-modal-question-data,
.mrcp-library-modal-question-data {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E4E7ED;
  border-radius: 8px;
  margin-bottom: 24px;
}

.mrcp-modal-question-data-left,
.mrcp-history-modal-question-data-left,
.mrcp-library-modal-question-data-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mrcp-modal-question-data-left span,
.mrcp-history-modal-question-data-left span,
.mrcp-library-modal-question-data-left span {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.mrcp-modal-question-data-right,
.mrcp-history-modal-question-data-right,
.mrcp-library-modal-question-data-right {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
}

.mrcp-modal-question-text,
.mrcp-history-modal-question-text,
.mrcp-library-modal-question-text {
  padding: 0 12px;
  margin-bottom: 24px;
}
.mrcp-modal-question-text img,
.mrcp-history-modal-question-text img,
.mrcp-library-modal-question-text img {
  max-width: 100%;
  height: auto;
}
.mrcp-modal-question-text p,
.mrcp-history-modal-question-text p,
.mrcp-library-modal-question-text p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 450;
  margin-bottom: 16px;
}
.mrcp-modal-question-text p i,
.mrcp-history-modal-question-text p i,
.mrcp-library-modal-question-text p i {
  font-style: italic;
}
.mrcp-modal-question-text p:last-child,
.mrcp-history-modal-question-text p:last-child,
.mrcp-library-modal-question-text p:last-child {
  margin-bottom: 0;
}
.mrcp-modal-question-text p > i:only-child,
.mrcp-history-modal-question-text p > i:only-child,
.mrcp-library-modal-question-text p > i:only-child {
  font-size: 12px;
  margin-top: -20px;
  display: block;
}

.mrcp-modal-question-options,
.mrcp-history-modal-question-options {
  counter-reset: option;
  margin-bottom: 16px;
}

.mrcp-modal-question-option,
.mrcp-history-modal-question-option {
  padding: 16px;
  background-color: #fff;
  border: 1px solid #E4E7ED;
  border-top: 0;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  counter-increment: option;
  position: relative;
}
.mrcp-modal-question-option::after,
.mrcp-history-modal-question-option::after {
  content: counter(option);
  border-radius: 4px;
  border: 1px #E4E7ED;
  background: #E4E7ED;
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 10px;
  line-height: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-weight: 600;
  top: 20px;
  right: 16px;
}

.mrcp-history-modal-question-content .mrcp-modal-question-option::after {
  display: none;
}

.mrcp-modal-question-option .explanation,
.mrcp-history-modal-question-option .explanation {
  width: 100%;
  flex-shrink: 0;
  padding-left: 32px;
  padding-right: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 450;
  margin: 0;
  box-sizing: border-box;
}
.mrcp-modal-question-option .explanation p,
.mrcp-history-modal-question-option .explanation p {
  margin-bottom: 8px;
}
.mrcp-modal-question-option .explanation p:last-of-type,
.mrcp-history-modal-question-option .explanation p:last-of-type {
  margin-bottom: 0;
}
.mrcp-modal-question-option .explanation table,
.mrcp-history-modal-question-option .explanation table {
  margin-top: 12px;
}
.mrcp-modal-question-option .explanation table th, .mrcp-modal-question-option .explanation table td,
.mrcp-history-modal-question-option .explanation table th,
.mrcp-history-modal-question-option .explanation table td {
  color: #0f172a;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.mrcp-modal-question-option .explanation table th,
.mrcp-history-modal-question-option .explanation table th {
  color: #0f172a;
  font-weight: 700;
  text-align: left;
  background: rgba(0, 0, 0, 0.12);
  border-color: transparent;
}

.mrcp-modal-explanation-text h2 {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 40px;
}
.mrcp-modal-explanation-text h3 {
  margin-top: 32px;
  line-height: 24px;
}
.mrcp-modal-explanation-text p {
  margin-bottom: 20px;
  /*> i:only-child {
    font-size: 12px;
    margin-top: -20px;
    display: block;
  }*/
}
.mrcp-modal-explanation-text p i {
  font-style: italic;
}
.mrcp-modal-explanation-text ul {
  list-style-type: square;
  margin-bottom: 20px;
  list-style-position: inside;
  padding-left: 28px;
}
.mrcp-modal-explanation-text ol {
  list-style-type: decimal;
  margin-bottom: 20px;
  padding-left: 20px;
}
.mrcp-modal-explanation-text li {
  line-height: 24px;
  padding-left: 8px;
  margin-bottom: 4px;
}
.mrcp-modal-explanation-text img {
  max-width: 100%;
  height: auto;
}
.mrcp-modal-explanation-text th, .mrcp-modal-explanation-text td {
  font-size: 14px;
  line-height: 20px;
}

.mrcp-modal-question-option::before,
.mrcp-history-modal-question-option::before {
  content: " ";
  width: 20px;
  height: 20px;
  background-image: url("../img/mrcp/radio.svg");
}

.mrcp-modal-question-option:first-child,
.mrcp-history-modal-question-option:first-child {
  border-top: 1px solid #E4E7ED;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.mrcp-modal-question-option:last-child,
.mrcp-history-modal-question-option:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.mrcp-modal-question-option:hover::before,
.mrcp-history-modal-question-option:hover::before {
  background-image: url("../img/mrcp/radio--hover.svg");
}

.mrcp-modal-question-option.selected,
.mrcp-history-modal-question-option.selected {
  background-color: #EFF6FF;
  border-color: #1D4ED8;
  border-top: 1px solid #1D4ED8;
  margin-top: -1px;
}

.mrcp-modal-question-option:first-child.selected,
.mrcp-history-modal-question-option:first-child.selected {
  margin-top: 0;
}

.mrcp-modal-question-option.selected::before,
.mrcp-history-modal-question-option.selected::before {
  background-image: url("../img/mrcp/radio--selected.svg");
}

.mrcp-modal-question-option.correct,
.mrcp-history-modal-question-option.correct {
  background-color: #EEF8F2;
  border-color: #2EA259;
  border-top: 1px solid #2EA259;
  margin-top: -1px;
}

.mrcp-modal-question-option:first-child.correct,
.mrcp-history-modal-question-option:first-child.correct {
  margin-top: 0;
}

.mrcp-modal-question-option.correct::before,
.mrcp-history-modal-question-option.correct::before {
  background-image: url("../img/mrcp/radio--correct.svg");
}

.mrcp-modal-question-option.incorrect,
.mrcp-history-modal-question-option.incorrect {
  background-color: #FCF1F1;
  border-color: #DE4A4A;
  border-top: 1px solid #DE4A4A;
  margin-top: -1px;
}

.mrcp-modal-question-option:first-child.incorrect,
.mrcp-history-modal-question-option:first-child.incorrect {
  margin-top: 0;
}

.mrcp-modal-question-option.incorrect::before,
.mrcp-history-modal-question-option.incorrect::before {
  background-image: url("../img/mrcp/radio--incorrect.svg");
}

.mrcp-modal-question-buttons {
  display: none;
  justify-content: flex-end;
}

.mrcp-modal-question-buttons--showing {
  display: flex;
}

.mrcp-button {
  border-radius: 12px;
  background: #1D4ED8;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding: 6px 12px;
  display: flex;
  gap: 6px;
  text-decoration: none;
  transition: 0.3s;
  align-items: center;
}
.mrcp-button:hover {
  background: #1e40af;
}

.mrcp-button--secondary {
  background: transparent;
  border: 1px solid #1D4ED8;
  color: #1D4ED8;
}
.mrcp-button--secondary:hover {
  background: transparent;
  opacity: 0.8;
}

.mrcp-button--white {
  background: white;
  color: #1D4ED8;
}
.mrcp-button--white:hover {
  background: white;
  opacity: 0.8;
}

.mrcp-button--secondary.mrcp-button--white {
  background: transparent;
  border: 1px solid white;
  color: white;
}
.mrcp-button--secondary.mrcp-button--white:hover {
  background: transparent;
  opacity: 0.8;
}

.mrcp-card {
  border: 1px solid #E8EBF1;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
}
.mrcp-card .mrcp-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mrcp-card .mrcp-card-header h2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #0f172a;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.mrcp-card .mrcp-card-header span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #94a3b8;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.mrcp-card .mrcp-card-para {
  font-size: 14px;
  line-height: 20px;
  color: #64748b;
}

.mrcp-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.mrcp-filter {
  border: 1px solid #E8EBF1;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 450;
  line-height: 16px;
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  align-items: center;
}
.mrcp-filter::before {
  content: " ";
  width: 13px;
  height: 13px;
  border: 1.5px solid #E8EBF1;
  border-radius: 4px;
}

.mrcp-filter.selected {
  border-color: #1d4ed8;
}
.mrcp-filter.selected::before {
  border-color: #1d4ed8;
  background-color: rgba(29, 78, 216, 0.2);
  background-image: url("../img/mrcp/filter-check.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.mrcp-history-bar {
  height: 12px;
  border-radius: 6px;
  background: #dc2626;
  width: 100%;
  margin-top: 16px;
}

.mrcp-history-bar-correct {
  border-right: 2px solid white;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  height: 12px;
  background: #4ade80;
  transition: 0.3s;
}

.mrcp-feedback {
  padding: 16px 16px 4px 16px;
  background: #F3F6FA;
  border-radius: 8px;
}
.mrcp-feedback .question__feedback-title {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}
.mrcp-feedback .question__feedback-title h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
}
.mrcp-feedback p {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
}
.mrcp-feedback .wpcf7-form .email, .mrcp-feedback .wpcf7-form .question_id, .mrcp-feedback .wpcf7-form br {
  display: none;
}
.mrcp-feedback .wpcf7-form textarea {
  width: 100%;
  border-radius: 8px;
  border: 0;
  background: white;
  font-size: 14px;
  font-weight: 450;
  font-family: "Instrument Sans", sans-serif;
  padding: 8px;
  height: 140px;
  resize: vertical;
}
.mrcp-feedback .wpcf7-form .wpcf7-submit {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  position: relative;
  background: transparent;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
  border-radius: 12px;
  cursor: pointer;
  text-decoration: none;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  padding: 0 11px;
  transition: 0.25s;
}
.mrcp-feedback .wpcf7-form .wpcf7-submit:hover {
  background: transparent;
  opacity: 0.8;
}

.mrcp-history-button,
.mrcp-library-button {
  display: inline-block;
  margin-top: 20px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  color: #1d4ed8;
}
.mrcp-history-button:hover,
.mrcp-library-button:hover {
  text-decoration: underline;
}

.mrcp-history-response {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 16px 0;
  border-bottom: 1px solid #E4E7ED;
  position: relative;
}
.mrcp-history-response:last-child {
  border-bottom: 0;
}
.mrcp-history-response:hover::before {
  content: " ";
  background: #F3F6FA;
  position: absolute;
  left: -12px;
  right: -12px;
  bottom: 8px;
  top: 8px;
  border-radius: 8px;
  z-index: -1;
}
.mrcp-history-response.current::before {
  content: " ";
  background: transparent;
  border: 2px solid #1d4ed8;
  position: absolute;
  left: -12px;
  right: -12px;
  bottom: 8px;
  top: 8px;
  border-radius: 8px;
  z-index: -1;
}

.mrcp-history-response-details {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 2px;
}
.mrcp-history-response-details .mrcp-history-response-module,
.mrcp-history-response-details .mrcp-history-response-date {
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
}
.mrcp-history-response-details .mrcp-history-response-status {
  font-size: 14px;
  line-height: 16px;
  color: #0f172a;
}

.mrcp-button--skip:hover {
  position: relative;
}
.mrcp-button--skip:hover::before {
  content: "You won't be shown the correct answer";
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  background: black;
  color: white;
  font-size: 12px;
  line-height: 14px;
  width: 160px;
  border-radius: 8px;
  text-align: center;
  padding: 4px 8px;
}

.mrcp-filter__table {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.32);
  overflow-y: scroll;
  border-radius: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  margin-bottom: 20px;
}

.mrcp-filter__checkbox {
  width: 16px;
  height: 16px;
  border: 1px solid white;
  border-radius: 4px;
  cursor: pointer;
  background: transparent;
}
.mrcp-filter__checkbox.mrcp-filter__checkbox--checked {
  background-image: url("../img/ui/checkbg--check.svg");
  background-position: center;
}
.mrcp-filter__checkbox.mrcp-filter__checkbox--line {
  background-image: url("../img/ui/checkbg--line--white.svg");
  background-position: center;
}

.mrcp-filter__filter, .mrcp-filter__header {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.mrcp-filter__header {
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  color: white;
  font-weight: 600;
}

.mrcp-filter__filter {
  cursor: pointer;
  color: white;
}

.mrcp-filter__filters {
  overflow-y: scroll;
  height: auto;
  max-height: 320px;
}

.mrcp-filter__filter:last-of-type {
  border-bottom: 0;
}

.mrcp-loader,
.mrcp-history-loader,
.mrcp-explanation-loader,
.mrcp-library-loader,
.mrcp-file-loader {
  text-align: center;
}

.mrcp-history-loader,
.mrcp-library-loader {
  padding-top: 16px;
}

.mrcp-loader span,
.mrcp-history-loader span,
.mrcp-explanation-loader span,
.mrcp-library-loader span,
.mrcp-file-loader span {
  display: block;
  text-align: center;
  font-size: 12px;
}

.lds-ripple {
  color: #1D4ED8;
}

.lds-ripple,
.lds-ripple div {
  box-sizing: border-box;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}

.lds-ripple div {
  position: absolute;
  border: 2px solid currentColor;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 18px;
    left: 18px;
    width: 4px;
    height: 4px;
    opacity: 0;
  }
  4.9% {
    top: 18px;
    left: 18px;
    width: 4px;
    height: 4px;
    opacity: 0;
  }
  5% {
    top: 18px;
    left: 18px;
    width: 4px;
    height: 4px;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    opacity: 0;
  }
}
.mrcp-next-loader {
  text-align: center;
  display: flex;
  align-items: center;
  height: 36px;
  gap: 2px;
}

.mrcp-next-loader span {
  font-size: 12px;
}

.lds-next-ripple {
  color: #1D4ED8;
}

.lds-next-ripple,
.lds-next-ripple div {
  box-sizing: border-box;
}

.lds-next-ripple {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}

.lds-next-ripple div {
  position: absolute;
  border: 1px solid currentColor;
  opacity: 1;
  border-radius: 50%;
  animation: lds-next-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-next-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-next-ripple {
  0% {
    top: 9px;
    left: 9px;
    width: 2px;
    height: 2px;
    opacity: 0;
  }
  4.9% {
    top: 9px;
    left: 9px;
    width: 2px;
    height: 2px;
    opacity: 0;
  }
  5% {
    top: 9px;
    left: 9px;
    width: 2px;
    height: 2px;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
  }
}
@media screen and (max-width: 1080px) {
  .mrcp-modules,
  .mrcp-sidebar {
    grid-column-start: span 12;
  }
}
@media screen and (max-width: 899px) {
  .mrcp-stats {
    flex-wrap: wrap;
  }
  .mrcp-stat {
    width: 47%;
  }
  .mrcp-modal-main {
    flex-wrap: wrap;
    overflow-y: auto;
  }
  .mrcp-modal-question {
    width: 100%;
    padding: 24px;
  }
  .mrcp-modal-no-questions {
    margin-top: -24px;
  }
  .mrcp-modal-sidebar {
    width: 100%;
    border-left: 0;
    height: auto;
  }
  .mrcp-modal-footer-sidebar {
    display: none;
  }
  .mrcp-modal-question-option::after {
    display: none;
  }
}
@media screen and (max-width: 499px) {
  .dashboard > .grid {
    padding: 0;
  }
  .mrcp-stat {
    width: 42%;
  }
  .mrcp-stat--responseTime,
  .mrcp-stat--attempted {
    display: none;
  }
}
.video__category {
  border-radius: 10px;
  background: #f1f5f9;
}

.video__categoryTop {
  border-radius: 10px;
  background: #f1f5f9;
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.video__categoryTop h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0;
}
.video__categoryTop img {
  width: 20px;
  height: 20px;
}
.video__categoryTop.category-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.video__categoryTop.category-open img {
  transform: rotate(180deg);
}

.video__categoryBottom {
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #E2E8F1;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
  background: white;
  display: flex;
  gap: 16px;
  overflow-x: scroll;
  position: relative;
  display: none;
}
.video__categoryBottom.category-open {
  display: flex;
}

.video__thumb {
  width: 260px;
  border-radius: 8px;
  border: 1px solid #E2E8F1;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.video__thumb:hover .video__thumbnail .play {
  transform: translate(-50%, -50%) scale(125%);
}

.video__thumbnail {
  width: 100%;
  height: auto;
  position: relative;
}
.video__thumbnail .thumb {
  width: 100%;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  display: block;
}
.video__thumbnail .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(100%);
  width: 40px;
  height: 40px;
  transition: 0.3s;
}

.video__details {
  padding: 12px 12px;
}
.video__details h4 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.video__details span {
  font-size: 13px;
  line-height: 16px;
  color: #62748E;
  font-weight: 450;
}
.video__details hr {
  margin: 12px 0;
  border: 0;
  height: 1px;
  background: #e2e8f0;
}
.video__details .video__presenter {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}

/*# sourceMappingURL=styles.css.map */