.t-quiz {
  --step-padding-top: 45px;
  --padding-vertical: 35px;
  --padding-horizontal: 45px;
  --primary-color: #1f5bff;
  --primary-color-transparent: #1f5bff33;
  --panel-default-bg-color: #f4f4f4;
  --text-secondary: rgba(0, 0, 0, 0.5);
  --background-padding: 10px;
  --two-cols-even: minmax(0, 1fr) minmax(0, 1fr);
  --two-cols-odd: minmax(0, 1fr) minmax(0, 2fr);
  --full-height: 100vh;
  --full-height-with-border: calc(100vh - var(--border-size) * 2);
  --height-100-with-border: calc(100% - var(--border-size) * 2);
  --min-height-mobile: 550px;
  --max-height-mobile: 80vh;
  --min-height-tablet: 650px;
  --gap-between-two-cols: 40px;
  --panel-type: none;
  --mobile-distance-to-consultant: 28px;
  --mobile-distance-to-media: 15px;
  --step-overflow-gradient-height: 20px;
}

.t-quiz.topside-panel {
  --panel-type: header;
}

.t-quiz.leftside-panel,
.t-quiz.rightside-panel {
  --panel-type: sidebar;
}

.t-quiz__quiz {
  background-color: var(--panel-default-bg-color);
  border-radius: var(--outer-border-radius);
  border-style: solid;
  box-sizing: border-box;
  container: quiz/inline-size;
  width: 100%;
}

.t-quiz.popup .t-popup__container {
  border-radius: var(--outer-border-radius);
}

.t-quiz.popup .t-popup__container.t-popup__container_no-transform {
  transition: height 0.3s ease-in-out !important;
}

.t-quiz__quiz-wrapper {
  background-color: var(--panel-background-color);
  border-style: solid;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.t-quiz.popup.fullscreen:not(.fixed-height) .t-quiz__quiz-wrapper {
  height: var(--height-100-with-border);
}

.t-quiz.fullscreen:not(.popup):not(.fixed-height) {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: var(--full-height);
}

.t-quiz.popup.fullscreen .t-popup__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  right: 0;
}

.t-quiz.popup.fullscreen:not(.fixed-height) .t-popup__container {
  min-height: var(--full-height);
}

.t-quiz.popup.fullscreen.fixed-height .t-quiz__quiz,
.t-quiz.popup.fullscreen.t-quiz.popup .t-popup__container {
  background-color: transparent !important;
}

.t-quiz.popup.fullscreen .t-popup {
  padding: 0;
}

.t-quiz.popup.fullscreen:not(.fixed-height) .t-popup__container.t-popup__container-static {
  margin: 0;
}

.t-quiz:not(.fullscreen) .t-quiz__result-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

.t-quiz:not(.fullscreen) .t-quiz__result-wrapper {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.t-quiz.fullscreen .t-quiz__result,
.t-quiz.fullscreen .t-quiz__result-wrapper {
  height: 100% !important;
}

.t-quiz.fixed-height .t-quiz__result-container,
.t-quiz.fullscreen:not(.fixed-height) .t-quiz__result-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.t-quiz.fixed-height .t-quiz__main,
.t-quiz.fullscreen:not(.fixed-height) .t-quiz__main {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz.fixed-height .t-quiz__quiz-form-wrapper,
.t-quiz.fullscreen:not(.fixed-height) .t-quiz__quiz-form-wrapper {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.t-quiz__quiz-wrapper .scroll,
body.mobile .scroll--mobile {
  overflow: hidden !important;
}

.t-quiz.popup.fullscreen:not(.fixed-height):has(.t-quiz__cover.t-step-form__step_active,
  .t-quiz__result.t-step-form__step_active) .t-quiz__quiz-form-wrapper {
  height: 100%;
}

.t-quiz.fullscreen:not(.fixed-height) .t-quiz__cover,
.t-quiz.fullscreen:not(.fixed-height) .t-quiz__cover__container,
.t-quiz.fullscreen:not(.fixed-height) .t-quiz__cover__fullscreen-container,
.t-quiz.fullscreen:not(.fixed-height) .t-quiz__cover__img,
.t-quiz.fullscreen:not(.fixed-height) .t-quiz__cover__side-container,
.t-quiz.fullscreen:not(.fixed-height) .t-quiz__cover__side-cover {
  height: 100% !important;
}

.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-quiz__sidebar {
  width: clamp(var(--sidebar-width), 20%, 300px);
}

.t-quiz .t-quiz.popup-fullscreen .t-popup__container {
  margin: 0;
}

.t-quiz__panel.t-quiz__sidebar,
.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_dynamic-height .t-quiz__cover,
.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fixed-height,
.t-quiz__quiz-wrapper_fixed-height .t-quiz__content-padding-container,
.t-quiz__quiz-wrapper_fixed-height .t-quiz__content-wrapper,
.t-quiz__quiz-wrapper_fixed-height .t-quiz__main {
  overflow-y: auto;
}

.t-quiz__content-wrapper {
  -ms-flex-pack: justify;
  background-color: var(--quiz-background-color, #fff);
  container: main/inline-size;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 1;
}

.t-step-form__step {
  padding: 45px 45px 0px 45px
}

q-panel scroll .t-quiz__cover {
  padding: 0;
  width: 100%;
}

.t-quiz__cover__content-container {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}

.t-quiz__cover__fullscreen-container .t-quiz__cover__content-container {
  bottom: 0;
  left: 0;
  padding: 70px 100px;
  position: absolute;
  right: 0;
  top: 0;
}

.t-quiz__cover__fullscreen-container .t-quiz__cover__text-wrapper {
  overflow-y: auto;
}

.t-quiz__cover__side-container .t-quiz__cover__content-container {
  padding: 45px;
}

.t-quiz__cover__text-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz__cover__title {
  word-wrap: break-word;
  max-width: 1160px;
}

.t-quiz__cover__descr {
  word-wrap: break-word;
  max-width: 700px;
}

.t-quiz__cover__title:has(+ .t-quiz__cover__descr) {
  padding-bottom: 15px;
}

.t-quiz__cover__fullscreen-container:has(.t-quiz__cover__filter) .t-quiz__cover__descr,
.t-quiz__cover__fullscreen-container:has(.t-quiz__cover__filter) .t-quiz__cover__title {
  color: #fff;
}

.t-quiz__cover__side-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.t-quiz__cover__side-container,
.t-quiz__cover__side-container.rightside {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.t-quiz__cover__side-container.leftside {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.t-quiz__cover__side-container .t-quiz__cover__side-cover {
  height: -webkit-fit-content;
  height: fit-content;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.t-quiz__cover__side-container .t-quiz__cover__content-container,
.t-quiz__cover__side-container .t-quiz__cover__side-cover {
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
}

.t-quiz__cover_color {
  height: 100%;
  width: 100%;
}

.t-quiz__cover__filter {
  inset: 0;
  position: absolute;
}

.t-quiz__cover__container {
  overflow: hidden;
  position: relative;
}

.t-quiz__cover__img {
  height: 100%;
  width: 100%;
}

.t-quiz__panel {
  -ms-flex-negative: 0;
  background-color: var(--panel-default-bg-color);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  overflow: hidden;
  padding: 30px var(--padding-horizontal);
  position: relative;
}

.t-quiz__main__description-container {
  padding: 50px var(--padding-horizontal) 0;
}

.t-quiz__main .t-quiz__quiz-description-text,
.t-quiz__main .t-quiz__quiz-description-title,
.t-quiz__sidebar .t-quiz__quiz-description-text,
.t-quiz__sidebar .t-quiz__quiz-description-title {
  width: 100%;
}

.t-quiz__quiz-description {
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  word-wrap: break-word;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.t-quiz__sidebar .t-quiz__quiz-description {
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz__quiz-description-icon {
  height: auto;
  max-width: 40px;
  vertical-align: top;
  width: 100%;
}

.t-quiz__square {
  aspect-ratio: 1/1;
}

.t-quiz__circle {
  border-radius: 100%;
}

.t-quiz__quiz-description-title {
  box-sizing: border-box;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 90%;
}

.t-quiz__quiz-description-text {
  display: inline-block;
}

.t-quiz__progress-bar-container {
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
}

.t-quiz__progressbar {
  background-color: var(--primary-color-transparent);
  height: 5px;
  position: static;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 1;
}

.t-quiz__progress {
  background-color: var(--primary-color);
  height: 100%;
  transition: width 0.3s ease;
  width: 0;
}

.t-quiz__panel__main {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px;
}

.t-quiz.popup.fullscreen .t-quiz__panel__main {
  min-height: 32px;
}

.t-quiz__contact-form__title {
  padding: 25px var(--padding-horizontal);
}

.t-quiz__contact-form {
  display: none;
}

.t-quiz__contact-form__layout {
  display: grid !important;
  gap: 30px !important;
  grid-template-columns: 1fr;
}

.t-quiz__contact-form__layout:has(.t-quiz__consultant) {
  gap: 25px;
}

.t-quiz__contact-form__layout.t-input-group_two-cols {
  gap: var(--gap-between-two-cols);
}

.t-quiz__contact-form .t-input-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.t-quiz__contact-form__footer {
  margin-top: 20px;
}

.t-quiz__contact-form__header {
  align-self: start;
  display: grid;
  gap: 25px;
  grid-template-columns: 1fr;
}

.t-quiz__contact-form__header__text-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz__contact-form__footer__text,
.t-quiz__contact-form__header__descr,
.t-quiz__contact-form__header__title {
  word-break: break-word;
}

.t-quiz__contact-form__header__title:has(+ .t-quiz__contact-form__header__descr) {
  padding-bottom: 15px;
}

.t-quiz__quiz-wrapper.topside-panel .t-quiz__contact-form__layout.t-input-group_one-col .t-quiz__contact-form__header:has(.t-quiz__consultant),
.t-quiz__quiz-wrapper.without-panel .t-quiz__contact-form__layout.t-input-group_one-col .t-quiz__contact-form__header:has(.t-quiz__consultant) {
  display: grid;
  gap: 16px;
  grid-template-columns: var(--two-cols-even);
}

.t-quiz__footer {
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  container: footer/inline-size;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 40px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: auto;
  padding-left: var(--padding-horizontal);
  padding-right: 55px;
  padding-bottom: 20px !important;
}

.t-quiz__footer-sticky {
  background: linear-gradient(to bottom,
      transparent 0,
      var(--btn-wrapper-background-color) var(--step-overflow-gradient-height));
  bottom: 0;
  left: 0;
  padding-top: var(--step-overflow-gradient-height);
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  z-index: 1;
}

.t-quiz__footer-sticky:has(.t-quiz__footer.t-quiz-hidden) {
  display: none;
}

.t-quiz__btn-wrapper {
  -ms-flex-pack: end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 8px;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.t-quiz .t-btn,
.t-quiz .t-submit {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 0;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 2px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px;
  transition: opacity 0.3s;
  white-space: normal;
}

.t-quiz__btn_prev {
  background-color: unset;
  border: 1px solid transparent;
}

.t-quiz .t-btn__icon_arrow.right {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.t-quiz .t-btn__icon_arrow {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 18px;
  width: 18px;
}

.t-quiz .t-btn__icon_restart {
  padding-right: 3px;
}

.t-quiz__btn_sm.t-quiz__btn_sm {
  padding: 15px;
}

.t-quiz__btn_md.t-quiz__btn_md {
  min-width: 130px;
  padding: 15px 30px;
}

.t-quiz__btn_md.t-quiz__btn_md:has(.t-btn__icon_arrow.right) {
  padding: 15px 30px 15px 33px;
}

.t-quiz__btn_md.t-quiz__btn_md:has(.t-btn__icon_arrow.left) {
  padding: 15px 33px 15px 30px;
}

.t-quiz__inputs-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.t-quiz .t-step-form__step_active .t-input-group {
  display: grid;
}

.t-quiz .t-input-group {
  display: block;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px;
}

.t-quiz .t-input-group.t-input-group_two-cols {
  gap: var(--gap-between-two-cols);
}

.t-quiz .t-input-title:has(+ .t-input-subtitle) {
  padding-bottom: 5px;
}

.t-quiz__contact-form .t-quiz__inputs-wrapper .t-input-group:not(.t-input-group_two-cols) {
  gap: 5px;
}

.t-quiz__contact-form .t-quiz__inputs-wrapper .t-input-group:not(.t-input-group_two-cols):has(.t-input-subtitle) {
  gap: 15px;
}

.t-quiz__contact-form .t-quiz__inputs-wrapper {
  gap: 25px;
}

.t-quiz .t-input-group__title-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz .t-input-subtitle,
.t-quiz .t-input-title {
  word-wrap: break-word;
  height: unset;
}

.t-quiz .t-datepicker__wrapper,
.t-quiz .t-inputtime {
  max-width: 245px;
}

.t-quiz .t-form_bbonly .t-input-title {
  margin-bottom: 0;
}

.t-quiz .t-form_bbonly .t-input-subtitle {
  padding-bottom: 0;
  padding-top: 5px;
}

.t-quiz__variants-hint {
  font-style: italic;
  margin-top: 15px;
  opacity: 0.5;
}

.t-quiz .t-ownvariant-wrapper_flex .t-input-ownanswer {
  height: calc(1em + 5px);
}

.t-quiz .t-img-select__text {
  margin-top: 10px;
}

.t-quiz .t-radio__wrapper {
  margin-top: 0;
}

.t-quiz .t-img-select__container {
  margin: 0;
}

.t-quiz .t-img-select__container.t-img-select__container_all-in-row {
  padding-right: var(--padding-horizontal);
}

.t-quiz .t-input-block:has(.t-img-select__container_all-in-row) {
  margin-left: calc(var(--padding-horizontal) * -1);
  margin-right: calc(var(--padding-horizontal) * -1);
  padding-left: var(--padding-horizontal);
}

.t-quiz .t-img-select__control,
.t-quiz .t-img-select__item {
  margin: 0;
}

.t-quiz .t-input-block:has(.t-contact-method__types-container) {
  --contact-method-padding-h: var(--padding-horizontal);
}

.t-quiz .t-checkboxes__wrapper .t-checkbox__control,
.t-quiz .t-checkboxes__wrapper .t-ownvariant-wrapper_flex {
  margin-top: 0;
}

.t-quiz .t-checkboxes__wrapper_button.t-checkboxes__wrapper .t-checkbox__control,
.t-quiz .t-checkboxes__wrapper_button.t-checkboxes__wrapper .t-ownvariant-wrapper_flex {
  margin: 0;
}

.t-quiz .t-checkboxes__wrapper_button .t-checkboxes__item,
.t-quiz .t-checkboxes__wrapper_button .t-checkboxes__item:last-of-type,
.t-quiz .t-radio__wrapper_button .t-radio__item,
.t-quiz .t-radio__wrapper_button .t-radio__ownvariant-wrapper:last-of-type {
  margin-bottom: 0;
}

.t-quiz .t-checkboxes__wrapper_button .t-checkboxes__item,
.t-quiz .t-radio__wrapper_button .t-radio__item {
  height: auto;
  min-height: 60px;
  padding: 10px 15px;
}

.t-quiz .t-input-block_rd-flex .t-checkboxes__wrapper,
.t-quiz .t-input-block_rd-flex .t-checkboxes__wrapper fieldset,
.t-quiz .t-input-block_rd-flex .t-radio__wrapper,
.t-quiz .t-input-block_rd-flex .t-radio__wrapper fieldset {
  gap: 15px;
}

.t-quiz .t-input-block_rd-flex .t-radio__control,
.t-quiz .t-input-block_rd-flex .t-radio__control:first-child,
.t-quiz .t-input-block_rd-flex .t-radio__control:last-child {
  margin: 0;
}

.t-quiz .t-input-block:not(.t-input-block_rd-flex) .t-checkboxes__wrapper,
.t-quiz .t-input-block:not(.t-input-block_rd-flex) .t-radio__wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.t-quiz .t-checkbox__control.t-checkbox__control,
.t-quiz .t-radio__control.t-radio__control {
  margin: 0;
}

.t-quiz__main {
  position: relative;
  z-index: 1;
}

.t-quiz__main.t-quiz-hidden .t-quiz__quiz-form-wrapper {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

.t-quiz .justify-start {
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.t-quiz .justify-center {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.t-quiz .justify-end {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.t-quiz .align-start {
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  text-align: start;
}

.t-quiz .align-center {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.t-quiz .align-end {
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  text-align: end;
}

.t-step-form__step.t-quiz__result {
  box-sizing: border-box;
  height: 100%;
  padding: 0;
}

.t-quiz__result-container {
  padding-left: var(--padding-horizontal);
  padding-right: var(--padding-horizontal);
}

.t-quiz__result_leftside .t-quiz__result-wrapper,
.t-quiz__result_rightside .t-quiz__result-wrapper {
  padding-bottom: 45px;
  padding-top: 45px;
}

.t-quiz__result_topside .t-quiz__result-wrapper {
  padding-bottom: 45px;
  padding-top: 30px;
}

.t-quiz__result_bottomside .t-quiz__result-wrapper {
  padding-bottom: 45px;
  padding-top: 45px;
}

.t-quiz__result_bottomside .t-quiz__result-content-wrapper {
  margin-bottom: 45px;
}

.t-quiz__result_topside .t-quiz__result-img-wrapper {
  margin-bottom: 25px;
}

.t-quiz__result-button-container .t-quiz__result-btn {
  margin-top: 0 !important;
}

.t-quiz__result_topside .t-quiz__result-wrapper:not(:has(.sticky)) .t-quiz__result-btn,
.t-quiz__result_topside .t-quiz__result-wrapper:not(:has(.sticky)) .t-quiz__result-button-container {
  margin-top: 25px;
}

.t-quiz__result_leftside .t-quiz__result-btn,
.t-quiz__result_leftside .t-quiz__result-button-container,
.t-quiz__result_rightside .t-quiz__result-btn,
.t-quiz__result_rightside .t-quiz__result-button-container {
  margin-top: 30px;
}

.t-quiz__result_bottomside .t-quiz__result-btn,
.t-quiz__result_bottomside .t-quiz__result-button-container {
  margin-top: 25px;
}

.t-quiz__result_topside .t-quiz__result-wrapper:has(.sticky) {
  padding-bottom: 25px;
}

.t-quiz__result_topside .t-quiz__result-wrapper:has(.sticky) .t-quiz__result-btn-wrapper {
  padding-bottom: 20px;
  padding-top: 20px;
}

.t-quiz__result_topside .t-quiz__result-content-wrapper.sticky .t-quiz__result-text {
  padding-bottom: 5px;
}

.t-quiz__result-button-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.t-quiz__result-button-container.t-align_left {
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.t-quiz__result-button-container.t-align_center {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.t-quiz__result-button-container.t-align_right {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.t-quiz__result-btn-wrapper {
  --gradient-height: 10px;
  -ms-flex-pack: center;
  background: linear-gradient(to bottom,
      transparent 0,
      var(--btn-wrapper-background-color) var(--gradient-height));
  bottom: 0;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
}

.t-quiz__result-btn-wrapper .t-quiz__result-btn.t-btn {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 500px;
}

.t-quiz__result-btn-wrapper .t-quiz__result-btn.t-btn:only-child {
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  min-width: 400px;
}

.t-quiz__result_bottomside .t-quiz__result-wrapper,
.t-quiz__result_topside .t-quiz__result-wrapper {
  margin: auto;
  max-width: 560px;
  width: 100%;
}

.t-quiz__result_flex .t-quiz__result-wrapper {
  -ms-flex-pack: justify;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.t-quiz__result_flex .t-quiz__result-content-wrapper {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}

.t-quiz__result_flex .t-quiz__result-content-wrapper.justify-start {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}

.t-quiz__result_flex .t-quiz__result-content-wrapper.justify-end {
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

.t-quiz__result_flex .t-quiz__result-content-wrapper,
.t-quiz__result_flex .t-quiz__result-img-wrapper {
  width: 48%;
}

.t-quiz__result_block .t-quiz__result-img-wrapper {
  aspect-ratio: 16/9;
  width: 100%;
}

.t-quiz__result-img-wrapper {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.t-quiz__result-content-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz__result-content-wrapper.t-align_left {
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.t-quiz__result-content-wrapper.t-align_center {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.t-quiz__result-content-wrapper.t-align_right {
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.t-quiz__result-content-wrapper,
.t-quiz__result-img-wrapper {
  box-sizing: border-box;
}

.t-quiz__result-img {
  display: block;
  max-width: 100%;
}

.t-quiz__result-title:has(+ .t-quiz__result-text) {
  padding-bottom: 10px;
}

.t-quiz__result-btn.t-btn {
  background-color: #efefef;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

#allrecords .t-quiz__result-btn.t-btn {
  color: #000;
}

.t-quiz__result.t-form__successbox {
  background-color: transparent;
}

.t-quiz:has(.t-quiz__result_ordinary.t-step-form__step_active) .t-quiz__main__description-container,
.t-quiz:has(.t-quiz__result_ordinary.t-step-form__step_active) .t-quiz__panel {
  display: none;
}

.t-quiz__cover__btns-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 8px;
}

.t-quiz__quiz-wrapper.leftside-panel .t-input-group__header .t-quiz__consultant,
.t-quiz__quiz-wrapper.leftside-panel .t-quiz__contact-form__header .t-quiz__consultant,
.t-quiz__quiz-wrapper.rightside-panel .t-input-group__header .t-quiz__consultant,
.t-quiz__quiz-wrapper.rightside-panel .t-quiz__contact-form__header .t-quiz__consultant,
.t-quiz__quiz-wrapper.topside-panel .t-quiz__sidebar .t-quiz__consultant,
.t-quiz__quiz-wrapper.without-panel .t-quiz__sidebar .t-quiz__consultant {
  display: none;
}

.t-quiz__quiz-wrapper.leftside-panel .t-quiz__sidebar .t-quiz__consultant,
.t-quiz__quiz-wrapper.rightside-panel .t-quiz__sidebar .t-quiz__consultant,
.t-quiz__quiz-wrapper.topside-panel .t-input-group__header .t-quiz__consultant,
.t-quiz__quiz-wrapper.without-panel .t-input-group__header .t-quiz__consultant {
  display: block;
}

.t-quiz__quiz-wrapper.topside-panel:not(.t-quiz__inputs-in-cols) .t-input-group__header:has(.t-quiz__consultant),
.t-quiz__quiz-wrapper.without-panel:not(.t-quiz__inputs-in-cols) .t-input-group__header:has(.t-quiz__consultant) {
  display: grid;
  gap: 16px;
  grid-template-columns: var(--two-cols-even);
}

.t-quiz__quiz-wrapper.topside-panel:not(.t-quiz__inputs-in-cols) .t-step-form__step_active:has(.t-quiz__consultant, .t-quiz-step__media) .t-input-group__header,
.t-quiz__quiz-wrapper.without-panel:not(.t-quiz__inputs-in-cols) .t-step-form__step_active:has(.t-quiz__consultant, .t-quiz-step__media) .t-input-group__header {
  gap: 25px;
}

.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_withsidebar.t-quiz__inputs-in-cols .t-input-group__header:has(.t-quiz-step__media),
.t-quiz__quiz-wrapper.topside-panel.t-quiz__inputs-in-cols .t-input-group__header:has(.t-quiz-step__media),
.t-quiz__quiz-wrapper.topside-panel.t-quiz__inputs-in-cols .t-input-group__header:has(.t-quiz__consultant),
.t-quiz__quiz-wrapper.without-panel.t-quiz__inputs-in-cols .t-input-group__header:has(.t-quiz-step__media),
.t-quiz__quiz-wrapper.without-panel.t-quiz__inputs-in-cols .t-input-group__header:has(.t-quiz__consultant) {
  align-self: start;
  display: grid;
  gap: 25px;
  grid-template-columns: 1fr;
}

.t-quiz__consultant__container {
  -ms-flex-pack: start;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.t-input-group_two-cols .t-input-group__header .t-quiz__consultant__container,
.t-input-group_two-cols .t-quiz__contact-form__header .t-quiz__consultant__container {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.t-input-group_one-col .t-input-group__header .t-quiz__consultant__container,
.t-input-group_one-col .t-quiz__contact-form__header .t-quiz__consultant__container {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.t-quiz__consultant__msg-bubble,
.t-quiz__sidebar .t-quiz__consultant__container {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz__consultant__msg-bubble {
  background-color: var(--consultant-msg-bubble-bg);
  border-radius: 4px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  max-width: 100%;
  padding: 10px 12px;
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
}

.t-quiz__consultant__info-container+.t-quiz__consultant__msg-bubble:after {
  content: '';
  height: 0;
  line-height: 0;
  margin: 0;
  position: absolute;
  width: 0;
}

.t-input-group_two-cols .t-input-group__header .t-quiz__consultant__msg-bubble:after,
.t-input-group_two-cols .t-quiz__contact-form__header .t-quiz__consultant__msg-bubble:after {
  border-bottom: 8px solid transparent;
  border-left: 8px;
  border-right: 8px solid var(--consultant-msg-bubble-bg);
  border-top: 8px solid transparent;
  left: -8px;
  top: 15px;
}

.t-input-group_one-col .t-input-group__header .t-quiz__consultant__msg-bubble:after,
.t-input-group_one-col .t-quiz__contact-form__header .t-quiz__consultant__msg-bubble:after {
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--consultant-msg-bubble-bg);
  border-right: 8px;
  border-top: 8px solid transparent;
  right: -8px;
  top: 15px;
}

.t-quiz__sidebar .t-quiz__consultant__msg-bubble:after {
  border-bottom: 8px solid var(--consultant-msg-bubble-bg);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px;
  left: 15px;
  top: -8px;
}

.t-quiz__consultant__info-container {
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
}

.t-quiz__consultant__img {
  aspect-ratio: 1;
  border-radius: 4px;
  object-fit: cover;
  overflow: hidden;
  width: 54px;
}

.t-quiz__consultant__descr {
  opacity: 0.5;
}

.t-quiz__btn_submit.t-submit {
  background-color: #efefef;
}

.t-quiz .t-form__errorbox-middle {
  box-sizing: border-box;
  padding: 0 var(--padding-horizontal) 30px;
}

.t-quiz__quiz_dynamic-height {
  transition: all 0.3s ease-in-out;
}

.t-quiz__quiz__popup_dynamic-height {
  height: 100%;
  max-height: 100%;
  transition: height 0.3s ease-in-out;
}

.t-quiz-hidden {
  display: none !important;
}

.t-quiz .t-submit {
  height: unset;
}

.t-quiz__btn-wrapper .t-btn:active,
.t-quiz__btn-wrapper .t-btn:focus {
  outline: none;
}

.t-quiz__btn-wrapper .t-btn:disabled,
.t-quiz__btn-wrapper .t-submit:disabled,
.t-quiz__cover__btns-container .t-btn:disabled,
.t-quiz__result-btn-wrapper .t-btn:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.t-quiz .t-form__inputsbox {
  max-height: 10000px;
  transition: max-height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.t-quiz .t-input {
  -webkit-appearance: none;
  background-color: transparent;
}

.t-quiz .t-input-block textarea.t-input_pvis {
  padding-top: 26px;
}

.t-quiz .t-input-block textarea {
  background-color: transparent;
  padding-top: 17px;
}

.t-quiz__quiz .t-form__successbox {
  margin: 0;
}

.t-quiz__footer__text-container {
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 15px;
}

.t-quiz__counter-container {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.5;
}

.t-quiz__counter {
  font-variant-numeric: tabular-nums;
}

.t-quiz__text-extra {
  word-break: break-word;
}

.t-quiz__consultant__name-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz__content-padding-container {
  box-sizing: border-box;
  height: 100%;
  transition: padding 0.1s ease-in-out;
  width: 100%;
}

.t-quiz__quiz-wrapper_fullscreen .t-quiz__content-padding-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz__content-padding-container .t-quiz__content-wrapper {
  height: 100%;
}

.t-quiz .t-input-group.t-input-group_two-cols,
.t-quiz__contact-form__layout.t-input-group_two-cols {
  grid-template-columns: var(--two-cols-even);
}

.t-quiz .t-input-group.cols_1to2,
.t-quiz .t-input-group.t-input-group_two-cols_1to2,
.t-quiz__contact-form__layout.cols_1to2,
.t-quiz__contact-form__layout.t-input-group_two-cols_1to2 {
  grid-template-columns: var(--two-cols-odd);
}

.t-quiz .t-input-group.cols_1to2:has(> :first-child:last-child),
.t-quiz .t-input-group.t-input-group_two-cols:has(> :first-child:last-child),
.t-quiz .t-input-group.t-input-group_two-cols_1to2:has(> :first-child:last-child),
.t-quiz__contact-form__layout.cols_1to2:has(> :first-child:last-child),
.t-quiz__contact-form__layout.t-input-group_two-cols:has(> :first-child:last-child),
.t-quiz__contact-form__layout.t-input-group_two-cols_1to2:has(> :first-child:last-child) {
  grid-template-columns: 1fr;
}

.t-quiz__quiz-wrapper.leftside-panel {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.t-quiz__quiz-wrapper.rightside-panel {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.t-quiz__sidebar .t-quiz__sidebar__top-container {
  gap: 16px;
}

.t-quiz__sidebar,
.t-quiz__sidebar .t-quiz__sidebar__top-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.t-quiz__sidebar {
  --sidebar-width: 200px;
  --sidebar-padding-top: 25px;
  --sidebar-padding-bottom: 35px;
  --sidebar-gap: 40px;
  -ms-flex-pack: justify;
  box-sizing: border-box;
  gap: var(--sidebar-gap);
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: var(--sidebar-padding-top) 25px var(--sidebar-padding-bottom);
  width: var(--sidebar-width);
}

.t-quiz__sidebar .t-quiz__text-extra {
  margin-top: auto;
}

.t-quiz__quiz-wrapper_withsidebar .t-quiz__footer .t-quiz__text-extra {
  display: none;
}

.t-quiz__quiz-wrapper_fixed-height .t-quiz__main {
  height: 100%;
  -webkit-mask-image: linear-gradient(to bottom,
      transparent 0,
      #000 var(--step-overflow-gradient-height),
      #000 calc(100% - var(--step-overflow-gradient-height)),
      transparent 100%);
  mask-image: linear-gradient(to bottom,
      transparent 0,
      #000 var(--step-overflow-gradient-height),
      #000 calc(100% - var(--step-overflow-gradient-height)),
      transparent 100%);
}

.t-quiz__quiz-wrapper_fixed-height .t-quiz__main:has(.t-quiz__footer-sticky) {
  -webkit-mask-image: linear-gradient(to bottom,
      transparent 0,
      #000 var(--step-overflow-gradient-height));
  mask-image: linear-gradient(to bottom, transparent 0, #000 var(--step-overflow-gradient-height));
}

.t-quiz__quiz-wrapper_fixed-height .t-quiz__main:has(.t-quiz__cover.t-step-form__step_active,
  .t-quiz__result.t-step-form__step_active) {
  -webkit-mask-image: none;
  mask-image: none;
}

.t-quiz__counter-container.t-quiz__counter-container_mobile {
  display: none;
}

.t-quiz__quiz-wrapper_fixed-height.t-quiz__inputs-in-cols .t-quiz__screen-wrapper:not(.t-quiz__contact-form) .t-input-group__header {
  height: -webkit-fit-content;
  height: fit-content;
  position: -webkit-sticky;
  position: sticky;
  top: var(--step-padding-top);
}

.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-quiz__footer,
.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-quiz__main__description-container,
.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-quiz__panel:not(.t-quiz__sidebar),
.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-step-form__step:not(.t-quiz__cover):not(.t-quiz__result) {
  padding-left: 0;
  padding-right: 0;
}

.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-width {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 40px;
}

.t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-quiz__consultant__msg-bubble,
.t-quiz__quiz-wrapper.topside-panel:not(.t-quiz__inputs-in-cols) .t-quiz__consultant__msg-bubble,
.t-quiz__quiz-wrapper.without-panel:not(.t-quiz__inputs-in-cols) .t-quiz__consultant__msg-bubble {
  max-width: 100%;
}

.t-quiz .t-form {
  height: 100%;
}

.t-quiz.popup.fullscreen .t-quiz__sidebar .t-quiz__quiz-description {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

.t-quiz.popup.fullscreen .t-quiz__quiz-wrapper.topside-panel .t-quiz__panel__main {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.t-quiz.popup.fullscreen .t-quiz__main__description-container,
.t-quiz.popup.fullscreen .t-quiz__quiz-wrapper.topside-panel .t-quiz__panel__main {
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.t-quiz.popup.fullscreen .t-quiz__main__description-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.t-quiz.popup.fullscreen .t-popup__close {
  height: auto;
  right: 20px !important;
  top: 20px;
  width: auto;
}

.t-quiz.popup .t-popup__block-close {
  height: 32px;
  width: 32px;
}

.t-quiz.popup .t-popup__block-close-button {
  height: 32px;
  padding: 0;
  width: 32px;
}

.t-quiz.popup .t-popup__close-icon path {
  fill: var(--btn-close-popup-icon-color);
}

.t-quiz.popup .t-popup__block-close-button svg {
  height: 20px;
  width: 20px;
}

.t-quiz.popup.fullscreen .t-popup__block-close-button {
  background-color: var(--btn-close-popup-bg-color);
  border-radius: 50%;
  padding: 0;
}

.t-quiz.popup.fullscreen .t-popup__close-icon {
  opacity: 0.5;
}

.t-quiz.popup.fullscreen .t-popup__block-close-button svg {
  height: 14px;
  width: 14px;
}

.t-quiz.popup .t-popup__btn-close-popup,
.t-quiz.popup .t-quiz__content-wrapper__btn-close-popup,
.t-quiz.popup .t-quiz__main__description-container__btn-close-popup,
.t-quiz.popup .t-quiz__panel__main__btn-close-popup {
  display: none;
}

.t-quiz.popup .t-popup__btn-close-popup {
  display: block;
}

.t-quiz__content-padding-container,
.t-quiz__content-wrapper,
.t-quiz__panel,
.t-quiz__progress-bar-container,
.t-quiz__quiz-wrapper {
  border-radius: var(--inner-border-radius);
}

.t-quiz.withpadding .t-quiz__content-padding-container,
.t-quiz.withpadding .t-quiz__content-wrapper,
.t-quiz.withpadding .t-quiz__progress-bar-container {
  border-radius: var(--content-padding-radius);
}

.t-quiz:not(.withpadding) .rightside-panel .t-quiz__content-padding-container,
.t-quiz:not(.withpadding) .rightside-panel .t-quiz__content-wrapper,
.t-quiz:not(.withpadding) .rightside-panel .t-quiz__progress-bar-container {
  border-radius: 0;
  border-bottom-left-radius: var(--inner-border-radius);
  border-top-left-radius: var(--inner-border-radius);
}

.t-quiz:not(.withpadding) .leftside-panel .t-quiz__content-padding-container,
.t-quiz:not(.withpadding) .leftside-panel .t-quiz__content-wrapper,
.t-quiz:not(.withpadding) .leftside-panel .t-quiz__progress-bar-container {
  border-radius: 0;
  border-bottom-right-radius: var(--inner-border-radius);
  border-top-right-radius: var(--inner-border-radius);
}

.t-quiz:not(.withpadding) .topside-panel .t-quiz__content-padding-container,
.t-quiz:not(.withpadding) .topside-panel .t-quiz__content-wrapper,
.t-quiz:not(.withpadding) .topside-panel .t-quiz__progress-bar-container {
  border-radius: 0;
  border-bottom-left-radius: var(--inner-border-radius);
  border-bottom-right-radius: var(--inner-border-radius);
}

.t-quiz:has(.t-quiz__cover.t-step-form__step_active, .t-quiz__result.t-step-form__step_active) .t-quiz__content-padding-container,
.t-quiz:has(.t-quiz__cover.t-step-form__step_active, .t-quiz__result.t-step-form__step_active) .t-quiz__content-wrapper,
.t-quiz:has(.t-quiz__cover.t-step-form__step_active, .t-quiz__result.t-step-form__step_active) .t-quiz__progress-bar-container {
  border-radius: var(--inner-border-radius);
}

.t-quiz__cover__fullscreen-container .t-quiz__cover__container,
.t-quiz__cover__fullscreen-container .t-quiz__cover__img {
  border-radius: var(--inner-border-radius);
}

.t-quiz__cover__side-container.leftside .t-quiz__cover__container {
  border-bottom-left-radius: var(--inner-border-radius);
  border-top-left-radius: var(--inner-border-radius);
}

.t-quiz__cover__side-container.rightside .t-quiz__cover__container {
  border-bottom-right-radius: var(--inner-border-radius);
  border-top-right-radius: var(--inner-border-radius);
}

.t-quiz__quiz-wrapper.panel-hidden .t-quiz__content-padding-container,
.t-quiz__quiz-wrapper.without-panel .t-quiz__content-padding-container {
  padding: var(--content-padding);
}

.t-quiz__quiz-wrapper.leftside-panel .t-quiz__content-padding-container {
  padding-bottom: var(--content-padding);
  padding-right: var(--content-padding);
  padding-top: var(--content-padding);
}

.t-quiz__quiz-wrapper.rightside-panel .t-quiz__content-padding-container {
  padding-bottom: var(--content-padding);
  padding-left: var(--content-padding);
  padding-top: var(--content-padding);
}

.t-quiz__quiz-wrapper.topside-panel .t-quiz__content-padding-container {
  padding-bottom: var(--content-padding);
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
}

@media screen and (min-width: 960px) {

  .t-quiz .t-input-group_two-cols .t-checkboxes__wrapper .t-checkbox__control:first-child,
  .t-quiz .t-input-group_two-cols .t-radio__item:first-child {
    margin-top: 0;
  }

  .t-quiz .t-input-group_two-cols .t-input-title {
    height: unset;
  }

  .t-quiz__quiz-wrapper_fixed-height.t-quiz__inputs-in-cols .t-quiz__contact-form__header {
    height: -webkit-fit-content;
    height: fit-content;
    position: -webkit-sticky;
    position: sticky;
    top: var(--step-padding-top);
  }

  .t-quiz .t-btn {
    max-width: 350px;
  }

  .t-quiz__footer__text-container {
    max-width: 45%;
  }

  .t-quiz .t-col_8 .t-quiz__sidebar,
  .t-quiz .t-col_9 .t-quiz__sidebar,
  .t-quiz .t-width_8 .t-quiz__sidebar,
  .t-quiz .t-width_9 .t-quiz__sidebar {
    width: clamp(var(--sidebar-width), 35%, calc(var(--sidebar-width) + 30px));
  }

  .t-quiz .t-col_10 .t-quiz__sidebar,
  .t-quiz .t-col_11 .t-quiz__sidebar,
  .t-quiz .t-width_10 .t-quiz__sidebar,
  .t-quiz .t-width_11 .t-quiz__sidebar {
    width: clamp(var(--sidebar-width), 35%, calc(var(--sidebar-width) + 60px));
  }

  .t-quiz .t-col_100 .t-quiz__sidebar,
  .t-quiz .t-col_12 .t-quiz__sidebar,
  .t-quiz .t-width_100 .t-quiz__sidebar,
  .t-quiz .t-width_12 .t-quiz__sidebar {
    width: clamp(var(--sidebar-width), 35%, calc(var(--sidebar-width) + 90px));
  }

  .t-quiz.fullscreen .t-quiz__sidebar .t-quiz__width-container {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0;
  }

  @container footer (min-width: 760px) {
    .t-quiz__footer__text-container {
      max-width: 55%;
    }
  }

  @container footer (min-width: 960px) {
    .t-quiz__footer__text-container {
      max-width: 65%;
    }
  }

  @container main (max-width: 400px) {
    .t-quiz__footer {
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px;
    }

    .t-quiz__btn-wrapper {
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
    }

    .t-quiz__footer__text-container {
      max-width: 100%;
    }

    .t-quiz__counter-container {
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
    }
  }
}

@media screen and (min-width: 641px) and (max-width: 960px) {
  .t-quiz {
    --content-padding-radius: 0 !important;
    --content-padding: 0px !important;
  }

  .t-quiz.fixed-height .t-quiz__quiz-wrapper {
    height: 100% !important;
    min-height: var(--min-height-tablet);
  }

  .t-quiz.fixed-height .t-quiz__main {
    height: 100%;
    overflow-y: hidden !important;
  }

  .t-quiz.popup.fullscreen .t-popup__container {
    height: unset;
    width: 100% !important;
  }

  .t-quiz__content-padding-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .t-quiz__content-wrapper {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .t-quiz__content-padding-container,
  .t-quiz__content-wrapper {
    height: 100% !important;
  }

  .t-quiz:has(.t-quiz__cover.t-step-form__step_active) .t-quiz__quiz-form-wrapper {
    height: 100%;
  }

  .t-quiz__cover,
  .t-quiz__cover__fullscreen-container,
  .t-quiz__cover__fullscreen-container .t-quiz__cover__container,
  .t-quiz__cover__fullscreen-container .t-quiz__cover__img,
  .t-quiz__cover__side-container {
    min-height: var(--min-height-tablet);
  }

  .t-quiz__cover,
  .t-quiz__cover__container,
  .t-quiz__cover__fullscreen-container,
  .t-quiz__cover__img,
  .t-quiz__cover__side-container,
  .t-quiz__result {
    height: 100% !important;
  }

  .t-quiz.fullscreen .t-quiz__panel {
    padding-left: 0;
    padding-right: 0;
  }

  .t-quiz.leftside-panel,
  .t-quiz.rightside-panel {
    --panel-type: header;
  }

  .t-quiz.leftside-panel .t-quiz__quiz-wrapper,
  .t-quiz.rightside-panel .t-quiz__quiz-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .t-quiz__quiz-wrapper .t-quiz__panel.t-quiz__panel_mobile-empty {
    display: none;
  }

  .t-quiz .t-input-group.cols_1to2,
  .t-quiz .t-input-group.t-input-group_two-cols,
  .t-quiz .t-input-group.t-input-group_two-cols_1to2,
  .t-quiz__contact-form__layout.cols_1to2,
  .t-quiz__contact-form__layout.t-input-group_two-cols,
  .t-quiz__contact-form__layout.t-input-group_two-cols_1to2 {
    grid-template-columns: 1fr;
  }

  .t-quiz__sidebar {
    --sidebar-padding-top: 30px;
    --sidebar-padding-bottom: 30px;
    box-sizing: border-box;
    padding: var(--sidebar-padding-top) var(--padding-horizontal) var(--sidebar-padding-bottom);
    width: 100%;
  }

  .t-quiz__sidebar .t-quiz__quiz-description {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  :is(.t-input-group__header, .t-quiz__contact-form__header) .t-quiz__consultant {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }

  .t-quiz__quiz-wrapper.topside-panel .t-quiz__contact-form__layout.t-input-group_one-col .t-quiz__contact-form__header:has(.t-quiz__consultant),
  .t-quiz__quiz-wrapper.topside-panel:not(.t-quiz__inputs-in-cols) .t-input-group__header:has(.t-quiz__consultant),
  .t-quiz__quiz-wrapper.without-panel .t-quiz__contact-form__layout.t-input-group_one-col .t-quiz__contact-form__header:has(.t-quiz__consultant),
  .t-quiz__quiz-wrapper.without-panel:not(.t-quiz__inputs-in-cols) .t-input-group__header:has(.t-quiz__consultant) {
    grid-template-columns: 1fr;
  }

  .t-quiz__quiz-wrapper_fixed-height.t-quiz__inputs-in-cols .t-quiz__screen-wrapper:not(.t-quiz__contact-form) .t-input-group__header {
    height: -webkit-fit-content;
    height: fit-content;
    position: relative;
    top: 0;
  }

  .t-quiz .t-input-group__header,
  .t-quiz .t-quiz__contact-form__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .t-quiz.fullscreen .t-quiz__sidebar {
    max-width: 100%;
    width: 100%;
  }

  .t-quiz__quiz-wrapper.leftside-panel .t-input-group__header .t-quiz__consultant,
  .t-quiz__quiz-wrapper.leftside-panel .t-quiz__contact-form__header .t-quiz__consultant,
  .t-quiz__quiz-wrapper.rightside-panel .t-input-group__header .t-quiz__consultant,
  .t-quiz__quiz-wrapper.rightside-panel .t-quiz__contact-form__header .t-quiz__consultant,
  .t-quiz__quiz-wrapper.topside-panel .t-quiz__sidebar .t-quiz__consultant,
  .t-quiz__quiz-wrapper.without-panel .t-quiz__sidebar .t-quiz__consultant {
    display: block;
  }

  .t-quiz__quiz-wrapper.leftside-panel .t-quiz__sidebar .t-quiz__consultant,
  .t-quiz__quiz-wrapper.rightside-panel .t-quiz__sidebar .t-quiz__consultant {
    display: none;
  }

  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-input-group__header .t-quiz__consultant__container,
  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-quiz__consultant__container,
  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-quiz__contact-form__header .t-quiz__consultant__container {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-input-group__header .t-quiz__consultant__msg-bubble:after,
  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-quiz__consultant__msg-bubble:after,
  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-quiz__contact-form__header .t-quiz__consultant__msg-bubble:after {
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--consultant-msg-bubble-bg);
    border-right: 8px;
    border-top: 8px solid transparent;
    left: unset;
    right: -8px;
    top: 15px;
  }

  .t-quiz__consultant__msg-bubble {
    max-width: 100%;
    width: 100%;
  }

  .t-quiz:not(.without-panel) .t-quiz__content-padding-container,
  .t-quiz:not(.without-panel) .t-quiz__content-wrapper,
  .t-quiz:not(.without-panel) .t-quiz__progress-bar-container {
    border-radius: 0 !important;
    border-bottom-left-radius: var(--inner-border-radius) !important;
    border-bottom-right-radius: var(--inner-border-radius) !important;
  }

  .t-quiz.without-panel .t-quiz__content-padding-container,
  .t-quiz.without-panel .t-quiz__content-wrapper,
  .t-quiz.without-panel .t-quiz__progress-bar-container {
    border-radius: var(--inner-border-radius) !important;
  }

  .t-quiz:has(.t-quiz__cover.t-step-form__step_active, .t-quiz__result.t-step-form__step_active) .t-quiz__content-padding-container,
  .t-quiz:has(.t-quiz__cover.t-step-form__step_active, .t-quiz__result.t-step-form__step_active) .t-quiz__content-wrapper,
  .t-quiz:has(.t-quiz__cover.t-step-form__step_active, .t-quiz__result.t-step-form__step_active) .t-quiz__progress-bar-container {
    border-radius: var(--inner-border-radius) !important;
  }

  .t-quiz__result_flex .t-quiz__result-wrapper {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0;
  }

  .t-quiz__result_rightside .t-quiz__result-wrapper {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .t-quiz__result_leftside .t-quiz__result-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .t-quiz__result_flex .t-quiz__result-content-wrapper,
  .t-quiz__result_flex .t-quiz__result-img-wrapper {
    width: 100%;
  }

  .t-quiz__result_flex .t-quiz__result-content-wrapper {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
  }

  .t-quiz__result_flex .t-quiz__result-img-wrapper {
    aspect-ratio: 16/9;
  }

  .t-quiz__result_bottomside .t-quiz__result-wrapper,
  .t-quiz__result_topside .t-quiz__result-wrapper {
    max-width: 100%;
  }

  .t-quiz__result-container {
    padding-left: 0;
    padding-right: 0;
  }

  .t-quiz__result_bottomside .t-quiz__result-content-wrapper,
  .t-quiz__result_bottomside .t-quiz__result-img-wrapper,
  .t-quiz__result_topside .t-quiz__result-img-wrapper {
    margin: 0;
    padding: 0;
  }

  .t-quiz__result_bottomside .t-quiz__result-content-wrapper {
    box-sizing: border-box;
    margin-bottom: 40px;
    padding-left: var(--padding-horizontal);
    padding-right: var(--padding-horizontal);
  }

  .t-quiz__result_bottomside .t-quiz__result-wrapper {
    padding-bottom: 0;
    padding-top: 40px;
  }

  .t-quiz__result_leftside .t-quiz__result-content-wrapper,
  .t-quiz__result_rightside .t-quiz__result-content-wrapper,
  .t-quiz__result_topside .t-quiz__result-content-wrapper {
    box-sizing: border-box;
    margin-top: 30px;
    padding-left: var(--padding-horizontal);
    padding-right: var(--padding-horizontal);
  }

  .t-quiz__result_leftside .t-quiz__result-wrapper,
  .t-quiz__result_rightside .t-quiz__result-wrapper,
  .t-quiz__result_topside .t-quiz__result-wrapper {
    padding-bottom: 40px;
    padding-top: 0;
  }

  .t-quiz__result .t-quiz__result-content-wrapper.sticky {
    padding-bottom: 0;
  }

  .t-quiz__result-btn-wrapper {
    box-sizing: border-box;
    -webkit-mask-image: none;
    mask-image: none;
    padding-bottom: 40px !important;
    padding-left: var(--padding-horizontal);
    padding-right: var(--padding-horizontal);
    padding-top: 0 !important;
    position: static;
    width: 100%;
  }

  .t-quiz__result-button-container .t-quiz__result-btn {
    margin-top: 0 !important;
  }

  .t-quiz__result_topside .t-quiz__result-wrapper:not(:has(.sticky)) .t-quiz__result-btn,
  .t-quiz__result_topside .t-quiz__result-wrapper:not(:has(.sticky)) .t-quiz__result-button-container {
    margin-top: 25px;
  }

  .t-quiz__result_bottomside .t-quiz__result-btn,
  .t-quiz__result_bottomside .t-quiz__result-button-container,
  .t-quiz__result_leftside .t-quiz__result-btn,
  .t-quiz__result_leftside .t-quiz__result-button-container,
  .t-quiz__result_rightside .t-quiz__result-btn,
  .t-quiz__result_rightside .t-quiz__result-button-container {
    margin-top: 25px;
  }

  .t-quiz__result-btn-wrapper .t-quiz__result-btn,
  .t-quiz__result-button-container {
    margin-bottom: 0;
    margin-top: 25px;
  }

  .t-quiz.fullscreen:not(.fixed-height) .t-quiz__quiz-wrapper .t-quiz__result-container,
  .t-quiz__result-wrapper {
    min-height: auto;
  }

  .t-quiz__quiz-wrapper:has(.t-quiz__result.t-step-form__step_active) {
    overflow: hidden;
  }

  .t-quiz__cover__side-container .t-quiz__cover__content-container {
    -ms-flex-pack: start !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
  }

  .t-quiz__cover__fullscreen-container .t-quiz__cover__content-container {
    padding: 35px;
  }

  .t-quiz__cover__side-container.leftside,
  .t-quiz__cover__side-container.rightside {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .t-quiz__cover__side-container.leftside .t-quiz__cover__side-cover,
  .t-quiz__cover__side-container.rightside .t-quiz__cover__side-cover {
    grid-row: 1;
  }

  .t-quiz__cover__side-cover .t-quiz__cover__container {
    border-radius: 0 !important;
    border-top-left-radius: var(--inner-border-radius) !important;
    border-top-right-radius: var(--inner-border-radius) !important;
  }

  .t-quiz__cover__side-container .t-quiz__cover__side-cover {
    height: unset;
    position: static;
  }

  .t-quiz__cover__side-container .t-quiz__cover__content-container {
    padding: 30px var(--padding-horizontal) 45px;
  }

  .t-quiz.popup.fullscreen .t-quiz__sidebar,
  .t-quiz.popup.fullscreen .t-quiz__sidebar .t-quiz__panel__main,
  .t-quiz.popup.fullscreen .t-quiz__sidebar .t-quiz__quiz-description {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .t-quiz.popup.fullscreen .t-quiz__sidebar .t-quiz__panel__main {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
  }

  .t-quiz__quiz-wrapper_withsidebar .t-quiz__sidebar .t-quiz__text-extra {
    display: none;
  }

  .t-quiz__quiz-wrapper_withsidebar .t-quiz__footer .t-quiz__text-extra {
    display: block;
  }

  .t-quiz .t-input-group,
  .t-quiz .t-input-group.t-input-group_two-cols {
    gap: 20px !important;
  }

  .t-input-group__header {
    gap: var(--mobile-distance-to-consultant) !important;
  }

  .t-input-group__header:has(.t-quiz-step__media) {
    gap: var(--mobile-distance-to-media) !important;
  }

  .t-input-group__header:has(.t-quiz-step__media) .t-quiz__consultant {
    margin-bottom: calc(var(--mobile-distance-to-consultant) - var(--mobile-distance-to-media));
  }

  .t-quiz .t-input-group.t-input-group_two-cols:has(.t-quiz__consultant),
  .t-quiz .t-input-group:has(.t-quiz__consultant) {
    gap: 20px !important;
  }

  .t-quiz__inputs-wrapper {
    gap: 30px !important;
  }

  .t-quiz__contact-form .t-quiz__inputs-wrapper,
  .t-quiz__contact-form__layout,
  .t-quiz__contact-form__layout.t-input-group_two-cols {
    gap: 20px !important;
  }

  .t-quiz__contact-form__header {
    gap: var(--mobile-distance-to-consultant) !important;
  }

  .t-quiz__contact-form .t-input-group {
    gap: 5px !important;
  }

  .t-quiz__contact-form .t-input-group.t-input-group_contact_method {
    gap: 10px !important;
  }

  .t-quiz__contact-form .t-contact-method__container {
    gap: 10px;
  }

  .t-quiz__contact-form__header__title:has(+ .t-quiz__contact-form__header__descr) {
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 640px) {
  .t-quiz__footer-sticky {
    padding-top: 0;
    position: static;
  }

  .t-quiz {
    --padding-horizontal: 20px;
    --padding-vertical: 30px;
  }

  .t-quiz.leftside-panel,
  .t-quiz.rightside-panel {
    --panel-type: header;
  }

  .t-quiz.fullscreen:not(.popup):not(.fixed-height) {
    min-height: auto;
  }

  .t-quiz .t-quiz__main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }

  .t-quiz .t-quiz__quiz-wrapper {
    height: 100% !important;
    max-height: 100%;
    min-height: 80vh;
  }

  .t-quiz.popup:has(.t-quiz__cover.t-step-form__step_active) .t-quiz__quiz-form-wrapper {
    height: 100%;
  }

  .t-quiz.popup .t-quiz__quiz-wrapper {
    max-height: unset;
    min-height: var(--height-100-with-border);
  }

  .t-quiz.popup .t-popup__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    min-height: 100% !important;
    right: 0;
  }

  .t-quiz__cover,
  .t-quiz__result {
    height: 100% !important;
  }

  .t-quiz.fullscreen .t-quiz__result,
  .t-quiz.fullscreen .t-quiz__result-wrapper,
  .t-quiz.fullscreen:not(.fixed-height) .t-quiz__cover__side-container,
  .t-quiz__cover__side-container {
    height: auto !important;
  }

  .t-quiz__cover__container,
  .t-quiz__cover__fullscreen-container,
  .t-quiz__cover__img {
    height: 100% !important;
  }

  .t-quiz__cover__fullscreen-container,
  .t-quiz__cover__fullscreen-container .t-quiz__cover__container,
  .t-quiz__cover__fullscreen-container .t-quiz__cover__img {
    min-height: var(--max-height-mobile);
  }

  .t-quiz__cover__side-container .t-quiz__cover__side-cover {
    height: unset;
    position: static;
  }

  .t-quiz__cover__side-cover .t-quiz__cover__img {
    aspect-ratio: 2/3;
  }

  .t-quiz.fullscreen:not(.fixed-height) .t-quiz__result-container,
  .t-quiz__result-wrapper {
    min-height: auto;
  }

  .t-quiz .t-quiz__content-wrapper,
  .t-quiz .t-quiz__main,
  .t-quiz__content-padding-container,
  .t-quiz__panel.t-quiz__sidebar,
  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fixed-height {
    overflow: unset !important;
  }

  .t-quiz .t-step-form__step.t-quiz__cover {
    padding: 0;
  }

  .t-quiz__result-btn-wrapper {
    box-sizing: border-box;
    -webkit-mask-image: none;
    mask-image: none;
    padding-bottom: 40px !important;
    padding-left: var(--padding-horizontal);
    padding-right: var(--padding-horizontal);
    padding-top: 0 !important;
    position: static;
    width: 100%;
  }

  .t-quiz__result-button-container {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .t-quiz__result-button-container .t-quiz__result-btn {
    margin-top: 0 !important;
  }

  .t-quiz__result-btn,
  .t-quiz__result-btn-wrapper .t-quiz__result-btn.t-btn {
    width: 100%;
  }

  .t-quiz__result_topside .t-quiz__result-wrapper:not(:has(.sticky)) .t-quiz__result-btn,
  .t-quiz__result_topside .t-quiz__result-wrapper:not(:has(.sticky)) .t-quiz__result-button-container {
    margin-top: 30px;
  }

  .t-quiz__result_leftside .t-quiz__result-btn,
  .t-quiz__result_leftside .t-quiz__result-button-container,
  .t-quiz__result_rightside .t-quiz__result-btn,
  .t-quiz__result_rightside .t-quiz__result-button-container {
    margin-top: 30px;
  }

  .t-quiz__result_bottomside .t-quiz__result-btn,
  .t-quiz__result_bottomside .t-quiz__result-button-container {
    margin-top: 25px;
  }

  .t-quiz__result-btn-wrapper .t-quiz__result-btn,
  .t-quiz__result-button-container {
    margin-bottom: 0;
    margin-top: 30px;
  }

  .t-quiz__footer {
    padding-bottom: 45px;
  }

  .t-quiz__main__description-container {
    padding: 30px var(--padding-horizontal) 0;
  }

  .t-quiz__quiz-description {
    padding: 0;
    width: 100%;
  }

  .t-quiz .t-input-title {
    padding-right: 0;
  }

  .t-quiz .t-input-group.cols_1to2,
  .t-quiz .t-input-group.t-input-group_two-cols,
  .t-quiz .t-input-group.t-input-group_two-cols_1to2,
  .t-quiz__contact-form__layout.cols_1to2,
  .t-quiz__contact-form__layout.t-input-group_two-cols,
  .t-quiz__contact-form__layout.t-input-group_two-cols_1to2 {
    grid-template-columns: 1fr;
  }

  .t-quiz .t-img-select__container {
    margin: 0;
  }

  .t-quiz__inputs-wrapper {
    margin-bottom: 0;
  }

  .t-quiz__quiz-wrapper.leftside-panel,
  .t-quiz__quiz-wrapper.rightside-panel {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .t-quiz .t-form_bbonly .t-input-block {
    margin-bottom: 0;
  }

  .t-quiz__sidebar {
    --sidebar-padding-top: 30px;
    --sidebar-padding-bottom: 30px;
    box-sizing: border-box;
    padding: var(--sidebar-padding-top) var(--padding-horizontal) var(--sidebar-padding-bottom);
    width: 100%;
  }

  .t-quiz__sidebar .t-quiz__quiz-description {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .t-quiz__cover__side-container .t-quiz__cover__content-container {
    -ms-flex-pack: start !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
  }

  .t-quiz__cover__fullscreen-container .t-quiz__cover__content-container {
    padding: 35px;
  }

  .t-quiz__quiz-wrapper_withsidebar .t-quiz__footer .t-quiz__text-extra {
    display: block;
  }

  .t-quiz__quiz-wrapper_withsidebar .t-quiz__sidebar .t-quiz__text-extra {
    display: none;
  }

  .t-quiz__quiz-wrapper.without-panel .t-quiz__main__description-container {
    padding-top: 40px;
  }

  .t-quiz__consultant__msg-bubble {
    max-width: 100%;
    width: 100%;
  }

  .t-quiz__quiz-wrapper.leftside-panel .t-input-group__header .t-quiz__consultant,
  .t-quiz__quiz-wrapper.leftside-panel .t-quiz__contact-form__header .t-quiz__consultant,
  .t-quiz__quiz-wrapper.rightside-panel .t-input-group__header .t-quiz__consultant,
  .t-quiz__quiz-wrapper.rightside-panel .t-quiz__contact-form__header .t-quiz__consultant,
  .t-quiz__quiz-wrapper.topside-panel .t-quiz__sidebar .t-quiz__consultant,
  .t-quiz__quiz-wrapper.without-panel .t-quiz__sidebar .t-quiz__consultant {
    display: block;
  }

  .t-quiz__quiz-wrapper.leftside-panel .t-quiz__sidebar .t-quiz__consultant,
  .t-quiz__quiz-wrapper.rightside-panel .t-quiz__sidebar .t-quiz__consultant {
    display: none;
  }

  .t-input-group__header,
  .t-quiz__contact-form__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .t-quiz__quiz-description-text {
    width: 100%;
  }

  :is(.t-input-group__header, .t-quiz__contact-form__header) .t-quiz__consultant {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }

  .t-quiz__quiz-wrapper.topside-panel .t-quiz__contact-form__layout.t-input-group_one-col .t-quiz__contact-form__header:has(.t-quiz__consultant),
  .t-quiz__quiz-wrapper.topside-panel:not(.t-quiz__inputs-in-cols) .t-input-group__header:has(.t-quiz__consultant),
  .t-quiz__quiz-wrapper.without-panel .t-quiz__contact-form__layout.t-input-group_one-col .t-quiz__contact-form__header:has(.t-quiz__consultant),
  .t-quiz__quiz-wrapper.without-panel:not(.t-quiz__inputs-in-cols) .t-input-group__header:has(.t-quiz__consultant) {
    grid-template-columns: 1fr;
  }

  .t-quiz__quiz-wrapper_fixed-height.t-quiz__inputs-in-cols .t-quiz__screen-wrapper:not(.t-quiz__contact-form) .t-input-group__header {
    height: -webkit-fit-content;
    height: fit-content;
    position: relative;
    top: 0;
  }

  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-quiz__sidebar {
    max-width: 100%;
    width: 100%;
  }

  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-input-group__header .t-quiz__consultant__container,
  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-quiz__consultant__container,
  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-quiz__contact-form__header .t-quiz__consultant__container {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-input-group__header .t-quiz__consultant__msg-bubble:after,
  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-quiz__consultant__msg-bubble:after,
  :is(.t-quiz__sidebar, .t-input-group_two-cols, .t-input-group_one-col) .t-quiz__contact-form__header .t-quiz__consultant__msg-bubble:after {
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--consultant-msg-bubble-bg);
    border-right: 8px;
    border-top: 8px solid transparent;
    left: unset;
    right: -8px;
    top: 15px;
  }

  .t-quiz.popup.fullscreen .t-quiz__sidebar,
  .t-quiz.popup.fullscreen .t-quiz__sidebar .t-quiz__panel__main,
  .t-quiz.popup.fullscreen .t-quiz__sidebar .t-quiz__quiz-description {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .t-quiz.popup.fullscreen .t-quiz__sidebar .t-quiz__panel__main {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
  }

  .t-quiz:not(:has(.without-panel)) .t-quiz__content-padding-container,
  .t-quiz:not(:has(.without-panel)) .t-quiz__content-wrapper,
  .t-quiz:not(:has(.without-panel)) .t-quiz__progress-bar-container {
    border-radius: 0 !important;
    border-bottom-left-radius: var(--inner-border-radius) !important;
    border-bottom-right-radius: var(--inner-border-radius) !important;
  }

  .t-quiz:has(.without-panel) .t-quiz__content-padding-container,
  .t-quiz:has(.without-panel) .t-quiz__content-wrapper,
  .t-quiz:has(.without-panel) .t-quiz__progress-bar-container {
    border-radius: var(--inner-border-radius) !important;
  }

  .t-quiz:has(.t-quiz__cover.t-step-form__step_active, .t-quiz__result.t-step-form__step_active) .t-quiz__content-padding-container,
  .t-quiz:has(.t-quiz__cover.t-step-form__step_active, .t-quiz__result.t-step-form__step_active) .t-quiz__content-wrapper,
  .t-quiz:has(.t-quiz__cover.t-step-form__step_active, .t-quiz__result.t-step-form__step_active) .t-quiz__progress-bar-container {
    border-radius: var(--inner-border-radius) !important;
  }

  .t-quiz__cover__side-cover .t-quiz__cover__container {
    border-radius: 0 !important;
    border-top-left-radius: var(--inner-border-radius) !important;
    border-top-right-radius: var(--inner-border-radius) !important;
  }

  .t-quiz .t-step-form__step {
    box-sizing: border-box;
    padding-bottom: 45px;
    padding-left: var(--padding-horizontal);
    padding-right: var(--padding-horizontal);
    padding-top: 30px;
  }

  .t-quiz .t-quiz__content-wrapper:has(.t-quiz__btn-wrapper_mobile) .t-step-form__step:not(.t-quiz__cover) {
    padding-bottom: 25px;
  }

  .t-quiz .t-quiz__result.t-step-form__step {
    padding: 0;
  }

  .t-quiz .t-quiz__content-wrapper:has(.t-quiz__btn-wrapper_mobile) .t-quiz__result.t-step-form__step {
    padding: 0;
  }

  .t-quiz__col.t-col {
    padding-left: 0;
    padding-right: 0;
  }

  .t-quiz__btn-wrapper {
    width: 100%;
  }

  .t-quiz__btn_next,
  .t-quiz__btn_submit {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .t-quiz .t-input-block textarea {
    padding-top: 12px;
  }

  .t-quiz__cover__side-container .t-quiz__cover__content-container {
    padding: 30px var(--padding-horizontal) 55px;
  }

  .t-quiz__result_flex .t-quiz__result-wrapper {
    -ms-flex-pack: start;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .t-quiz__result_rightside .t-quiz__result-wrapper {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .t-quiz__result_leftside .t-quiz__result-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .t-quiz__result_flex .t-quiz__result-content-wrapper,
  .t-quiz__result_flex .t-quiz__result-img-wrapper {
    width: 100%;
  }

  .t-quiz__result_flex .t-quiz__result-content-wrapper {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
  }

  .t-quiz__result_flex .t-quiz__result-img-wrapper {
    aspect-ratio: 16/9;
  }

  .t-quiz__result_bottomside .t-quiz__result-wrapper,
  .t-quiz__result_topside .t-quiz__result-wrapper {
    max-width: 100%;
  }

  .t-quiz__result-container {
    padding-left: 0;
    padding-right: 0;
  }

  .t-quiz__result_bottomside .t-quiz__result-content-wrapper,
  .t-quiz__result_bottomside .t-quiz__result-img-wrapper,
  .t-quiz__result_topside .t-quiz__result-img-wrapper {
    margin: 0;
    padding: 0;
  }

  .t-quiz__result_bottomside .t-quiz__result-content-wrapper {
    box-sizing: border-box;
    margin-bottom: 40px;
    padding-left: var(--padding-horizontal);
    padding-right: var(--padding-horizontal);
  }

  .t-quiz__result_bottomside .t-quiz__result-wrapper {
    padding-bottom: 0;
    padding-top: 40px;
  }

  .t-quiz__result_leftside .t-quiz__result-content-wrapper,
  .t-quiz__result_rightside .t-quiz__result-content-wrapper,
  .t-quiz__result_topside .t-quiz__result-content-wrapper {
    box-sizing: border-box;
    margin-top: 30px;
    padding-left: var(--padding-horizontal);
    padding-right: var(--padding-horizontal);
  }

  .t-quiz__result_leftside .t-quiz__result-wrapper,
  .t-quiz__result_rightside .t-quiz__result-wrapper,
  .t-quiz__result_topside .t-quiz__result-wrapper {
    padding-bottom: 40px;
    padding-top: 0;
  }

  .t-quiz__result .t-quiz__result-content-wrapper.sticky {
    padding-bottom: 0;
  }

  .t-quiz.popup .t-quiz__result_bottomside .t-quiz__result-content-wrapper,
  .t-quiz.popup .t-step-form__step.t-quiz__contact-form {
    padding-top: 50px;
  }

  .t-quiz__footer {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 20px;
    padding-bottom: 35px;
    padding-left: var(--padding-horizontal);
    padding-right: var(--padding-horizontal);
  }

  .t-quiz__content-wrapper:has(.t-quiz__btn-wrapper_mobile) .t-quiz__footer:not(:has(.t-quiz__text-extra)) {
    padding-bottom: 5px;
  }

  .t-quiz__main__description-container {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_withsidebar .t-quiz__panel,
  .t-quiz__quiz-wrapper.topside-panel .t-quiz__panel,
  .t-quiz__quiz-wrapper.without-panel .t-quiz__main__description-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .t-quiz__quiz-wrapper .t-quiz__panel.t-quiz__panel_mobile-empty {
    display: none;
  }

  .t-quiz__counter-container_mobile {
    margin-left: auto;
  }

  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_withsidebar .t-quiz__counter-container.t-quiz__counter-container_mobile,
  .t-quiz__quiz-wrapper.topside-panel .t-quiz__counter-container.t-quiz__counter-container_mobile,
  .t-quiz__quiz-wrapper.without-panel .t-quiz__counter-container.t-quiz__counter-container_mobile {
    display: none;
  }

  .t-quiz__quiz-wrapper .t-quiz__footer__text-container:not(:has(.t-quiz__text-extra)) {
    display: none;
  }

  .t-quiz__counter-container.t-quiz__counter-container_mobile span:first-child,
  .t-quiz__quiz-wrapper .t-quiz__footer__text-container .t-quiz__counter-container {
    display: none;
  }

  .t-quiz__panel__main {
    -ms-flex-pack: justify;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 15px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
  }

  .t-quiz.popup .t-quiz__panel__main {
    gap: 0;
  }

  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-quiz__footer,
  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-quiz__main__description-container,
  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-quiz__panel:not(.t-quiz__sidebar),
  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-step-form__step:not(.t-quiz__cover):not(.t-quiz__result) {
    padding-left: 20px;
    padding-right: 20px;
  }

  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_fullscreen .t-width {
    padding: 0;
  }

  .t-quiz__result_flex .t-quiz__result-content-wrapper.justify-start {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }

  .t-quiz.popup .t-quiz__counter {
    margin-right: 37px;
  }

  .t-quiz.popup .t-quiz__quiz-wrapper.without-panel .t-quiz__main__description-container {
    padding-top: 20px;
  }

  .t-quiz.popup .t-quiz__panel {
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .t-quiz.popup .t-quiz__panel__main,
  .t-quiz.popup.fullscreen .t-quiz__main__description-container,
  .t-quiz.popup.fullscreen .t-quiz__quiz-wrapper.topside-panel .t-quiz__panel__main,
  .t-quiz.popup.fullscreen .t-quiz__sidebar .t-quiz__panel__main {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .t-quiz.popup .t-quiz__panel__main {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .t-quiz.popup .t-quiz__counter-container_mobile {
    margin-left: auto;
  }

  .t-quiz.popup .t-quiz__quiz-description {
    margin-right: 15px;
  }

  .t-quiz.popup .t-popup {
    padding: 0;
  }

  .t-quiz.popup:not(.fullscreen) .t-popup__container.t-popup__container-static {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    max-width: 100%;
  }

  .t-quiz.popup .t-popup__container.t-popup__container-static {
    margin: 0 !important;
  }

  .t-quiz.popup .t-form__inputsbox {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .t-quiz.popup .t-popup_show .t-popup__container {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .t-quiz.popup .t-popup__close {
    right: 15px !important;
    top: 15px;
  }

  .t-quiz.popup .t-popup__block-close-button svg {
    height: 14px;
    width: 14px;
  }

  .t-quiz.popup .t-popup__block-close-button {
    background-color: var(--btn-close-popup-bg-color-mob) !important;
  }

  .t-quiz.popup .t-popup__close-icon path {
    fill: var(--btn-close-popup-icon-color-mob) !important;
  }

  .t-quiz.popup .t-popup__btn-close-popup,
  .t-quiz.popup .t-quiz__content-wrapper__btn-close-popup,
  .t-quiz.popup .t-quiz__main__description-container__btn-close-popup,
  .t-quiz.popup .t-quiz__panel__main__btn-close-popup {
    display: none;
  }

  .t-quiz.popup .t-popup__btn-close-popup {
    display: block;
  }

  .t-quiz.popup:not(.t-quiz.popup.fullscreen) .t-popup__block-close-button {
    padding: 0;
  }

  .t-quiz.popup:not(.t-quiz.popup.fullscreen) .t-popup__block-close-button svg {
    height: 14px;
    width: 14px;
  }

  .t-quiz.popup .t-popup__block-close-button {
    background-color: hsla(0, 0%, 100%, 0.7);
    border-radius: 50%;
    padding: 0;
  }

  .t-quiz.popup .t-popup__block-close-button path {
    fill: #000;
  }

  .t-quiz__cover__btns-container {
    width: 100%;
  }

  .t-quiz__cover__btns-container .t-quiz__btn_start {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .t-quiz__cover__side-container.leftside,
  .t-quiz__cover__side-container.rightside {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .t-quiz__cover__side-container.leftside .t-quiz__cover__side-cover,
  .t-quiz__cover__side-container.rightside .t-quiz__cover__side-cover {
    grid-row: 1;
  }

  .t-quiz .t-quiz__main {
    -webkit-mask-image: linear-gradient(180deg,
        transparent 0,
        #000 30px,
        #000 calc(100% - 30px),
        transparent);
    mask-image: linear-gradient(180deg,
        transparent 0,
        #000 30px,
        #000 calc(100% - 30px),
        transparent);
  }

  .t-quiz .t-quiz__main:has(.t-quiz__cover.t-step-form__step_active,
    .t-quiz__result.t-step-form__step_active) {
    -webkit-mask-image: linear-gradient(180deg,
        transparent 0,
        #000 30px,
        #000 calc(100% - 30px),
        transparent);
    mask-image: linear-gradient(180deg, transparent 0, #000 0, #000 calc(100% - 30px), transparent);
  }

  .t-quiz .t-quiz__main:has(.t-quiz__cover.t-step-form__step_active > .t-quiz__cover__fullscreen-container),
  .t-quiz .t-quiz__main:has(.t-quiz__result.t-step-form__step_active > .t-quiz__result_bottomside) {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .t-quiz__content-padding-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .t-quiz__content-wrapper {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }

  .t-quiz .t-input-group,
  .t-quiz .t-input-group.t-input-group_two-cols {
    gap: 20px !important;
  }

  .t-input-group__header {
    gap: var(--mobile-distance-to-consultant) !important;
  }

  .t-input-group__header:has(.t-quiz-step__media) {
    gap: var(--mobile-distance-to-media) !important;
  }

  .t-input-group__header:has(.t-quiz-step__media) .t-quiz__consultant {
    margin-bottom: calc(var(--mobile-distance-to-consultant) - var(--mobile-distance-to-media));
  }

  .t-quiz .t-input-group.t-input-group_two-cols:has(.t-quiz__consultant),
  .t-quiz .t-input-group:has(.t-quiz__consultant) {
    gap: 20px !important;
  }

  .t-quiz__inputs-wrapper {
    gap: 30px !important;
  }

  .t-quiz__contact-form .t-quiz__inputs-wrapper,
  .t-quiz__contact-form__layout,
  .t-quiz__contact-form__layout.t-input-group_two-cols {
    gap: 20px !important;
  }

  .t-quiz__contact-form__header {
    gap: var(--mobile-distance-to-consultant) !important;
  }

  .t-quiz__contact-form .t-input-group {
    gap: 5px !important;
  }

  .t-quiz__contact-form .t-input-group.t-input-group_contact_method {
    gap: 10px !important;
  }

  .t-quiz__contact-form .t-contact-method__container {
    gap: 10px;
  }

  .t-quiz__contact-form__header__title:has(+ .t-quiz__contact-form__header__descr) {
    padding-bottom: 15px;
  }

  .t-quiz .t-input-group_ri.t-input-group_two-cols:has(.t-ri__scroll-icon-wrapper),
  .t-quiz .t-input-group_ri:has(.t-ri__scroll-icon-wrapper) {
    gap: 0 !important;
  }

  .t-quiz .t-checkbox__control,
  .t-quiz .t-img-select__text,
  .t-quiz .t-ownvariant-wrapper_flex .t-input-ownanswer,
  .t-quiz .t-radio__control,
  .t-quiz__consultant__msg,
  .t-quiz__consultant__name-container,
  .t-quiz__contact-form .t-input-title,
  .t-quiz__contact-form__header__descr,
  .t-quiz__counter-container,
  .t-quiz__cover__descr,
  .t-quiz__quiz-description-text,
  .t-quiz__result-text,
  .t-quiz__text-extra {
    font-size: var(--secondary-text-font-size-mob);
  }

  .t-quiz__consultant__name {
    font-size: 1em;
  }

  .t-quiz__consultant__descr {
    font-size: calc(1em - 2px);
  }

  .t-quiz__consultant__msg {
    line-height: 1.35;
  }

  .t-quiz__btn-wrapper.t-quiz__btn-wrapper_mobile {
    background-color: var(--btn-wrapper-background-color);
    bottom: 0;
    display: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15px, #000);
    mask-image: linear-gradient(180deg, transparent 0, #000 15px, #000);
    opacity: 0;
    padding-bottom: 30px;
    padding-left: var(--padding-horizontal);
    padding-right: var(--padding-horizontal);
    padding-top: 25px;
    position: -webkit-sticky;
    position: sticky;
    width: auto;
    z-index: 1;
  }

  .t-quiz__btn-wrapper_mobile.t-quiz__btn-wrapper_hidden {
    -webkit-animation: fadeOut 0.1s forwards;
    animation: fadeOut 0.1s forwards;
  }

  .t-quiz__btn-wrapper_mobile.t-quiz__btn-wrapper_visible {
    -webkit-animation: fadeIn 0.3s forwards;
    animation: fadeIn 0.3s forwards;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  @-webkit-keyframes fadeIn {
    0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }

    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @keyframes fadeIn {
    0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }

    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes fadeOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  .t-quiz__content-wrapper:has(.t-quiz__btn-wrapper_mobile) .t-quiz__btn-wrapper:not(.t-quiz__btn-wrapper_mobile) {
    display: flex;
  }

  .t-quiz__footer .t-quiz__btn-wrapper:not(.t-quiz__btn-wrapper_mobile) {
    display: flex;
  }
}

@media screen and (max-width: 480px) {

  .t-quiz .t-datepicker__wrapper,
  .t-quiz .t-inputtime {
    max-width: 100%;
  }
}

@media screen and (max-width: 360px) {

  .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_withsidebar .t-quiz__counter-container.t-quiz__counter-container_mobile,
  .t-quiz__quiz-wrapper.topside-panel .t-quiz__counter-container.t-quiz__counter-container_mobile,
  .t-quiz__quiz-wrapper.without-panel .t-quiz__counter-container.t-quiz__counter-container_mobile {
    display: none;
  }

  .t-quiz.popup .t-quiz__panel__main,
  .t-quiz.popup.fullscreen .t-quiz__main__description-container,
  .t-quiz.popup.fullscreen .t-quiz__quiz-wrapper.topside-panel .t-quiz__panel__main,
  .t-quiz.popup.fullscreen .t-quiz__sidebar .t-quiz__panel__main {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media screen and (max-width: 320px) {
  .t-quiz {
    --min-height-mobile: 450px;
  }
}

.t-input-group.t-input-group_with-media {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.t-input-group.t-input-group_with-media .t-input-group__header {
  grid-column: span 2 / span 2;
}

.t-input-group_one-col.t-input-group_ri .t-quiz-step__media {
  margin-top: 7px;
}

.t-quiz__step__img,
.t-quiz__step__video-wrapper .t-video-lazyload {
  aspect-ratio: 3/2;
  border-radius: 4px;
  height: 100%;
  width: 100%;
}

.t-quiz__step__video-wrapper {
  background-color: #000;
  border-radius: 4px;
  min-height: -webkit-fit-content;
  min-height: fit-content;
  min-width: -webkit-fit-content;
  min-width: fit-content;
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .t-input-group.t-input-group_with-media {
    grid-template-columns: 1fr;
  }

  .t-input-group.t-input-group_with-media .t-input-group__header {
    grid-column: unset;
  }

  .t-input-group.t-input-group_with-media .t-input-block {
    grid-column-start: 1;
    grid-row-start: 3;
  }

  .t-input-group.t-input-group_with-media .t-quiz-step__media {
    grid-column-start: 1;
    grid-row-start: 2;
  }

  .t-input-group_one-col.t-input-group_ri .t-quiz-step__media {
    margin-top: 0;
  }

  .t-quiz__result-btn-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .t-quiz__result-btn-wrapper .t-quiz__result-btn.t-btn,
  .t-quiz__result-btn-wrapper .t-quiz__result-btn.t-btn:only-child {
    max-width: unset;
    min-width: 130px;
  }

  .t-quiz__result_topside .t-quiz__result-content-wrapper.sticky .t-quiz__result-text {
    padding-bottom: 0;
  }

  .t-quiz__result_topside .t-quiz__result-wrapper:has(.sticky) {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 640px) {
  .t-input-group.t-input-group_with-media[data-field-type='ri'] .t-input-block {
    grid-column-start: 1;
    grid-row-start: 4;
  }

  .t-input-group.t-input-group_with-media[data-field-type='ri'] .t-ri__scroll-icon-wrapper {
    grid-column-start: 1;
    grid-row-start: 3;
  }

  .t-quiz .t-input-group_ri.t-input-group_two-cols:has(.t-ri__scroll-icon-wrapper) .t-quiz-step__media,
  .t-quiz .t-input-group_ri:has(.t-ri__scroll-icon-wrapper) .t-quiz-step__media {
    margin-top: 23px;
  }
}

.t-quiz:has(.t-quiz__result_ordinary.t-step-form__step_active) .t-quiz__main,
.t-quiz:has(.t-quiz__result_ordinary.t-step-form__step_active) .t-quiz__quiz-form-wrapper {
  height: 100%;
}

.t-quiz__result_ordinary {
  box-sizing: border-box;
  height: 100%;
  margin-bottom: auto;
  margin-top: auto;
  padding-bottom: 55px;
  padding-left: var(--padding-horizontal);
  padding-right: var(--padding-horizontal);
  padding-top: var(--padding-vertical);
  width: 100%;
}

.t-quiz__successbox-wrapper {
  -ms-flex-pack: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
}

.t-quiz__errorbox-wrapper {
  -ms-flex-pack: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
}

.t-form__errorbox {
  background: red;
  color: #fff;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .t-quiz:has(.t-quiz__result_ordinary.t-step-form__step_active) .t-quiz__quiz-wrapper:not(.t-quiz__quiz-wrapper_dynamic-height) .t-quiz__quiz-form-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 640px) {
  .t-quiz:has(.t-quiz__result_ordinary.t-step-form__step_active) .t-quiz__quiz-wrapper.t-quiz__quiz-wrapper_dynamic-height .t-quiz__quiz-form-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .t-quiz:has(.t-quiz__result_ordinary.t-step-form__step_active) .t-quiz__quiz-form-wrapper {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}