.testimonial-quotes {
  color: #e05025;
  font-size: 5vw;
}
.individual-testimonial-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.partner-individuals-wrapper {
  margin: 3vw;
  background-color: #ffffff;
  border-radius: 1vw;
  padding: 2vw 2vw 4vw 2vw;
}
.partner-individuals-text {
  border-radius: 1vw;
  color: #20202f;
  text-align: center;
  margin-bottom: 4vw;
  font-size: 1.1vw;
  text-align: left;
}
.fit-for-you-tag {
  padding: 0.3vw 1vw;
  background: #fce4cf;
  width: max-content;
  border-radius: 4vw;
  font-weight: 500;
  margin-bottom: 1vw;
}
.fit-for-you-title {
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-weight: 600;
  font-size: 1.6vw;
  margin-bottom: 1vw;
}
.fit-for-you-desc {
  font-size: 1.2vw;
}
.fit-for-you-read-more {
  width: 3vw;
  height: 3vw;
  border: 1px solid #d4d4d3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10vw;
  margin-left: auto;
  margin-top: 2vw;
  font-size: 1.5vw;
  cursor: pointer;
}
.fit-for-you-read-more:hover {
  background-color: #e05025;
  color: #ffffff;
}
.fit-for-you-wrapper {
  margin: 5vw;
}
.fit-for-you-badge {
  font-family: "Sora", sans-serif;
  padding: 0.3vw 1vw;
  border-radius: 1vw;
  background-color: #20202f;
  color: #ffffff;
  font-weight: 500;
  font-size: 1vw;
  margin-bottom: 2vw;
  width: max-content;
}
.fit-for-you-outer-title {
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-weight: 700;
  font-size: 3vw;
  margin-bottom: 2vw;
  line-height: 4vw;
  text-align: left;
}
.fit-for-you-desc {
  font-size: 1.2vw;
  color: #20202f;
  text-align: left;
  margin-bottom: 1vw;
}
.fit-for-you-tile-description {
  font-size: 1.1vw;
  margin-bottom: 2vw;
  max-height: 0vw;
  transition: max-height 0.5s;
  overflow: hidden;
}
.fit-for-you-tile-description-open {
  max-height: max-content !important;
}
.fit-for-you-tile-expand-image {
  width: 100%;
  border-radius: 1vw;
  margin: 1vw 0vw;
}
.fit-for-you-listitem {
  margin-bottom: 1vw;
}
.individuals-pricing-container {
  background-color: #fefaf5;
  padding: 5vw 2vw;
}
.individuals-pricing-tag {
  font-family: "Sora", sans-serif;
  padding: 0.3vw 1vw;
  background: #a13312;
  color: #ffffff;
  width: max-content;
  border-radius: 4vw;
  font-weight: 500;
  margin-bottom: 1vw;
}
.individuals-pricing-wrapper {
  border: 1px solid #a13312;
  margin: 3vw 1vw;
  background-color: #ffffff;
  border-radius: 1vw;
  padding: 3vw 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.individuals-pricing-price {
  font-family: "Sora", sans-serif;
  margin: 1.5vw 0vw 0vw 0vw;
  font-weight: 700;
  font-size: 2.2vw;
}
.individuals-pricing-interval {
  font-style: italic;
  font-size: 1vw;
  margin-bottom: 2vw;
}
.individuals-pricing-noOfClases {
  font-family: "Sora", sans-serif;
  margin-bottom: 1.5vw;
  font-weight: 600;
  font-size: 1.3vw;
}
.individuals-pricing-desc {
  text-align: center;
  line-height: 1.8vw;
  margin-bottom: 1.5vw;
}
.individuals-pricing-desc2 {
  font-style: italic;
  font-size: 0.9vw;
  margin-left: 0.3vw;
}
.individuals-pricing-button {
  --md-outlined-button-label-text-color: #e05025;
  --md-outlined-button-outline-color: #e05025;
  --md-outlined-button-label-text-font: "Inter", sans-serif;
  --md-outlined-button-label-text-size: 0.9vw !important;
  margin-top: 1.5vw;
  background-color: #ffffff;
}
.individuals-pricing-button:hover {
  background-color: #20202f;
}
.pricing-popular {
  background-color: #ec802380 !important;
}
.individuals-pricing-popular {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0.3vw 1vw;
  background: #fce4cf;
  border-top-left-radius: 0vw;
  border-top-right-radius: 1vw;
  border-bottom-right-radius: 0vw;
  border-bottom-left-radius: 1vw;
  font-family: "Sora", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
}
.popular-course {
  background: #e05025 !important;
  color: #ffffff !important;
}
.individuals-pricing-bottom-title {
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-weight: 700;
  font-size: 1.8vw;
}
.individuals-pricing-bottom-description {
  font-size: 1.2vw;
  line-height: 2vw;
  text-align: center;
  margin-bottom: 0.8vw;
  color: #20202f;
}
.our-policies-toggles {
  padding: 0vw 1.5vw !important;
}
.pricing-plan-centered-top {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pricing-plan-centered-bottom {
  width: 50%;
  margin: 3.5vw 0vw !important;
}
.try-comligo-wrapper {
  width: 70%;
  margin: 5vw auto !important;
}
.pricing-plan-centered-right-title {
  font-family: "Sora", sans-serif;
  text-align: left;
  font-weight: 600;
  color: #e05025;
  font-size: 1.5vw;
  margin: 1vw 0vw;
}
.comligo-pricing-plans-subtitle {
  font-family: "Sora", sans-serif;
  color: #111118;
  font-size: 1.2vw;
  font-weight: 600;
  margin-bottom: 1vw;
  margin: 1vw 0vw;
}
.header-subtitle-individuals,
.header-subtitle-learning-hub {
  text-align: left;
  font-size: 1.1vw;
  color: #ffffff;
  margin-top: 1vw;
}
.footer-cols-links-row {
  width: 50%;
}
.mobile-cta-section {
  display: none;
}
.notification-close {
  position: fixed;
  z-index: 1000;
  right: 2.5vw;
  top: 10.5vw;
  background: #ffffff;
  border-radius: 10vw;
  padding: 15px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  cursor: pointer;
}
.v-alert {
  padding-right: 40px;
}
.v-alert__content,
.v-alert-title {
  font-size: 1.1vw !important;
}
.cookie-consent-close-mobile {
  margin-right: 3vw;
  font-size: 1.5vw;
  cursor: pointer;
}
.pricing-group {
  border: 1px solid #3d3d5a !important;
}
.pricing-group-tag {
  background: #3d3d5a !important;
}
.pricing-group-button {
  --md-outlined-button-label-text-color: #3d3d5a;
  --md-outlined-button-outline-color: #3d3d5a;
}
.articles-author-thumb {
  width: 5vw;
  border: 1px solid #e05025;
  border-radius: 10vw;
  object-fit: cover;
  height: 5vw;
}
.articles-author-thumb-wrapper {
  width: max-content;
}
.article-author-right-title {
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-size: 1.1vw;
  font-weight: 600;
  margin: 0.5vw 0vw;
}
.article-author-right-subtitle {
  color: #20202f;
  font-size: 0.95vw;
  margin-bottom: 1vw;
}
.article-author-right-paragraph {
  color: #20202f;
  font-size: 0.9vw;
}
.article-author-wrapper {
  margin-top: 3vw !important;
  padding-top: 3vw !important;
  border-top: 1px solid #d4d4d3;
}
.individual-courses-book-title {
  font-size: 0.9vw;
  line-height: 2vw;
  text-align: center;
  color: #20202f;
  margin-top: 1vw;
  font-style: italic;
}
.individual-header-subtitle {
  font-size: 0.9vw;
  line-height: 2vw;
  text-align: left;
  color: #ffffff;
  margin-top: 1vw;
  font-style: italic;
}
.our-courses-subtitle {
  color: #20202f;
  font-size: 1.1vw;
  margin-bottom: 4vw;
  margin-top: -2vw;
}
.individual-tutorial-timeline:nth-child(3) .individual-tutorial-timeline-desc {
  width: 45% !important;
}
.fit-for-you-tile-expand-images {
  width: 100%;
  height: 5vw;
  object-fit: contain;
}
.parents-solutions-container {
  background-image: url(https://firebasestorage.googleapis.com/v0/b/comligo-website-v2.appspot.com/o/blur.png?alt=media&token=cd5b1490-9747-431f-b2d9-6d73d98d56fc);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #3d3d5a;
  padding: 6vw 3vw;
}
.parents-solutions-badge {
  font-family: "Sora", sans-serif;
  padding: 0.3vw 1vw;
  border-radius: 1vw;
  background-color: #20202f;
  color: #ffffff;
  font-weight: 500;
  font-size: 1vw;
  width: max-content;
}
.parents-solutions-title {
  font-family: "Sora", sans-serif;
  color: #ffffff;
  font-weight: 700;
  font-size: 3.5vw;
  padding: 1vw 0vw;
  line-height: 4vw;
  text-align: left;
}
.parents-solutions-description {
  font-size: 1.5vw;
  color: #d4d4d3;
  text-align: left;
  margin-bottom: 4vw;
}
.parents-solutions-table {
  background: white;
  text-align: left;
  border-radius: 1vw;
  font-size: 1.1vw;
  overflow: hidden;
  width: 100%;
}
.parents-solutions-table-header {
  padding: 1vw;
  font-size: 1.3vw;
  font-family: "Sora", sans-serif;
  font-weight: 600;
  border: 1px solid #d4d4d3;
  background: #f6f4f4;
}
.parents-solutions-table-body {
  padding: 1vw;
  font-size: 1vw;
  border: 1px solid #d4d4d3;
}
.table-first-col {
  font-family: "Sora", sans-serif;
  font-weight: 600;
  font-size: 1.1vw;
}
.parents-QA-container {
  background-image: url(https://firebasestorage.googleapis.com/v0/b/comligo-website-v2.appspot.com/o/parentBlur.png?alt=media&token=e718c284-3aa0-4e56-a915-09961f1154f0);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #20202f;
  padding: 6vw 3vw;
}
.parents-QA-badge {
  font-family: "Sora", sans-serif;
  padding: 0.3vw 1vw;
  border-radius: 1vw;
  background-color: #3d3d5a;
  color: #ffffff;
  font-weight: 500;
  font-size: 1vw;
  width: max-content;
}
.parents-QA-image {
  max-width: 65%;
  height: auto;
  object-fit: cover;
}
.pros-DTD-badge {
  font-family: "Sora", sans-serif;
  padding: 0.3vw 1vw;
  border-radius: 1vw;
  background-color: #20202f;
  color: #ffffff;
  font-weight: 500;
  font-size: 1vw;
  width: -moz-max-content;
  width: max-content;
}
.pros-DTD-container {
  background-color: #ffffff;
  padding: 6vw 3vw;
}
.pros-DTD-title {
  font-family: "Sora", sans-serif;
  color: #111118;
  font-weight: 700;
  font-size: 3.5vw;
  padding: 2vw 0vw;
  line-height: 4vw;
  text-align: left;
}
.pros-DTD-description {
  font-size: 1.5vw;
  color: #20202f;
  text-align: left;
  margin-bottom: 4vw;
}
.pros-DTD-block-title {
  font-family: "Sora", sans-serif;
  color: #111118;
  font-weight: 600;
  font-size: 1.6vw;
  padding: 1vw 0vw;
  text-align: left;
}
.pros-DTD-block-desc {
  font-size: 1.2vw;
  color: #20202f;
  text-align: left;
  margin-bottom: 1vw;
}
.pros-DTD-block {
  padding-right: 6vw !important;
  height: 20vw;
}
.pros-DTD-img {
  width: 100%;
  height: 20vw;
  object-fit: contain;
  margin-bottom: 1vw;
}
.pro-tutorial-wrapper {
  padding: 8vw 5vw;
  background-image: url(https://firebasestorage.googleapis.com/v0/b/comligo-website-v2.appspot.com/o/proTutorial.png?alt=media&token=16869b84-64a8-4574-b352-ca7520ce96bf);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
.pro-content-block {
  padding-left: 8vw !important;
}
.pro-content-par {
  font-size: 1.2vw;
  color: #ffffff;
  text-align: left;
  margin-bottom: 3vw;
}
.pro-content-image {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.pro-content-par:nth-child(4) {
  font-size: 1.7vw;
}
.parents-solutions-table-mobile {
  display: none;
}
.pro-social-proof-button {
  text-align: right;
}
.parents-courses-tile-title {
  font-family: "Sora", sans-serif;
  font-weight: 600;
  font-size: 1.2vw;
  margin-bottom: 2vw;
  text-align: left;
  margin-top: 3vw;
}
.parents-courses-tile-description {
  font-size: 1.1vw;
  width: 95%;
  line-height: 2vw;
  text-align: left;
}
.dark-container {
  background-color: #20202f;
  background-image: url(https://firebasestorage.googleapis.com/v0/b/comligo-website-v2.appspot.com/o/courseBlur.png?alt=media&token=322e3524-6381-44a7-aebd-6ac21eb94c58);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
.dark-container-badge {
  background-color: #3d3d5a;
}
.dark-container-title,
.dark-container-subtitle {
  color: #ffffff !important;
}
.parents-header-title {
  width: 120%;
  margin-bottom: 1vw !important;
}
.learning-hub-list-title {
  font-family: "Sora", "Sora Fallback: Arial", sans-serif;
  color: #ffffff;
  font-weight: 700;
  font-size: 3.5vw;
  width: 75vw;
  text-align: center;
}
.learning-hub-header-container {
  height: 40vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #1e678e;
  margin-bottom: 5vw;
}
.learning-hub-pages-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
}
.no-line .v-timeline-divider__after,
.no-start-line .v-timeline-divider__before {
  display: none;
}
.welcome-level-test-header {
  width: 80%;
  margin: auto;
}
.welcome-level-test-timeline {
  text-align: center;
  width: 80%;
  margin: auto;
}
.level-test-timeline .v-timeline-divider__dot--size-default {
  width: 4vw !important;
  height: 4vw !important;
  font-size: 1.3vw !important;
  font-family: "Sora", sans-serif;
  font-weight: 600;
}
.level-test-bold-text {
  font-weight: 600;
}
.level-test-timeline-title {
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-weight: 600;
  font-size: 1.2vw;
  margin-bottom: 2vw;
  margin-top: 1vw;
}
.finish-lt-title {
  width: 35vw;
  text-align: center;
  margin: auto;
  line-height: 4vw;
}
.level-test-text-container-title {
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-weight: 600;
  font-size: 3vw;
  margin-bottom: 2vw;
  margin-top: 3vw;
}
.finish-level-test-level {
  font-family: "Sora", "Sora Fallback: Arial", sans-serif;
  color: #20202f;
  font-weight: 600;
  font-size: 1.7vw;
  margin-bottom: 2vw;
  margin-top: 4vw;
}
.finish-level-test-score {
  font-size: 1.2vw;
  line-height: 1vw;
  margin: 6vw auto 2vw auto;
}
.novice-results {
  zoom: 110%;
}
.intermediate-results {
  zoom: 140%;
}
.advanced-results {
  zoom: 140%;
  font-weight: 700;
}
.intermediate-value {
  font-size: 1.3vw !important;
}
.advanced-value {
  color: #e05025;
  font-size: 1.3vw !important;
}
.your-next-focus {
  margin-top: 1vw;
}
.finish-level-test-score-value {
  margin: 0vw 0.2vw;
  font-weight: 700;
  font-size: 1.1vw;
}
.finish-level-test-level-value {
  margin: 0vw 0.2vw;
  color: #e05025;
  font-size: 3vw;
  width: 40%;
  display: flex;
  margin: auto;
}
.finish-level-test-disclaimer-bullets {
  display: flex;
  gap: 1vw;
  padding: 0vw 0vw 1vw 0vw;
}
.level-test-input-container-title {
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-weight: 600;
  font-size: 2vw;
  margin-bottom: 2vw;
  margin-top: 3vw;
}
.level-test-text-container {
  font-size: 1.2vw;
  line-height: 2.5vw;
}
.level-test-text-container-desc {
  width: 60%;
  margin: auto;
  text-align: left;
}
.level-test-input-container {
  width: 40%;
  margin: auto;
}
.finish-level-test-disclaimer {
  font-size: 1vw;
  width: 60%;
  line-height: 1.6vw;
  margin: 3vw auto;
  background: #fce4cf;
  border: 1px solid #ec8023;
  padding: 1.5vw 2vw;
  text-align: left;
  border-radius: 1.5vw;
}
.finish-level-test-disclaimer-title {
  font-family: "Sora";
  font-weight: 600;
  margin-bottom: 1vw;
}
.level-test-input {
  margin-bottom: 1vw;
}
.finish-lt-real-results-title {
  font-family: "Sora", "Sora Fallback: Arial", sans-serif;
  color: #111118;
  font-weight: 700;
  font-size: 2.7vw;
  padding: 2vw 0vw 2vw 0vw;
  margin-bottom: 1vw;
  width: max-content;
  line-height: 3.5vw;
  margin: auto;
}
.finish-lt-real-results-desc {
  font-size: 1.2vw;
  width: 40vw;
  margin: auto;
  margin-bottom: 2vw;
}
.finish-lt-real-results-options {
  font-size: 1.2vw;
}
.finish-lt-real-results-click-option {
  font-size: 1.1vw;
  cursor: pointer;
  font-weight: 600;
}
.finish-lt-real-results-button {
  width: 35vw;
  margin-bottom: 1vw;
}
.finish-lt-real-results-disclaimer {
  font-size: 1.2vw;
  width: 40vw;
  margin: 2vw auto;
}
.level-test-button {
  margin: 2vw 0vw 6vw 0vw;
}
.filter-by-text {
  white-space: nowrap;
}
.learning-hub-expansion-panel-desc .v-expansion-panel-text__wrapper {
  padding: 1vw 0vw !important;
}
.learning-hub-expansion-panel-title,
.learning-hub-expansion-panel-title-kids {
  padding: 1.5vw 0vw !important;
}
.learning-hub-body-image,
.v-expansion-panel__shadow {
  box-shadow: none !important;
}
.learning-hub-expansion-panel-index {
  background-color: #ec8023;
  padding: 0.5vw 0.8vw;
  border-radius: 5vw;
  margin-right: 1vw;
  color: #ffffff;
}
.learning-hub-sound-icon {
  color: #df5025;
  background: #fce4cf;
  font-size: 0.9vw;
  border-radius: 5vw;
  padding: 0.2vw 0.3vw;
}
.learning-hub-download-text {
  font-size: 1vw;
  cursor: pointer;
}
.learning-hub-paragraph {
  font-size: 1vw;
  font-weight: 400;
  margin: 1.5vw 0vw;
}
.learning-hub-download-icon {
  color: #df5025;
  margin-left: 0.2vw;
  font-size: 1.2vw;
  cursor: pointer;
}
.learning-hub-outer-download-button {
  width: 100%;
  --md-outlined-button-label-text-color: #20202f;
  --md-outlined-button-outline-color: #d4d4d3;
  margin: 1vw 0vw;
}
.learning-hub-red-header-cell {
  background: #fcd9cf;
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-weight: 600;
  font-size: 0.9vw;
}
.learning-hub-grey-header-cell {
  background: #f6f4f4;
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-weight: 600;
  font-size: 0.9vw;
}
.learning-hub-table {
  margin-bottom: 1vw;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.learning-hub-table tr {
  width: 100%;
}
.learning-hub-text-bold {
  font-weight: 600;
}
.learning-hub-text-underline {
  text-decoration: underline;
}
.learning-hub-text-italic-bold,
.learning-hub-text-bold-italic {
  font-weight: 600;
  color: #ec8023;
}
.learning-hub-text-italic {
  font-style: italic;
}
.learning-hub-audio-controls {
  display: flex;
  justify-content: center;
  width: 100%;
}
.level-test-audio {
  display: flex;
  justify-content: center;
  width: 15vw;
  margin-left: 1vw;
}
.learning-hub-audio-controls-player {
  width: 60%;
}
.learning-hub-large-right-title {
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-size: 1.8vw;
  font-weight: 600;
}
.learning-hub-large-right-main-title {
  font-family: "Sora", sans-serif;
  color: #20202f;
  font-size: 2.4vw;
  font-weight: 600;
  text-align: left;
}
.course-body-expansion-title-tag {
  font-family: "Sora", sans-serif;
  background-color: #f6f4f4;
  color: #20202f;
  border: 1px solid #d4d4d3;
  border-radius: 1vw;
  font-weight: 700;
  font-size: 0.8vw;
  width: max-content;
  padding: 0.3vw 0.8vw;
  margin-bottom: 1vw;
  margin-left: 0.5vw;
}
.learning-hub-tag {
  font-family: "Sora", sans-serif;
  background-color: #20202f;
  color: #ffffff;
  border-radius: 1vw;
  font-weight: 700;
  font-size: 0.8vw;
  display: flex;
  justify-content: flex-end;
  width: max-content;
  padding: 0.3vw 0.8vw;
  margin-bottom: 1vw;
}
.learning-hub-image {
  max-width: 100%;
  margin: 2vw 0vw;
  border-radius: 2vw;
}
.learning-hub-list-items {
  font-size: 1vw;
  font-weight: 400;
  margin-bottom: 1vw;
}
.learning-hub-list-items-bold {
  font-size: 1vw;
  margin-bottom: 1vw;
  font-weight: 600;
}
.learning-hub-list {
  margin-bottom: 1vw;
}
.learning-hub-content-body {
  padding: 1vw 0vw;
  border-radius: 1vw;
  text-align: left;
  position: sticky;
  top: 0;
}
.learning-hub-content-preview {
  max-height: 100%;
}
.learning-hub-content-search {
  margin-top: 12vw;
}
.learning-hub-body-highlight {
  background-color: #e05025;
  font-weight: 700;
  font-size: 1.1vw;
  padding: 0.8vw;
  color: #ffffff !important;
  border-radius: 0.5vw;
  cursor: pointer;
  width: 80%;
}
.learning-hub-body-content-icon {
  margin-right: 1vw;
  color: #ec8023;
}
.learning-hub-body-no-highlight {
  padding-left: 1vw;
  font-size: 1.1vw;
  font-weight: 400;
  padding-bottom: 0.9vw;
  padding-top: 0.9vw;
  cursor: pointer;
  width: 80%;
}
.learning-hub-body-highlight .learning-hub-body-content-icon {
  color: #ffffff !important;
}
.learning-hub-body-contents-cta {
  background: #fce4cf;
  padding: 1vw 2vw;
  border-radius: 1vw;
}
.learning-hub-body-contents-cta-title {
  font-family: "Sora", sans-serif;
  color: #20202f !important;
  font-weight: 600;
  font-size: 1.1vw !important;
  margin-top: 1vw;
  text-align: center;
}
.learning-hub-body-contents-cta-button {
  width: 100%;
  --md-filled-tonal-button-container-color: #ffffff;
  --md-filled-tonal-button-label-text-color: #20202f;
  --md-filled-tonal-button-hover-label-text-color: #e05025;
  margin: 1vw 0vw;
}
.bg-white-cta-button {
  --md-filled-tonal-button-container-color: #ffffff;
  --md-filled-tonal-button-label-text-color: #20202f;
  --md-filled-tonal-button-hover-label-text-color: #e05025;
}
.learning-hub-body-level-test {
  background: #fce4cf;
  border: 1.5px solid #ec8023;
  border-radius: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3vw 0vw;
  flex-direction: column;
}
.novice-level-test-input-container {
  width: 80%;
  margin: auto;
}
.novice-level-test-button-container {
  width: 80%;
  margin: auto;
  margin-bottom: 5vw;
}
.intermediate-started-button-inner {
  --md-outlined-button-label-text-color: #e05025;
  --md-outlined-button-outline-color: #e05025;
  --md-outlined-button-label-text-font: "Inter", sans-serif;
  --md-outlined-button-focus-label-text-color: #ffffff;
  --md-outlined-button-hover-label-text-color: #e05025;
  width: 100%;
}
.novice-level-test-disclaimer {
  font-size: 1vw;
  width: 100%;
  line-height: 2vw;
  margin: 3vw auto;
  text-align: left;
}
.novice-level-test-question-block {
  font-size: 1vw;
  text-align: left;
  color: #20202f;
}
.novice-level-test-question-block-number {
  width: 1.3vw;
  height: 1.3vw;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5vw;
  background: #ec8023;
  font-size: 0.7vw;
  margin-right: 0.8vw;
}
.novice-level-test-question {
  display: flex;
  align-items: center !important;
  font-family: "Sora", sans-serif;
  font-weight: 600;
  margin: 1.2vw 0vw;
}
.novice-level-test-question-block .v-label {
  font-size: 1vw !important;
  color: #20202f !important;
  margin: 0.5vw;
}
.finish-level-test-ribbon {
  width: 25vw;
  min-height: 35vw;
}
.finish-level-test-score-values {
  position: absolute;
  left: 0vw;
  right: 0vw;
  top: 10vw;
  font-family: "Sora", sans-serif;
}
.finish-level-test-score-value-top {
  font-size: 1.5vw;
  color: #20202f;
  font-weight: 600;
}
.finish-level-test-score-value-bottom {
  font-size: 3vw;
  color: #e05025;
  font-weight: 600;
  line-height: 3vw;
}
.level-test-checkboxes {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin: 2vw 0vw;
}

.dot {
  width: 12px;
  height: 12px;
  background-color: #e05025;
  border-radius: 50%;
  animation: pulse 1s infinite ease-in-out;
}

.dot:nth-child(2) {
  animation-delay: 0.2s;
}

.dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.4);
  }
}
.level-test-privacy-policy {
  cursor: pointer;
  text-decoration: underline;
  color: #d04c27;
}
.frame-5-text {
  font-family: "Sora", sans-serif;
  font-weight: 600 !important;
  font-size: 1.1vw;
  padding: 1.5vw 0vw !important;
  text-align: center;
}
.frame-6-icon {
  color: #ec8023;
  font-size: 1.3vw;
  margin-right: 0.3vw;
}
.hot-site-testimonials-wrapper {
  padding: 2vw 0vw;
  box-shadow: 0px 36px 47px rgba(0, 0, 0, 0.3);
  border-radius: 2vw;
}
.hot-site-testimonials-text {
  border-radius: 1vw;
  color: #20202f;
  text-align: center;
  margin-bottom: 2vw;
  font-size: 1.1vw;
  line-height: 2vw;
  text-align: left;
}
.hot-site-testimonials-quotes {
  position: relative;
  top: -1.5vw;
  left: 0.5vw;
  color: #e05025;
  font-size: 4vw;
}
.hot-site-testimonials-title {
  font-style: italic;
  font-size: 1vw;
  font-weight: 400;
  text-align: left;
  margin-top: 0.5vw;
}
.resource-page-header-container {
  height: 40vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #1e678e;
}
.resource-header-no-bg-title {
  margin: auto;
  margin-top: 8vw;
}
.resource-header-no-bg-title h1 {
  color: #ffffff !important;
  margin-bottom: 5vw;
}
.resource-page-list-title {
  font-family: "Sora", sans-serif;
  color: #111118;
  font-weight: 700;
  font-size: 3.5vw;
  width: 75vw;
  text-align: center;
  margin: 2vw;
}
.resource-page-list-title-top {
  font-family: "Sora", sans-serif;
  color: #ffffff;
  font-weight: 700;
  font-size: 3vw;
  text-align: center;
}
.resource-page-list-wrapper {
  padding: 1.5vw !important;
  background: #ffffff;
  border-radius: 1vw;
  text-align: left;
  color: #20202f;
  margin-bottom: 2vw !important;
  height: max-content;
  position: relative;
  border: 1px solid #3d3d5a;
  cursor: pointer;
}
.resource-page-list-wrapper .record-list-title {
  padding-bottom: 0vw !important;
  height: max-content !important;
}
.resource-page-list-container {
  padding: 5vw 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fee8e2;
}
.resource-page-insights-list-container {
  padding: 5vw 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
}
.resource-page-articles-list-wrapper {
  padding: 1.5vw !important;
  background: #ffffff;
  border-radius: 1vw;
  text-align: left;
  color: #20202f;
  margin-bottom: 2vw !important;
  height: 100%;
  margin-bottom: 1vw;
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid #3d3d5a;
}
.video-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 1vw;
}
.video-controls-buttons {
  font-size: 1.5vw;
  color: #e05025;
  width: 3vw;
  background: #f6f4f4;
  border-radius: 10vw;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.learner-video-section {
  width: 70%;
  margin: auto;
  border: 1px solid #d4d4d3;
  border-radius: 1.5vw;
  overflow: hidden;
  margin-bottom: 7vw;
}
.learner-video-section-title {
  font-family: "Sora";
  font-size: 3vw;
  font-weight: 700;
  width: 50%;
  margin: auto;
  line-height: 4vw;
}
.learner-video-details-section {
  padding: 2vw;
  gap: 3vw;
  display: flex;
  flex-direction: column;
}
.learner-video-section-desc {
  font-size: 1.2vw;
  line-height: 2vw;
  margin: 1vw;
}
.learner-video-details-section-title {
  text-align: left;
  font-size: 1.5vw;
  font-family: "Sora";
  font-weight: 600;
}

#seekBar {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background: #ddd;
  border-radius: 3px;
  outline: none;
}

#seekBar::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #e05025;
  cursor: pointer;
}

#seekBar::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #e05025;
  cursor: pointer;
}
.home-learner-video-wrapper {
  padding: 8vw 5vw;
  background-color: #ffffff;
}

.home-learner-video-section {
  width: 90%;
  margin: 3vw auto;
  border: 1px solid #d4d4d3;
  border-radius: 1.5vw;
  overflow: hidden;
  box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.08);
}

.home-learner-video-section-title {
  font-family: "Sora", sans-serif;
  font-size: 2.5vw;
  font-weight: 600;
  width: 60%;
  margin: auto;
  line-height: 4vw;
  text-align: center;
  margin-bottom: 1vw;
}

.home-learners-colored-title {
  color: #e05025;
  display: inline;
}

.home-learner-video-section-desc {
  font-size: 1.2vw;
  line-height: 2vw;
  text-align: center;
  color: #20202f;
  margin-bottom: 2vw;
}

.home-video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.home-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.home-learner-video-button {
  --md-filled-tonal-button-container-color: #e05025;
  --md-filled-tonal-button-label-text-color: #ffffff;
  --md-filled-tonal-button-hover-label-text-color: #ffffff;
  --md-filled-tonal-button-focus-label-text-color: #ffffff;
  --md-filled-tonal-button-pressed-label-text-color: #ffffff;
  margin: 3vw auto;
  border-radius: 5vw;
  font-family: "Sora", sans-serif;
  font-weight: 500;
  font-size: 1.2vw;
  padding: 1.2vw 2.5vw;
}

.home-learner-video-details-section {
  padding: 2vw;
  gap: 3vw;
  display: flex;
  flex-direction: column;
}

.home-learner-video-details-section-title {
  text-align: left;
  font-size: 1.5vw;
  font-family: "Sora", sans-serif;
  font-weight: 600;
}

.learning-hub-cite-expansion-panel {
  margin: 2vw 0vw;
}

.learning-hub-cite-expansion-panel.open {
  border: 1px solid #d4d4d3 !important;
  border-radius: 1vw !important;
}

.learning-hub-cite-expansion-panel.open .v-expansion-panel {
  border-radius: 1vw !important;
}

.learning-hub-cite-expansion-panel-title {
  width: fit-content !important;
  gap: 1vw;
  border: 1px solid #d4d4d3 !important;
  border-radius: 1vw !important;
}