*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: 0;
}
.ac_footer a, .ac_footer {
    color: rgb(255, 255, 255) !important;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
}

body {
  font-family: "Ruda", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #1C1155;
  background: linear-gradient(116deg, #D56885 0%, #143886 100%);
  min-height: 100vh;
}

img {
  display: block;
}

.content {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.wrapper {
  overflow: hidden;
}

#spriteSVG {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.button {
  padding: 16px 32px;
  border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA8BF), to(#F97E9E));
  background: linear-gradient(180deg, #FFA8BF 0%, #F97E9E 100%);
  font-size: 16px;
  font-weight: 900;
  color: #1C1155;
  text-align: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.button span {
  position: relative;
  z-index: 2;
}
.button:before {
  position: absolute;
  border-radius: 20px;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#F0A1B6), to(#DC5478));
  background: linear-gradient(180deg, #F0A1B6 0%, #DC5478 100%);
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.button:hover:before {
  opacity: 1;
  border-radius: 20px;
}

.main {
  padding: 20px 0;
}
.main__info {
  position: relative;
  padding: 20px;
  border-radius: 20px;
  background: linear-gradient(132deg, rgba(249, 212, 224, 0.5) 2.06%, rgba(255, 255, 255, 0.5) 97.25%);
  overflow: hidden;
}
.main__info:before {
  position: absolute;
  content: "";
  width: 182px;
  height: 180px;
  background: url("../img/main.png") center no-repeat;
  background-size: cover;
  bottom: 30px;
  right: -20px;
}
.main__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}
.main__logo svg {
  display: block;
  width: 17px;
  height: 17px;
}
.main__logo span {
  font-size: 16px;
  font-weight: 900;
}
.main__title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.25;
  margin-top: 14px;
  padding-right: 100px;
}
.main__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  background: #FFF;
  margin-top: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 2px 5px;
  gap: 4px;
}
.main__subtitle svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.main__subtitle span {
  display: block;
  line-height: 1.4;
  margin-top: 1px;
}
.main__good {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-top: 17px;
  padding-right: 130px;
}
.main__good img {
  width: 32px;
}
.main__good span {
  font-weight: 700;
  line-height: 1.4;
}
.main__text {
  margin-top: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  opacity: 0.8;
}
.main__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.2);
  gap: 10px;
  padding: 6px 10px;
  color: #fff;
  margin-top: 14px;
  border-radius: 5px;
}
.main__label svg {
  display: block;
  width: 50px;
  height: 50px;
  fill: currentColor;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.main__label span {
  line-height: 1.4;
}
.main__work {
  padding: 20px;
  border-radius: 20px;
  background: #FFF;
  margin-top: 24px;
}
.main__work--title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.main__list {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 10px;
}
.main__ico {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
}
.main__ico:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 80%;
  z-index: 1;
}
.main__ico--1:before {
  background: #FFAB91;
}
.main__ico--2:before {
  background: #F48FB1;
}
.main__ico--3:before {
  background: #B39DDB;
}
.main__ico--4:before {
  background: #80CBC4;
}
.main__ico svg {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  fill: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.main__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 10px;
}
.main__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 5px;
}
.main__block b {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}
.main__block span {
  line-height: 1.4;
  opacity: 0.8;
}
.main__next {
  margin-top: 24px;
}
.main__next--title {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.main__next--title b {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
.main__next--but {
  margin-top: 36px;
}

.survey__answer {
  display: none;
}

.survey__answer.active {
  display: block;
}

.image-container {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.final {
  display: none;
}

button.next-btn {
  width: 280px;
  outline: none;
  border: none;
  padding: 16px;
  line-height: 1;
  border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#E1D0FF), to(#9DB0F6));
  background: linear-gradient(180deg, #E1D0FF 0%, #9DB0F6 100%);
  text-align: center;
  font-family: Ruda;
  font-size: 16px;
  font-weight: 900;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
button.next-btn:disabled, button.next-btn[disabled] {
  background: -webkit-gradient(linear, left top, left bottom, from(#E6E2EE), to(#C0C7E0));
  background: linear-gradient(180deg, #E6E2EE 0%, #C0C7E0 100%);
  color: #83818C;
}
button.next-btn:disabled:hover, button.next-btn[disabled]:hover {
  cursor: not-allowed;
}
button.next-btn:not(:disabled, [disabled]):hover {
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#C6B1EB), to(#6E88E7));
  background: linear-gradient(180deg, #C6B1EB 0%, #6E88E7 100%);
}

.survey {
  text-align: center;
  margin-bottom: 40px;
}
.survey__header h1 {
  color: #fff;
  margin-top: 19px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
}
.survey__header h1 span {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.survey__progress {
  width: 193px;
  height: 5px;
  margin: 16px auto 0;
}
.survey__progress-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.survey__progress-line span {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  background-color: #fff;
  border-radius: 2px;
}
.survey__progress-line span:not(.survey__progress-line span:last-child) {
  margin-right: 1px;
}
.survey__progress-line span.active {
  background-color: #1C1155;
}
.survey__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px auto 0;
  text-align: center;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.2);
  padding: 3px 8px;
}
.survey__logo svg {
  inline-size: 17px;
  aspect-ratio: 1;
  margin-right: 5px;
}
.survey__logo span {
  color: #1C1155;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}
.survey__answers {
  margin: 54px auto 0;
  width: 300px;
  position: relative;
}
.survey__answer.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 300px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.survey__answer.active.survey__answer--8 {
  height: auto;
  margin-top: -60px;
}
.survey__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 20px;
  background: #FFF;
  padding: 20px;
  width: 100%;
}
.survey__answer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.survey__answer--8 h3 {
  font-size: 14px;
  font-weight: 900;
  color: #fff;
}
.survey__answer--8 p {
  color: #fff;
}
.survey__answer--8 p:nth-child(3) {
  margin-top: 16px;
}
.survey__answer--8 p:last-child {
  margin-top: 36px;
}
.survey__answer--8 .next-btn {
  margin-top: 26px;
  position: relative;
    z-index: 10;
}
.survey__answer--8 .user-photo {
  max-width: 332px;
  margin: 10px auto 30px;
  position: relative;
}
.survey__answer--8 .wrapper {
  overflow: visible;
}
.survey__answer--8 .user-photo::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 264px;
  height: 271px; */
  background: radial-gradient(circle, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 50%);
  aspect-ratio:1;
  inline-size: 160%;
  z-index: -1;

}
.survey__answer .back {
  position: absolute;
  left: 0;
  top: -40px;
}
.survey__answer .back svg {
  inline-size: 40px;
  aspect-ratio: 1;
  cursor: pointer;
}
.survey__answer h2 {
  color: #1C1155;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-align: left;
}
.survey__answer .answer-block {
  padding-left: 41px;
  display: block;
  text-align: left;
  position: relative;
  color: #1C1155;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 13px;
  cursor: pointer;
}
.survey__answer .answer-block::before, .survey__answer .answer-block::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  aspect-ratio: 1;
}
.survey__answer .answer-block::before {
  border: 2px solid #9296A1;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  inline-size: 24px;
}
.survey__answer .answer-block::after {
  left: 6px;
  inline-size: 12px;
  background: #263C86;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.survey__answer .answer-block.active::after {
  opacity: 1;
}
.survey .final {
  margin-bottom: 40px;
  color: #fff;
  text-align: left;
  margin-top: -30px;
}
.survey .final .result {
  padding: 20px;
  color: #1C1155;
  border-radius: 20px;
  background: #FFF;
}
.survey .final .result h2 {
  font-weight: 900;
  line-height: 1.2;
  font-size: 22px;
}
.survey .final .result h3 {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
}
.survey .final .result__photo {
  margin: 24px auto;
  width: 192px;
  height: 216px;
  background: linear-gradient(142deg, #6D4E85 2.67%, #263C86 94.67%);
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  overflow: hidden;
}
.survey .final .result__photo img {
  margin-top: -30px;
  max-width: 126px;
  max-height: 260px;
}
.survey .final .result p {
  text-align: left;
  line-height: 1.4;
}
.survey .final .result p.second {
  margin: 8px 0 24px;
}
.survey .final h2 {
  font-size: 18px;
  text-align: left;
  font-weight: 900;
  line-height: 1.2;
}
.survey .final .symptoms {
  margin-top: 30px;
}
.survey .final .symptoms ul {
  list-style: none;
  padding-top: 6px;
}
.survey .final .symptoms ul li {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 8px;
  padding-left: 46px;
  position: relative;
}
.survey .final .symptoms ul li::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16' viewBox='0 0 30 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1138_1019)'%3E%3Cpath d='M2.02219 0.0466313H22.7953C22.9395 0.0464907 23.082 0.0767509 23.2133 0.135381C23.3447 0.194012 23.4618 0.279657 23.5568 0.386569L29.7495 7.36348C29.911 7.54525 30 7.77863 30 8.02025C30 8.26186 29.911 8.49524 29.7495 8.67701L23.5568 15.6539C23.4618 15.7608 23.3447 15.8465 23.2134 15.9051C23.082 15.9637 22.9395 15.994 22.7953 15.9939H2.02219C0.905476 15.9939 7.24792e-05 15.1013 7.24792e-05 14.0005V2.04003C7.24792e-05 0.939178 0.905476 0.0466313 2.02219 0.0466313Z' fill='url(%23paint0_linear_1138_1019)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1138_1019' x1='1.29897e-06' y1='8' x2='28.5' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC003F' stop-opacity='0.2'/%3E%3Cstop offset='1' stop-color='%23BC2A51'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1138_1019'%3E%3Crect width='30' height='16' fill='white' transform='matrix(-1 0 0 1 30 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center/contain no-repeat;
  content: "";
  position: absolute;
  width: 30px;
  height: 16px;
  top: 50%;
  -webkit-transform: translateY(-63%);
      -ms-transform: translateY(-63%);
          transform: translateY(-63%);
  left: 0;
}
.survey .final .condition {
  margin-top: 37px;
}
.survey .final .condition__wrapper {
  margin-top: 14px;
  border-radius: 0px 90px 90px 0px;
  background: rgba(255, 255, 255, 0.2);
  width: calc(100% - 33px);
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px 0 12px;
  position: relative;
}

.survey .final .condition__wrapper::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='99' viewBox='0 0 22 99' fill='none'%3E%3Cpath d='M10.9953 99C15.8554 99 19.7953 95.0601 19.7953 90.2C19.7953 85.3398 15.8554 81.3999 10.9953 81.3999C6.13521 81.3999 2.19531 85.3398 2.19531 90.2C2.19531 95.0601 6.13521 99 10.9953 99Z' fill='%23B5375B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 11.0001L4.4 63.8004C4.4 65.5508 5.09536 67.2295 6.3331 68.4673C7.57084 69.705 9.24957 70.4004 11 70.4004C12.7504 70.4004 14.4292 69.705 15.6669 68.4673C16.9046 67.2295 17.6 65.5508 17.6 63.8004L22 11.0001C22 7.35684 19.8 0 11 0C2.2 0 0 7.35684 0 11.0001Z' fill='%23B5375B'/%3E%3C/svg%3E") center/contain no-repeat;
  width: 22px;
  height: 99px;
  position: absolute;
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.survey .final .condition__wrapper p {
  opacity: 0.8;
  width: calc(100% - 88px);
  line-height: 1.4;
}
.survey .final .condition__wrapper .condition__points {
  inline-size: 88px;
  aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3E%3Cpath d='M88 44C88 68.3005 68.3005 88 44 88C19.6995 88 0 68.3005 0 44C0 19.6995 19.6995 0 44 0C68.3005 0 88 19.6995 88 44ZM14.08 44C14.08 60.5244 27.4756 73.92 44 73.92C60.5244 73.92 73.92 60.5244 73.92 44C73.92 27.4756 60.5244 14.08 44 14.08C27.4756 14.08 14.08 27.4756 14.08 44Z' fill='white'/%3E%3Cmask id='path-2-inside-1_1138_1043' fill='white'%3E%3Cpath d='M44 7.04C44 3.15192 47.1717 -0.0574703 51.0101 0.561998C56.7636 1.49053 62.2992 3.55684 67.2839 6.66555C74.2688 11.0218 79.8916 17.2501 83.5132 24.6427C87.1348 32.0352 88.6099 40.2955 87.7709 48.4847C86.9318 56.6738 83.8123 64.4633 78.7668 70.9679C73.7214 77.4725 66.9524 82.4312 59.2292 85.2804C51.506 88.1297 43.1383 88.7551 35.0774 87.0858C27.0164 85.4165 19.5854 81.5192 13.6289 75.8371C9.37827 71.7821 6.00021 66.9342 3.67003 61.5925C2.11545 58.0287 4.43524 54.1585 8.20117 53.1916C11.9671 52.2247 15.735 54.5552 17.5532 57.9919C19.0528 60.8263 21.0054 63.4148 23.3477 65.6492C27.3981 69.5131 32.4511 72.1632 37.9326 73.2983C43.4141 74.4335 49.104 74.0082 54.3558 72.0707C59.6076 70.1332 64.2105 66.7613 67.6414 62.3382C71.0723 57.9151 73.1936 52.6182 73.7642 47.0496C74.3347 41.481 73.3317 35.864 70.869 30.837C68.4063 25.8101 64.5828 21.5748 59.833 18.6126C57.0863 16.8996 54.0935 15.652 50.9753 14.9044C47.1944 13.998 44 10.9281 44 7.04Z'/%3E%3C/mask%3E%3Cpath d='M44 7.04C44 3.15192 47.1717 -0.0574703 51.0101 0.561998C56.7636 1.49053 62.2992 3.55684 67.2839 6.66555C74.2688 11.0218 79.8916 17.2501 83.5132 24.6427C87.1348 32.0352 88.6099 40.2955 87.7709 48.4847C86.9318 56.6738 83.8123 64.4633 78.7668 70.9679C73.7214 77.4725 66.9524 82.4312 59.2292 85.2804C51.506 88.1297 43.1383 88.7551 35.0774 87.0858C27.0164 85.4165 19.5854 81.5192 13.6289 75.8371C9.37827 71.7821 6.00021 66.9342 3.67003 61.5925C2.11545 58.0287 4.43524 54.1585 8.20117 53.1916C11.9671 52.2247 15.735 54.5552 17.5532 57.9919C19.0528 60.8263 21.0054 63.4148 23.3477 65.6492C27.3981 69.5131 32.4511 72.1632 37.9326 73.2983C43.4141 74.4335 49.104 74.0082 54.3558 72.0707C59.6076 70.1332 64.2105 66.7613 67.6414 62.3382C71.0723 57.9151 73.1936 52.6182 73.7642 47.0496C74.3347 41.481 73.3317 35.864 70.869 30.837C68.4063 25.8101 64.5828 21.5748 59.833 18.6126C57.0863 16.8996 54.0935 15.652 50.9753 14.9044C47.1944 13.998 44 10.9281 44 7.04Z' fill='url(%23paint0_linear_1138_1043)' stroke='white' stroke-width='2' mask='url(%23path-2-inside-1_1138_1043)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1138_1043' x1='11' y1='74' x2='73' y2='11.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23AB2049'/%3E%3Cstop offset='1' stop-color='%23DE8EA3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center/contain no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.survey .final .condition__wrapper .condition__points span {
  font-size: 22px;
  font-weight: 900;
  display: block;
}
.survey .final .cure {
  margin-top: 30px;
}
.survey .final .cure p {
  margin-top: 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}
.survey .final .cure ul {
  list-style: none;
}
.survey .final .cure ul li {
  line-height: 1.4;
  position: relative;
  padding-left: 46px;
  margin-top: 11px;
  min-height: 30px;
  display: flex;
  align-items: center;
}
.survey .final .cure ul li::before {
  content: "!";
  position: absolute;
  inline-size: 30px;
  aspect-ratio: 1;
  color: #D5426C;
  line-height: 1;
  font-size: 20px;
  left: 0;
  font-weight: 900;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  border: 2px solid #D5426C;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.survey .final .or {
  margin-top: 38px;
  color: #fff;
}
.survey .final .or h3 {
  font-size: 16px;
  font-weight: 900;
}
.survey .final .or .subtitle {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  border-radius: 2px;
  background: #655BAC;
  display: inline-block;
  margin-top: 8px;
  padding: 4px 6px;
}
.survey .final .or h5 {
  font-weight: 900;
  line-height: 1.4;
  margin-top: 16px;
}
.survey .final .or ul {
  list-style: none;
  margin-top: 12px;
}
.survey .final .or ul .ico {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
}
.survey .final .or ul .ico svg {
  height: 16px;
  width: 16px;
}
.survey .final .or ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.survey .final .or ul li p {
  margin: 0;
}
.survey .final .or ul li:nth-child(1) .ico {
  background: #FFAB91;
}
.survey .final .or ul li:nth-child(2) .ico {
  background: #F48FB1;
}
.survey .final .or ul li:nth-child(3) .ico {
  background: #B39DDB;
}
.survey .final .or p {
  margin-top: 0px;
}
.survey .final .or p:last-child:not(.or__wrapper p) {
  margin-top: 14px;
}
.survey .final .or p:nth-child(3) {
  margin-top: 10px;
}
.survey .final .or p:nth-child(6) {
  margin-top: 16px;
}
.survey .final .or__wrapper {
  margin-top: 10px;
  border-radius: 20px;
  background: #FFF;
  padding: 20px;
  color: #000;
}
.survey .final .form {
  margin-top: 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.2);
  padding: 24px 20px;
}
.survey .final .form__prod {
  position: relative;
}
.survey .final .form__prod h4 {
  display: none;
}
.survey .final .form__prod .tube {
  width: 135px;
  margin-left: 10px;
}
.survey .final .form__prod .sale {
  width: 139px;
  position: absolute;
  top: 108px;
  right: 8px;
  z-index: -1;
}
.survey .final .form__title {
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  color: #1C1155;
  margin: 31px 0 20px;
}
.survey .final .form input, .survey .final .form select {
  font-family: "Ruda";
  font-weight: 700;
  font-size: 12px;
  background-color: #FFF;
  line-height: 1;
  height: 50px;
  display: block;
  margin: 0 auto 20px;
  outline: 0;
  border: none;
  width: 100%;
  border-radius: 5px;
  padding-left: 20px;
  color: #1C1155;
}
.survey .final .form select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E%0A") no-repeat 95% 50%, #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #1C1155;
}
.survey .final .form select option {
  color: #1C1155;
}
.survey .final .form .price {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.survey .final .form .price__old p {
  color: #1C1155;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: line-through;
  margin-right: 20px;
  opacity: 0.5;
  display: inline-block;
}
.survey .final .form .price__new p {
  font-weight: 700;
  display: inline-block;
  font-size: 32px;
  line-height: 1.2;
  color: #1C1155;
}
.survey .final .form .button {
  border: 0;
  outline: none;
  display: block;
  margin: 20px auto 0;
}
.survey .final .form .button span {
  color: #1C1155;
  font-size: 16px;
  font-weight: 900;
  font-family: Ruda;
}

.form {
  display: none;
}

.loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: absolute;
  display: block;
}

.survey__answer--8.active {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}