/*
For accessibility reasons relative font sizes are used 
based on the default browser base font size (16)
*/
/*
For accessibility reasons relative sizes can be used 
so everything can fit in a single screen based on viewport height
*/
/* Brand Colours */
/* Dark Colour block */
/* Light Colour block */
/* Primary Colour block */
/* Secondary Colour block */
/* Info Colour block */
/* Success Colour block */
/* Danger Colour block */
/* Warning Colour block */
/* Focus Colour */
/* Link Colours */
/* Text Colours */
/* Font Sizes */
.rspca-action-button, .rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn, .rspca-secondary-button, .rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn, .rspca-primary-button, .rspca-primary-button-wide {
  padding: 13.5px 27px;
  margin: 9px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: var(--font-weight-semi-bold, 600);
  cursor: pointer;
  transition: 0.5s;
}
.rspca-action-button:hover, .rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn:hover, .rspca-secondary-button:hover, .rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn:hover, .rspca-primary-button:hover, .rspca-primary-button-wide:hover {
  text-decoration: none;
}
.rspca-action-button:focus, .rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn:focus, .rspca-secondary-button:focus, .rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn:focus, .rspca-primary-button:focus, .rspca-primary-button-wide:focus, .rspca-action-button:active, .rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn:active, .rspca-secondary-button:active, .rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn:active, .rspca-primary-button:active, .rspca-primary-button-wide:active {
  text-decoration: none;
  box-shadow: none;
  outline: 4.5px solid var(--focus, #ffdd00);
}
.disabled.rspca-action-button, .rspca-education-form-container .rspca-education-form .disabled.rspca-education-form-secondary-btn, .disabled.rspca-secondary-button, .rspca-education-form-container .rspca-education-form .disabled.rspca-education-form-primary-btn, .disabled.rspca-primary-button, .disabled.rspca-primary-button-wide {
  background-color: var(--dark-10, #e0e1e1);
  color: var(--dark-80, #4c5156);
  border: none;
}
.disabled.rspca-action-button:hover, .rspca-education-form-container .rspca-education-form .disabled.rspca-education-form-secondary-btn:hover, .disabled.rspca-secondary-button:hover, .rspca-education-form-container .rspca-education-form .disabled.rspca-education-form-primary-btn:hover, .disabled.rspca-primary-button:hover, .disabled.rspca-primary-button-wide:hover, .disabled.rspca-action-button:focus, .rspca-education-form-container .rspca-education-form .disabled.rspca-education-form-secondary-btn:focus, .disabled.rspca-secondary-button:focus, .rspca-education-form-container .rspca-education-form .disabled.rspca-education-form-primary-btn:focus, .disabled.rspca-primary-button:focus, .disabled.rspca-primary-button-wide:focus, .disabled.rspca-action-button:active, .rspca-education-form-container .rspca-education-form .disabled.rspca-education-form-secondary-btn:active, .disabled.rspca-secondary-button:active, .rspca-education-form-container .rspca-education-form .disabled.rspca-education-form-primary-btn:active, .disabled.rspca-primary-button:active, .disabled.rspca-primary-button-wide:active {
  text-decoration: none;
  background-color: var(--dark-10, #e0e1e1);
  color: var(--dark-80, #4c5156);
  cursor: not-allowed;
  outline: none;
  box-shadow: none;
}
.rspca-action-button:disabled, .rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn:disabled, .rspca-secondary-button:disabled, .rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn:disabled, .rspca-primary-button:disabled, .rspca-primary-button-wide:disabled {
  background-color: var(--dark-10, #e0e1e1);
  color: var(--dark-80, #4c5156);
  border: none;
}

.rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn, .rspca-primary-button, .rspca-primary-button-wide {
  color: var(--rabbit-white, #fff2e2);
  background-color: var(--rspca-blue, #2622f7);
  border: 2px solid var(--rspca-blue, #2622f7);
}
.rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn:hover, .rspca-primary-button:hover, .rspca-primary-button-wide:hover, .rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn:active, .rspca-primary-button:active, .rspca-primary-button-wide:active {
  background-color: var(--swallow-blue, #260071);
  border: 2px solid var(--swallow-blue, #260071);
}

.rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn, .rspca-secondary-button {
  color: var(--swallow-blue, #260071);
  background-color: transparent;
  border: 2px solid var(--rspca-blue, #2622f7);
}
.rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn:hover, .rspca-secondary-button:hover, .rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn:active, .rspca-secondary-button:active {
  background-color: var(--swallow-blue, #260071);
  border: 2px solid var(--swallow-blue, #260071);
  color: var(--rabbit-white, #fff2e2);
}

.rspca-action-button {
  color: var(--swallow-blue, #260071);
  background-color: var(--lizard-green, #ebe94d);
  border: 2px solid var(--lizard-green, #ebe94d);
}
.rspca-action-button:hover, .rspca-action-button:active {
  background-color: var(--swallow-blue, #260071);
  border: 2px solid var(--swallow-blue, #260071);
  color: var(--rabbit-white, #fff2e2);
}

.rspca-primary-button-wide {
  padding: 13.5px 114px;
  margin: 0;
}

.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content .educational-material-details .open-material-button, .education-slider-container .video-play-button, .education-slider-container .video-next-button, .education-slider-container .video-back-button-v2, .education-slider-container .video-back-button, .education-slider-container .open-answer-submit-button, .education-slider-container .submit-button, .education-slider-container .secondary-button, .education-slider-container .primary-button {
  justify-content: center;
  align-items: center;
  padding: 1.2037037037vh 2.5vh;
  font-size: 1.6666666667vh;
  line-height: 1.5;
  border: none;
  margin-right: 18px;
  font-weight: var(--font-weight-semi-bold, 600);
}

.rspca-education-library-background-container {
  background-color: var(--sheep-white, #FFFAF5);
  background-position: 0 302px;
  background-size: 100% auto;
  background-repeat: repeat-y;
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.rspca-education-library-background-container .rspca-education-library-header {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--primary, #003473);
  height: 302px;
}
.rspca-education-library-background-container .rspca-education-library-header .rspca-education-library-header-title {
  padding: 148px 0 72px 27px;
  margin: 0 auto;
  max-width: 1134px;
  color: var(--light, #ffffff);
  font-size: var(--h1-font-size, 3.375rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
}
.rspca-education-library-background-container .rspca-education-library-container {
  margin-top: 72px;
  margin-bottom: 72px;
  display: flex;
  gap: 18px;
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-selector {
  width: 308px;
  padding: 9px 18px 9px 41px;
  margin-bottom: 18px;
  background-color: var(--light, #ffffff);
  background-image: url("../images/arrow_down.svg");
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.rspca-education-library-background-container .rspca-education-library-container .library-filters {
  display: flex;
  flex-direction: column;
  width: 32.5%;
  height: fit-content;
  gap: 36px;
  padding: 27px;
  background-color: var(--primary-80, #295a95);
}
.rspca-education-library-background-container .rspca-education-library-container .library-filters h4 {
  font-size: var(--h4-font-size, 1.438rem);
  color: var(--light, #ffffff);
  margin: 0;
}
.rspca-education-library-background-container .rspca-education-library-container .library-filters label {
  color: var(--light, #ffffff);
  font-weight: var(--font-weight-semi-bold, 600);
}
.rspca-education-library-background-container .rspca-education-library-container .library-filters .library-content-selector {
  border: 2px solid var(--primary, #003473);
  margin: 0;
}
.rspca-education-library-background-container .rspca-education-library-container .library-filters .filter-button-container {
  width: 53%;
}
.rspca-education-library-background-container .rspca-education-library-container .library-filters .rspca-secondary-button {
  margin: 0;
  background-color: var(--rabbit-white, #fff2e2);
}
.rspca-education-library-background-container .rspca-education-library-container .library-filters .rspca-secondary-button:hover, .rspca-education-library-background-container .rspca-education-library-container .library-filters .rspca-secondary-button:active {
  background-color: var(--swallow-blue, #260071);
  border: 2px solid var(--swallow-blue, #260071);
  color: var(--rabbit-white, #fff2e2);
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container {
  width: 67.5%;
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-sort {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 18px;
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-sort .library-content-selector {
  border: 2px solid var(--dark-10, #e0e1e1);
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a {
  height: 291px;
  padding: 16px;
  display: flex;
  gap: 18px;
  border: 2px solid var(--dark-10, #e0e1e1);
  border-radius: 9px;
  background-color: var(--light, #ffffff);
  text-decoration: none;
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educational-material-image {
  width: 39.7%;
  min-width: 39.7%;
  height: 100%;
  background-image: url("../images/education_library_placeholder.svg");
  background-position: center;
  background-size: cover;
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educational-material-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educationl-material-summary {
  width: 60.3%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educationl-material-summary .educational-material-details {
  margin-bottom: 27px;
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educationl-material-summary .educational-material-details .educational-material-type {
  color: var(--dark-50, #898c90);
  margin-bottom: 4.5px;
  font-weight: var(--font-weight-semi-bold, 600);
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educationl-material-summary .educational-material-details .educational-material-name {
  font-size: var(--h4-font-size, 1.438rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 9px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--dark, #1f252c);
}
.rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educationl-material-summary .educational-material-details .educational-material-description {
  color: var(--dark, #1f252c);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}

@media (max-width: 992px) {
  .rspca-education-library-background-container .rspca-education-library-container {
    margin-top: 36px;
    flex-direction: column;
  }
  .rspca-education-library-background-container .rspca-education-library-container .library-filters {
    width: 100%;
  }
  .rspca-education-library-background-container .rspca-education-library-container .library-content-container {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .rspca-education-library-background-container .rspca-education-library-header .rspca-education-library-header-title {
    font-size: var(--h2-font-size, 2.25rem);
  }
  .rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a {
    flex-direction: column;
    height: auto;
  }
  .rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educational-material-image {
    width: 100%;
    min-width: 100%;
    height: 227px;
    background-size: cover;
  }
  .rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educationl-material-summary {
    width: 100%;
  }
  .rspca-education-library-background-container .rspca-education-library-container .library-content-container .library-content-list .educational-material a .educationl-material-summary .educational-material-details .educational-material-description {
    -webkit-line-clamp: 5;
  }
}
.education-slider-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: var(--light, #ffffff);
  height: 100%;
  font-size: 1.6666666667vh;
}
.education-slider-container .primary-button {
  background: var(--rspca-blue, #2622f7);
  color: var(--rabbit-white, #fff2e2);
}
.education-slider-container .secondary-button {
  color: var(--swallow-blue, #260071);
  background-color: transparent;
  border: 2px solid var(--rspca-blue, #2622f7) !important;
}
.education-slider-container .submit-button {
  background: var(--rspca-blue, #2622f7);
  color: var(--rabbit-white, #fff2e2);
}
.education-slider-container .open-answer-submit-button {
  background: var(--rspca-blue, #2622f7);
  color: var(--rabbit-white, #fff2e2);
}
.education-slider-container .video-back-button {
  background: var(--primary, #003473);
  color: var(--rabbit-white, #fff2e2);
  border: 2px solid var(--rabbit-white, #fff2e2) !important;
}
.education-slider-container .video-back-button-v2 {
  background: var(--primary, #003473);
  color: var(--rabbit-white, #fff2e2);
  border: none;
}
.education-slider-container .video-next-button {
  background: var(--rabbit-white, #fff2e2);
  color: var(--dark, #1f252c);
}
.education-slider-container .video-play-button {
  background: var(--light, #ffffff);
  color: var(--dark, #1f252c);
}
.education-slider-container .education-slider-app {
  padding: 6.6666666667vh 7.5vh;
  display: block;
  background-color: transparent;
  height: 100%;
}
.education-slider-container .education-slider-app .question-number {
  font-size: 1.8518518519vh;
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 1.5;
  color: var(--dark, #1f252c);
}
@media (max-width: 992px) {
  .education-slider-container .education-slider-app .question-number {
    font-size: var(--lead-font-size, 1.294rem);
  }
}
.education-slider-container .education-slider-app .question-title {
  padding: 1.6666666667vh 0;
  font-size: 3.3333333333vh;
  font-weight: var(--font-weight-bold, 700);
  color: var(--dark, #1f252c);
  line-height: 1.5;
}
@media (max-width: 992px) {
  .education-slider-container .education-slider-app .question-title {
    font-size: var(--h2-font-size, 2.25rem);
    padding: 0;
  }
}
.education-slider-container .education-slider-app .question-label {
  color: var(--dark, #1f252c);
  font-size: 1.8518518519vh;
  line-height: 1.5;
}
@media (max-width: 992px) {
  .education-slider-container .education-slider-app .question-label {
    font-size: var(--lead-font-size, 1.294rem);
  }
}
.education-slider-container .education-slider-app .slider-buttons-row {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}
.education-slider-container .education-slider-app .cover-container {
  display: flex;
  position: relative;
  height: 100%;
}
.education-slider-container .education-slider-app .cover-container .cover-label {
  font-size: 1.8518518519vh;
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 1.5;
  color: var(--dark, #1f252c);
  padding-bottom: 0.9259259259vh;
}
.education-slider-container .education-slider-app .cover-container .cover-informations {
  width: 40%;
  padding-right: 9.1666666667vh;
  height: 100%;
  white-space: pre-line;
}
.education-slider-container .education-slider-app .cover-container .cover-informations .cover-main-title {
  font-size: 3.3333333333vh;
  font-weight: var(--font-weight-bold, 700);
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  color: var(--dark, #1f252c);
  margin: 0;
  padding-bottom: 3.3333333333vh;
}
.education-slider-container .education-slider-app .cover-container .cover-informations .cover-objectives {
  font-size: 1.8518518519vh;
  line-height: 1.5;
  padding-bottom: 5vh;
}
.education-slider-container .loading-screen {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.education-slider-container .loading-screen span.spinner-border {
  width: 3.5rem;
  height: 3.5rem;
  border-width: 6px;
  color: var(--primary, #003473);
}

@media (max-width: 992px) {
  .education-slider-container {
    background: none;
    position: relative;
  }
  .education-slider-container .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content .educational-material-details .open-material-button, .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content .educational-material-details .education-slider-container .open-material-button, .education-slider-container .primary-button, .education-slider-container .secondary-button, .education-slider-container .submit-button, .education-slider-container .open-answer-submit-button, .education-slider-container .video-back-button, .education-slider-container .video-back-button-v2, .education-slider-container .video-next-button, .education-slider-container .video-play-button {
    padding: 13px 27px;
    font-size: calc(var(--font-size-base, 1rem) * 1.125);
    line-height: 1.5;
  }
  .education-slider-container .education-background-image {
    background-repeat: no-repeat;
    background-position: top left;
    height: 50%;
    width: 70vw;
    position: absolute;
    top: 60%;
    left: 0;
    background-size: contain;
  }
  .education-slider-container .education-slider-app {
    padding: 27px 18px;
  }
  .education-slider-container .education-slider-app .slider-buttons-row {
    position: relative;
    margin-top: 56px;
  }
  .education-slider-container .education-slider-app .cover-container {
    display: grid;
  }
  .education-slider-container .education-slider-app .cover-container .cover-label {
    position: absolute;
    top: 0;
    font-size: var(--lead-font-size, 1.294rem);
    padding: 0;
  }
  .education-slider-container .education-slider-app .cover-container .cover-informations {
    width: 100%;
    padding: 0;
    height: 100%;
    order: 2;
  }
  .education-slider-container .education-slider-app .cover-container .cover-informations .cover-main-title {
    font-size: var(--h3-font-size, 1.688rem);
    padding: 9px 0 36px 0;
  }
  .education-slider-container .education-slider-app .cover-container .cover-informations .cover-objectives {
    font-size: calc(var(--font-size-base, 1rem) * 1.125);
    padding-bottom: 56px;
  }
}
@media (max-width: 576px) {
  .education-slider-container .education-background-image {
    top: 40%;
  }
}
.image-upload-section-container {
  width: 50%;
  margin-bottom: 36px;
}

.rspca-education-form-container {
  justify-content: center;
  display: flex;
  padding: 72px 0 !important;
  min-height: 1080px;
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  background-color: var(--rspca-blue, #2622f7);
}
.rspca-education-form-container .rspca-education-form {
  width: 100%;
  background: var(--light, #ffffff);
  max-width: 600px;
  margin: auto;
  padding: 36px;
  /* Firefox */
}
.rspca-education-form-container .rspca-education-form .input-text-wrapper.hidden {
  display: none;
}
.rspca-education-form-container .rspca-education-form input,
.rspca-education-form-container .rspca-education-form select {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.rspca-education-form-container .rspca-education-form input::-webkit-outer-spin-button,
.rspca-education-form-container .rspca-education-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.rspca-education-form-container .rspca-education-form input[type=number] {
  -moz-appearance: textfield;
}
.rspca-education-form-container .rspca-education-form .number-input {
  width: 20%;
}
.rspca-education-form-container .rspca-education-form .three-quarter-input {
  width: 75%;
}
.rspca-education-form-container .rspca-education-form .education-radio-group {
  background: var(--light, #ffffff);
  border: 2px solid var(--dark-10, #e0e1e1);
  margin-bottom: 27px;
  display: flex;
  align-items: center;
  gap: 13.5px;
  padding: 16px;
}
.rspca-education-form-container .rspca-education-form .education-radio-group input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  border: 5px solid var(--light, #ffffff);
  box-shadow: 0 0 0 2px var(--dark, #1f252c);
  width: 23px;
  height: 23px;
  background-color: var(--sheep-white, #ffffff);
}
.rspca-education-form-container .rspca-education-form .education-radio-group input[type=radio]:checked {
  background-color: var(--dark, #1f252c);
}
.rspca-education-form-container .rspca-education-form .education-radio-group input[type=radio]:checked + label {
  font-weight: var(--font-weight-semi-bold, 600);
}
.rspca-education-form-container .rspca-education-form .education-radio-group label {
  margin: 0;
}
.rspca-education-form-container .rspca-education-form .form-select span {
  background-image: url("../images/arrow_down.svg");
  position: absolute;
  top: 75%;
  left: 3%;
  display: flex;
  width: 13px;
  height: 7px;
}
.rspca-education-form-container .rspca-education-form .form-select p {
  color: var(--dark-80, #4c5156);
  margin-bottom: 0;
  margin-top: 10px;
}
.rspca-education-form-container .rspca-education-form .form-select select {
  padding-left: 40px;
}
.rspca-education-form-container .rspca-education-form .pagination-container {
  padding-bottom: 36px;
  display: flex;
}
.rspca-education-form-container .rspca-education-form .pagination-container .page-number {
  display: flex;
  margin-right: 30px;
  width: 36px;
  height: 36px;
  border-radius: 27px;
  background-color: var(--primary-10, #d2e1f3);
  justify-content: center;
  align-items: center;
  color: var(--primary, #003473);
}
.rspca-education-form-container .rspca-education-form .pagination-container .page-number-active {
  background-color: var(--primary, #003473);
  color: var(--light, #ffffff);
  font-weight: var(--font-weight-semi-bold, 600);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.rspca-education-form-container .rspca-education-form .pagination-container .page-number-checked {
  background-color: var(--primary-10, #d2e1f3);
  background-image: url("../images/step_check.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.rspca-education-form-container .rspca-education-form .education-form-title {
  margin-bottom: 9px;
  color: var(--dark, #1f252c);
  font-size: var(--h2-font-size, 2.25rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
  margin-top: 0;
}
.rspca-education-form-container .rspca-education-form .education-form-description {
  margin-bottom: 36px;
  margin-top: 0;
  color: var(--dark, #1f252c);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
}
.rspca-education-form-container .rspca-education-form .education-registration-next-step-title {
  margin-bottom: 9px;
  color: var(--dark, #1f252c);
  font-size: var(--h4-font-size, 1.438rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
}
.rspca-education-form-container .rspca-education-form .form-control {
  height: 45px;
  background: var(--sheep-white, #ffffff);
  border: 2px solid var(--dark-10, #e0e1e1);
  margin-top: 9px;
  margin-bottom: 27px;
}
.rspca-education-form-container .rspca-education-form .form-control.has-error {
  border: 2px solid var(--danger, #aa1111);
  background: var(--danger-5, #fff5f5);
  box-shadow: none;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container input {
  margin: 0 10px 0 0;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 30%;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container a {
  color: var(--link, #0060df);
  text-decoration: underline;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container input.has-error {
  top: 62%;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container label {
  margin: 8px 0 0 40px;
  max-width: 488px;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container label.has-error {
  margin-top: 0;
  color: var(--danger, #aa1111);
}
.rspca-education-form-container .rspca-education-form .control-label {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 1.5;
  color: var(--dark, #1f252c);
  margin-bottom: 0;
}
.rspca-education-form-container .rspca-education-form .control-label .rspca-required {
  color: var(--danger, #aa1111);
}
.rspca-education-form-container .rspca-education-form .control-label .text-warning {
  color: var(--danger, #aa1111) !important;
}
.rspca-education-form-container .rspca-education-form .control-label .reference-mark {
  font-size: 8px;
}
.rspca-education-form-container .rspca-education-form .rspca-form-error {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  color: var(--danger, #aa1111);
  display: flex;
  align-items: center;
  margin-top: 4.5px;
}
.rspca-education-form-container .rspca-education-form .rspca-form-error::before {
  content: url("../images/education_validation_error_icon.svg");
  padding-right: 9px;
  height: 1.6875rem;
}
.rspca-education-form-container .rspca-education-form .rspca-form-error.hidden {
  display: none;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container .rspca-form-error,
.rspca-education-form-container .rspca-education-form .select-container .learning-profile-select-error.rspca-form-error {
  padding-bottom: 9px;
}
.rspca-education-form-container .rspca-education-form .education-form-button-container {
  display: flex;
  gap: 18px;
}
.rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn {
  width: 50%;
  margin: 0;
}
.rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn.inactive {
  background-color: var(--dark-10, #e0e1e1);
  border: none;
  color: var(--dark, #1f252c);
  pointer-events: none;
}
.rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn {
  color: var(--swallow-blue, #260071);
  background-color: transparent;
  border: 2px solid var(--rspca-blue, #2622f7);
  width: 50%;
  margin: 0;
}
.rspca-education-form-container .rspca-education-form .education-forgot-pw-container {
  display: flex;
  justify-content: end;
}
.rspca-education-form-container .rspca-education-form .education-login-no-acc-container {
  display: flex;
  justify-content: center;
}
.rspca-education-form-container .rspca-education-form .education-login-no-acc-container p {
  margin-bottom: 0;
}
.rspca-education-form-container .rspca-education-form .education-login-link {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.5;
  color: var(--link, #0060df);
  text-decoration: underline;
}
.rspca-education-form-container .rspca-education-form .education-login-submit-btn {
  width: 100%;
  height: 54px;
  margin: 30px 0 40px 0;
  background: var(--primary, #003473);
  border: 0;
}
.rspca-education-form-container .rspca-education-form .education-login-submit-btn span {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  font-weight: var(--font-weight-semi-bold, 600);
  color: var(--light, #ffffff);
}
.rspca-education-form-container .rspca-education-form .captcha-container {
  margin-top: 9px;
}

.rspca-education-centered-container {
  background-color: var(--rspca-blue, #2622f7);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.rspca-education-centered-container .rspca-education-centered-form .required-asterisk {
  color: var(--danger, #aa1111);
}

.education-centered-form-select.select-container.select-wrapper select {
  padding-left: 41px;
  background-image: url("../images/arrow_down.svg");
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  background-size: 12px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

@media (max-width: 992px) {
  .rspca-education-form-container .rspca-education-form {
    width: auto;
    max-width: 600px;
    margin: 0 18px;
  }
  .rspca-education-form-container .rspca-education-form .form-group {
    flex-direction: column;
    align-items: baseline;
  }
  .rspca-education-form-container .rspca-education-form .terms-of-use-container {
    flex-direction: row;
  }
  .rspca-education-form-container .rspca-education-form .education-form-button-container {
    flex-direction: column;
  }
  .rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn {
    width: 100%;
  }
  .rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn {
    width: 100%;
  }
}
.educator-dashboard-container {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.educator-dashboard-container .educator-dashboard-header-wrapper {
  background-color: var(--primary-10, #d2e1f3);
}
.educator-dashboard-container .educator-dashboard-header-wrapper .educator-dashboard-header {
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}
.educator-dashboard-container .educator-dashboard-header-wrapper .edit-profile {
  color: var(--link, #0060df);
  text-decoration: underline;
  text-underline-offset: 0.23em;
}
@media (max-width: 992px) {
  .educator-dashboard-container .educator-dashboard-header-wrapper .edit-profile {
    position: absolute;
    top: 13%;
    left: 3%;
  }
}
.educator-dashboard-container .educator-dashboard-header-wrapper .edit-profile:before {
  content: "";
  width: 20px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-image: url("../images/edit_icon.svg");
}
.educator-dashboard-container .educator-dashboard-body-wrapper {
  background-color: var(--primary-5, #f0f5fa);
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body {
  padding-top: 72px;
  padding-bottom: 72px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector {
  display: grid;
  grid-template-columns: repeat(auto-fill, 215px);
  justify-content: space-between;
  grid-gap: 18px 8px;
  margin-bottom: 55px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector .learning-profile {
  gap: 18px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector .learning-profile.selected {
  border: 4px solid var(--primary-80, #295a95);
  padding: 23px 16px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector .learning-profile.selected:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  border: 9px solid transparent;
  border-top-color: var(--primary-80, #295a95);
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector .learning-profile .learning-profile-image {
  height: 85px;
  width: 85px;
  background-color: var(--dark-10, #e0e1e1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector .learning-profile .learning-profile-image .learning-profile-picture {
  height: 85px;
  width: 85px;
  object-fit: cover;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector .learning-profile .learning-profile-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.5px;
  max-width: 100%;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector .learning-profile .learning-profile-details .learning-profile-name {
  font-size: var(--h5-font-size, 1.25rem);
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector-card {
  height: 222px;
  width: 215px;
  padding: 25px 18px;
  position: relative;
  background-color: var(--light, #ffffff);
  border: 2px solid var(--dark-10, #e0e1e1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .add-learning-profile {
  gap: 9px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .add-learning-profile .add-learning-profile-icon {
  width: 27px;
  height: 27px;
  background: var(--dark-10, #e0e1e1);
  border-radius: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  line-height: 100%;
  color: var(--dark, #1f252c);
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .add-learning-profile-mobile {
  display: none;
  flex-direction: row;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .loading-screen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .loading-screen span.spinner-border {
  width: 3.5rem;
  height: 3.5rem;
  border-width: 6px;
  color: var(--primary, #003473);
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary {
  margin-bottom: 72px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary a {
  color: var(--link, #0060df);
  text-decoration: underline;
  text-underline-offset: 0.23em;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary a:before {
  content: "";
  width: 20px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-image: url("../images/eye_link.svg");
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary .learning-profile-name {
  font-weight: var(--font-weight-bold, 700);
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary .lessons-container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 25px;
  gap: 18px;
  justify-content: space-between;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary .status-box {
  flex-basis: calc(33.33% - 20px);
  border: 2px solid var(--dark-10, #e0e1e1);
  background-color: var(--light, #ffffff);
  padding: 34px;
}
@media (max-width: 992px) {
  .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary .status-box {
    flex-basis: 100%;
  }
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary .status-box h1 {
  margin: 0;
  font-weight: var(--font-weight-bold, 700);
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary .status-box .box-title {
  display: flex;
  margin-bottom: 9px;
  align-items: center;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-summary .status-box .box-title div {
  font-size: var(--h5-font-size, 1.25rem);
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.5;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-history-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
@media (max-width: 576px) {
  .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-history-header {
    display: block;
  }
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-history-header .dashboard-history-sort {
  display: flex;
  align-items: center;
  gap: 18px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-history-header .dashboard-history-sort label {
  margin-bottom: 0;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-history-header .dashboard-history-sort .dashboard-history-sort-selector {
  width: 308px;
  padding: 9px 18px 9px 41px;
  border: 2px solid var(--dark-10, #e0e1e1);
  border-radius: 9px;
  background-image: url("../images/arrow_down.svg");
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
}
@media (max-width: 992px) {
  .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-history-header .dashboard-history-sort .dashboard-history-sort-selector {
    width: 293px;
  }
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-history-header .result-count {
  color: var(--dark-50, #898c90);
}
@media (max-width: 576px) {
  .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-history-header .result-count {
    width: 100%;
    text-align: right;
    margin-top: 18px;
  }
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content .educational-material-details {
  padding: 18px;
  background: var(--light, #ffffff);
  border: 2px solid var(--dark-10, #e0e1e1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content .educational-material-details .educational-material-type {
  font-weight: var(--font-weight-semi-bold, 600);
  color: var(--dark-50, #898c90);
  margin-bottom: 4.5px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content .educational-material-details .educational-material-name {
  font-size: var(--h4-font-size, 1.438rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 9px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content .educational-material-details .educational-material-status {
  font-size: var(--lead-font-size, 1.294rem);
  line-height: 1.5;
  margin-bottom: 18px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content .educational-material-details .educational-material-description {
  margin-bottom: 36px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-container .learning-profile-history .dashboard-historical-content .educational-material-details .open-material-button {
  background: var(--primary-10, #d2e1f3);
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .box-title,
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .educational-material-status {
  display: flex;
  margin-bottom: 9px;
  align-items: center;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .box-title .icon,
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .educational-material-status .icon {
  width: 27px;
  height: 27px;
  margin-right: 10px;
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .box-title .activities-icon,
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .educational-material-status .activities-icon {
  background-image: url("../images/green_tick.svg");
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .box-title .completed-icon,
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .educational-material-status .completed-icon {
  background-image: url("../images/completed.svg");
}
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .box-title .in-progress-icon,
.educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .educational-material-status .in-progress-icon {
  background-image: url("../images/inprogress.svg");
}
.educator-dashboard-container .summary-container {
  display: flex;
  flex-direction: column;
  gap: 72px;
  padding: 72px 0;
}
.educator-dashboard-container .summary-container .lesson-fillout-summary {
  display: flex;
  gap: 18px;
}
.educator-dashboard-container .summary-container .lesson-fillout-summary .lesson-summary-container {
  padding: 27px;
  width: 75%;
  background-color: var(--light, #ffffff);
  border-radius: 9px;
}
.educator-dashboard-container .summary-container .lesson-fillout-summary .lesson-summary-container .lesson-summary-wrapper {
  max-height: 100%;
  overflow: hidden;
}
.educator-dashboard-container .summary-container .lesson-fillout-summary .lesson-summary-container .lesson-summary-wrapper h2 {
  margin-top: 0;
  margin-bottom: 18px;
}
.educator-dashboard-container .summary-container .lesson-fillout-summary .lesson-summary-container .lesson-summary-wrapper p {
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.educator-dashboard-container .summary-container .lesson-fillout-summary .correct-answers-container {
  padding: 36px;
  width: 25%;
  background-color: var(--light, #ffffff);
  border-radius: 9px;
}
.educator-dashboard-container .summary-container .lesson-fillout-summary .correct-answers-container p {
  font-size: var(--lead-font-size, 1.294rem);
  line-height: 1.5;
  margin-bottom: 9px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .progress-section-title {
  margin-bottom: 27px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details {
  padding: 27px;
  background-color: var(--light, #ffffff);
  border: 2px solid var(--light, #ffffff);
  border-radius: 9px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details h3,
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details h4 {
  font-weight: var(--font-weight-bold, 700);
  margin-top: 0;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details h3 {
  margin-bottom: 27px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details h4 {
  color: var(--dark-50, #898c90);
  margin-bottom: 9px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section {
  margin-bottom: 27px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section .categories,
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section .categorized-options {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section .category {
  width: 50%;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section .category .categorized-option {
  position: relative;
  width: 240px;
  border-radius: 9px;
  overflow: hidden;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section .category .categorized-option img {
  height: 160px;
  width: 100%;
  object-fit: cover;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section .category .categorized-option span.result-icon {
  position: absolute;
  top: 9px;
  right: 9px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section .section-title {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  font-weight: var(--font-weight-semi-bold, 600);
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section input {
  height: 49px;
  padding: 9px 18px;
  border: 2px solid var(--dark-10, #e0e1e1);
  border-radius: 9px;
  background-color: var(--light, #ffffff);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon.positive-feedback:before, .educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon.negative-feedback:before, .educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon.neutral-feedback:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon.positive-feedback {
  background-color: var(--success, #29612d);
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon.positive-feedback:before {
  background-image: url(../images/like_icon.png);
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon.negative-feedback {
  background-color: var(--warning, #f69220);
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon.negative-feedback:before {
  background-image: url(../images/dislike_icon.png);
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon.neutral-feedback {
  background-color: var(--secondary-80, #3c8182);
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.user-feedback-icon.neutral-feedback:before {
  background-image: url(../images/heart_icon.png);
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.result-icon {
  width: 36px;
  height: 36px;
  background-position: center;
  background-size: cover;
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.result-icon.correct-answer {
  background-image: url("../images/green_tick.svg");
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section span.result-icon.incorrect-answer {
  background-image: url("../images/orange_cross.svg");
}
.educator-dashboard-container .summary-container .lesson-fillout-progress .question-fillout-list .question-fillout-details .response-section .response-with-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
}

@media (max-width: 992px) {
  .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .add-learning-profile-mobile {
    display: flex;
    width: 100%;
    height: 81px;
    margin-bottom: 18px;
  }
  .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: 250px;
  }
  .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector .learning-profile-selector-card {
    flex-shrink: 0;
  }
  .educator-dashboard-container .educator-dashboard-body-wrapper .educator-dashboard-body .learning-profile-selector .add-learning-profile-desktop {
    display: none;
  }
  .educator-dashboard-container .summary-container {
    padding: 36px 18px;
    gap: 54px;
  }
  .educator-dashboard-container .summary-container .lesson-fillout-summary {
    flex-direction: column;
  }
  .educator-dashboard-container .summary-container .lesson-fillout-summary .lesson-summary-container,
  .educator-dashboard-container .summary-container .lesson-fillout-summary .correct-answers-container {
    width: 100%;
  }
  .educator-dashboard-container .summary-container .lesson-fillout-summary .correct-answers-container {
    padding: 27px;
  }
  .educator-dashboard-container .summary-container .response-section .categories,
  .educator-dashboard-container .summary-container .response-section .categorized-options {
    flex-direction: column;
  }
}
.education-lesson-detailed-page-container {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.education-lesson-detailed-page-container p,
.education-lesson-detailed-page-container ul,
.education-lesson-detailed-page-container ol,
.education-lesson-detailed-page-container li {
  max-width: 100%;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container {
  background-color: var(--sheep-white, #FFFAF5);
  background-size: cover;
  background-position: center;
  padding: 72px 81px;
  width: 100%;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .back-button {
  align-self: flex-start;
  margin-bottom: 9px;
  text-decoration: none;
  color: var(--dark, #1f252c);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  font-weight: var(--font-weight-semi-bold, 600);
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .back-button::before {
  content: "";
  background-image: url("../images/arrow_left.svg");
  width: 9px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image {
  display: flex;
  height: 580px;
  flex-direction: column;
  background-size: cover;
  background-position: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 9px;
  margin: 18px 0;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image .lesson-title {
  color: var(--light, #ffffff);
  font-size: var(--h1-font-size, 3.375rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image .lesson-starter-btn {
  background-color: var(--light, #ffffff);
  color: var(--dark, #1f252c);
  border: none;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-header-container-bottom {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-header-container-bottom .published {
  color: var(--dark-80, #4c5156);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container {
  padding: 72px 81px;
  width: 100%;
  background-color: var(--sheep-white, #FFFAF5);
  background-size: cover;
  background-position: center;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid {
  display: flex;
  gap: 10.5%;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent {
  width: 60%;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h1,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h2,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h3,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h4,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h5,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h6 {
  font-weight: var(--font-weight-bold, 700);
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity {
  width: 40%;
  color: unset;
  text-decoration: none;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .recommended-title {
  color: var(--dark, #1f252c);
  font-size: var(--h3-font-size, 1.688rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
  margin-bottom: 36px;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-card {
  border-radius: 9px;
  border: 2px var(--dark-10, #e0e1e1) solid;
  padding: 18px;
  background-color: var(--light, #ffffff);
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity img {
  max-width: 100%;
  height: auto;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-subtitle {
  margin-bottom: 9px;
  margin-top: 18px;
  color: var(--dark-50, #898c90);
  font-weight: var(--font-weight-semi-bold, 600);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-title {
  margin-bottom: 9px;
  font-size: var(--h4-font-size, 1.438rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-description {
  margin-bottom: 27px;
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}

@media (max-width: 992px) {
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container {
    padding: 18px;
    width: 100%;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image {
    height: 390px;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image .lesson-title {
    font-size: var(--h2-font-size, 2.25rem);
    text-align: center;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-header-container-bottom {
    flex-direction: column;
    align-items: start;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-header-container-bottom .download-btn {
    margin: 0;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container {
    padding: 18px;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid {
    flex-direction: column;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent {
    width: 100%;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity {
    width: 100%;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .recommended-title {
    font-size: var(--h4-font-size, 1.438rem);
    margin-bottom: 27px;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-title {
    font-size: var(--lead-font-size, 1.294rem);
  }
}
.rspca-education-admin {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.rspca-education-admin a {
  text-underline-offset: 0.23em;
}
.rspca-education-admin h3 {
  margin: 0 0 27px 0;
}
.rspca-education-admin h4 {
  margin: 0 0 16px 0;
}
.rspca-education-admin p,
.rspca-education-admin ul,
.rspca-education-admin ol,
.rspca-education-admin li {
  max-width: 100%;
}
.rspca-education-admin input, .rspca-education-admin textarea, .rspca-education-admin select {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.rspca-education-admin hr {
  width: 100%;
}
.rspca-education-admin .row {
  margin-left: -15px;
  margin-right: -15px;
}
.rspca-education-admin .form-control {
  height: 49px; /* 45px + 2 * border */
  padding: 9px 18px;
  border: 2px solid var(--dark-10, #e0e1e1);
  border-radius: 9px;
  margin-bottom: 27px;
}
.rspca-education-admin .form-control.material-description {
  height: 108px;
}
.rspca-education-admin textarea.form-control {
  resize: none;
}
.rspca-education-admin label {
  font-weight: var(--font-weight-bold, 700);
}
.rspca-education-admin label .required-asterisk {
  color: var(--danger, #aa1111);
}
.rspca-education-admin .container-fluid {
  padding-left: 13.5px;
  padding-right: 13.5px;
}
.rspca-education-admin .col-md-3,
.rspca-education-admin .col-md-4,
.rspca-education-admin .col-md-8,
.rspca-education-admin .col-md-9 {
  padding-left: 15px;
  padding-right: 15px;
}
.rspca-education-admin .education-new-material-details-container {
  background-color: var(--primary-10, #d2e1f3);
  padding-top: 36px;
  padding-bottom: 72px;
}
.rspca-education-admin .education-new-material-details-container select.readonly {
  pointer-events: none;
}
@media (max-width: 768px) {
  .rspca-education-admin .education-new-material-details-container {
    padding-top: 18px;
    padding-bottom: 36px;
  }
}
.rspca-education-admin .education-new-material-details-container .buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-weight: var(--font-weight-semi-bold, 600);
}
.rspca-education-admin .education-slides-container {
  background-color: var(--primary-5, #f0f5fa);
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 54px;
  padding-bottom: 54px;
}
@media (max-width: 768px) {
  .rspca-education-admin .education-slides-container {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
.rspca-education-admin .education-slides-container .education-slide {
  width: 100%;
  padding: 27px;
  background: var(--light, #ffffff);
  border: 2px solid var(--dark-10, #e0e1e1);
  border-radius: 9px;
  margin-bottom: 18px;
  position: relative;
}
.rspca-education-admin .education-slides-container .education-slide h1,
.rspca-education-admin .education-slides-container .education-slide h2,
.rspca-education-admin .education-slides-container .education-slide h3,
.rspca-education-admin .education-slides-container .education-slide h4,
.rspca-education-admin .education-slides-container .education-slide h5,
.rspca-education-admin .education-slides-container .education-slide h6 {
  font-weight: var(--font-weight-bold, 700);
}
.rspca-education-admin .education-slides-container .education-slide h3 {
  font-size: var(--h3-font-size, 1.688rem);
}
.rspca-education-admin .education-slides-container .education-slide h4 {
  font-size: var(--h4-font-size, 1.438rem);
}
.rspca-education-admin .education-slides-container .education-slide .drag-and-drop-slide-container {
  display: flex;
  flex-direction: column;
}
.rspca-education-admin .education-slides-container .education-slide .drag-and-drop-slide-container .education-row-container {
  display: flex;
  gap: 36px;
}
@media (max-width: 992px) {
  .rspca-education-admin .education-slides-container .education-slide .drag-and-drop-slide-container .education-row-container {
    gap: 9px;
  }
}
.rspca-education-admin .education-slides-container .education-slide .drag-and-drop-slide-container .education-row-container .education-input-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.rspca-education-admin .education-slides-container .education-slide .information {
  margin-bottom: 27px;
}
.rspca-education-admin .education-slides-container .education-slide textarea {
  height: 184px;
}
.rspca-education-admin .education-slides-container .education-slide textarea.title-input {
  height: 103px;
}
.rspca-education-admin .education-slides-container .education-slide input.form-control {
  max-width: 539px;
}
.rspca-education-admin .education-slides-container .education-slide select.form-control {
  padding-left: 41px;
  background-image: url("../images/arrow_down.svg");
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  background-size: 12px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.rspca-education-admin .education-slides-container .education-slide input.form-control-full {
  max-width: 100%;
}
.rspca-education-admin .education-slides-container .education-slide .option-fields {
  display: flex;
}
.rspca-education-admin .education-slides-container .education-slide .option-fields input[type=checkbox] {
  max-width: 49px;
  margin-right: 9px;
}
.rspca-education-admin .education-slides-container .education-slide .add-slides-container {
  padding-left: 15px;
  padding-right: 15px;
}
.rspca-education-admin .education-slides-container .education-slide .add-slides-container .row {
  padding: 0;
  flex-wrap: nowrap;
}
.rspca-education-admin .education-slides-container .education-slide .add-slides-container .row .col-md-6,
.rspca-education-admin .education-slides-container .education-slide .add-slides-container .row .col-12 {
  flex: auto;
}
@media (max-width: 768px) {
  .rspca-education-admin .education-slides-container .education-slide .add-slides-container .row {
    flex-wrap: wrap;
  }
}
.rspca-education-admin .education-slides-container .education-slide .add-slides-container button {
  display: flex;
  flex-direction: column;
  font-weight: var(--font-weight-bold, 700);
  background: var(--dark-5, #f4f4f4);
  border-radius: 20px;
  border: 1px solid white;
  padding: 18px 18px 0 0;
  margin: 7px;
}
.rspca-education-admin .education-slides-container .education-slide .add-slides-container button .title {
  color: var(--dark, #1f252c);
  text-align: left;
  padding-left: 58px;
  font-size: var(--h5-font-size, 1.25rem);
  line-height: 1.5;
}
.rspca-education-admin .education-slides-container .education-slide .add-slides-container button .desc {
  font-weight: var(--font-weight-normal, 400);
  text-align: left;
  margin: 6px 0 10px 58px;
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
}
.rspca-education-admin .education-slides-container .education-slide .add-slides-title {
  padding-left: 10px;
  padding-bottom: 3px;
}
.rspca-education-admin .education-slides-container .education-slide .checkmark {
  width: 36px;
  height: 36px;
  background-color: var(--dark-10, #e0e1e1);
  border-radius: 9px;
  position: absolute;
  top: 18%;
  left: 3%;
}
.rspca-education-admin .education-slides-container .education-slide .checkmark:after {
  content: "";
  position: absolute;
  top: 40%;
  left: 40%;
  width: 8px;
  height: 16px;
  border: solid var(--dark, #1f252c);
  border-width: 0 2px 2px 0;
  transform: translateY(-50%) rotate(45deg);
}
.rspca-education-admin .education-slides-container .education-slide .open-answer-icon,
.rspca-education-admin .education-slides-container .education-slide .drag-and-drop-icon,
.rspca-education-admin .education-slides-container .education-slide .instructional-icon,
.rspca-education-admin .education-slides-container .education-slide .video-icon,
.rspca-education-admin .education-slides-container .education-slide .display-icon {
  width: 36px;
  height: 36px;
  background-color: var(--dark-10, #e0e1e1);
  border-radius: 9px;
  position: absolute;
  top: 18%;
  left: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rspca-education-admin .education-slides-container .education-slide .open-answer-icon span,
.rspca-education-admin .education-slides-container .education-slide .drag-and-drop-icon span,
.rspca-education-admin .education-slides-container .education-slide .instructional-icon span,
.rspca-education-admin .education-slides-container .education-slide .video-icon span,
.rspca-education-admin .education-slides-container .education-slide .display-icon span {
  width: 18px;
  height: 18px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.rspca-education-admin .education-slides-container .education-slide .trash-icon {
  width: 36px;
  height: 36px;
  background-color: var(--dark-10, #e0e1e1);
  border-radius: 27px;
  position: absolute;
  top: 27px;
  right: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.rspca-education-admin .education-slides-container .education-slide .trash-icon span {
  width: 16px;
  height: 21px;
  background-image: url(../images/trash-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 768px) {
  .rspca-education-admin .education-slides-container .education-slide .trash-icon {
    width: 27px;
    height: 27px;
    top: 18px;
    right: 18px;
  }
  .rspca-education-admin .education-slides-container .education-slide .trash-icon span {
    background-size: 13px;
  }
}
.rspca-education-admin .education-slides-container .education-slide .open-answer-icon span {
  background-image: url(../images/open_answer_icon.png);
}
.rspca-education-admin .education-slides-container .education-slide .drag-and-drop-icon span {
  width: 16px;
  height: 27px;
  background-image: url(../images/drag_and_drop_icon.svg);
}
.rspca-education-admin .education-slides-container .education-slide .instructional-icon span {
  width: 16px;
  height: 27px;
  background-image: url(../images/instructional_icon.svg);
}
.rspca-education-admin .education-slides-container .education-slide .video-icon span {
  background-image: url(../images/video_icon.svg);
}
.rspca-education-admin .education-slides-container .education-slide .display-icon span {
  width: 16px;
  height: 27px;
  background-image: url(../images/display_icon.svg);
}
.rspca-education-admin .upload-container {
  margin-bottom: 27px;
}
.rspca-education-admin .upload-container .entry-container {
  position: relative;
  overflow: hidden;
  max-width: 283px;
  max-height: 283px;
  margin-bottom: 18px;
  display: flex;
  justify-content: center;
}
.rspca-education-admin .upload-container .entry-container img {
  max-width: 100%;
  height: 100%;
  max-height: 220px;
  border-radius: 9px;
}
.rspca-education-admin .upload-container .entry-container .remove-icon {
  position: absolute;
  top: 18px;
  right: 18px;
  content: url("../images/remove_icon.svg");
}
.rspca-education-admin .upload-container .entry-container .no-prev-pic {
  border: 2px solid var(--dark-10, #e0e1e1);
  border-radius: 9px;
  width: 280px;
  height: 280px;
  background: var(--dark-10, #e0e1e1);
  align-items: center;
  padding: 18px;
  display: flex;
  flex-wrap: wrap;
}
.rspca-education-admin .upload-container .entry-container .no-prev-pic p {
  word-break: break-word;
}
.rspca-education-admin .upload-container .image-upload {
  height: 162px;
  border: 2px dashed var(--dark-20, #cacbcd);
  border-radius: 9px;
  background: var(--light, #ffffff);
  position: relative;
}
.rspca-education-admin .upload-container .image-upload .drag-and-drop-label-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
  text-align: center;
  padding-left: 18px;
  padding-right: 18px;
  gap: 10px;
}
.rspca-education-admin .upload-container .image-upload .drag-and-drop-label-container span.icon-file-alt {
  content: url("../images/add_file_icon.svg");
}
.rspca-education-admin .upload-container .image-upload .drag-and-drop-label-container .upload-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: var(--dark-10, #e0e1e1);
  border-radius: 9px;
}
.rspca-education-admin .upload-container .image-upload .drag-and-drop-label-container .main-label {
  color: var(--dark-50, #898c90);
}
.rspca-education-admin .upload-container .image-upload .drag-and-drop-label-container .main-label a {
  color: var(--link, #0060df);
  text-decoration: underline;
}
.rspca-education-admin .upload-container .image-upload .file-uploader-error {
  color: red;
}
.rspca-education-admin .upload-container .image-upload input.image-upload-input {
  height: inherit;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.rspca-education-admin .edu-activity-container .webcontent-container {
  display: flex;
  gap: 10%;
}
.rspca-education-admin .edu-activity-container .webcontent-container .activity-input-group {
  min-width: 45%;
}
.rspca-education-admin .edu-activity-container .certificate-container {
  display: flex;
  gap: 10%;
}
.rspca-education-admin .edu-activity-container .certificate-container .certificate-text-configuration-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 45%;
}
.rspca-education-admin .edu-activity-container .certificate-container .certificate-image-container {
  min-width: 45%;
}
@media (max-width: 992px) {
  .rspca-education-admin .webcontent-container {
    gap: 0;
    flex-direction: column;
  }
  .rspca-education-admin .certificate-container {
    gap: 0;
    flex-direction: column;
  }
}
.rspca-education-admin .edu-drag-box {
  background: var(--light, #ffffff);
  border: 2px solid var(--dark-10, #e0e1e1);
  border-radius: 9px;
  padding: 18px;
  cursor: move;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 27px;
  letter-spacing: 0.5px;
  font-weight: var(--font-weight-semi-bold, 600);
}
.rspca-education-admin .edu-drag-box.over-up {
  border-top: 3px dotted var(--dark, #1f252c);
}
.rspca-education-admin .edu-drag-box.over-down {
  border-bottom: 3px dotted var(--dark, #1f252c);
}
.rspca-education-admin div[draggable=true]::after {
  content: url("../images/draggable_icon.svg");
  float: right;
}
.rspca-education-admin .answer-label {
  margin: 10px 0 20px 0;
  font-size: var(--h4-font-size, 1.438rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 35px;
}
.rspca-education-admin .education-options-checkbox {
  position: absolute;
  display: inline-block;
  width: 49px;
  height: 49px;
  border: 2px solid var(--dark-10, #e0e1e1);
  border-radius: 9px;
  cursor: pointer;
  margin-right: 5px;
}
.rspca-education-admin .education-options-checkbox.checked::before {
  content: "";
  width: 11px;
  height: 20px;
  position: absolute;
  left: 36%;
  top: 43%;
  border: solid var(--dark-80, #4c5156);
  border-width: 0 2px 2px 0;
  transform: translateY(-50%) rotate(45deg);
}
.rspca-education-admin .thank-you-screen-editor .upload-container {
  margin-bottom: 1.5rem;
}

.education-common-image-uploader-container {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.education-common-image-uploader-container a {
  text-underline-offset: 0.23em;
}
.education-common-image-uploader-container label {
  font-weight: var(--font-weight-bold, 700);
}
.education-common-image-uploader-container .image-upload-container .image-container {
  position: relative;
  overflow: hidden;
  max-width: 283px;
  max-height: 283px;
  margin-bottom: 18px;
  display: flex;
  justify-content: center;
}
.education-common-image-uploader-container .image-upload-container .image-container img {
  max-width: 100%;
  height: 100%;
  max-height: 220px;
  border-radius: 9px;
}
.education-common-image-uploader-container .image-upload-container .image-container .remove-icon {
  position: absolute;
  top: 18px;
  right: 18px;
  content: url("../images/remove_icon.svg");
}
.education-common-image-uploader-container .image-upload-container .image-upload {
  border: 2px dashed var(--dark-20, #cacbcd);
  height: 100%;
  border-radius: 9px;
  padding: 25px 18px;
  background: var(--light, #ffffff);
  position: relative;
}
.education-common-image-uploader-container .image-upload-container .image-upload .drag-and-drop-label-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}
.education-common-image-uploader-container .image-upload-container .image-upload .drag-and-drop-label-container span.icon-file-alt {
  content: url("../images/add_file_icon.svg");
}
.education-common-image-uploader-container .image-upload-container .image-upload .drag-and-drop-label-container .upload-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: var(--dark-10, #e0e1e1);
  border-radius: 9px;
}
.education-common-image-uploader-container .image-upload-container .image-upload .drag-and-drop-label-container .main-label {
  color: var(--dark-50, #898c90);
}
.education-common-image-uploader-container .image-upload-container .image-upload .drag-and-drop-label-container .main-label a {
  color: var(--link, #0060df);
  text-decoration: underline;
  text-underline-offset: 0.23em;
}
.education-common-image-uploader-container .image-upload-container .image-upload .file-uploader-error {
  color: var(--danger, #aa1111);
}
.education-common-image-uploader-container .image-upload-container .image-upload input.image-upload-input {
  height: inherit;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.education-activity-container {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
  background-size: cover;
  background-position: center;
  background-color: var(--butterfly-blue, #9FDCFD);
  padding: 72px 81px;
  width: 100%;
}
.education-activity-container .container-fluid {
  display: flex;
  gap: 10.5%;
}
.education-activity-container .back-button {
  align-self: flex-start;
  margin-bottom: 9px;
  text-decoration: none;
  color: var(--dark, #1f252c);
  font-weight: var(--font-weight-semi-bold, 600);
}
.education-activity-container .back-button::before {
  content: "";
  background-image: url("../images/arrow_left.svg");
  width: 9px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
}
.education-activity-container .content-wrapper {
  display: flex;
  flex-direction: column;
  width: 62%;
}
.education-activity-container .activity-title {
  color: var(--dark, #1f252c);
  font-size: var(--h1-font-size, 3.375rem);
  margin-bottom: 9px;
}
.education-activity-container .activity-description {
  color: var(--dark, #1f252c);
  margin-bottom: 27px;
  font-size: var(--lead-font-size, 1.294rem);
}
.education-activity-container img {
  max-width: 480px;
  border-radius: 9px;
  object-fit: cover;
}
.education-activity-container .last-edited {
  color: var(--dark-80, #4c5156);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}

.activity-certificate-container {
  display: flex;
  margin: 36px 9px 72px 9px;
  border: 2px solid var(--primary-80, #295a95);
  padding: 36px;
  gap: 10.5%;
}
.activity-certificate-container .certificate-text-container {
  width: 62%;
}
.activity-certificate-container .certificate-text-container .rspca-primary-button {
  margin: 0;
}
.activity-certificate-container .certificate-text-container .certificate-title {
  font-size: var(--h4-font-size, 1.438rem);
  padding-bottom: 18px;
  margin: 0 0 9px 0;
}
.activity-certificate-container .certificate-text-container .certificate-description {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  padding-bottom: 27px;
  max-width: 100%;
}
.activity-certificate-container .certificate-image-container {
  border-radius: 9px;
}
.activity-certificate-container .certificate-image-container img {
  max-width: 424px;
  max-height: 200px;
}

@media (max-width: 992px) {
  .education-activity-container {
    padding: 36px 18px;
  }
  .education-activity-container .container-fluid {
    flex-direction: column-reverse;
    gap: 0;
  }
  .education-activity-container .content-wrapper {
    padding: 36px 0 0 0;
    width: 100%;
  }
  .education-activity-container .activity-title {
    color: var(--dark, #1f252c);
    font-size: var(--h2-font-size, 2.25rem);
    margin-bottom: 18px;
  }
  .education-activity-container .activity-description {
    font-size: calc(var(--font-size-base, 1rem) * 1.125);
  }
  .education-activity-container img {
    max-width: none;
    width: 100%;
    height: 113px;
  }
  .activity-certificate-container {
    flex-direction: column;
    margin: 27px 18px 36px 27px;
    padding: 27px;
    border: 2px solid var(--primary-50, #6b93c2);
  }
  .activity-certificate-container .certificate-text-container {
    padding-right: 0;
    padding-bottom: 54px;
    width: 100%;
  }
  .activity-certificate-container .certificate-image-container img {
    width: auto;
    max-width: auto;
    height: 200px;
  }
}
.education-web-content {
  display: flex;
  padding: 72px 81px;
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.education-web-content h4,
.education-web-content h3,
.education-web-content h2 {
  font-weight: var(--font-weight-bold, 700);
  margin-top: 0;
}
.education-web-content h4 {
  color: var(--primary-80, #295a95);
  font-size: var(--h5-font-size, 1.25rem);
  margin-bottom: 9px;
}
.education-web-content h3 {
  font-size: var(--h4-font-size, 1.438rem);
  margin-bottom: 18px;
}
.education-web-content h2 {
  font-size: var(--h2-font-size, 2.25rem);
  margin-bottom: 36px;
}
.education-web-content img {
  border-radius: 9px;
}
.education-web-content img {
  max-width: 500px;
  border-radius: 9px;
}
@media (max-width: 992px) {
  .education-web-content {
    padding: 36px 18px;
  }
  .education-web-content .container-fluid {
    flex-direction: column;
  }
  .education-web-content h2 {
    font-size: var(--h3-font-size, 1.688rem);
    margin-bottom: 18px;
  }
}

.education-web-content-flex-container {
  display: flex;
  gap: 10.5%;
  width: 100%;
}
.education-web-content-flex-container .text-container {
  width: 62%;
}
@media (max-width: 992px) {
  .education-web-content-flex-container {
    gap: 0;
  }
  .education-web-content-flex-container .text-container {
    width: 100%;
  }
}

.education-instruction-container {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  flex-direction: column;
  padding-bottom: 0;
}
.education-instruction-container p {
  margin: 0;
  padding: 0;
}
.education-instruction-container .instruction-step-container {
  display: flex;
}
.education-instruction-container .instruction-step-container .instruction-step-numbered-sidebar {
  display: flex;
  flex-direction: column;
  margin-right: 18px;
  align-items: center;
}
.education-instruction-container .instruction-step-container .instruction-step-numbered-sidebar .instruction-step-line {
  width: 2px;
  height: 100%;
  background-color: var(--primary, #003473);
}
.education-instruction-container .instruction-step-container .instruction-step {
  display: flex;
  min-height: 374px;
  padding-bottom: 36px;
}
.education-instruction-container .instruction-step-container .instruction-step .number-icon-mobile {
  display: none;
}
.education-instruction-container .instruction-step-container .instruction-step .instruction-step-image img {
  max-width: 480px;
}
.education-instruction-container .instruction-step-container .instruction-step-number-icon {
  display: flex;
  width: 27px;
  height: 27px;
  margin: 8px 0;
  border-radius: 50%;
  justify-content: center;
  color: var(--light, #ffffff);
  background-color: var(--primary, #003473);
  font-size: 1.125rem;
  font-weight: var(--font-weight-bold, 700);
}
.education-instruction-container .instruction-step-container:first-child {
  padding-top: 18px;
}
.education-instruction-container .instruction-step-container:not(:last-child) .instruction-step {
  padding-bottom: 54px;
}
@media (max-width: 992px) {
  .education-instruction-container .instruction-step-container {
    padding: 27px 0;
  }
  .education-instruction-container .instruction-step-container .instruction-step-numbered-sidebar {
    display: none;
  }
  .education-instruction-container .instruction-step-container .instruction-step {
    flex-direction: column-reverse;
    padding: 0;
  }
  .education-instruction-container .instruction-step-container .instruction-step .text-container .mobile-row {
    display: flex;
  }
  .education-instruction-container .instruction-step-container .instruction-step .text-container .mobile-row .number-icon-mobile {
    display: flex;
    min-width: 27px;
    margin: 6px 18px 8px 0;
  }
  .education-instruction-container .instruction-step-container .instruction-step .text-container h3 {
    margin-bottom: 26px;
    line-height: 1.5;
  }
  .education-instruction-container .instruction-step-container .instruction-step .instruction-step-image {
    padding-bottom: 27px;
  }
  .education-instruction-container .instruction-step-container .instruction-step .instruction-step-image img {
    max-width: 100%;
  }
  .education-instruction-container .instruction-step-container:first-child {
    padding-top: 0;
  }
  .education-instruction-container .instruction-step-container:not(:last-child) .instruction-step {
    padding-bottom: 0;
  }
}

.summary-section {
  background-color: var(--primary-5, #f0f5fa);
}
.summary-section .container-fluid {
  display: flex;
  gap: 10.5%;
  width: 100%;
}
.summary-section .summary-image-container img {
  max-width: 480px;
}
@media (max-width: 992px) {
  .summary-section .summary-image-container img {
    max-width: 100%;
  }
}

.education-lesson-detailed-page-container {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.education-lesson-detailed-page-container p,
.education-lesson-detailed-page-container ul,
.education-lesson-detailed-page-container ol,
.education-lesson-detailed-page-container li {
  max-width: 100%;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container {
  background-color: var(--sheep-white, #FFFAF5);
  background-size: cover;
  background-position: center;
  padding: 72px 81px;
  width: 100%;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .back-button {
  align-self: flex-start;
  margin-bottom: 9px;
  text-decoration: none;
  color: var(--dark, #1f252c);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  font-weight: var(--font-weight-semi-bold, 600);
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .back-button::before {
  content: "";
  background-image: url("../images/arrow_left.svg");
  width: 9px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image {
  display: flex;
  height: 580px;
  flex-direction: column;
  background-size: cover;
  background-position: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 9px;
  margin: 18px 0;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image .lesson-title {
  color: var(--light, #ffffff);
  font-size: var(--h1-font-size, 3.375rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image .lesson-starter-btn {
  background-color: var(--light, #ffffff);
  color: var(--dark, #1f252c);
  border: none;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-header-container-bottom {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-header-container-bottom .published {
  color: var(--dark-80, #4c5156);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container {
  padding: 72px 81px;
  width: 100%;
  background-color: var(--sheep-white, #FFFAF5);
  background-size: cover;
  background-position: center;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid {
  display: flex;
  gap: 10.5%;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent {
  width: 60%;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h1,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h2,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h3,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h4,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h5,
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent .education-lesson-detailed-description h6 {
  font-weight: var(--font-weight-bold, 700);
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity {
  width: 40%;
  color: unset;
  text-decoration: none;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .recommended-title {
  color: var(--dark, #1f252c);
  font-size: var(--h3-font-size, 1.688rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
  margin-bottom: 36px;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-card {
  border-radius: 9px;
  border: 2px var(--dark-10, #e0e1e1) solid;
  padding: 18px;
  background-color: var(--light, #ffffff);
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity img {
  max-width: 100%;
  height: auto;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-subtitle {
  margin-bottom: 9px;
  margin-top: 18px;
  color: var(--dark-50, #898c90);
  font-weight: var(--font-weight-semi-bold, 600);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-title {
  margin-bottom: 9px;
  font-size: var(--h4-font-size, 1.438rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
}
.education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-description {
  margin-bottom: 27px;
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}

@media (max-width: 992px) {
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container {
    padding: 18px;
    width: 100%;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image {
    height: 390px;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-image .lesson-title {
    font-size: var(--h2-font-size, 2.25rem);
    text-align: center;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-header-container-bottom {
    flex-direction: column;
    align-items: start;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-header-container .education-lesson-detailed-header-container-bottom .download-btn {
    margin: 0;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container {
    padding: 18px;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid {
    flex-direction: column;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-webcontent {
    width: 100%;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity {
    width: 100%;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .recommended-title {
    font-size: var(--h4-font-size, 1.438rem);
    margin-bottom: 27px;
  }
  .education-lesson-detailed-page-container .education-lesson-detailed-activity-container .container-fluid .education-lesson-detailed-activity-container-activity .activity-title {
    font-size: var(--lead-font-size, 1.294rem);
  }
}
.education-certificate-container .pagination-container #first.page-number:not(.page-number-active) {
  color: transparent;
  background-color: var(--primary-10, #d2e1f3);
  background-image: url(../images/step_check.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.education-certificate-container .hidden {
  display: none;
}
.education-certificate-container .certificate-consent-step .consent-description a {
  color: var(--link, #0060df);
}
.education-certificate-container .certificate-consent-step .restriction-label {
  margin-top: 0;
}
.education-certificate-container .certificate-consent-step .restriction-label.restriction-do {
  color: var(--success, #29612d);
}
.education-certificate-container .certificate-consent-step .restriction-label.restriction-do::before {
  content: url("../images/ok-sign-icon.svg");
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.education-certificate-container .certificate-consent-step .restriction-label.restriction-do-not {
  color: var(--danger, #aa1111);
}
.education-certificate-container .certificate-consent-step .restriction-label.restriction-do-not::before {
  content: url("../images/danger-icon.svg");
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.education-certificate-container .certificate-consent-step .restriction-description {
  display: flex;
  align-items: normal;
  line-height: 1.5;
}
.education-certificate-container .certificate-consent-step .restriction-description::before {
  content: url("../images/image-icon.svg");
  padding-right: 5px;
}
.education-certificate-container .certificate-consent-step .restriction-image {
  width: 250px;
  height: 172px;
  border-radius: 9px;
  margin-bottom: 0.5rem;
}
.education-certificate-container .certificate-consent-step .consent-container {
  padding-top: 36px;
  padding-bottom: 36px;
}
.education-certificate-container .certificate-consent-step .consent-container .consent-title {
  margin-top: 0;
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
}
.education-certificate-container .certificate-consent-step .consent-container label {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.5;
}
.education-certificate-container .certificate-consent-step .consent-container .consent-checkbox {
  display: inline-block;
  position: relative;
  width: 27px;
  height: 27px;
  border: 2px solid var(--dark, #1f252c);
  border-radius: 5px;
}
.education-certificate-container .certificate-consent-step .consent-container .consent-checkbox.checked::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 1px;
  width: 8px;
  height: 16px;
  transform: rotate(40deg);
  border: 2px solid var(--dark, #1f252c);
  border-top: 0;
  border-left: 0;
}
.education-certificate-container .certificate-upload-image-step .required-asterisk {
  color: var(--danger, #aa1111);
}
.education-certificate-container .certificate-upload-image-step .learning-profile-select-label {
  display: block;
  font-weight: var(--font-weight-semi-bold, 600);
}
.education-certificate-container .certificate-upload-image-step .learning-profile-selector {
  width: 400px;
  padding: 9px 18px 9px 41px;
  border: 2px solid var(--dark-10, #e0e1e1);
  background-image: url(../images/arrow_down.svg);
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: white;
  margin-bottom: 36px;
}
@media (max-width: 992px) {
  .education-certificate-container .certificate-upload-image-step .learning-profile-selector {
    width: auto;
  }
}
.education-certificate-container .certificate-upload-image-step .image-upload {
  width: 250px;
  margin-bottom: 36px;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask {
  margin-top: 90px;
  margin-bottom: 81px;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing,
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::before,
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::after {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--primary, #003473);
  color: var(--primary, #003473);
  animation: dot-flashing 1s infinite linear alternate;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing {
  position: relative;
  margin: auto;
  animation-delay: 0.5s;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::before,
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::before {
  left: -25px;
  animation-delay: 0s;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::after {
  left: 25px;
  animation-delay: 1s;
}
@keyframes dot-flashing {
  0% {
    background-color: var(--primary, #003473);
  }
  50%, 100% {
    background-color: var(--primary-20, #bacde5);
  }
}
.education-certificate-container .certificate-upload-image-step .certificate-upload-error p {
  color: var(--danger, #aa1111);
}
.education-certificate-container .certificate-upload-image-step .certificate-upload-error.hidden {
  display: none;
}
.education-certificate-container .success-step-button {
  margin-top: 36px;
}
.education-certificate-container .certificate-success-step .certificate-preview-container {
  max-width: 528px;
  max-height: 373px;
}
.education-certificate-container .certificate-success-step .certificate-preview-container img {
  max-width: 528px;
  max-height: 373px;
}
@media (max-width: 992px) {
  .education-certificate-container .certificate-success-step .certificate-preview-container {
    width: 100%;
  }
  .education-certificate-container .certificate-success-step .certificate-preview-container img {
    width: 100%;
  }
}

.rspca-education-form-container {
  justify-content: center;
  display: flex;
  padding: 72px 0 !important;
  min-height: 1080px;
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  background-color: var(--rspca-blue, #2622f7);
}
.rspca-education-form-container .rspca-education-form {
  width: 100%;
  background: var(--light, #ffffff);
  max-width: 600px;
  margin: auto;
  padding: 36px;
  /* Firefox */
}
.rspca-education-form-container .rspca-education-form .input-text-wrapper.hidden {
  display: none;
}
.rspca-education-form-container .rspca-education-form input,
.rspca-education-form-container .rspca-education-form select {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.rspca-education-form-container .rspca-education-form input::-webkit-outer-spin-button,
.rspca-education-form-container .rspca-education-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.rspca-education-form-container .rspca-education-form input[type=number] {
  -moz-appearance: textfield;
}
.rspca-education-form-container .rspca-education-form .number-input {
  width: 20%;
}
.rspca-education-form-container .rspca-education-form .three-quarter-input {
  width: 75%;
}
.rspca-education-form-container .rspca-education-form .education-radio-group {
  background: var(--light, #ffffff);
  border: 2px solid var(--dark-10, #e0e1e1);
  margin-bottom: 27px;
  display: flex;
  align-items: center;
  gap: 13.5px;
  padding: 16px;
}
.rspca-education-form-container .rspca-education-form .education-radio-group input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  border: 5px solid var(--light, #ffffff);
  box-shadow: 0 0 0 2px var(--dark, #1f252c);
  width: 23px;
  height: 23px;
  background-color: var(--sheep-white, #ffffff);
}
.rspca-education-form-container .rspca-education-form .education-radio-group input[type=radio]:checked {
  background-color: var(--dark, #1f252c);
}
.rspca-education-form-container .rspca-education-form .education-radio-group input[type=radio]:checked + label {
  font-weight: var(--font-weight-semi-bold, 600);
}
.rspca-education-form-container .rspca-education-form .education-radio-group label {
  margin: 0;
}
.rspca-education-form-container .rspca-education-form .form-select span {
  background-image: url("../images/arrow_down.svg");
  position: absolute;
  top: 75%;
  left: 3%;
  display: flex;
  width: 13px;
  height: 7px;
}
.rspca-education-form-container .rspca-education-form .form-select p {
  color: var(--dark-80, #4c5156);
  margin-bottom: 0;
  margin-top: 10px;
}
.rspca-education-form-container .rspca-education-form .form-select select {
  padding-left: 40px;
}
.rspca-education-form-container .rspca-education-form .pagination-container {
  padding-bottom: 36px;
  display: flex;
}
.rspca-education-form-container .rspca-education-form .pagination-container .page-number {
  display: flex;
  margin-right: 30px;
  width: 36px;
  height: 36px;
  border-radius: 27px;
  background-color: var(--primary-10, #d2e1f3);
  justify-content: center;
  align-items: center;
  color: var(--primary, #003473);
}
.rspca-education-form-container .rspca-education-form .pagination-container .page-number-active {
  background-color: var(--primary, #003473);
  color: var(--light, #ffffff);
  font-weight: var(--font-weight-semi-bold, 600);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
.rspca-education-form-container .rspca-education-form .pagination-container .page-number-checked {
  background-color: var(--primary-10, #d2e1f3);
  background-image: url("../images/step_check.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.rspca-education-form-container .rspca-education-form .education-form-title {
  margin-bottom: 9px;
  color: var(--dark, #1f252c);
  font-size: var(--h2-font-size, 2.25rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
  margin-top: 0;
}
.rspca-education-form-container .rspca-education-form .education-form-description {
  margin-bottom: 36px;
  margin-top: 0;
  color: var(--dark, #1f252c);
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
}
.rspca-education-form-container .rspca-education-form .education-registration-next-step-title {
  margin-bottom: 9px;
  color: var(--dark, #1f252c);
  font-size: var(--h4-font-size, 1.438rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
}
.rspca-education-form-container .rspca-education-form .form-control {
  height: 45px;
  background: var(--sheep-white, #ffffff);
  border: 2px solid var(--dark-10, #e0e1e1);
  margin-top: 9px;
  margin-bottom: 27px;
}
.rspca-education-form-container .rspca-education-form .form-control.has-error {
  border: 2px solid var(--danger, #aa1111);
  background: var(--danger-5, #fff5f5);
  box-shadow: none;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container input {
  margin: 0 10px 0 0;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 30%;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container a {
  color: var(--link, #0060df);
  text-decoration: underline;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container input.has-error {
  top: 62%;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container label {
  margin: 8px 0 0 40px;
  max-width: 488px;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container label.has-error {
  margin-top: 0;
  color: var(--danger, #aa1111);
}
.rspca-education-form-container .rspca-education-form .control-label {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 1.5;
  color: var(--dark, #1f252c);
  margin-bottom: 0;
}
.rspca-education-form-container .rspca-education-form .control-label .rspca-required {
  color: var(--danger, #aa1111);
}
.rspca-education-form-container .rspca-education-form .control-label .text-warning {
  color: var(--danger, #aa1111) !important;
}
.rspca-education-form-container .rspca-education-form .control-label .reference-mark {
  font-size: 8px;
}
.rspca-education-form-container .rspca-education-form .rspca-form-error {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  color: var(--danger, #aa1111);
  display: flex;
  align-items: center;
  margin-top: 4.5px;
}
.rspca-education-form-container .rspca-education-form .rspca-form-error::before {
  content: url("../images/education_validation_error_icon.svg");
  padding-right: 9px;
  height: 1.6875rem;
}
.rspca-education-form-container .rspca-education-form .rspca-form-error.hidden {
  display: none;
}
.rspca-education-form-container .rspca-education-form .user-informations .terms-of-use-container .rspca-form-error,
.rspca-education-form-container .rspca-education-form .select-container .learning-profile-select-error.rspca-form-error {
  padding-bottom: 9px;
}
.rspca-education-form-container .rspca-education-form .education-form-button-container {
  display: flex;
  gap: 18px;
}
.rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn {
  width: 50%;
  margin: 0;
}
.rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn.inactive {
  background-color: var(--dark-10, #e0e1e1);
  border: none;
  color: var(--dark, #1f252c);
  pointer-events: none;
}
.rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn {
  color: var(--swallow-blue, #260071);
  background-color: transparent;
  border: 2px solid var(--rspca-blue, #2622f7);
  width: 50%;
  margin: 0;
}
.rspca-education-form-container .rspca-education-form .education-forgot-pw-container {
  display: flex;
  justify-content: end;
}
.rspca-education-form-container .rspca-education-form .education-login-no-acc-container {
  display: flex;
  justify-content: center;
}
.rspca-education-form-container .rspca-education-form .education-login-no-acc-container p {
  margin-bottom: 0;
}
.rspca-education-form-container .rspca-education-form .education-login-link {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.5;
  color: var(--link, #0060df);
  text-decoration: underline;
}
.rspca-education-form-container .rspca-education-form .education-login-submit-btn {
  width: 100%;
  height: 54px;
  margin: 30px 0 40px 0;
  background: var(--primary, #003473);
  border: 0;
}
.rspca-education-form-container .rspca-education-form .education-login-submit-btn span {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  font-weight: var(--font-weight-semi-bold, 600);
  color: var(--light, #ffffff);
}
.rspca-education-form-container .rspca-education-form .captcha-container {
  margin-top: 9px;
}

.rspca-education-centered-container {
  background-color: var(--rspca-blue, #2622f7);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.rspca-education-centered-container .rspca-education-centered-form .required-asterisk {
  color: var(--danger, #aa1111);
}

.education-centered-form-select.select-container.select-wrapper select {
  padding-left: 41px;
  background-image: url("../images/arrow_down.svg");
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  background-size: 12px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

@media (max-width: 992px) {
  .rspca-education-form-container .rspca-education-form {
    width: auto;
    max-width: 600px;
    margin: 0 18px;
  }
  .rspca-education-form-container .rspca-education-form .form-group {
    flex-direction: column;
    align-items: baseline;
  }
  .rspca-education-form-container .rspca-education-form .terms-of-use-container {
    flex-direction: row;
  }
  .rspca-education-form-container .rspca-education-form .education-form-button-container {
    flex-direction: column;
  }
  .rspca-education-form-container .rspca-education-form .rspca-education-form-primary-btn {
    width: 100%;
  }
  .rspca-education-form-container .rspca-education-form .rspca-education-form-secondary-btn {
    width: 100%;
  }
}
.education-slider-container .feedback-container {
  margin-top: 2.5vh;
  margin-bottom: 5vh;
  padding: 2.5vh;
}
.education-slider-container .feedback-container .feedback-title {
  margin: 0 0 8px 0;
  font-size: 2.1296296296vh;
  line-height: 1.5;
  color: var(--dark, #1f252c);
  font-weight: var(--font-weight-bold, 700);
}
.education-slider-container .feedback-container .feedback-description {
  font-size: 1.8518518519vh;
  line-height: 1.5;
  color: var(--dark, #1f252c);
  font-weight: var(--font-weight-normal, 400);
  white-space: pre-line;
}
.education-slider-container .feedback-container.negative-feedback {
  background: var(--info-5, #faf4fa);
  border: 2px solid var(--info, #8e3190);
}
.education-slider-container .feedback-container.positive-feedback {
  background: var(--success-5, #f4fbf4);
  border: 2px solid var(--success, #29612d);
}
.education-slider-container .feedback-container .feedback-like-dislike {
  font-size: 1.8518518519vh;
}
.education-slider-container .feedback-container .feedback-like-dislike .response-container {
  display: flex;
  gap: 9px;
  padding-top: 1.3888888889vh;
}
.education-slider-container .feedback-container .feedback-like-dislike span {
  width: 50px;
  height: 50px;
  border-radius: 9px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  background: var(--primary, #003473) no-repeat center center;
}
.education-slider-container .feedback-container .feedback-like-dislike span.active {
  background-color: var(--primary-50, #6b93c2);
}
.education-slider-container .feedback-container .feedback-like-dislike .like {
  background-image: url(../images/like_icon.png);
}
.education-slider-container .feedback-container .feedback-like-dislike .dislike {
  background-image: url(../images/dislike_icon.png);
}
.education-slider-container .feedback-container .feedback-like-dislike .heart {
  background-image: url(../images/heart_icon.png);
}

.learning-profile-select-container .rspca-education-centered-form {
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
}
@media (max-width: 992px) {
  .learning-profile-select-container .rspca-education-centered-form {
    margin: auto 18px;
  }
}
.learning-profile-select-container .rspca-education-centered-form .select-container {
  margin-bottom: 36px;
}
.learning-profile-select-container .rspca-education-centered-form .select-container .learning-profile-select-label {
  display: block;
  font-weight: var(--font-weight-bold, 700);
}
.learning-profile-select-container .rspca-education-centered-form .select-container .learning-profile-selector {
  width: 400px;
  padding: 9px 18px 9px 41px;
  border: 2px solid var(--dark-10, #e0e1e1);
  background-image: url(../images/arrow_down.svg);
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: var(--light, #ffffff);
}
@media (max-width: 992px) {
  .learning-profile-select-container .rspca-education-centered-form .select-container .learning-profile-selector {
    width: 100%;
  }
}
.learning-profile-select-container .rspca-education-centered-form .select-container .learning-profile-selector.has-error {
  border: 2px solid var(--danger, #aa1111);
  background-color: var(--danger-5, #fff5f5);
  box-shadow: none;
  outline: none;
}

.education-certificate-container .pagination-container #first.page-number:not(.page-number-active) {
  color: transparent;
  background-color: var(--primary-10, #d2e1f3);
  background-image: url(../images/step_check.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.education-certificate-container .hidden {
  display: none;
}
.education-certificate-container .certificate-consent-step .consent-description a {
  color: var(--link, #0060df);
}
.education-certificate-container .certificate-consent-step .restriction-label {
  margin-top: 0;
}
.education-certificate-container .certificate-consent-step .restriction-label.restriction-do {
  color: var(--success, #29612d);
}
.education-certificate-container .certificate-consent-step .restriction-label.restriction-do::before {
  content: url("../images/ok-sign-icon.svg");
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.education-certificate-container .certificate-consent-step .restriction-label.restriction-do-not {
  color: var(--danger, #aa1111);
}
.education-certificate-container .certificate-consent-step .restriction-label.restriction-do-not::before {
  content: url("../images/danger-icon.svg");
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.education-certificate-container .certificate-consent-step .restriction-description {
  display: flex;
  align-items: normal;
  line-height: 1.5;
}
.education-certificate-container .certificate-consent-step .restriction-description::before {
  content: url("../images/image-icon.svg");
  padding-right: 5px;
}
.education-certificate-container .certificate-consent-step .restriction-image {
  width: 250px;
  height: 172px;
  border-radius: 9px;
  margin-bottom: 0.5rem;
}
.education-certificate-container .certificate-consent-step .consent-container {
  padding-top: 36px;
  padding-bottom: 36px;
}
.education-certificate-container .certificate-consent-step .consent-container .consent-title {
  margin-top: 0;
  font-size: calc(var(--font-size-base, 1rem) * 1.125);
  line-height: 1.5;
}
.education-certificate-container .certificate-consent-step .consent-container label {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.5;
}
.education-certificate-container .certificate-consent-step .consent-container .consent-checkbox {
  display: inline-block;
  position: relative;
  width: 27px;
  height: 27px;
  border: 2px solid var(--dark, #1f252c);
  border-radius: 5px;
}
.education-certificate-container .certificate-consent-step .consent-container .consent-checkbox.checked::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 1px;
  width: 8px;
  height: 16px;
  transform: rotate(40deg);
  border: 2px solid var(--dark, #1f252c);
  border-top: 0;
  border-left: 0;
}
.education-certificate-container .certificate-upload-image-step .required-asterisk {
  color: var(--danger, #aa1111);
}
.education-certificate-container .certificate-upload-image-step .learning-profile-select-label {
  display: block;
  font-weight: var(--font-weight-semi-bold, 600);
}
.education-certificate-container .certificate-upload-image-step .learning-profile-selector {
  width: 400px;
  padding: 9px 18px 9px 41px;
  border: 2px solid var(--dark-10, #e0e1e1);
  background-image: url(../images/arrow_down.svg);
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: white;
  margin-bottom: 36px;
}
@media (max-width: 992px) {
  .education-certificate-container .certificate-upload-image-step .learning-profile-selector {
    width: auto;
  }
}
.education-certificate-container .certificate-upload-image-step .image-upload {
  width: 250px;
  margin-bottom: 36px;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask {
  margin-top: 90px;
  margin-bottom: 81px;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing,
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::before,
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::after {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--primary, #003473);
  color: var(--primary, #003473);
  animation: dot-flashing 1s infinite linear alternate;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing {
  position: relative;
  margin: auto;
  animation-delay: 0.5s;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::before,
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::before {
  left: -25px;
  animation-delay: 0s;
}
.education-certificate-container .certificate-upload-image-step .certificate-loading-mask .dot-flashing::after {
  left: 25px;
  animation-delay: 1s;
}
@keyframes dot-flashing {
  0% {
    background-color: var(--primary, #003473);
  }
  50%, 100% {
    background-color: var(--primary-20, #bacde5);
  }
}
.education-certificate-container .certificate-upload-image-step .certificate-upload-error p {
  color: var(--danger, #aa1111);
}
.education-certificate-container .certificate-upload-image-step .certificate-upload-error.hidden {
  display: none;
}
.education-certificate-container .success-step-button {
  margin-top: 36px;
}
.education-certificate-container .certificate-success-step .certificate-preview-container {
  max-width: 528px;
  max-height: 373px;
}
.education-certificate-container .certificate-success-step .certificate-preview-container img {
  max-width: 528px;
  max-height: 373px;
}
@media (max-width: 992px) {
  .education-certificate-container .certificate-success-step .certificate-preview-container {
    width: 100%;
  }
  .education-certificate-container .certificate-success-step .certificate-preview-container img {
    width: 100%;
  }
}

.education-slider-container .drag-and-drop-container {
  position: relative;
  height: 100%;
}
.education-slider-container .drag-and-drop-container h2 {
  margin: 0;
}
.education-slider-container .drag-and-drop-container .question-title {
  max-width: 50%;
  white-space: pre-line;
}
.education-slider-container .drag-and-drop-container .drag-and-drop-categories-container {
  margin-bottom: 5.1851851852vh;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.education-slider-container .drag-and-drop-container .drag-and-drop-categories-container .drag-and-drop-category-container {
  position: relative;
  background: var(--sheep-white, #FFFAF5);
  min-height: 31.4814814815vh;
  padding: 8.1481481481vh 5.1851851852vh 1.9444444444vh;
  border: 2px dashed var(--primary-20, #bacde5);
  border-radius: 9px;
  display: flex;
  justify-content: space-evenly;
  gap: 10px;
  width: 50%;
  flex-grow: 1;
}
.education-slider-container .drag-and-drop-container .drag-and-drop-categories-container .drag-and-drop-category-label {
  position: absolute;
  left: -2px;
  top: -2px;
  background: var(--primary-10, #d2e1f3);
  padding: 1.6666666667vh 2.5vh;
  border-radius: 9px;
  font-weight: var(--font-weight-bold, 700);
  font-size: 1.8518518519vh;
  line-height: 1.5;
}
.education-slider-container .drag-and-drop-container .drag-and-drop-options-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 18px;
}
.education-slider-container .drag-and-drop-container .drag-and-drop-option {
  position: relative;
  width: 22.5vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  overflow: hidden;
}
.education-slider-container .drag-and-drop-container .drag-and-drop-option i {
  width: 27px;
  height: 27px;
  position: absolute;
  top: 18px;
  right: 18px;
  border-radius: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  content: url("../images/app_draggable_icon.svg");
}
.education-slider-container .drag-and-drop-container .drag-and-drop-option i.drag-and-drop-icon-good-answer {
  content: url("../images/drag_and_drop_correct_answer.svg");
}
.education-slider-container .drag-and-drop-container .drag-and-drop-option i.drag-and-drop-icon-bad-answer {
  content: url("../images/drag_and_drop_wrong_answer.svg");
}
.education-slider-container .drag-and-drop-container .drag-and-drop-option img {
  height: 14.9074074074vh;
  width: 100%;
  object-fit: cover;
}
.education-slider-container .drag-and-drop-container .drag-and-drop-option img:last-child {
  height: 21.0185185185vh;
}
.education-slider-container .drag-and-drop-container .drag-and-drop-option .drag-and-drop-option-label {
  background: var(--primary-10, #d2e1f3);
  width: 100%;
  padding: 1.6666666667vh 2.5vh;
  text-align: center;
  font-weight: var(--font-weight-bold, 700);
  font-size: 1.8518518519vh;
  line-height: 1.5;
}

@media (max-width: 992px) {
  .education-slider-container .drag-and-drop-container .drag-and-drop-categories-container {
    flex-direction: column;
  }
  .education-slider-container .drag-and-drop-container .drag-and-drop-categories-container .drag-and-drop-category-container {
    width: 100%;
    max-height: 198px;
  }
  .education-slider-container .drag-and-drop-container .drag-and-drop-options-container {
    flex-direction: column;
  }
  .education-slider-container .drag-and-drop-container .drag-and-drop-option {
    width: 252px;
  }
  .education-slider-container .drag-and-drop-container .drag-and-drop-option img {
    height: 161px;
  }
  .education-slider-container .drag-and-drop-container .drag-and-drop-option .drag-and-drop-option-label {
    display: none;
  }
}
.education-slider-container .multiple-choice-container {
  display: flex;
  position: relative;
  height: 100%;
}
.education-slider-container .multiple-choice-container .multiple-choice-section {
  width: 100%;
  height: auto;
}
.education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-question-number {
  font-size: var(--lead-font-size, 1.294rem);
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 1.5;
  color: var(--dark, #1f252c);
}
.education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-label {
  font-size: var(--lead-font-size, 1.294rem);
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.5;
  color: var(--dark, #1f252c);
}
.education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-question {
  margin: 0;
  padding: 18px 0 36px 0;
  font-size: var(--h3-font-size, 1.688rem);
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.5;
  color: var(--dark, #1f252c);
  white-space: pre-line;
}
.education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-answer {
  font-size: var(--lead-font-size, 1.294rem);
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.5;
  padding: 18px;
  border: 2px solid var(--primary-20, #bacde5);
  border-radius: 9px;
  margin: 18px 0 18px 0;
}
.education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-answer.checked {
  background-color: var(--primary-5, #f0f5fa);
}
.education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-answer-label {
  font-weight: var(--font-weight-normal, 400);
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 27px;
  cursor: pointer;
  margin: 0;
  user-select: none;
}
.education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-answer-input {
  display: none;
}
.education-slider-container .multiple-choice-container .multiple-choice-section .checkmark {
  position: absolute;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: var(--light, #ffffff);
  border: 2px var(--dark, #1f252c) solid;
  border-radius: 3px;
}
.education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-answer-input:checked ~ .checkmark {
  background-color: var(--dark, #1f252c);
}
.education-slider-container .multiple-choice-container .multiple-choice-section .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-answer-input:checked ~ .checkmark:after {
  display: block;
}
.education-slider-container .multiple-choice-container .multiple-choice-section .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid var(--light, #ffffff);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

@media (min-width: 992px) {
  .education-slider-container .multiple-choice-container .multiple-choice-section {
    width: 40%;
    padding-right: 5%;
    padding-bottom: 110px;
  }
  .education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-question {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 3.3333333333vh;
  }
  .education-slider-container .multiple-choice-container .multiple-choice-section .multiple-choice-question-number {
    font-size: 1.8518518519vh;
  }
  .education-slider-container .multiple-choice-container .multiple-choice-picture {
    width: 60%;
    display: block;
  }
  .education-slider-container .multiple-choice-container .multiple-choice-picture img {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
  }
}
.open-answer-container {
  display: flex;
  position: relative;
  height: 100%;
}
.open-answer-container .open-answer-title {
  margin: 0 0 8px 0;
  font-weight: var(--font-weight-bold, 700);
  font-size: 3.3333333333vh;
  line-height: 1.5;
  color: var(--dark, #1f252c);
  white-space: pre-line;
}
.open-answer-container .open-answer-sequence {
  font-size: 1.8518518519vh;
}
.open-answer-container .open-answer {
  width: 40%;
  padding-right: 9.1666666667vh;
  height: 100%;
}
.open-answer-container .open-answer .open-answer-input {
  font-size: 1.6666666667vh;
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.5;
  color: var(--dark, #1f252c);
}
.open-answer-container .open-answer .open-answer-input label {
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 1.5;
}
.open-answer-container .open-answer .open-answer-input input {
  border: 2px solid var(--dark-10, #e0e1e1);
  border-radius: 9px;
  padding-left: 1.6666666667vh;
  width: 100%;
  height: 4.1666666667vh;
  font-weight: var(--font-weight-normal, 400);
}
.open-answer-container .open-answer .open-answer-input input::placeholder {
  font-weight: var(--font-weight-normal, 400);
}

@media (max-width: 992px) {
  .open-answer-container {
    display: grid;
  }
  .open-answer-container .open-answer {
    width: 100%;
    padding: 0;
  }
  .open-answer-container .open-answer .open-answer-input label {
    font-size: calc(var(--font-size-base, 1rem) * 1.125);
    padding-bottom: 9px;
  }
  .open-answer-container .open-answer .open-answer-input input {
    font-size: calc(var(--font-size-base, 1rem) * 1.125);
    padding: 9px 18px;
    width: 100%;
    height: auto;
  }
  .open-answer-container .open-answer-sequence {
    font-size: var(--lead-font-size, 1.294rem);
    padding: 0;
  }
  .open-answer-container .open-answer-title {
    font-size: var(--h3-font-size, 1.688rem);
    padding-top: 18px;
    padding-bottom: 36px;
    margin: 0;
  }
}
.education-slider-container .display-container {
  display: flex;
  position: relative;
  height: 100%;
}
.education-slider-container .display-container .display-label {
  font-size: 1.8518518519vh;
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 1.5;
  color: var(--dark, #1f252c);
  padding-bottom: 0.9259259259vh;
}
.education-slider-container .display-container .display-informations {
  width: 40%;
  padding-right: 9.1666666667vh;
  height: 100%;
  white-space: pre-line;
}
.education-slider-container .display-container .display-informations .display-main-title {
  font-weight: var(--font-weight-bold, 700);
  font-size: 3.3333333333vh;
  line-height: 1.5;
  color: var(--dark, #1f252c);
  margin: 0;
  padding-bottom: 3.3333333333vh;
}
.education-slider-container .display-container .display-informations .display-description {
  font-size: 1.8518518519vh;
  line-height: 1.5;
  padding-bottom: 5vh;
}
@media (max-width: 768px) {
  .education-slider-container .display-container {
    display: grid;
  }
  .education-slider-container .display-container .display-label {
    position: absolute;
    top: 0;
    font-size: 1.25rem;
    padding: 0;
  }
  .education-slider-container .display-container .display-informations {
    width: 100%;
    padding: 0;
    height: 100%;
    order: 2;
  }
  .education-slider-container .display-container .display-informations .display-main-title {
    font-size: 1.6875rem;
    padding: 9px 0 36px 0;
  }
  .education-slider-container .display-container .display-informations .display-description {
    font-size: 1.125rem;
    padding-bottom: 56px;
  }
}

.slide-media {
  width: 60%;
  height: 86.6666666667vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide-media img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 992px) {
  .slide-media {
    display: none;
  }
  .slide-media-mobile {
    display: flex;
    width: 100%;
    order: 1;
    padding-top: 36px;
  }
}
.education-slider-container .instructional-container {
  position: relative;
  height: 100%;
}
.education-slider-container .instructional-container .question-title {
  margin: 0 0 8px 0;
  max-width: 33.33%;
  white-space: pre-line;
}
.education-slider-container .instructional-container .information-container {
  display: flex;
  flex-wrap: wrap;
}
.education-slider-container .instructional-container .information-container .information {
  flex: 0 0 33.33%;
  width: 33.33%;
  padding: 0 3.3333333333vh;
  white-space: pre-line;
}
.education-slider-container .instructional-container .information-container .information:first-child {
  padding-left: 0;
}
.education-slider-container .instructional-container .information-container .information:last-child {
  padding-right: 0;
}
.education-slider-container .instructional-container .information-container img {
  width: 100%;
  object-fit: cover;
  border-radius: 9px;
  max-height: 32.4074074074vh;
}
.education-slider-container .instructional-container .information-container .information-title {
  font-weight: var(--font-weight-bold, 700);
  font-size: 2.5vh;
  line-height: 1.5;
  padding-top: 3.3333333333vh;
  padding-bottom: 1.6666666667vh;
  margin: 0;
}
.education-slider-container .instructional-container .information-container .information-description {
  font-size: 1.8518518519vh;
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 992px) {
  .education-slider-container .instructional-container .question-title {
    max-width: 100%;
    padding-top: 18px;
    margin-bottom: 0;
    font-size: var(--h3-font-size, 1.688rem);
  }
  .education-slider-container .instructional-container .information-container .information {
    padding: 54px 0 0 0;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .education-slider-container .instructional-container .information-container .information-title {
    font-size: var(--h6-font-size, 1.125rem);
    padding: 27px 0 9px 0;
  }
  .education-slider-container .instructional-container .information-container .information-description {
    font-size: calc(var(--font-size-base, 1rem) * 1.125);
    padding: 9px 0 0px 0;
  }
  .education-slider-container .instructional-container .information-container img {
    max-height: 140px;
  }
}
.education-slider-container .video-container {
  height: 100vh;
  margin: -6.6666666667vh -7.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.education-slider-container .video-container .info-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30vh;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 6.6666666667vh;
}
.education-slider-container .video-container .play-button-outer {
  margin: 50% auto;
  width: 100px;
  height: 100px;
  background-color: var(--light, #ffffff);
  cursor: pointer;
  border-radius: 50%;
  position: relative;
}
.education-slider-container .video-container .play-button {
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 0 27px 45px;
  border-color: transparent transparent transparent var(--primary, #003473);
}
.education-slider-container .video-container .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(31, 37, 44, 0.8);
  height: 30vh;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 6.6666666667vh;
}
.education-slider-container .video-container video {
  width: 100%;
}
.education-slider-container .video-container .video-title {
  font-weight: var(--font-weight-semi-bold, 600);
  font-size: 1.8518518519vh;
  line-height: 1.5;
  color: var(--light, #ffffff);
  width: 35%;
  margin-top: 0;
}
.education-slider-container .video-container .video-description {
  font-weight: var(--font-weight-bold, 700);
  font-size: 3.3333333333vh;
  line-height: 1.5;
  color: var(--light, #ffffff);
  width: 35%;
  white-space: pre-line;
}
.education-slider-container .video-container .slider-buttons-row {
  position: absolute;
  bottom: 10%;
  left: 5%;
}
.education-slider-container .video-container-bg-blue {
  background-color: var(--primary, #003473);
}
.education-slider-container .video-container-bg-transparent {
  background-color: transparent;
}

@media (max-width: 992px) {
  .education-slider-container .video-container {
    margin: -36px -27px;
    height: 100vh;
  }
  .education-slider-container .video-container .video-overlay {
    height: 35vh;
  }
  .education-slider-container .video-container .video-title {
    font-size: var(--lead-font-size, 1.294rem);
    width: 100%;
  }
  .education-slider-container .video-container .video-description {
    font-size: var(--h3-font-size, 1.688rem);
    width: 100%;
  }
  .education-slider-container .video-container .play-button-outer {
    width: 75px;
    height: 75px;
  }
  .education-slider-container .video-container .play-button {
    border-width: 20.25px 0 20.25px 33.75px;
  }
  .education-slider-container .video-container .info-container {
    padding-top: 27px;
    height: 35vh;
  }
  .education-slider-container .video-container video {
    object-fit: fill;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .education-slider-container .video-container .video-overlay {
    padding-top: 27px;
  }
  .education-slider-container .video-container .slider-buttons-row {
    bottom: 12%;
  }
}
@media (max-width: 992px) and (min-aspect-ratio: 16/9) {
  .education-slider-container .video-container .video {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 992px) and (max-aspect-ratio: 16/9) {
  .education-slider-container .video-container video {
    width: 100%;
    height: 100%;
    padding: 0;
  }
}