.bgp-quiz__report-thanks-title,
.bgp-quiz__line-title,
.bgp-quiz__report-title,
.bgp-quiz__feedback-title,
.bgp-quiz__feedback-contacts {
  font-family: var(--font-light);
  font-weight: 283;
}

.bgp-quiz__report-thanks-title, .bgp-quiz__line-title {
  font-size: 32px;
  line-height: 125%;
}
@media (max-width: 960px) {
  .bgp-quiz__report-thanks-title, .bgp-quiz__line-title {
    font-size: 24px;
  }
}
@media (max-width: 720px) {
  .bgp-quiz__report-thanks-title, .bgp-quiz__line-title {
    font-size: 16px;
    line-height: 162%;
  }
}

.bgp-quiz__report-title, .bgp-quiz__feedback-title {
  font-size: 24px;
  line-height: 133%;
}
@media (max-width: 960px) {
  .bgp-quiz__report-title, .bgp-quiz__feedback-title {
    font-size: 20px;
  }
}
@media (max-width: 720px) {
  .bgp-quiz__report-title, .bgp-quiz__feedback-title {
    font-size: 16px;
  }
}

.bgp-quiz__feedback-contacts {
  font-size: 20px;
  line-height: 140%;
}
@media (max-width: 720px) {
  .bgp-quiz__feedback-contacts {
    font-size: 16px;
  }
}

.bgp-quiz__result-text-content, .bgp-quiz__result-head > div.bgp-quiz__result-col,
.quiz_instruction__recommendations-title,
.quiz_instruction__example-title,
.quiz_instruction__step-title,
.bgp-quiz__report-item,
.quiz_instruction__step-scale p,
.quiz_instruction__step-text,
.bgp-quiz__report-thanks-text,
.bgp-quiz__feedback-text,
.bgp-quiz__result-col:first-child,
.bgp-quiz__form-input,
.bgp-quiz__form-label,
.bgp-quiz__question,
.quiz_instruction__recommendations-item,
.bgp-quiz__label-item,
.bgp-quiz__text p,
.bgp-quiz__result-col:last-child,
.bgp-quiz__form-assent,
.bgp-quiz__answer-label {
  font-family: var(--font-light);
  font-weight: 283;
}

.bgp-quiz__result-text-content, .bgp-quiz__result-head > div.bgp-quiz__result-col {
  font-size: 24px;
  line-height: 133%;
}

.quiz_instruction__recommendations-title, .quiz_instruction__example-title, .quiz_instruction__step-title, .bgp-quiz__report-item {
  font-size: 20px;
  line-height: 140%;
}
@media (max-width: 720px) {
  .quiz_instruction__recommendations-title, .quiz_instruction__example-title, .quiz_instruction__step-title, .bgp-quiz__report-item {
    font-size: 14px;
    line-height: 157%;
  }
}

.quiz_instruction__step-scale p, .quiz_instruction__step-text, .bgp-quiz__report-thanks-text, .bgp-quiz__feedback-text, .bgp-quiz__result-col:first-child, .bgp-quiz__form-input, .bgp-quiz__form-label, .bgp-quiz__question {
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 720px) {
  .quiz_instruction__step-scale p, .quiz_instruction__step-text, .bgp-quiz__report-thanks-text, .bgp-quiz__feedback-text, .bgp-quiz__result-col:first-child, .bgp-quiz__form-input, .bgp-quiz__form-label, .bgp-quiz__question {
    font-size: 14px;
    line-height: 157%;
  }
}

.quiz_instruction__recommendations-item, .bgp-quiz__label-item, .bgp-quiz__text p {
  font-size: 14px;
  line-height: 157%;
}
@media (max-width: 720px) {
  .quiz_instruction__recommendations-item, .bgp-quiz__label-item, .bgp-quiz__text p {
    font-size: 12px;
    line-height: 167%;
  }
}

.bgp-quiz__result-col:last-child, .bgp-quiz__form-assent, .bgp-quiz__answer-label {
  font-size: 12px;
  line-height: 167%;
}

.project__text::-webkit-scrollbar {
  height: 50%;
  width: 2px;
  background: var(--bgp-grey-3);
  margin-right: -15px;
}
.project__text::-webkit-scrollbar-thumb {
  background: var(--bgp-blue);
  width: 4px;
}

.projects {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 960px) {
  .projects {
    margin-top: 0;
  }
}
.projects .container {
  position: relative;
  padding-bottom: 57px;
}
@media (max-width: 960px) {
  .projects .container {
    padding-bottom: 32px;
  }
}
.projects_accent .container {
  padding-bottom: 83px;
}
@media (max-width: 960px) {
  .projects_accent .container {
    padding-bottom: 32px;
  }
}
.projects_accent .container::after {
  content: "";
  width: 499px;
  height: 170px;
  position: absolute;
  right: -116px;
  bottom: 0;
  background: url("../../../bgp-practice.svg#bgp-projects-bottom") right bottom no-repeat;
  background-size: 499px 170px;
  pointer-events: none;
  display: none;
}
@media (max-width: 960px) {
  .projects_accent .container::after {
    display: none;
  }
}
.projects__head {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
  margin-bottom: 52px;
}
@media (max-width: 960px) {
  .projects__head {
    gap: 24px;
    margin-bottom: 24px;
  }
}
.projects__head::after {
  content: "";
  width: 100%;
  height: 156px;
  position: relative;
  display: block;
  background: url("../../../bgp-practice.svg#bgp-projects-head") bottom right no-repeat;
  background-size: 838px 156px;
}
@media (max-width: 960px) {
  .projects__head::after {
    display: none;
    background: url("../../../bgp-practice.svg#bgp-projects-head-mobile") bottom right no-repeat;
    background-size: 1961px 22px;
    height: 22px;
    margin-top: 3px;
  }
}
.projects__head-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: auto;
  flex-shrink: 0;
  margin-bottom: -9px;
  margin-top: auto;
  min-width: 350px;
}
@media (max-width: 960px) {
  .projects__head-left {
    width: auto;
    min-width: 1%;
    flex-shrink: 0;
  }
}
@media (max-width: 720px) {
  .projects__head-left {
    min-width: 1px;
    width: auto;
    flex-shrink: 0;
  }
}
.projects h2 {
  flex-shrink: 0;
}
.projects__btns.swiper__btns svg.swiper__nav.swiper-button-disabled {
  stroke: var(--bgp-grey-3);
}
.projects .swiper {
  overflow: visible;
}
@media (max-width: 720px) {
  .projects .swiper {
    max-width: 300px;
    margin-right: auto;
    margin-left: 0;
    overflow: visible;
  }
}
.projects .swiper .swiper-slide-next + .swiper-slide + .swiper-slide .project::before, .projects .swiper .swiper-slide-next + .swiper-slide + .swiper-slide .project::after {
  display: none;
}
.projects .swiper-slide {
  width: 400px;
}
@media (max-width: 960px) {
  .projects .swiper-slide {
    width: calc(100vw - 28px);
  }
}

.project {
  width: 100%;
  aspect-ratio: 1.5;
  display: block;
  background-size: 112%;
  max-width: 400px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
.project::before {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 15px;
  left: 0;
  background: var(--bgp-blue);
}
@media (max-width: 960px) {
  .project::before {
    display: none;
  }
}
.project::after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--bgp-grey-3);
}
@media (max-width: 960px) {
  .project::after {
    display: none;
  }
}
.project__wrap {
  clip-path: polygon(0% 0%, calc(100% - 64px) 0%, 100% 64px, 100% 100%, 0% 100%);
  padding: 25px 15px 25px 32px;
  background: white;
  position: relative;
}
@media (max-width: 960px) {
  .project__wrap {
    padding: 25px 15px 25px 25px;
  }
}
.project__wrap::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 44px;
  right: 0;
  background: white;
}
.project__text {
  overflow: auto;
  height: 186px;
  position: relative;
  padding-right: 15px;
}
.project__text:not(.resize) {
  max-height: 96%;
  overflow: auto;
}
.project__name {
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 6px;
  color: var(--bgp-dark);
  padding-right: 40px;
}
@media (max-width: 960px) {
  .project__name {
    font-size: 16px;
  }
}
.project__info {
  font-size: 16px;
  line-height: 150%;
  color: var(--bgp-grey-1);
  max-width: 300px;
}
@media (max-width: 1300px) {
  .project__info {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
}
@media (max-width: 960px) {
  .project__info {
    font-size: 13px;
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
}
.project__description {
  display: none;
  font-size: 16px;
  line-height: 150%;
  color: var(--bgp-grey-1);
  max-width: 295px;
  max-height: 200px;
  margin-bottom: 12px;
}
@media (max-width: 960px) {
  .project__description {
    font-size: 13px;
  }
}
.project__more {
  display: none;
}
.project__download {
  width: 24px;
  height: 37px;
  background: url("../../../bgp-practice.svg#download-default") center no-repeat;
  display: block;
  position: absolute;
  bottom: 11%;
  right: 39px;
}
.project__download:hover {
  background: url("../../../bgp-practice.svg#download-hover") center no-repeat;
}
.project__download:active {
  background: url("../../../bgp-practice.svg#download-active") center no-repeat;
}

.section__projects + .section__news {
  padding-top: 170px;
  margin-top: -76px;
}
@media (max-width: 1320px) {
  .section__projects + .section__news {
    padding-top: 0;
    margin-top: 0;
  }
}
@media (max-width: 960px) {
  .section__projects + .section__news {
    padding-top: 34px;
    margin-top: -34px;
  }
}
@media (max-width: 720px) {
  .section__projects + .section__news {
    padding-top: 34px;
    margin-top: -20px;
  }
}
.section__projects + .section__news::before {
  content: "";
  width: 499px;
  height: 170px;
  background: url("../../../bgp-practice.svg#bgp-projects-news") center no-repeat;
  background-size: 499px 170px;
  position: absolute;
  top: 0;
  right: calc((100vw - 1280px) / 2 - 136px);
}
@media (max-width: 1320px) {
  .section__projects + .section__news::before {
    display: none;
  }
}
@media (max-width: 960px) {
  .section__projects + .section__news::before {
    height: 72px;
    background: url("../../../bgp-practice.svg#bgp-news-right-three-circle-gray-mobile") right bottom no-repeat;
    background-size: 893px 915px;
    margin-top: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(72% + 66px);
  }
}
@media (max-width: 720px) {
  .section__projects + .section__news::before {
    width: calc(72% + 40px);
  }
}

.breadcrumbs {
  display: none !important;
}

.bgp-quiz {
  background-color: var(--bgp-dark);
  color: var(--bgp-grey-3);
}
.bgp-quiz.type-8 {
  width: 100%;
  overflow: hidden;
}
.bgp-quiz blockquote {
  font-weight: 283;
  font-size: 20px;
  line-height: 140%;
  color: var(--bgp-grey-3);
  border-left: 3px solid var(--bgp-blue);
  padding: 0px 24px;
  margin: 28px;
}
.bgp-quiz__step {
  background-image: var(--bg-desktop);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 960px) {
  .bgp-quiz__step {
    background-image: var(--bg-mobile);
  }
}
.bgp-quiz__step-0 {
  padding: 100px 0 77px;
  background-size: auto 100%;
  background-position: bottom right;
  background-color: #000;
}
@media (max-width: 960px) {
  .bgp-quiz__step-0 {
    padding: 50px 0;
    background-position: top right;
    background-size: 100% auto;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .bgp-quiz__step-0 .bgp-quiz__text {
    padding-right: 34%;
  }
}
@media (max-width: 720px) {
  .bgp-quiz__step-0 .bgp-quiz__text > p:first-child {
    padding-right: 34%;
  }
}
.bgp-quiz__step-0 .bgp-quiz__next {
  margin: 110px 0 0 182px;
  position: relative;
}
@media (max-width: 960px) {
  .bgp-quiz__step-0 .bgp-quiz__next {
    margin: 50px 0 0;
  }
}
.bgp-quiz__step-0 .bgp-quiz__next::before {
  content: "";
  width: 150px;
  height: 150px;
  display: block;
  position: absolute;
  bottom: 0;
  right: calc(100% + 32px);
  background: url("bitrix/catalog.section/.default/images/btn-left.svg") bottom left no-repeat;
  background-size: contain;
}
@media (max-width: 960px) {
  .bgp-quiz__step-0 .bgp-quiz__next::before {
    display: none;
  }
}
.type-8 .bgp-quiz__step-0 {
  padding: 0;
  background-color: var(--bgp-dark);
}
.type-8 .bgp-quiz__step-0 h1 {
  max-width: 600px;
}
.type-8 .bgp-quiz__step-0 .bgp-quiz__next.bgp-quiz__btn {
  margin-left: 0;
  white-space: nowrap;
  margin-top: 32px;
  max-width: 247px;
}
.type-8 .bgp-quiz__step-0 .bgp-quiz__next.bgp-quiz__btn::before {
  display: none;
}
.type-7 .bgp-quiz__step:last-child {
  background: var(--bgp-grey-3);
  color: var(--bgp-dark);
  padding-bottom: 50px;
}
.type-7 .bgp-quiz__step:last-child h2 {
  color: var(--bgp-grey-3);
}
.type-7 .bgp-quiz__step:last-child .bgp-quiz__line-blocks {
  color: var(--bgp-dark);
}
.type-7 .bgp-quiz__step:last-child .bgp-quiz__line-block::before {
  background: var(--bgp-blue);
  border-color: var(--bgp-blue);
}
.type-7 .bgp-quiz__step:last-child .bgp-quiz__result-row {
  border-color: var(--bgp-grey-2);
}
.type-7 .bgp-quiz__step:last-child .bgp-quiz__result-col:last-child,
.type-7 .bgp-quiz__step:last-child .bgp-quiz__result-col:first-child {
  color: var(--bgp-dark);
}
.type-7 .bgp-quiz__step:last-child .bgp-quiz__line-blocks::after {
  background: var(--bgp-grey-2);
}
.type-8 .bgp-quiz__step:last-child h2 {
  max-width: 1000px;
  margin: 0 auto;
}
.bgp-quiz__text {
  width: 70%;
  max-width: 878px;
}
@media (max-width: 960px) {
  .bgp-quiz__text {
    width: 95%;
  }
}
.bgp-quiz__text p {
  margin-bottom: 1.57em;
  font-size: 14px;
}
.type-8 .bgp-quiz__text {
  width: 100%;
  max-width: 100%;
}
.bgp-quiz__btn.btn.bgp-quiz__next {
  max-width: 194px;
  max-height: 56px;
}
.bgp-quiz__bnr {
  background-image: var(--bg-bnr-desktop);
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 960px) {
  .bgp-quiz__bnr {
    height: 62vw;
    background-image: var(--bg-bnr-mobile);
    background-size: cover;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 20px 0;
  }
  .bgp-quiz__bnr h2 {
    max-width: 170px;
  }
}
.bgp-quiz__step-6 .bgp-quiz__bnr {
  padding-bottom: 200px;
  height: 430px;
}
@media (max-width: 960px) {
  .bgp-quiz__step-6 .bgp-quiz__bnr {
    height: 230px;
    padding-bottom: 0;
  }
}
.bgp-quiz__line {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  gap: 56px;
  padding: 56px 0 32px;
}
@media (max-width: 960px) {
  .bgp-quiz__line {
    display: none;
  }
}
.bgp-quiz__line-blocks {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  font-size: 12px;
  line-height: 1.67;
  color: var(--bgp-grey-2);
  position: relative;
  margin-bottom: 16px;
}
.type-8 .bgp-quiz__line-blocks {
  max-width: 660px;
  margin: 0 auto 0 0;
}
.bgp-quiz__line-blocks::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--bgp-grey-1);
  position: absolute;
  bottom: 0;
  left: 0;
}
.bgp-quiz__line-blocks::after {
  content: "";
  display: block;
  height: 1px;
  background: var(--bgp-blue);
  position: absolute;
  bottom: 0;
  left: 0;
}
.type-8 .bgp-quiz__line-blocks::after {
  display: none;
}
.bgp-quiz__step-1 .bgp-quiz__line-blocks::after {
  width: 45px;
}
.type-8 .bgp-quiz__step-1 .bgp-quiz__line-blocks::after {
  width: 20px;
}
.bgp-quiz__step-2 .bgp-quiz__line-blocks::after {
  width: calc((100% - 400px) / 2 / 2 - 4px + 200px);
}
.bgp-quiz__step-3 .bgp-quiz__line-blocks::after {
  width: calc((100% - 400px) / 2 / 2 - 4px + 200px + (100% - 400px) / 2);
}
.bgp-quiz__step-4 .bgp-quiz__line-blocks::after, .bgp-quiz__step-5 .bgp-quiz__line-blocks::after, .bgp-quiz__step-6 .bgp-quiz__line-blocks::after {
  width: 100%;
}
.bgp-quiz__line-block {
  padding-bottom: 18px;
  position: relative;
  text-align: center;
  width: calc((100% - 400px) / 2);
}
.type-8 .bgp-quiz__line-block span {
  display: none;
}
.bgp-quiz__line-block::before {
  content: "";
  width: 9px;
  height: 9px;
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--bgp-grey-1);
  border-radius: 50%;
  background: var(--bgp-dark);
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
  z-index: 3;
}
.bgp-quiz__line-block:first-child {
  text-align: left;
  width: 200px;
  flex-shrink: 0;
}
.type-8 .bgp-quiz__line-block:first-child {
  width: auto;
  min-width: 20px;
}
.bgp-quiz__line-block:first-child::before {
  left: 0;
}
.bgp-quiz__line-block:last-child {
  text-align: right;
  width: 200px;
  flex-shrink: 0;
}
.type-8 .bgp-quiz__line-block:last-child {
  width: auto;
  min-width: 20px;
}
.bgp-quiz__line-block:last-child::before {
  left: auto;
  right: 0;
}
.bgp-quiz__line-block.ready {
  color: var(--bgp-blue);
}
.bgp-quiz__line-block.ready::before {
  border-color: var(--bgp-blue);
}
.bgp-quiz__line-block.ready.last-ready {
  content: "last";
}
.bgp-quiz__line-block.ready.last-ready span {
  display: block;
  position: absolute;
  bottom: 10px;
  text-align: center;
  margin: 0 auto;
  white-space: nowrap;
}
.bgp-quiz__questions-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--bgp-grey-1);
  gap: 40px;
}
@media (max-width: 960px) {
  .bgp-quiz__questions-item {
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.bgp-quiz__question {
  max-width: 700px;
}
.bgp-quiz__answer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}
.bgp-quiz__answer input {
  display: block;
  position: absolute;
  opacity: 0;
  z-index: 0;
}
.bgp-quiz__answer input:checked + label::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: var(--bgp-blue);
  display: block;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  bottom: 8px;
  left: 8px;
  border: 4px solid var(--bgp-dark);
}
.type-8 .bgp-quiz__answer {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  gap: 24px;
  flex-shrink: 0;
}
.bgp-quiz__answer-item {
  width: 32px;
}
.bgp-quiz__answer-label {
  color: var(--bgp-grey-2);
  position: relative;
  padding-bottom: 42px;
  cursor: pointer;
}
.type-8 .bgp-quiz__answer-label {
  width: 32px;
  height: 32px;
  display: block;
}
.type-8 .bgp-quiz__answer-label span {
  display: none;
}
@media (max-width: 960px) {
  .type-8 .bgp-quiz__answer-label {
    height: 62px;
    text-align: center;
  }
  .type-8 .bgp-quiz__answer-label span {
    display: block;
  }
}
.bgp-quiz__answer-label::before {
  content: "";
  width: 32px;
  height: 32px;
  background-color: var(--bgp-grey-1);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.bgp-quiz__answer-label::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: var(--bgp-dark);
  display: block;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  bottom: 8px;
  left: 8px;
  box-sizing: border-box;
  border: 4px solid var(--bgp-dark);
}
.bgp-quiz__answer-label:not(:last-child) {
  width: 32px;
  text-align: center;
}
.bgp-quiz__btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
}
.bgp-quiz__prev.btn {
  max-width: 114px;
  max-height: 56px;
}
.bgp-quiz__next.btn {
  max-width: 129px;
  max-height: 56px;
}
.bgp-quiz__form-item {
  padding: 16px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}
.bgp-quiz__form-item:not(:last-child) {
  border-bottom: 1px solid var(--bgp-grey-1);
}
.type-8 .bgp-quiz__form-item {
  border-bottom: 1px solid var(--bgp-grey-1);
}
.bgp-quiz__form-item.error {
  border-bottom-color: var(--bgp-red);
}
.bgp-quiz__form-label {
  color: var(--bgp-grey-1);
  white-space: nowrap;
}
.bgp-quiz__form-input {
  background: none;
  border: none;
  box-shadow: none;
  color: var(--bgp-grey-3);
  width: 100%;
  outline: none;
  padding: 10px 0;
}
.bgp-quiz__form-checkbox {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  opacity: 0;
  z-index: 0;
}
.bgp-quiz__form-checkbox:checked + label::after {
  opacity: 1;
}
.bgp-quiz__form-checkbox.error + label {
  color: var(--bgp-red);
}
.bgp-quiz__form-assent {
  color: var(--bgp-grey-2);
  padding-left: 24px;
  position: relative;
  cursor: pointer;
}
.bgp-quiz__form-assent::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid var(--bgp-grey-3);
  background-color: var(--bgp-dark);
}
.bgp-quiz__form-assent::after {
  content: "";
  width: 8px;
  height: 8px;
  opacity: 0;
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  box-sizing: border-box;
  background-color: var(--bgp-blue);
  transition: 0.3s;
}
.bgp-quiz__form-assent a {
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
}
.bgp-quiz__form-assent a:hover {
  color: var(--bgp-blue);
}
.bgp-quiz__result-block {
  margin-bottom: 32px;
}
.bgp-quiz__result-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  gap: 40px;
  border-bottom: 1px solid var(--bgp-grey-1);
}
@media (max-width: 720px) {
  .bgp-quiz__result-row {
    flex-direction: column;
    gap: 16px;
  }
}
.bgp-quiz__result-col {
  width: calc(50% - 20px);
}
@media (max-width: 720px) {
  .bgp-quiz__result-col {
    width: 100%;
  }
}
.bgp-quiz__result-col:first-child {
  color: var(--bgp-grey-3);
}
.bgp-quiz__result-col:last-child {
  text-align: right;
  color: var(--bgp-grey-2);
}
@media (max-width: 720px) {
  .bgp-quiz__result-col:last-child {
    text-align: left;
  }
}
.bgp-quiz__result-col a {
  color: inherit;
  border-bottom: 1px solid var(--bgp-grey-2);
  text-decoration: none;
  transition: 0.3s;
}
.bgp-quiz__result-col a:hover {
  color: var(--bgp-blue);
  border-bottom: 1px solid transparent;
}
.bgp-quiz__result-head {
  padding: 10px 0;
}
.bgp-quiz__result-head > div.bgp-quiz__result-col {
  color: var(--bgp-grey-1);
}
@media (max-width: 720px) {
  .bgp-quiz__result-head > div.bgp-quiz__result-col:last-child {
    display: none;
  }
}
.bgp-quiz__label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
.bgp-quiz__label-item {
  text-align: center;
  width: 32px;
  color: var(--bgp-grey-1);
}
.bgp-quiz__result {
  padding-top: 54px;
}
.type-8 .bgp-quiz__result {
  margin: 0 auto;
}
.bgp-quiz__result-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .bgp-quiz__result-text {
    flex-direction: column;
  }
}
.bgp-quiz__result-text-content {
  width: 520px;
  padding-right: 52px;
  flex-shrink: 0;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .bgp-quiz__result-text-content {
    width: 100%;
    padding-right: 0;
    font-size: 16px;
  }
}
.bgp-quiz__result-text-element {
  height: 156px;
  width: 100%;
}
@media (max-width: 960px) {
  .bgp-quiz__result-text-element {
    display: none;
  }
}
.bgp-quiz__result-text-element svg {
  margin: 0 0 0 auto;
  display: block;
}
.bgp-quiz__result-feedback {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  max-width: 1000px;
  margin: 0 auto 40px;
}
@media (max-width: 960px) {
  .bgp-quiz__result-feedback {
    flex-direction: column;
  }
}
.bgp-quiz__feedback {
  flex-shrink: 0;
  margin-right: 40px;
}
@media (max-width: 960px) {
  .bgp-quiz__feedback {
    margin-right: 0;
  }
}
.bgp-quiz__feedback-title {
  color: var(--bgp-blue);
  margin-bottom: 16px;
}
.bgp-quiz__feedback-text {
  color: var(--bgp-grey-2);
  margin-bottom: 78px;
  max-width: 205px;
}
@media (max-width: 960px) {
  .bgp-quiz__feedback-text {
    margin-bottom: 24px;
    max-width: 100%;
  }
}
.bgp-quiz__feedback-contacts {
  color: var(--bgp-blue);
  padding-right: 28px;
  background: var(--bgp-dark);
  z-index: 2;
}
@media (max-width: 960px) {
  .bgp-quiz__feedback-contacts {
    padding-right: 0;
    margin-bottom: 24px;
  }
}
.bgp-quiz__feedback .quiz-element-32 {
  width: 880px;
  height: 539px;
  display: block;
  max-width: 100%;
  max-height: 200%;
  position: absolute;
  top: 112px;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 960px) {
  .bgp-quiz__feedback .quiz-element-32 {
    display: none;
  }
}
.bgp-quiz__report-title {
  position: absolute;
  left: 100%;
  top: 33px;
  white-space: nowrap;
  margin-left: -30px;
}
@media (max-width: 960px) {
  .bgp-quiz__report-title {
    display: none;
  }
}
.bgp-quiz__report-title span {
  color: var(--bgp-blue);
}
.bgp-quiz__report-steps {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1060px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .bgp-quiz__report-steps {
    margin-top: 24px;
    gap: 24px;
  }
}
.bgp-quiz__report-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 36px;
}
@media (max-width: 960px) {
  .bgp-quiz__report-item {
    gap: 24px;
    margin-bottom: 24px;
  }
}
.bgp-quiz__report-item::before {
  content: "";
  width: 102px;
  height: 153px;
  display: block;
  position: relative;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  order: 2;
}
@media (max-width: 960px) {
  .bgp-quiz__report-item::before {
    width: 50px;
    height: 60px;
  }
}
.bgp-quiz__report-item:first-child {
  max-width: 760px;
  background: var(--bgp-dark);
  z-index: 2;
  margin: 0 190px 155px auto;
}
@media (max-width: 960px) {
  .bgp-quiz__report-item:first-child {
    margin: 0;
  }
}
.bgp-quiz__report-item:first-child::before {
  background-image: url("bitrix/catalog.section/.default/images/elements/num-1.svg");
}
.bgp-quiz__report-item:first-child .quiz-element-33 {
  display: block;
  max-width: 317px;
  height: 156px;
  width: 100%;
  min-width: 156px;
  order: 1;
  margin-bottom: -96px;
  pointer-events: none;
}
@media (max-width: 960px) {
  .bgp-quiz__report-item:first-child .quiz-element-33 {
    display: none;
  }
}
.bgp-quiz__report-item:nth-child(2) {
  max-width: 628px;
  margin: 0 49px 0 86px;
}
@media (max-width: 960px) {
  .bgp-quiz__report-item:nth-child(2) {
    margin: 0;
  }
}
.bgp-quiz__report-item:nth-child(2)::before {
  background-image: url("bitrix/catalog.section/.default/images/elements/num-2.svg");
}
.bgp-quiz__report-item:nth-child(2) .quiz-element-34 {
  display: block;
  position: relative;
  order: 4;
  width: 128px;
  height: 62px;
}
@media (max-width: 960px) {
  .bgp-quiz__report-item:nth-child(2) .quiz-element-34 {
    display: none;
  }
}
.bgp-quiz__report-item:nth-child(2) p {
  max-width: 325px;
}
.bgp-quiz__report-item:nth-child(3) {
  max-width: 385px;
  margin: 0 -90px 0 0;
  position: relative;
}
@media (max-width: 960px) {
  .bgp-quiz__report-item:nth-child(3) {
    margin: 0;
  }
}
.bgp-quiz__report-item:nth-child(3)::before {
  background-image: url("bitrix/catalog.section/.default/images/elements/num-3.svg");
}
.bgp-quiz__report-item:nth-child(3) .quiz-element-35 {
  display: block;
  position: absolute;
  width: 156px;
  height: 156px;
  bottom: -90px;
  left: calc(100% + 30px);
}
@media (max-width: 960px) {
  .bgp-quiz__report-item:nth-child(3) .quiz-element-35 {
    display: none;
  }
}
.bgp-quiz__report-item p {
  order: 3;
}
.bgp-quiz__report-thanks {
  margin: 150px 0 56px auto;
  right: -260px;
  position: relative;
  max-width: 420px;
}
@media (max-width: 960px) {
  .bgp-quiz__report-thanks {
    margin: 0;
    right: 0;
  }
}
.bgp-quiz__report-thanks-title {
  margin-bottom: 24px;
}
.bgp-quiz__report-thanks-title span {
  color: var(--bgp-blue);
}
.bgp-quiz__projects {
  position: relative;
  overflow: visible;
  padding-bottom: 60px;
}
@media (max-width: 960px) {
  .bgp-quiz__projects {
    padding-bottom: 24px;
    padding-top: 24px;
    margin-top: 24px;
  }
}
.bgp-quiz__projects::before {
  content: "";
  width: 100vw;
  height: 100%;
  display: block;
  background: var(--bgp-white);
  position: absolute;
  top: 40px;
  left: calc((100vw - 100%) / -2);
}
@media (max-width: 960px) {
  .bgp-quiz__projects::before {
    left: -20px;
    top: 0;
  }
}
.bgp-quiz__projects > div {
  position: relative;
  z-index: 2;
}
.bgp-quiz__projects h2 {
  color: var(--bgp-dark);
}
.bgp-quiz__projects .projects__head::after {
  background-image: url("bitrix/catalog.section/.default/images/elements/element-12.svg");
  background-position: top right;
  background-repeat: no-repeat;
  margin-right: -210px;
}
@media (max-width: 960px) {
  .bgp-quiz__projects .projects__head::after {
    margin-right: 0;
  }
}
.bgp-quiz__progress-bar {
  display: block;
  height: 1px;
  background: var(--bgp-blue);
  position: absolute;
  bottom: 0;
  left: 0;
}
.bgp-quiz__line-points {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.quiz_flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 45px;
}
@media (max-width: 960px) {
  .quiz_flex {
    flex-direction: column;
    padding: 24px 0;
    gap: 24px;
  }
}
.quiz_flex > img {
  max-width: 100%;
}
@media (min-width: 961px) {
  .quiz_flex > img {
    padding: 40px 0;
  }
}

.quiz_content {
  padding: 20px 0;
  width: 100%;
  max-width: 539px;
}
@media (min-width: 961px) {
  .quiz_content {
    padding-top: 71px;
  }
}
.quiz_content > p {
  font-size: 14px;
  line-height: 150%;
  color: var(--bgp-grey-3);
}

.quiz_description {
  position: relative;
}
.quiz_description p {
  font-size: 16px;
  line-height: 150%;
  color: var(--bgp-grey-2);
}
.quiz_description p.subtitle-4 {
  font-size: 32px;
  line-height: 125%;
  color: var(--bgp-grey-3);
  margin-bottom: 32px;
}
.quiz_description ol {
  list-style-type: none;
  counter-reset: num;
}
.quiz_description ol li {
  padding-left: 40px;
  position: relative;
  font-size: 16px;
  line-height: 150%;
  color: var(--bgp-grey-3);
  max-width: 420px;
  margin-bottom: 24px;
}
.quiz_description ol li::before {
  content: counter(num);
  counter-increment: num;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 0px;
  left: 0;
  width: 10px;
  height: 100%;
  color: var(--bgp-blue);
  text-align: right;
}

.quiz_instruction__container {
  padding-left: 200px;
  margin-top: -30px;
}
@media (max-width: 960px) {
  .quiz_instruction__container {
    padding-left: 0;
    margin-top: 24px;
  }
}
.quiz_instruction__container h3 {
  font-size: 32px;
  line-height: 125%;
  color: var(--bgp-grey-3);
  margin-bottom: 49px;
}
@media (max-width: 960px) {
  .quiz_instruction__container h3 {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.quiz_instruction__steps {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 960px) {
  .quiz_instruction__steps {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
  }
}
.quiz_instruction__step {
  width: 260px;
  padding-right: 30px;
  position: relative;
}
@media (max-width: 960px) {
  .quiz_instruction__step {
    width: 100%;
  }
}
.quiz_instruction__step:first-child {
  margin-right: 48px;
}
@media (max-width: 960px) {
  .quiz_instruction__step:first-child {
    margin-right: 0;
  }
}
.quiz_instruction__step:last-child {
  width: 403px;
  margin-left: 10px;
}
@media (max-width: 960px) {
  .quiz_instruction__step:last-child {
    width: 100%;
    max-width: 403px;
    margin-left: 0;
  }
}
.quiz_instruction__step-title {
  color: var(--bgp-blue);
  margin-bottom: 8px;
}
.quiz_instruction__step-text {
  color: var(--bgp-grey-3);
}
.quiz_instruction__step-scale {
  border: 3px solid var(--bgp-blue);
  border-radius: 0 32px 32px 32px;
  box-sizing: border-box;
  padding: 24px;
  width: 403px;
  height: 275px;
  position: relative;
  margin-top: -5px;
  margin-left: -10px;
  overflow: hidden;
  z-index: 3;
  background: var(--bgp-dark);
}
@media (max-width: 960px) {
  .quiz_instruction__step-scale {
    width: 100%;
    max-width: 403px;
    margin-left: 0;
    height: auto;
  }
}
.quiz_instruction__step-scale::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
  background: rgba(33, 35, 34, 0.01);
  border-radius: 0 32px 32px 32px;
  z-index: 3;
  top: 0;
  left: 0;
}
.quiz_instruction__step-scale p {
  margin-bottom: 16px;
  z-index: 4;
  position: relative;
  color: var(--bgp-grey-3);
}
.quiz_instruction__step-scale span {
  color: var(--bgp-blue);
}
.quiz_instruction__step .quiz-element-21 {
  position: absolute;
  top: -17px;
  right: calc(100% + 40px);
}
@media (max-width: 960px) {
  .quiz_instruction__step .quiz-element-21 {
    display: none;
  }
}
.quiz_instruction__step .quiz-element-22,
.quiz_instruction__step .quiz-element-23 {
  position: absolute;
  display: block;
  width: 55px;
  height: 56px;
  top: 4px;
  right: 0;
}
@media (max-width: 960px) {
  .quiz_instruction__step .quiz-element-22,
  .quiz_instruction__step .quiz-element-23 {
    display: none;
  }
}
.quiz_instruction__step .quiz-element-24 {
  position: absolute;
  display: block;
  width: 721px;
  height: 909px;
  top: 39px;
  right: -108px;
  z-index: 1;
}
@media (max-width: 960px) {
  .quiz_instruction__step .quiz-element-24 {
    display: none;
  }
}
.quiz_instruction__example {
  padding-left: 240px;
  position: relative;
}
@media (max-width: 960px) {
  .quiz_instruction__example {
    padding-left: 0;
  }
}
.quiz_instruction__example-title {
  margin-bottom: 24px;
  color: var(--bgp-blue);
}
.quiz_instruction__example p {
  font-size: 16px;
  line-height: 150%;
  color: var(--bgp-grey-2);
  margin-bottom: 16px;
}
@media (max-width: 960px) {
  .quiz_instruction__example p {
    font-size: 14px;
    margin-bottom: 14px;
  }
}
.quiz_instruction__example p span {
  color: var(--bgp-blue);
}
.quiz_instruction__example p:first-child {
  margin-bottom: 26px;
}
.quiz_instruction__example .quiz-element-25 {
  position: absolute;
  display: block;
  width: 156px;
  height: 661px;
  top: -14px;
  left: 0;
  z-index: 1;
}
@media (max-width: 960px) {
  .quiz_instruction__example .quiz-element-25 {
    display: none;
  }
}
.quiz_instruction__recommendations {
  padding-left: 240px;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 960px) {
  .quiz_instruction__recommendations {
    padding-left: 0;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.quiz_instruction__recommendations-title {
  margin-bottom: 44px;
  color: var(--bgp-blue);
}
@media (max-width: 960px) {
  .quiz_instruction__recommendations-title {
    margin-bottom: 24px;
  }
}
.quiz_instruction__recommendations-lists {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 50px;
}
@media (max-width: 720px) {
  .quiz_instruction__recommendations-lists {
    flex-wrap: wrap;
    gap: 24px;
  }
}
.quiz_instruction__recommendations-item {
  width: 170px;
  position: relative;
  padding-top: 177px;
  color: var(--bgp-grey-3);
  background-color: var(--bgp-dark);
  z-index: 2;
}
@media (max-width: 960px) {
  .quiz_instruction__recommendations-item {
    width: calc(50% - 12px);
    padding-top: 64px;
  }
}
.quiz_instruction__recommendations-item::before {
  content: "";
  width: 100%;
  height: 153px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 960px) {
  .quiz_instruction__recommendations-item::before {
    height: 60px;
  }
}
.quiz_instruction__recommendations-item:first-child::before {
  background-image: url("bitrix/catalog.section/.default/images/elements/num-1.svg");
}
.quiz_instruction__recommendations-item:nth-child(2)::before {
  background-image: url("bitrix/catalog.section/.default/images/elements/num-2.svg");
}
.quiz_instruction__recommendations-item:nth-child(3)::before {
  background-image: url("bitrix/catalog.section/.default/images/elements/num-3.svg");
}

.employees-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 40px;
  z-index: 2;
  position: relative;
}
@media (max-width: 960px) {
  .employees-list {
    overflow: auto;
  }
}
.employees-list__item {
  width: calc(50% - 20px);
  max-width: 290px;
  text-align: center;
  position: relative;
}
@media (max-width: 960px) {
  .employees-list__item {
    width: calc(50% - 24px);
    text-align: left;
  }
}
@media (max-width: 720px) {
  .employees-list__item {
    width: 100%;
    max-width: 246px;
  }
}
.employees-list__item:last-child {
  padding-bottom: 32px;
}
.employees-list__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1;
  max-width: 290px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.employees-list__image img {
  max-width: 100%;
}
.employees-list__email {
  display: inline-block;
  margin-bottom: 16px;
  white-space: nowrap;
  height: 30px;
}
.employees-list__email a {
  font-size: 14px;
  line-height: 157%;
  text-align: center;
  display: inline-block;
  margin: auto;
  padding: 4px 8px;
  text-decoration: none;
  color: var(--bgp-grey-3);
  background: var(--bgp-grey-1);
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.employees-list__email a:hover {
  background: var(--bgp-blue);
  color: #fff;
}
.employees-list__name {
  display: block;
  font-size: 20px;
  line-height: 140%;
  text-decoration: none;
  color: var(--bgp-grey-3);
  margin-bottom: 8px;
}
@media (max-width: 960px) {
  .employees-list__name {
    font-size: 18px;
    line-height: 144%;
  }
}
.employees-list__name span {
  color: var(--bgp-blue);
}
.employees-list__name:hover {
  color: var(--bgp-blue);
}
.employees-list__description {
  font-size: 14px;
  line-height: 157%;
  color: var(--bgp-grey-2);
}

[class^=quiz-element-] {
  display: block;
  position: relative;
}

@media (min-width: 961px) {
  .quiz-element-1 svg {
    width: 62px;
    height: 32px;
    display: block;
    position: absolute;
    bottom: calc(100% + 16px);
    left: 0;
  }
}

.quiz-element-2 {
  margin-top: 40px;
  margin-bottom: -90px;
}
.quiz-element-2 svg {
  margin-left: -93px;
}

.quiz-element-3 {
  position: absolute;
  bottom: -93px;
  left: 330px;
}
@media (max-width: 960px) {
  .quiz-element-3 {
    display: none;
  }
}

.bgp-quiz__step .quiz_flex > img,
.bgp-quiz__step .quiz_content > p,
.bgp-quiz__step .quiz_content > .bgp-quiz__btn,
.bgp-quiz__step .quiz_description > p,
.bgp-quiz__step .quiz_description > ol,
.bgp-quiz__step .quiz_description > .bgp-quiz__btn,
.bgp-quiz__step .quiz_instruction__step-title,
.bgp-quiz__step .quiz_instruction__step-text,
.bgp-quiz__step .quiz_instruction__step-scale,
.bgp-quiz__step .quiz_instruction__example-title,
.bgp-quiz__step .quiz_instruction__example-content,
.bgp-quiz__step .quiz_instruction__recommendations-title,
.bgp-quiz__step .quiz_instruction__recommendations-item,
.bgp-quiz__step .bgp-quiz__result-text-content,
.bgp-quiz__step .bgp-quiz__feedback-title,
.bgp-quiz__step .bgp-quiz__feedback-text,
.bgp-quiz__step .bgp-quiz__feedback-contacts,
.bgp-quiz__step .bgp-quiz__employees-list,
.bgp-quiz__step .bgp-quiz__report-title,
.bgp-quiz__step .bgp-quiz__report-item,
.bgp-quiz__step .bgp-quiz__report-thanks {
  opacity: 0;
}
.bgp-quiz__step .quiz-element-1,
.bgp-quiz__step .quiz-element-2,
.bgp-quiz__step .quiz-element-3,
.bgp-quiz__step .quiz-element-21,
.bgp-quiz__step .quiz-element-22,
.bgp-quiz__step .quiz-element-23,
.bgp-quiz__step .quiz-element-24,
.bgp-quiz__step .quiz-element-25,
.bgp-quiz__step .quiz-element-31,
.bgp-quiz__step .quiz-element-32,
.bgp-quiz__step .quiz-element-33,
.bgp-quiz__step .quiz-element-34,
.bgp-quiz__step .quiz-element-35 {
  opacity: 1;
  overflow: visible;
}
.bgp-quiz__step .quiz-element-1 svg line,
.bgp-quiz__step .quiz-element-1 svg path,
.bgp-quiz__step .quiz-element-2 svg line,
.bgp-quiz__step .quiz-element-2 svg path,
.bgp-quiz__step .quiz-element-3 svg line,
.bgp-quiz__step .quiz-element-3 svg path,
.bgp-quiz__step .quiz-element-21 svg line,
.bgp-quiz__step .quiz-element-21 svg path,
.bgp-quiz__step .quiz-element-22 svg line,
.bgp-quiz__step .quiz-element-22 svg path,
.bgp-quiz__step .quiz-element-23 svg line,
.bgp-quiz__step .quiz-element-23 svg path,
.bgp-quiz__step .quiz-element-24 svg line,
.bgp-quiz__step .quiz-element-24 svg path,
.bgp-quiz__step .quiz-element-25 svg line,
.bgp-quiz__step .quiz-element-25 svg path,
.bgp-quiz__step .quiz-element-31 svg line,
.bgp-quiz__step .quiz-element-31 svg path,
.bgp-quiz__step .quiz-element-32 svg line,
.bgp-quiz__step .quiz-element-32 svg path,
.bgp-quiz__step .quiz-element-33 svg line,
.bgp-quiz__step .quiz-element-33 svg path,
.bgp-quiz__step .quiz-element-34 svg line,
.bgp-quiz__step .quiz-element-34 svg path,
.bgp-quiz__step .quiz-element-35 svg line,
.bgp-quiz__step .quiz-element-35 svg path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  opacity: 0;
}
.bgp-quiz__step.active .quiz-element-1 svg line,
.bgp-quiz__step.active .quiz-element-1 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 0.5s forwards;
}
.bgp-quiz__step.active .quiz_flex > img,
.bgp-quiz__step.active .quiz_content > p,
.bgp-quiz__step.active .quiz_content > .bgp-quiz__btn {
  animation: fadeIn 0.5s ease-in-out 1s forwards;
}
.bgp-quiz__step.active .quiz-element-2 svg line,
.bgp-quiz__step.active .quiz-element-2 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 1.5s forwards;
}
.bgp-quiz__step.active .quiz_description > p,
.bgp-quiz__step.active .quiz_description > ol,
.bgp-quiz__step.active .quiz_description > .bgp-quiz__btn {
  animation: fadeIn 0.5s ease-in-out 2s forwards;
}
.bgp-quiz__step.active .quiz-element-3 svg line,
.bgp-quiz__step.active .quiz-element-3 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 2.5s forwards;
}
.bgp-quiz__step.active .quiz-element-21 svg line,
.bgp-quiz__step.active .quiz-element-21 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 0s forwards;
}
.bgp-quiz__step.active .quiz_instruction__step-1 .quiz_instruction__step-title,
.bgp-quiz__step.active .quiz_instruction__step-1 .quiz_instruction__step-text {
  animation: fadeIn 0.5s ease-in-out 0.5s forwards;
}
.bgp-quiz__step.active .quiz-element-22 svg line,
.bgp-quiz__step.active .quiz-element-22 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 1s forwards;
}
.bgp-quiz__step.active .quiz_instruction__step-2 .quiz_instruction__step-title,
.bgp-quiz__step.active .quiz_instruction__step-2 .quiz_instruction__step-text {
  animation: fadeIn 0.5s ease-in-out 1.5s forwards;
}
.bgp-quiz__step.active .quiz-element-23 svg line,
.bgp-quiz__step.active .quiz-element-23 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 2s forwards;
}
.bgp-quiz__step.active .quiz_instruction__step-3 .quiz_instruction__step-title,
.bgp-quiz__step.active .quiz_instruction__step-3 .quiz_instruction__step-text,
.bgp-quiz__step.active .quiz_instruction__step-3 .quiz_instruction__step-scale {
  animation: fadeIn 0.5s ease-in-out 2.5s forwards;
}
.bgp-quiz__step.active .quiz-element-24 svg line,
.bgp-quiz__step.active .quiz-element-24 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 3s forwards;
}
.bgp-quiz__step.active .quiz_instruction__example-title,
.bgp-quiz__step.active .quiz_instruction__example-content {
  animation: fadeIn 0.5s ease-in-out 3.5s forwards;
}
.bgp-quiz__step.active .quiz-element-25 svg line,
.bgp-quiz__step.active .quiz-element-25 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 4s forwards;
}
.bgp-quiz__step.active .quiz_instruction__recommendations-title {
  animation: fadeIn 0.5s ease-in-out 4.5s forwards;
}
.bgp-quiz__step.active .quiz_instruction__recommendations-item:nth-child(1) {
  animation: fadeIn 0.5s ease-in-out 4.5s forwards;
}
.bgp-quiz__step.active .quiz_instruction__recommendations-item:nth-child(2) {
  animation: fadeIn 0.5s ease-in-out 4.6s forwards;
}
.bgp-quiz__step.active .quiz_instruction__recommendations-item:nth-child(3) {
  animation: fadeIn 0.5s ease-in-out 4.7s forwards;
}
.bgp-quiz__step .bgp-quiz__result-text-content {
  animation: fadeIn 0.5s ease-in-out 0s forwards;
}
.bgp-quiz__step .quiz-element-31 svg line,
.bgp-quiz__step .quiz-element-31 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 0.5s forwards;
}
.bgp-quiz__step .bgp-quiz__feedback-title,
.bgp-quiz__step .bgp-quiz__feedback-text,
.bgp-quiz__step .bgp-quiz__feedback-contacts {
  animation: fadeIn 0.5s ease-in-out 1s forwards;
}
.bgp-quiz__step .bgp-quiz__employees-list,
.bgp-quiz__step .bgp-quiz__report-title {
  animation: fadeIn 0.5s ease-in-out 1.5s forwards;
}
.bgp-quiz__step .quiz-element-32 svg line,
.bgp-quiz__step .quiz-element-32 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 2s forwards;
}
.bgp-quiz__step .bgp-quiz__report-item-0 {
  animation: fadeIn 0.5s ease-in-out 2.5s forwards;
}
.bgp-quiz__step .quiz-element-33 svg line,
.bgp-quiz__step .quiz-element-33 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 3s forwards;
}
.bgp-quiz__step .bgp-quiz__report-item-1 {
  animation: fadeIn 0.5s ease-in-out 3.5s forwards;
}
.bgp-quiz__step .quiz-element-34 svg line,
.bgp-quiz__step .quiz-element-34 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 4s forwards;
}
.bgp-quiz__step .bgp-quiz__report-item-2 {
  animation: fadeIn 0.5s ease-in-out 4.5s forwards;
}
.bgp-quiz__step .quiz-element-35 svg line,
.bgp-quiz__step .quiz-element-35 svg path {
  opacity: 1;
  animation: drawLine 0.5s ease-in-out 5s forwards;
}
.bgp-quiz__step .bgp-quiz__report-thanks {
  animation: fadeIn 0.5s ease-in-out 5.5s forwards;
}

@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */

.bgp-quiz__form .main-user-consent-request{
      padding: 16px 0;
      color: var(--bgp-grey-1);
      display:block;
}
.bgp-quiz__form .main-user-consent-request.error{
  color: var(--bgp-red);
}
.bgp-quiz__form .main-user-consent-request a {
  color: var(--bgp-grey-1);
}
.bgp-quiz__form .main-user-consent-request a:hover{
  text-decoration:none;
}
.bgp-quiz__form .main-user-consent-request.error a {
  color: var(--bgp-red);
}

.bgp-quiz__form p{
  font-family: var(--font-family);
  font-weight: 283;
  font-size: 14px;
  line-height: 157%;
  color: var(--bgp-grey-2);
  max-width: 780px;
}