/*
Theme Name: QuestsMe
Description: WordPress Block Theme cho QuestsMe
Author: QuestsMe Team
Version: 1.0.0
*/

:root {
  /* Radius */
  --wp--preset--radius--null: 0;
  --wp--preset--radius--small: 2px;
  --wp--preset--radius--medium: 4px;
  --wp--preset--radius--large: 8px;
  --wp--preset--radius--2-x-large: 12px;
  --wp--preset--radius--3-x-large: 16px;
  --wp--preset--radius--4-x-large: 20px;
  --wp--preset--radius--5-x-large: 24px;
  --wp--preset--radius--6-x-large: 40px;
  --wp--preset--radius--full: 100%;

  /* LineHeight */
  --wp--preset--line-height--small: 20px;
  --wp--preset--line-height--medium: 24px;
  --wp--preset--line-height--large: 28px;
  --wp--preset--line-height--2-x-large: 32px;
  --wp--preset--line-height--3-x-large: 36px;
  --wp--preset--line-height--4-x-large: 44px;
  --wp--preset--line-height--5-x-large: 48px;
  --wp--preset--line-height--6-x-large: 78px;

  /* FontSizes */
  --wp--preset--font-size--6-x-large: 62px;
  --wp--preset--font-size--5-x-large: 40px;
  --wp--preset--font-size--4-x-large: 32px;
  --wp--preset--font-size--3-x-large: 24px;
  --wp--preset--font-size--2-x-large: 18px;
  --wp--preset--font-size--large: 16px;
  --wp--preset--font-size--medium: 14px;
  --wp--preset--font-size--small: 12px;

  /* FontWeight */
  --wp--preset--font-weight--regular: 400;
  --wp--preset--font-weight--bold: 700;
  --wp--preset--font-weight--extra-bold: 800;
  --wp--preset--font-weight--semibold: 600;

  /* Spacing */
  --wp--preset--spacing--2-x-small: 2px;
  --wp--preset--spacing--x-small: 4px;
  --wp--preset--spacing--small: 8px;
  --wp--preset--spacing--medium: 12px;
  --wp--preset--spacing--large: 16px;
  --wp--preset--spacing--x-large: 20px;
  --wp--preset--spacing--2-x-large: 24px;
  --wp--preset--spacing--3-x-large: 32px;
  --wp--preset--spacing--4-x-large: 40px;
  --wp--preset--spacing--5-x-large: 48px;
  --wp--preset--spacing--6-x-large: 64px;
  --wp--preset--spacing--7-x-large: 80px;
  --wp--preset--spacing--8-x-large: 120px;

  /* Colors */
  --wp--preset--color--primary: #f1b825;
  --wp--preset--color--primary-100: #f1b825;
  --wp--preset--color--primary-80: #f5cf33;
  --wp--preset--color--primary-60: #f8db66;
  --wp--preset--color--primary-40: #fae799;
  --wp--preset--color--primary-20: #fdf3cc;
  --wp--preset--color--primary-10: #fffef6;
  --wp--preset--color--primary-inverted: #ffffff;
  --wp--preset--color--secondary: #412155;
  --wp--preset--color--secondary-100: #3d2b57;
  --wp--preset--color--secondary-80: #674d76;
  --wp--preset--color--secondary-60: #8d7a98;
  --wp--preset--color--secondary-40: #b3a6bb;
  --wp--preset--color--secondary-20: #d9d3dd;
  --wp--preset--color--secondary-10: #ece9ef;
  --wp--preset--color--secondary-inverted: #ffffff;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--black: #000000;
  --wp--preset--color--black-100: #1d1d1b;
  --wp--preset--color--black-80: #4a4a49;
  --wp--preset--color--black-60: #777776;
  --wp--preset--color--black-40: #a5a5a4;
  --wp--preset--color--black-20: #d2d2d1;
  --wp--preset--color--black-0: #ffffff;

  /* Size */

  --wp--preset--size--large: 48px;
  --wp--preset--size--huge: 40px;
  --wp--preset--size--medium: 32px;

  /* Layout */
  --wp--preset--layout--container: 1280px;
  --wp--preset--layout--header: 64px;
  --wp--preset--layout--section-content: 840px;
  --wp--preset--layout--section-content-image: 620px;
}

@media (max-width: 920px) {
  :root {
    /* FontSizes */
    --wp--preset--font-size--6-x-large: 32px;
    --wp--preset--font-size--5-x-large: 24px;
    --wp--preset--font-size--4-x-large: 20px;
    --wp--preset--font-size--3-x-large: 28px;
    --wp--preset--font-size--2-x-large: 16px;
    --wp--preset--font-size--large: 14px;
    --wp--preset--font-size--medium: 12px;
    --wp--preset--font-size--small: 10px;
    --wp--preset--font-size--x-small: 8px;

    /* LineHeight */
    --wp--preset--line-height--small: 18px;
    --wp--preset--line-height--medium: 20px;
    --wp--preset--line-height--large: 24px;
    --wp--preset--line-height--2-x-large: 28px;
    --wp--preset--line-height--3-x-large: 32px;
    --wp--preset--line-height--4-x-large: 36px;
    --wp--preset--line-height--5-x-large: 40px;
    --wp--preset--line-height--6-x-large: 44px;
  }
}

.block-editor-block-list__layout.is-root-container> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  width: 100%;
}

span {
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
}

mark,
.editor-styles-wrapper mark {
  background-color: transparent;
}

a {
  text-decoration: none;
  color: inherit;
}

.wp-site-blocks>* {
  margin-block-start: 0px;
}

.is-layout-flow>* {
  margin-block-start: 0;
  margin-block-end: 0;
}

.wp-element-button {
  text-align: center;
  display: inline-flex;
  justify-content: center;
  box-sizing: border-box;
  height: var(--wp--preset--size--large);
  gap: var(--wp--preset--spacing--x-small);
}

.wp-block-button__link {
  align-items: center;
}

.wp-element-button img {
  max-height: 100%;
  object-fit: scale-down;
  vertical-align: middle;
}

common-slider-image__img {
  width: 100%;
  height: 100%;
  width: 300px;
  max-height: 210px;
  overflow: hidden;
  border-radius: var(--wp--preset--radius--4-x-large);
}

.common-slider-image__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  border-radius: var(--wp--preset--radius--4-x-large);
}

.common-tutorial {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: var(--wp--preset--spacing--2-x-large);
}

.common-tutorial>div {
  overflow: scroll;
  align-items: stretch;
}

.common-tutorial__container {
  max-width: 240px;
}

.common-tutorial__arrow {
  background-color: var(--wp--preset--color--secondary-10);
  border-radius: var(--wp--preset--radius--full);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-items: center;
  margin: auto 0 !important;
}

.common-tutorial__arrow figure {
  line-height: normal;
}

.common-tutorial__item-image {
  width: 100%;
  height: 240px;
  padding: 24px;
  display: flex;
  justify-items: center;
  align-items: center;
  background-color: var(--wp--preset--color--secondary-10);
  border-radius: var(--wp--preset--radius--5-x-large);
}

.common-tutorial__item-image img {
  width: 100%;
  height: 100%;
  max-width: 240px;
  max-height: 240px;
  object-fit: scale-down !important;
}

.common-tutorial__item-step {
  padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--medium);
  background-color: var(--wp--preset--color--secondary-80);
  color: var(--wp--preset--color--secondary-inverted);
  width: fit-content;
  border-radius: var(--wp--preset--radius--large);
}

.common-question__header {
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
}

.common-question__container {
  width: 100%;
  max-width: 846px;
  border-radius: var(--wp--preset--radius--5-x-large);
  padding: var(--wp--preset--spacing--4-x-large);
}

.common-question__arrow--expanded,
.common-question__arrow--collapsed {
  width: 32px;
  height: 32px;
  border-radius: var(--wp--preset--radius--full);
  background-color: var(--wp--preset--color--primary);
}

@media (max-width: 780px) {
  .common-question__container {
    padding: var(--wp--preset--spacing--x-large) !important;
  }
}

.common-video,
.editor-styles-wrapper .common-video {
  display: block;
  position: relative;
  width: 100%;
  max-width: var(--wp--preset--layout--section-content);
  padding-left: calc(var(--play-button-height) / 2);

  --play-button-height: 64px;
}

.common-video__play,
.editor-styles-wrapper .common-video__play {
  width: var(--play-button-height);
  height: var(--play-button-height);
  position: absolute;
  top: 50%;
  z-index: 2;
  translate: -50% -50%;
}

.common-video__player {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  aspect-ratio: 16 / 9;
  border-radius: var(--wp--preset--radius--4-x-large);
}

.common-slider {
  width: 100%;
  display: flex;
  gap: var(--wp--preset--spacing--2-x-large);
  --gap-splide-icon-size: 0px;
  --gap-splide-size: calc(var(--wp--preset--spacing--2-x-large) + var(--gap-splide-icon-size));
}

.common-slider--arrow {
  --gap-splide-icon-size: 32px;
}

.common-slider .splide__track {
  width: 100%;
  height: 100%;
}

.common-slider .splide__list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch !important;
  max-width: 100%;
  gap: initial;
}

.common-slider__button--prev,
.common-slider__button--next {
  max-width: 32px;
  max-height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: var(--wp--preset--radius--full);
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  justify-items: center;
  align-items: center;
}

.common-slider__button--prev figure,
.common-slider__button--next figure {
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-content: center;
}

.common-slider--arrow .splide__slide {
  position: relative;
  width: 100%;
}

.common-slider--arrow .splide__slide:not(:last-child)::after {
  content: "";
  top: 50%;
  position: absolute;
  pointer-events: none;
  transform: translateY(-50%);
  width: var(--gap-splide-icon-size);
  height: var(--gap-splide-icon-size);
  right: calc(-1 * var(--gap-splide-size) / 2 - var(--gap-splide-icon-size) / 2);
  background: url("/wp-content/themes/questsme/assets/icons/ic_process_arrow_right.svg") no-repeat center;
}

.editor-styles-wrapper .splide__list {
  align-items: start;
  min-width: max-content;
  gap: var(--gap-splide-size);
}

.editor-styles-wrapper .common-slider .splide__track {
  width: 100%;
  overflow-y: scroll;
}

@media (max-width: 740px) {
  .common-slider {
    gap: var(--wp--preset--spacing--small);
  }
}

:root {
  --wp--preset--admin--header: 0px;
  --wp--preset--layout--header: 72px;
}

.logged-in.admin-bar {
  --wp--preset--admin--header: 32px;
}

@media (max-width: 780px) {
  .logged-in.admin-bar {
    --wp--preset--admin--header: 46px;
  }
}

.body {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--3-x-large);
  margin-top: var(--wp--preset--layout--header);
}

.wp-block-post-content {
  max-width: none !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--wp--preset--spacing--6-x-large) !important;
}

.wp-block-post-content>:first-child:not(.no-spacing) {
  padding-top: var(--wp--preset--spacing--3-x-large) !important;
}

.wp-block-post-content>:last-child:not(.no-spacing) {
  padding-bottom: var(--wp--preset--spacing--3-x-large) !important;
}

@media (max-width: 740px) {
  .wp-block-post-content {
    gap: var(--wp--preset--spacing--5-x-large) !important;
  }

  .wp-block-post-content>:first-child:not(.no-spacing) {
    padding-top: var(--wp--preset--spacing--3-x-large) !important;
  }

  .wp-block-post-content>:last-child:not(.no-spacing) {
    padding-bottom: var(--wp--preset--spacing--3-x-large) !important;
  }
}

.editor-styles-wrapper .body {
  margin-top: 0px;
}

.common-member-card {
  width: 100%;
  max-width: none;
}

.common-member-card-small {
  width: 100%;
  max-width: 408px;
}

.common-member-card .common-member-card__content {
  flex: 1;
}

.common-member-card .common-member-card__image {
  min-width: 56px !important;
}

.is-style-body-text-x-small {
  font-size: var(--wp--preset--font-size--x-small);
  line-height: var(--wp--preset--line-height--x-small);
}

.is-style-body-text-small {
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--preset--line-height--small);
}

.is-style-body-text-medium {
  font-size: var(--wp--preset--font-size--medium);
  line-height: var(--wp--preset--line-height--medium);
}

.is-style-body-text-large {
  font-size: var(--wp--preset--font-size--large);
  line-height: var(--wp--preset--line-height--large);
}

.is-style-hero-large {
  font-size: var(--wp--preset--font-size--6-x-large);
  line-height: var(--wp--preset--line-height--6-x-large);
  font-weight: var(--wp--preset--font-weight--extra-bold);
}

.is-style-hero-medium {
  font-size: var(--wp--preset--font-size--5-x-large);
  line-height: var(--wp--preset--line-height--5-x-large);
  font-weight: var(--wp--preset--font-weight--extra-bold);
}

.is-style-section-header {
  max-width: var(--wp--preset--layout--section-content);
  width: 100%;
  text-align: center;
}

.is-style-section-image {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: var(--wp--preset--spacing--2-x-large);
  border-radius: var(--wp--preset--radius--4-x-large);
  max-width: var(--wp--preset--layout--section-content);
  width: 100%;
}

@media (max-width: 840px) {
  .is-style-section-image {
    padding: var(--wp--preset--spacing--x-large);
  }
}

.is-style-section-image figure {
  width: 100% !important;
  max-height: 430px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.is-style-section-image img {
  max-height: 430px;
  width: 100% !important;
  border-radius: var(--wp--preset--radius--4-x-large);
}

.is-style-member-card {
  border: 1px solid var(--wp--preset--color--secondary-20);
  border-radius: var(--wp--preset--radius--4-x-large);
  padding: var(--wp--preset--spacing--4-x-large);
}

.is-style-container {
  width: 100%;
  display: block;
  max-width: calc(var(--wp--preset--layout--container) + var(--wp--preset--spacing--medium) * 2);
  margin: 0 auto;
  padding-left: var(--wp--preset--spacing--medium) !important;
  padding-right: var(--wp--preset--spacing--medium) !important;
}

.is-style-button-icon div {
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  box-sizing: border-box;
}

.is-style-navigation .wp-element-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000000;
  background-color: transparent;
  height: var(--wp--preset--size--large);
  border-radius: var(--wp--preset--radius--2-x-large);
  padding: 0 var(--wp--preset--spacing--large);
  gap: var(--wp--preset--spacing--small);
  font-size: var(--wp--preset--font-size--large);
  line-height: var(--wp--preset--line-height--large);
  font-weight: var(--wp--preset--font-weight--regular);
  margin: 0;
  justify-content: start;
}

.is-style-navigation .wp-element-button:hover {
  color: var(--wp--preset--color--primary);
}

.is-style-image-button .wp-element-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}

.slogan-review__stack {
  position: relative;
  width: 155px;
  height: 50px;
  flex-shrink: 0;
}

.slogan-review__stack-avatar-item {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  box-sizing: border-box;
  border-radius: 50px;
  background: var(--wp--preset--color--white);
  border: 1.5px solid var(--wp--preset--color--white);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute !important;
  top: 0;
}

.slogan-review__stack-avatar-item:nth-child(1) {
  left: 0px !important;
}

.slogan-review__stack-avatar-item:nth-child(2) {
  left: 35px !important;
}

.slogan-review__stack-avatar-item:nth-child(3) {
  left: 70px !important;
}

.slogan-review__stack-avatar-item:nth-child(4) {
  left: 105px !important;
}

.career-benefit__container {
  width: 100%;
  border-radius: var(--wp--preset--radius--5-x-large);
  max-width: var(--wp--preset--layout--section-content);
}

.career-tutorial__submit {
  padding: var(--wp--preset--spacing--5-x-large) var(--wp--preset--spacing--7-x-large);
}

@media (max-width: 740px) {
  .career-tutorial__submit {
    padding: var(--wp--preset--spacing--3-x-large) var(--wp--preset--spacing--large);
  }
}

.solution-benefit__container {
  width: 100%;
  border-radius: var(--wp--preset--radius--5-x-large);
  max-width: var(--wp--preset--layout--section-content);
}

@media (max-width: 940px) {
  .solution-benefit__container {
    flex-direction: column;
  }
}

.studies-brand__card {
  flex-direction: row;
}

.studies-brand__card-content {
  flex: 1;
}

.studies-brand__card-image {
  flex: 1;
  overflow: hidden;
}

.studies-brand__card-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/ 9;
  max-height: 350px;
  object-fit: cover;
}

@media (max-width: 840px) {
  .studies-brand__card {
    flex-direction: column;
  }
}

.main_header--container {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9999;
  top: var(--wp--preset--admin--header);
  height: var(--wp--preset--layout--header);
  border-bottom: 1px solid #e9e9e9;
  background-color: var(--wp--preset--color--white);
}

.main_header--wapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-items: stretch;
  max-width: var(--wp--preset--layout--container);
  margin-left: var(--wp--preset--spacing--large) !important;
  margin-right: var(--wp--preset--spacing--large) !important;
}

.main_header__menu--button {
  display: none;
  align-items: center;
  justify-content: center;
  width: var(--wp--preset--size--huge);
  height: var(--wp--preset--size--huge);
  border-radius: var(--wp--preset--radius--3-x-large);
  background-color: var(--wp--preset--color--secondary);
}

.main_header__menu--button.is-active {
  background-color: transparent;
}

#wpadminbar {
  position: fixed !important;
  top: 0px !important;
}

@media (max-width: 1120px) {
  .main_header__menu--content {
    display: none !important;
    background-color: var(--wp--preset--color--white);
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    box-shadow: 0 2px 4px var(--wp--preset--color--black-40);
    padding: var(--wp--preset--spacing--large);
    padding-top: var(--wp--preset--spacing--small);
  }

  .main_header__menu--content>div,
  .main_header__menu--content>div>div {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    align-items: stretch;
    justify-content: start;
  }

  .main_header__menu--content.is-active {
    left: 0;
    right: 0;
    top: 100%;
    position: absolute;
    display: block !important;
  }

  .main_header__menu--button {
    display: flex !important;
  }

  .main_header--container .language-menu {
    margin: 0 !important;
  }

  .wp-block-button .main-header__button--portal {
    width: 100%;
  }

  .main-header__button--portal {
    margin-left: var(--wp--preset--spacing--large) !important;
    margin-right: var(--wp--preset--spacing--large) !important;
  }
}

.common-footer__box {
  align-items: stretch;
}

.common-footer__content {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
}

.common-footer__copyright {
  padding-top: var(--wp--preset--spacing--2-x-large);
  border-top: 1px solid var(--wp--preset--color--secondary-80);
}

.common-footer__social-button,
.common-footer__social-button {
  border-radius: 100%;
  padding: 10px;
  background-color: var(--wp--preset--color--secondary-80);
  display: flex;
  flex-direction: row;
  justify-content: center !important;
  align-items: center !important;
}

.common-footer__social-button img {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
  min-width: 20px;
  min-height: 20px;
}

@media (max-width: 1080px) {
  .common-footer__content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .common-footer__content {
    grid-template-columns: repeat(1, 1fr);
  }

  .common-footer__grap {
    align-items: start;
    flex-direction: column;
  }
}

.questme-contact {
  width: 100%;
  box-sizing: border-box;
  max-width: var(--wp--preset--layout--container);
}

.questme-contact__wapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: var(--wp--preset--spacing--medium) !important;
  padding-right: var(--wp--preset--spacing--medium) !important;
}

.questme-contact .questme-contact__detail,
.editor-styles-wrapper .questme-contact__detail {
  flex: 1;
}

.questme-contact .questme-contact__map,
.editor-styles-wrapper .questme-contact__map {
  flex: 1;
  overflow: hidden;
  border-radius: var(--wp--preset--radius--5-x-large);
}

@media (max-width: 940px) {
  .questme-contact {
    flex-direction: column;
    gap: var(--wp--preset--spacing--2-x-large);
    padding: var(--wp--preset--spacing--large);
    align-items: stretch;
  }

  .questme-contact .wp-block-heading.is-style-hero-medium {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 1290px) {
  .questme-contact {
    box-sizing: border-box;
  }
}

.about-our-mission__image {
  max-width: 628px;
  max-height: none;
}

.about-our-mission__image.is-style-section-image figure {
  max-height: none;
}

.about-our-mission__image.is-style-section-image figure img {
  max-height: none;
}

.career-update__container {
  align-items: stretch;
  flex-direction: row;
}

.career-update__container .career-update__conntent {
  flex: 1;
}

@media (max-width: 940px) {
  .career-update__container {
    flex-direction: column;
  }
}

.contact-form__flex {
  flex: 1;
}

.contact-form__width--full {
  width: 100%;
}

.contact-form__content {
  width: 100%;
}

@media (max-width: 540px) {
  .contact-form__header {
    width: 200px;
  }

  .contact-form__header .has-text-align-left {
    text-align: center;
  }
}

@media (max-width: 940px) {
  .contact-form__content {
    flex-direction: column;
  }
}

.single-post .single-post__main {
  width: 100%;
  align-items: flex-start;
}

.single-post .single-post__main .single-main__body {
  width: 100%;
}

.single-post .single-post__main .single-main__sidebar {
  width: 340px;
  height: fit-content;
  position: sticky;
  top: calc(var(--wp--preset--layout--header) + var(--wp--preset--admin--header) + var(--wp--preset--spacing--medium));
}

@media (max-width: 940px) {
  .single-post .single-post__main {
    gap: 0px;
  }

  .single-post .single-post__main .single-main__sidebar {
    display: none;
  }

  .single-post .single-post__main .single-main__above-menu .wp-block-questme-table-of-contents {
    margin-top: var(--wp--preset--spacing--large);
    width: 100%;
  }
}

/* Single Hint Layout - Same as Single Post */
.single-hint .single-hint__main {
  width: 100%;
  align-items: flex-start;
}

.single-hint .single-hint__main .single-main__body {
  width: 100%;
}

.single-hint .single-hint__main .single-main__sidebar {
  width: 340px;
  height: fit-content;
  position: sticky;
  top: calc(var(--wp--preset--layout--header) + var(--wp--preset--admin--header) + var(--wp--preset--spacing--medium));
}

@media (max-width: 940px) {
  .single-hint .single-hint__main {
    gap: 0px;
  }

  .single-hint .single-hint__main .single-main__sidebar {
    display: none;
  }

  .single-hint .single-hint__main .single-main__above-menu .wp-block-questme-table-of-contents {
    margin-top: var(--wp--preset--spacing--large);
    width: 100%;
  }
}

.benefit-card__icon {
  min-width: 20px;
  min-height: 20px;
}

.benefit-card__container {
  width: 100%;
  display: flex;
  flex-direction: row;
  border: 1px solid var(--wp--preset--color--secondary-20);
  border-radius: var(--wp--preset--radius--5-x-large);
}

.benefit-card__wrapper {
  display: flex;
  flex-direction: row;
}

.benefit-card__wrapper>.benefit-card__container {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

.benefit-card__wrapper>.benefit-card__container>.img-container {
  width: 260px;
  min-width: 260px;
}

.benefit-card__wrapper>.benefit-card__container>.img-container img {
  width: 100%;
}

@media (max-width: 980px) {
  .benefit-card__wrapper {
    flex-direction: column;
  }
}

@media (max-width: 620px) {
  .benefit-card__container {
    display: flex;
    flex-direction: column !important;
    align-items: start;
  }

  .benefit-card__wrapper>.benefit-card__container>.img-container {
    width: 100% !important;
    justify-content: center;
  }

  .benefit-card__wrapper>.benefit-card__container>.img-container figure {
    flex-grow: 0 !important;
  }
}

.review-card {
  padding: var(--wp--preset--spacing--medium);
}

.review-card .review-card__box {
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 8px var(--wp--preset--color--black-20);
  border-radius: var(--wp--preset--radius--2-x-large);
  padding: var(--wp--preset--spacing--3-x-large);
}

.mobile-wrap {
  display: flex;
  flex-direction: row;
}

.mobile-wrap>div {
  width: 100%;
}


.mobile-wrap .contain-image img {
  max-height: 500px;
}


@media (max-width: 740px) {
  .mobile-wrap {
    flex-direction: column;
    gap: var(--wp--preset--spacing--2-x-large);
  }
}

.common-brand-image {
  width: 100%;
  padding: var(--wp--preset--spacing--medium);
}

.common-brand-image .common-brand-image__content {
  max-height: 56px;
  height: 56px;
  width: 100%;
  padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--large);
  border-radius: var(--wp--preset--radius--2-x-large);
  /* box-shadow: 0px 0px 8px var(--wp--preset--color--black-20); */
}

.common-brand-image .common-brand-image__content-img {
  height: 100% !important;
}

.editor-styles-wrapper .common-brand-image {
  width: min-content !important;
  min-width: 124px;
}

.editor-styles-wrapper .common-brand-image .common-brand-image__content-img div {
  height: 100% !important;
}

.common-brand-image .common-brand-image__content-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: scale-down !important;
}

.common-slider__custom-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  gap: var(--wp--preset--spacing--x-small);
}

.common-slider .splide__pagination {
  bottom: -1em;
}

.common-slider .splide__pagination__page {
  height: 2px;
  width: 32px;
  border: none;
  border-radius: 1px;
}

.common-slider .splide__pagination__page.is-active {
  transform: none;
  background-color: var(--wp--preset--color--primary);
}

.container__padding {
  padding-top: var(--wp--preset--spacing--large);
  padding-bottom: var(--wp--preset--spacing--large);
}

.is-style-video-questsme {
  aspect-ratio: 16/9;
  overflow: hidden;
  display: block;
  border-radius: var(--wp--preset--radius--5-x-large);
  max-width: var(--wp--preset--layout--section-content);
}

.flex-1 {
  flex: 1;
}

.icon-20-min {
  min-width: 20px;
  min-height: 20px;
}

.has-reset-textalign {
  text-align: inherit !important;
}

.common-slider__page--no-bottom .splide__pagination {
  bottom: 1em;
}

@media (max-width: 1080px) {

  .qm-menu-button__caret,
  .language-menu__icon {
    width: 14px;
    height: 14px;
  }
}

.wp-block-article-card,
.wp-block-questme-article-card,
.wp-block-hint-card,
.wp-block-questme-hint-card {
  display: block;
  height: 100%;
}

/* Main Card Container */
.article-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--2-x-large);
  background: var(--wp--preset--color--white);
  border-radius: var(--wp--preset--radius--2-x-large);
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* Image Section */
.article-card__media {
  align-self: stretch;
  width: 100%;
}

.article-card__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--wp--preset--radius--4-x-large);
}

.article-card__content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--wp--preset--spacing--medium);
  flex: 1 1 auto;
  min-height: 0;
}

.article-card__heading {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--wp--preset--spacing--medium);
  flex: 1 1 auto;
}

.article-card__badge {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--x-small);
  padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small);
  background: var(--wp--preset--color--secondary-80);
  border-radius: var(--wp--preset--radius--large);
  width: fit-content;
}

.article-card__badge-text {
  color: var(--wp--preset--color--white);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: var(--wp--preset--font-weight--semibold);
  line-height: var(--wp--preset--line-height--medium);
}

.article-card__title {
  margin: 0;
  font-size: var(--wp--preset--font-size--2-x-large);
  font-weight: var(--wp--preset--font-weight--semibold);
  line-height: var(--wp--preset--line-height--2-x-large);
  color: var(--wp--preset--color--black-100);
}

.article-card__title a {
  text-decoration: none;
  color: inherit;
}

.article-card__title a:hover {
  color: var(--wp--preset--color--primary);
}

.article-card__description {
  margin: 0;
  font-size: var(--wp--preset--font-size--large);
  font-weight: var(--wp--preset--font-weight--regular);
  line-height: var(--wp--preset--line-height--large);
  color: var(--wp--preset--color--black-60);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(3lh);
}

.article-card__short-info {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: var(--wp--preset--spacing--medium);
}

.article-card__author {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--small);
  flex: 1;
}

.article-card__author-avatar {
  width: 32px;
  height: 32px;
  border-radius: 28px;
  object-fit: cover;
}

.article-card__author-name {
  font-size: var(--wp--preset--font-size--medium);
  font-weight: var(--wp--preset--font-weight--semibold);
  line-height: var(--wp--preset--line-height--medium);
  color: var(--wp--preset--color--black-100);
}

.article-card__date {
  font-size: var(--wp--preset--font-size--medium);
  font-weight: var(--wp--preset--font-weight--regular);
  line-height: var(--wp--preset--line-height--medium);
  color: var(--wp--preset--color--black-60);
}

.article-card__button {
  display: flex;
  width: fit-content;
  margin-top: auto;
}

.article-card__read-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--wp--preset--spacing--small);
  padding: 0 var(--wp--preset--spacing--large);
  height: 48px;
  background: var(--wp--preset--color--primary);
  border-radius: var(--wp--preset--radius--2-x-large);
  text-decoration: none;
  box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
  transition: all 200ms ease;
}

.article-card__read-button:hover {
  background: var(--wp--preset--color--primary-80);
  transform: translateY(-1px);
  box-shadow: 0px 2px 4px 0px rgba(27, 36, 44, 0.16);
}

.article-card__button-text {
  font-size: var(--wp--preset--font-size--large);
  font-weight: var(--wp--preset--font-weight--semibold);
  line-height: var(--wp--preset--line-height--large);
  color: var(--wp--preset--color--black-100);
}

.article-card__button-icon {
  width: 20px;
  height: 20px;
  color: var(--wp--preset--color--black-100);
}

/* Concho Single Hint Layout */
.concho-single-hint__content {
  display: flex;
  gap: var(--wp--preset--spacing--2-x-large);
  align-items: flex-start;
}

.concho-single-hint__body {
  flex: 1 1 auto;
  min-width: 0;
}

.concho-single-hint__sidebar {
  flex: 0 0 320px;
  width: 320px;
}

/* Responsive */
@media (max-width: 768px) {
  .concho-single-hint__content {
    flex-direction: column;
  }
  
  .concho-single-hint__sidebar {
    flex: none;
    width: 100%;
  }
}