:root {
  --orange-1: #EE7512;
  --orange-1-rgb: 238, 117, 18;
  --orange-2: #FF9E30;
  --orange-2-rgb: 255, 158, 48;
  --orange-1---dark: #F4580A;
  --orange-1---dark-rgb: 244, 88, 10;
  --orange-2---dark: #F1880F;
  --orange-2---dark-rgb: 241, 136, 15;
  --black: #0F0E0E;
  --black-rgb: 15, 14, 14;
  --grey-900: #3F3F3F;
  --grey-900-rgb: 63, 63, 63;
  --grey-800: #747474;
  --grey-800-rgb: 116, 116, 116;
  --grey-600: #A2A2A2;
  --grey-600-rgb: 162, 162, 162;
  --grey-500: #C5C5C5;
  --grey-500-rgb: 197, 197, 197;
  --white: #FEFEFF;
  --white-rgb: 254, 254, 255;
  --grey-bg: #F4F4F4;
  --grey-bg-rgb: 244, 244, 244;
  --error: #E73131;
  --error-rgb: 231, 49, 49;
  --bw-900: #3A3A3C;
  --bw-900-rgb: 58, 58, 60;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi Variable";
  src: url("../fonts/Satoshi-Variable.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
  font-style: normal;
}
.title-xl {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 72px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.44px;
}

.title-l {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.12px;
}
.title-l span {
  font-family: inherit;
  color: var(--orange-1, #EE7512);
}

.title-m {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.8px;
}

.title-s {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.64px;
}
.title-s span {
  font-family: inherit;
  color: var(--orange-1, #EE7512);
}

.title-xs {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.56px;
}

.text-xxl {
  font-size: 28px;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.text-xxl span {
  color: var(--orange-1, #EE7512);
}
.text-xxl.medium {
  font-weight: 500;
}
.text-xxl.semibold {
  font-weight: 600;
}

.text-xl {
  font-size: 24px;
  line-height: 140%;
}
.text-xl span {
  color: var(--orange-1, #EE7512);
}
.text-xl.medium {
  font-weight: 500;
}
.text-xl.semibold {
  font-weight: 600;
}

.text-l {
  font-size: 22px;
  line-height: 140%;
}
.text-l.regular {
  font-weight: 400;
}

.text-m {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.2px;
}
.text-m.regular {
  font-weight: 400;
}
.text-m.medium {
  font-weight: 500;
}
.text-m.semibold {
  font-weight: 600;
}

.text-s {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.18px;
}
.text-s.medium {
  font-weight: 500;
}

.text-xs {
  font-size: 13px;
  line-height: 140%;
  letter-spacing: -0.13px;
}
.text-xs.medium {
  font-weight: 500;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

body {
  box-sizing: border-box;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  border: none;
  background-color: transparent;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

dl,
ol,
ul {
  margin: 0;
  padding: 0;
}

label {
  margin: 0;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
  margin: 0;
}

input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

* {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
}

body {
  background-color: #fff;
}

.container {
  width: 100%;
  max-width: 1440px;
  padding: 0 60px;
  margin: 0 auto;
}

.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.py-60 {
  padding: 60px 0;
}

.agent {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.agent .btn {
  display: none;
}

.agent-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.agent-info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.agent-avatar {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid var(--orange-1, #EE7512);
  box-shadow: 0px 5.854px 11.707px 0px rgba(168, 168, 168, 0.35);
  overflow: hidden;
}
.agent-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
}

.agent-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.agent-name {
  font-family: "Satoshi Variable";
  color: var(--black, #0F0E0E);
  font-size: 44px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.88px;
}

.agent-status {
  color: var(--grey-800, #747474);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.2px;
}

.agent-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.2px;
  font-weight: 400;
}

.agent-rating-star {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.agent-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.agent-body .btn-black {
  width: -moz-fit-content;
  width: fit-content;
}

.agent-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 24px;
}

.agent-item,
.agent-link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.18px;
  color: var(--grey-900, #3F3F3F);
  font-weight: 500;
  text-align: left;
}
.agent-item span,
.agent-link span {
  font-weight: 600;
}

.agent-link {
  transition: color 0.2s linear;
  color: var(--orange-1, #EE7512);
}
.agent-link:hover {
  color: var(--grey-900, #3F3F3F);
}

.agent-icon {
  width: 28px;
  height: 28px;
  padding: 6px;
  flex-shrink: 0;
  border-radius: 800px;
  background: var(--orange-1, #EE7512);
}

.agent-bio {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}
.agent-bio .agent-avatar {
  width: 225px;
  height: 225px;
  margin-top: -145px;
  margin-bottom: 20px;
}
.agent-bio .title-l {
  color: var(--black, #0F0E0E);
  margin-bottom: 6px;
}

.agent-short {
  color: var(--grey-800, #747474);
  margin-bottom: 20px;
}

.agent-grid {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
}

.agent-line {
  height: 1px;
  width: 100%;
  margin-bottom: 16px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 51%, rgba(0, 0, 0, 0) 100%);
}

.agent-descr {
  margin-bottom: 32px;
  color: #494949;
}
.agent-descr strong {
  color: var(--black, #0F0E0E);
  font-weight: 600;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.benefits {
  background: var(--grey-bg, #F4F4F4);
}

.benefits-inner {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.benefits-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.benefits-head .title-l {
  color: var(--black, #0F0E0E);
}

.benefits-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}

.benefits-card {
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 24px;
  border-radius: 24px;
  background: #FFF;
}
.benefits-card:nth-child(1) .benefits-card-descr {
  font-size: 16px;
  letter-spacing: -0.16px;
}
.benefits-card:nth-child(2) .benefits-card-img {
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.benefits-card:nth-child(3) .benefits-card-descr {
  font-size: 14px;
  letter-spacing: -0.14px;
}

.benefits-card-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.benefits-card-head .title-xs {
  color: var(--bw-900, #3A3A3C);
}
.benefits-card-head .title-xs span {
  color: var(--orange-1, #EE7512);
}

.benefits-card-descr {
  max-width: 394px;
  color: var(--grey-900, #3F3F3F);
  font-weight: 500;
  line-height: 140%;
}

.benefits-card-img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.benefits-card-agent {
  display: none;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 32px;
  border-radius: 600px;
  transition: background-color 0.2s linear, color 0.2s linear;
  color: var(--white, #FEFEFF);
  font-size: 20px;
  font-weight: 500;
  line-height: 168%;
}
.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn:not(:disabled):active {
  transform: translateY(2px);
}
.btn--primary {
  background-color: var(--orange-1, #EE7512);
}
.btn--secondary {
  background-color: var(--orange-2, #FF9E30);
}
.btn--grey {
  background-color: var(--grey-bg, #F4F4F4);
  color: var(--black, #0F0E0E);
}
.btn img {
  width: 24px;
  height: 24px;
}

.btn-back {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--black, #0F0E0E);
  font-size: 20px;
  font-weight: 500;
  line-height: 168%;
  transition: opacity 0.2s linear, visibility 0.2s linear;
}
.btn-back:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-back[hidden] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.btn-back img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.2s linear, opacity 0.2s linear;
}

.btn-orange,
.btn-black {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 168%;
  transition: opacity 0.2s linear;
}
.btn-orange:disabled,
.btn-black:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-orange img,
.btn-black img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.btn-orange {
  color: #D8680B;
}

.btn-black {
  color: var(--black, #0F0E0E);
}

.btn-arrow {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--orange-1, #EE7512);
  border: 1px solid var(--orange-1, #EE7512);
  transition: 0.2s linear;
  position: relative;
}
.btn-arrow:disabled, .btn-arrow.swiper-button-disabled {
  cursor: not-allowed;
  background-color: rgba(197, 197, 197, 0.5);
  -webkit-backdrop-filter: blur(4.3000001907px);
  backdrop-filter: blur(4.3000001907px);
  border: 1px solid rgba(var(--white-rgb), 0.24);
}
.btn-arrow::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btn-arrow--prev::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.0598 2.4548C16.341 2.7361 16.499 3.11756 16.499 3.5153C16.499 3.91305 16.341 4.29451 16.0598 4.5758L8.63484 12.0008L16.0598 19.4258C16.3331 19.7087 16.4843 20.0876 16.4809 20.4809C16.4774 20.8742 16.3197 21.2504 16.0416 21.5285C15.7635 21.8066 15.3872 21.9644 14.9939 21.9678C14.6006 21.9712 14.2217 21.82 13.9388 21.5468L5.45334 13.0613C5.17213 12.78 5.01416 12.3986 5.01416 12.0008C5.01416 11.6031 5.17213 11.2216 5.45334 10.9403L13.9388 2.4548C14.2201 2.1736 14.6016 2.01562 14.9993 2.01562C15.3971 2.01562 15.7785 2.1736 16.0598 2.4548Z' fill='%23FEFEFF'/%3E%3C/svg%3E");
}
.btn-arrow--next::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.94016 2.4548C7.65895 2.7361 7.50098 3.11756 7.50098 3.5153C7.50098 3.91305 7.65895 4.29451 7.94016 4.5758L15.3652 12.0008L7.94016 19.4258C7.66692 19.7087 7.51573 20.0876 7.51915 20.4809C7.52257 20.8742 7.68032 21.2504 7.95843 21.5285C8.23654 21.8066 8.61276 21.9644 9.00606 21.9678C9.39935 21.9712 9.77826 21.82 10.0612 21.5468L18.5467 13.0613C18.8279 12.78 18.9858 12.3986 18.9858 12.0008C18.9858 11.6031 18.8279 11.2216 18.5467 10.9403L10.0612 2.4548C9.77987 2.1736 9.39841 2.01562 9.00066 2.01562C8.60291 2.01562 8.22145 2.1736 7.94016 2.4548Z' fill='%23FEFEFF'/%3E%3C/svg%3E");
}

.swiper-pagination {
  position: static;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FBAC52;
}

.btn-up {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid var(--grey-900, #3F3F3F);
  background-color: var(--grey-900, #3F3F3F);
  transition: 0.2s linear;
  position: relative;
}
.btn-up:disabled {
  cursor: not-allowed;
  background-color: rgba(197, 197, 197, 0.5);
  -webkit-backdrop-filter: blur(4.3000001907px);
  backdrop-filter: blur(4.3000001907px);
  border: 1px solid rgba(var(--white-rgb), 0.24);
}
.btn-up::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2.4548 16.0594C2.7361 16.3406 3.11756 16.4985 3.5153 16.4985C3.91305 16.4985 4.29451 16.3406 4.5758 16.0594L12.0008 8.63435L19.4258 16.0594C19.7087 16.3326 20.0876 16.4838 20.4809 16.4804C20.8742 16.4769 21.2504 16.3192 21.5285 16.0411C21.8066 15.763 21.9644 15.3867 21.9678 14.9935C21.9712 14.6002 21.82 14.2213 21.5468 13.9384L13.0613 5.45285C12.78 5.17164 12.3986 5.01367 12.0008 5.01367C11.6031 5.01367 11.2216 5.17164 10.9403 5.45285L2.4548 13.9384C2.1736 14.2196 2.01563 14.6011 2.01562 14.9989C2.01562 15.3966 2.1736 15.7781 2.4548 16.0594Z' fill='%23FEFEFF'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.btn-forgot {
  color: var(--grey-800, #747474);
  font-size: 16px;
  font-weight: 500;
  line-height: 168%;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: color 0.2s linear;
}

.calculators {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.calculators-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.calculators-control {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.calculators-title {
  color: var(--black, #0F0E0E);
  font-family: "Satoshi Variable";
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.48px;
}

.calculators-tabs {
  display: flex;
  padding: 2px;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  background: var(--grey-bg, #F4F4F4);
}

.calculators-tab {
  position: relative;
}
.calculators-tab.is-active .calculators-tab-switch {
  cursor: default;
  background: #D8680B;
  font-weight: 500;
  color: var(--white, #FEFEFF);
}
.calculators-tab.is-active .calculators-tab-info {
  fill: var(--white, #FEFEFF);
}

.calculators-tab-switch {
  display: flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  background: var(--grey-bg, #F4F4F4);
  color: var(--black, #0F0E0E);
  font-family: "Satoshi Variable";
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  transition: 0.2s linear;
}
.calculators-tab-switch::after {
  content: "";
  width: 16px;
  height: 18px;
  flex-shrink: 0;
}

.calculators-tab-info {
  width: 16px;
  height: 18px;
  flex-shrink: 0;
  fill: #747474;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s linear;
}
.calculators-tab-info svg {
  fill: inherit;
}

.calculators-note {
  max-width: 200px;
  color: var(--grey-800, #747474);
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.calculators-note strong {
  display: block;
  color: var(--grey-900, #3F3F3F);
  font-weight: 800;
  line-height: 168%;
}

.calculators-step {
  display: none;
  flex-direction: column;
  gap: 16px;
}
.calculators-step.active {
  display: flex;
}

.calculators-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.calculators-progress-title {
  color: var(--grey-600, #A2A2A2);
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}

.calculators-progress-tag {
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--black, #0F0E0E);
  white-space: nowrap;
  color: var(--white, #FEFEFF);
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.12px;
}
.calculators-progress-tag span {
  color: var(--grey-800, #747474);
}

.calculators-progress-wrapper {
  display: flex;
  align-items: stretch;
  height: 25px;
  gap: 4px;
}

.calculators-progress-lines {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(197, 197, 197, 0.3);
}

.calculators-progress-line {
  width: 64px;
  height: 6px;
  flex-shrink: 0;
  border-radius: 900px;
  opacity: 0.2;
  background: var(--black, #0F0E0E);
}
.calculators-progress-line.active {
  opacity: 1;
}

.calculators-block {
  display: none;
  flex-direction: column;
  gap: 24px;
}
.calculators-block.active {
  display: flex;
}

.calculators-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.calculators-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
}
.calculators-group--big {
  grid-column: span 2;
}
.calculators-group--big .calculators-fields {
  grid-template-columns: 1fr 205px;
}
.calculators-group .form-select .choices.is-flipped .choices__list--dropdown {
  bottom: calc(100% + 6px);
  border-radius: 12px !important;
}
.calculators-group .form-select .choices__inner {
  padding: 8px 12px !important;
  height: 45px;
  border-radius: 12px !important;
  color: var(--black, #0F0E0E);
  font-size: 16px;
  font-weight: 400;
  line-height: 168%;
}
.calculators-group .form-select .choices[data-type*=select-one]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.63654 4.63621C1.82406 4.44874 2.07837 4.34343 2.34354 4.34343C2.6087 4.34343 2.86301 4.44874 3.05054 4.63621L8.00054 9.58621L12.9505 4.63621C13.1391 4.45406 13.3917 4.35326 13.6539 4.35554C13.9161 4.35782 14.1669 4.46299 14.3524 4.6484C14.5378 4.8338 14.6429 5.08462 14.6452 5.34681C14.6475 5.60901 14.5467 5.86161 14.3645 6.05021L8.70754 11.7072C8.52001 11.8947 8.2657 12 8.00054 12C7.73537 12 7.48106 11.8947 7.29354 11.7072L1.63654 6.05021C1.44907 5.86269 1.34375 5.60838 1.34375 5.34321C1.34375 5.07805 1.44907 4.82374 1.63654 4.63621Z' fill='%233F3F3F'/%3E%3C/svg%3E");
}
.calculators-group .form-select .choices__item--choice {
  padding: 8px !important;
  font-size: 16px !important;
  line-height: 168%;
  border-bottom: none !important;
  border-radius: 5px;
  transition: 0.2s linear;
}
.calculators-group .form-select .choices__item--choice:not(:last-child) {
  margin-bottom: 4px;
}
.calculators-group .form-select .choices__item--selectable.is-selected {
  background: #D8680B !important;
  font-weight: 500;
  color: var(--white, #FEFEFF);
}
.calculators-group .form-select .choices__item--selectable.is-selected::after {
  display: none;
}

.calculators-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.calculators-top--start {
  justify-content: flex-start;
}

.calculators-name {
  color: var(--grey-900, #3F3F3F);
  font-size: 14px;
  font-weight: 500;
  line-height: 168%;
}
.calculators-name span {
  color: var(--grey-600, #A2A2A2);
}

.calculators-info {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  fill: #656565;
  transition: 0.2s linear;
}

.calculators-fields {
  display: grid;
  grid-template-columns: 160px 1fr;
}
.calculators-fields .calculators-label--dollar .calculators-input {
  border-left: none;
  border-radius: 0 12px 12px 0;
}
.calculators-fields .calculators-label--precent .calculators-input {
  border-radius: 12px 0 0 12px;
}

.calculators-label {
  display: block;
  width: 100%;
  position: relative;
}
.calculators-label--dollar::before {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.2806 5.4307C12.2806 3.90403 10.3653 2.66536 8.0026 2.66536C5.63994 2.66536 3.7246 3.90336 3.7246 5.4307C3.7246 6.95803 4.89127 7.80136 8.0026 7.80136C11.1139 7.80136 12.6693 8.59136 12.6693 10.5667C12.6693 12.542 10.5799 13.332 8.0026 13.332C5.42527 13.332 3.33594 12.094 3.33594 10.5667M8.0026 1.33203V14.6654' stroke='%233F3F3F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  left: 12px;
}
.calculators-label--precent::before {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.74 12L0.94 11.2L11.684 0.48L12.484 1.272L1.74 12ZM10.084 12.24C9.556 12.24 9.07333 12.112 8.636 11.856C8.204 11.5947 7.85733 11.248 7.596 10.816C7.33467 10.3787 7.204 9.89333 7.204 9.36C7.204 8.83733 7.33733 8.35733 7.604 7.92C7.87067 7.48267 8.22267 7.13333 8.66 6.872C9.09733 6.61067 9.572 6.48 10.084 6.48C10.612 6.48 11.0947 6.61067 11.532 6.872C11.9693 7.128 12.316 7.47467 12.572 7.912C12.8333 8.344 12.964 8.82667 12.964 9.36C12.964 9.89333 12.8333 10.3787 12.572 10.816C12.316 11.248 11.9693 11.5947 11.532 11.856C11.0947 12.112 10.612 12.24 10.084 12.24ZM10.084 11.176C10.4093 11.176 10.7107 11.0933 10.988 10.928C11.2653 10.7627 11.4867 10.544 11.652 10.272C11.8173 9.99467 11.9 9.69067 11.9 9.36C11.9 9.02933 11.8173 8.728 11.652 8.456C11.4867 8.17867 11.2653 7.95733 10.988 7.792C10.7107 7.62667 10.4093 7.544 10.084 7.544C9.75333 7.544 9.44933 7.62667 9.172 7.792C8.9 7.95733 8.67867 8.17867 8.508 8.456C8.34267 8.728 8.26 9.02933 8.26 9.36C8.26 9.69067 8.34267 9.99467 8.508 10.272C8.67867 10.544 8.9 10.7627 9.172 10.928C9.44933 11.0933 9.75333 11.176 10.084 11.176ZM3.34 6C2.812 6 2.32933 5.872 1.892 5.616C1.45467 5.35467 1.10533 5.008 0.844 4.576C0.588 4.13867 0.46 3.65333 0.46 3.12C0.46 2.59733 0.593333 2.11733 0.86 1.68C1.12667 1.24267 1.47867 0.893332 1.916 0.631999C2.35333 0.370666 2.828 0.24 3.34 0.24C3.868 0.24 4.348 0.370666 4.78 0.631999C5.21733 0.888 5.56667 1.23467 5.828 1.672C6.08933 2.104 6.22 2.58667 6.22 3.12C6.22 3.65333 6.08933 4.13867 5.828 4.576C5.56667 5.008 5.21733 5.35467 4.78 5.616C4.348 5.872 3.868 6 3.34 6ZM3.34 4.936C3.67067 4.936 3.972 4.85333 4.244 4.688C4.52133 4.52267 4.74267 4.304 4.908 4.032C5.07333 3.75467 5.156 3.45067 5.156 3.12C5.156 2.78933 5.07333 2.488 4.908 2.216C4.74267 1.93867 4.52133 1.71733 4.244 1.552C3.972 1.38667 3.67067 1.304 3.34 1.304C3.00933 1.304 2.70533 1.38667 2.428 1.552C2.156 1.71733 1.93733 1.93867 1.772 2.216C1.60667 2.488 1.524 2.78933 1.524 3.12C1.524 3.45067 1.60667 3.75467 1.772 4.032C1.93733 4.304 2.156 4.52267 2.428 4.688C2.70533 4.85333 3.00933 4.936 3.34 4.936Z' fill='%233F3F3F'/%3E%3C/svg%3E%0A");
  left: 14px;
}
.calculators-label--precent .calculators-input {
  padding: 8px 12px 8px 44px;
}
.calculators-label::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.calculators-input {
  display: block;
  width: 100%;
  padding: 8px 12px 8px 44px;
  border-radius: 12px;
  border: 1px solid #DBDBDB;
  background: var(--white, #FEFEFF);
  transition: border-color 0.2s linear;
  color: var(--black, #0F0E0E);
  font-size: 16px;
  font-weight: 400;
  line-height: 168%;
  -moz-appearance: textfield;
}
.calculators-input::-webkit-inner-spin-button, .calculators-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calculators-input[readonly] {
  cursor: default;
}

.calculators-checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 44px;
  margin-top: auto;
}

.calculators-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.calculators-nav .btn-black {
  font-size: 18px;
}
.calculators-nav .btn-black:disabled {
  opacity: 0;
  visibility: hidden;
}
.calculators-nav .btn {
  padding: 7px 54px;
  font-size: 18px;
}
.calculators-nav .btn.hide {
  opacity: 0;
  visibility: hidden;
}

.calculators-popup {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(63, 63, 63, 0.8);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 32px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  position: absolute;
  inset: 0;
  z-index: 2;
}
.calculators-popup.active {
  opacity: 1;
  visibility: visible;
}

.calculators-popup-inner {
  max-width: 460px;
  padding: 20px;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 0px 22.1px 0px rgba(0, 0, 0, 0.11);
}

.calculators-popup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.calculators-popup-title {
  color: var(--black, #0F0E0E);
  font-family: "Satoshi Variable";
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.48px;
}

.calculators-popup-close {
  width: 24px;
  height: 24px;
  display: block;
  background: none;
  border: none;
  stroke: var(--grey-800);
  transition: 0.2s linear;
}
.calculators-popup-close:hover {
  stroke: var(--orange-1---dark);
}

.calculators-popup-content {
  padding-top: 16px;
  margin-top: 20px;
  color: var(--black, #0F0E0E);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.16px;
  position: relative;
}
.calculators-popup-content::before {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, rgba(197, 197, 197, 0) 0%, rgba(197, 197, 197, 0.24) 51%, rgba(197, 197, 197, 0) 100%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.calculators-popup-content strong {
  color: var(--orange-1, #EE7512);
  font-weight: 600;
}

.calculators-results {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.calculators-results--net-proceeds {
  gap: 20px;
}
.calculators-results--net-proceeds .calculators-chart {
  grid-template-columns: 215px auto;
}
.calculators-results--net-proceeds .calculators-results-block {
  flex-grow: 1;
}

.calculators-results-block {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.calculators-results-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.calculators-results-group--row {
  flex-direction: row;
  align-items: center;
  gap: 14px;
}
.calculators-results-group--row:not(:last-child) {
  position: relative;
}
.calculators-results-group--row:not(:last-child)::after {
  content: "";
  height: 1px;
  background: #EDEDED;
  position: absolute;
  left: 0;
  bottom: -14px;
  right: 0;
}
.calculators-results-group--row .calculators-results-label {
  padding: 10px;
  width: 100px;
  text-align: left;
}

.calculators-results-label {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 14px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.14px;
}
.calculators-results-label--grey {
  background: var(--grey-bg, #F4F4F4);
  color: var(--grey-900, #3F3F3F);
}
.calculators-results-label--black {
  background: var(--black, #0F0E0E);
  color: var(--white, #FEFEFF);
}

.calculators-results-value {
  color: #8A8A8A;
  font-size: 32px;
  font-weight: 500;
  line-height: 108%;
}
.calculators-results-value--large {
  color: var(--black, #0F0E0E);
  font-size: 64px;
}
.calculators-results-value--small {
  font-size: 24px;
}

.calculators-chart {
  max-width: 450px;
  height: auto;
  display: grid;
  grid-template-columns: 284px auto;
  align-items: center;
  gap: 5px;
}

.calculators-chart-wrapper {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
}

.calculators-legend {
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex-shrink: 0;
}

.calculators-legend-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.calculators-legend-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}

.calculators-legend-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--grey-800, #747474);
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}
.calculators-legend-title--orange-dot::before {
  background: linear-gradient(14deg, #FF4B00 12.58%, #EE791F 102.3%);
}
.calculators-legend-title--yellow-dot::before {
  background: #EFB41E;
}
.calculators-legend-title--lemon-dot::before {
  background: #FFDD00;
}
.calculators-legend-title--black-dot::before {
  background: var(--black, #0F0E0E);
}
.calculators-legend-title::before {
  content: "";
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid #EBEBEB;
}

.calculators-legend-value {
  color: var(--black, #0F0E0E);
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
}
.calculators-legend-value--small {
  color: var(--grey-900, #3F3F3F);
  font-size: 20px;
  font-weight: 500;
}

.calculators-table {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 8px;
  border: 1px solid #DBDBDB;
}

.calculators-table-card {
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}

.calculators-table-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.calculators-table-label {
  color: var(--grey-800, #747474);
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.calculators-table-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.calculators-table-value {
  color: var(--black, #0F0E0E);
  font-size: 14px;
  font-weight: 600;
  line-height: 110%;
}

.content {
  padding: 120px 0;
}

.content-inner {
  color: var(--black, #0F0E0E);
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.2px;
}
.content-inner h1 {
  text-align: center;
  font-family: "Satoshi Variable", sans-serif;
  font-size: 72px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.44px;
}
.content-inner h2 {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.12px;
}
.content-inner h2 span {
  font-family: inherit;
  color: var(--orange-1, #EE7512);
}
.content-inner h3 {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.8px;
}
.content-inner h4 {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.64px;
}
.content-inner h4 span {
  font-family: inherit;
  color: var(--orange-1, #EE7512);
}
.content-inner h5 {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.56px;
}
.content-inner h6 {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.48px;
}
.content-inner p {
  margin-bottom: 24px;
}
.content-inner p:last-child {
  margin-bottom: 0;
}
.content-inner p a {
  color: var(--orange-1, #EE7512);
  text-decoration: none;
  transition: all 0.3s ease;
}
.content-inner p a:hover {
  color: var(--black, #0F0E0E);
  text-decoration: underline;
}
.content-inner p strong {
  font-weight: 600;
  color: var(--black, #0F0E0E);
}
.content-inner ul, .content-inner ol {
  margin-bottom: 32px;
  padding-left: 32px;
}
.content-inner ul li, .content-inner ol li {
  list-style-type: disc;
  margin-bottom: 12px;
  line-height: 140%;
}
.content-inner ul li:last-child, .content-inner ol li:last-child {
  margin-bottom: 0;
}
.content-inner ul li strong, .content-inner ol li strong {
  font-weight: 600;
  color: var(--black, #0F0E0E);
}
.content-inner ul {
  list-style-type: disc;
}
.content-inner ul li::marker {
  color: var(--orange-1, #EE7512);
}
.content-inner ol {
  list-style-type: decimal;
}
.content-inner ol li::marker {
  color: var(--orange-1, #EE7512);
  font-weight: 600;
}
.content-inner blockquote {
  border-left: 4px solid var(--orange-1, #EE7512);
  padding-left: 24px;
  margin: 32px 0;
  font-style: italic;
  color: var(--grey-1, #666666);
}
.content-inner blockquote p {
  margin-bottom: 0;
}
.content-inner code {
  background-color: var(--grey-light, #F5F5F5);
  padding: 4px 8px;
  border-radius: 4px;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  color: var(--black, #0F0E0E);
}
.content-inner pre {
  background-color: var(--grey-light, #F5F5F5);
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
  margin: 24px 0;
}
.content-inner pre code {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.content-inner table {
  width: 100%;
  border-collapse: collapse;
  margin: 32px 0;
}
.content-inner table th, .content-inner table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid var(--grey-light, #E5E5E5);
}
.content-inner table th {
  background-color: var(--grey-light, #F5F5F5);
  font-weight: 600;
  color: var(--black, #0F0E0E);
}
.content-inner table tr:hover {
  background-color: var(--grey-light, #FAFAFA);
}
.content-inner hr {
  border: none;
  height: 1px;
  background-color: var(--grey-light, #E5E5E5);
  margin: 48px 0;
}
.content-inner h1, .content-inner h2, .content-inner h3, .content-inner h4, .content-inner h5, .content-inner h6 {
  margin-top: 48px;
  margin-bottom: 24px;
}
.content-inner h1:first-child, .content-inner h2:first-child, .content-inner h3:first-child, .content-inner h4:first-child, .content-inner h5:first-child, .content-inner h6:first-child {
  margin-top: 0;
}
.content-inner h1 {
  margin-bottom: 48px;
}

.dashbord {
  flex-grow: 1;
  padding: 122px 0 60px;
  background: var(--grey-bg, #F4F4F4);
}

.dashbord-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.dashbord-main {
  display: grid;
  grid-template-columns: 1fr 427px;
  gap: 20px;
}

.dashbord-block {
  padding: 32px;
  border-radius: 32px;
  background: var(--white, #FEFEFF);
  position: relative;
}
.dashbord-block--reviews {
  grid-row: span 2;
}

.faq {
  border-radius: 24px;
  background: var(--grey-bg, #F4F4F4);
}

.faq-inner {
  display: grid;
  grid-template-columns: 310px 873px;
  justify-content: space-between;
  gap: 32px;
}

.faq-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq-head .title-l {
  color: var(--black, #0F0E0E);
}
.faq-head .text-m {
  color: var(--grey-900, #3F3F3F);
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.faq-item {
  display: grid;
  grid-template-rows: auto 0fr;
  border-radius: 24px;
  background: var(--white, #FEFEFF);
  border: 2px solid var(--white, #FEFEFF);
  transition: border-color 0.2s linear, grid-template-rows 0.5s ease-in-out;
  color: var(--grey-900, #3F3F3F);
}
.faq-item:not(.active) {
  cursor: pointer;
}
.faq-item.active {
  grid-template-rows: auto 1fr;
  border-color: var(--orange-1, #EE7512);
}
.faq-item.active .faq-item-head::after {
  transform: rotate(180deg);
}

.faq-item-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 17px;
  padding: 32px;
  margin-bottom: auto;
  cursor: pointer;
}
.faq-item-head br {
  display: none;
}
.faq-item-head::after {
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.9543 6.61656C17.7199 6.38222 17.402 6.25057 17.0706 6.25057C16.7391 6.25057 16.4212 6.38222 16.1868 6.61656L9.99933 12.8041L3.81183 6.61656C3.57608 6.38886 3.26032 6.26287 2.93258 6.26571C2.60483 6.26856 2.29132 6.40002 2.05956 6.63178C1.8278 6.86354 1.69633 7.17706 1.69349 7.5048C1.69064 7.83255 1.81663 8.1483 2.04433 8.38406L9.11558 15.4553C9.34999 15.6896 9.66787 15.8213 9.99933 15.8213C10.3308 15.8213 10.6487 15.6896 10.8831 15.4553L17.9543 8.38406C18.1887 8.14965 18.3203 7.83176 18.3203 7.50031C18.3203 7.16885 18.1887 6.85097 17.9543 6.61656Z' fill='%23747474'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.2s linear;
}

.faq-item-body {
  max-width: 760px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}

.faq-item-descr {
  padding: 0 0 32px 32px;
}

.feedback {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
}
.feedback .btn-orange {
  margin-top: auto;
}

.feedback-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.feedback-top-inner {
  display: flex;
  align-items: center;
  gap: 16px;
}

.feedback-title {
  font-family: "Satoshi Variable", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.64px;
}

.feedback-counter {
  padding: 4px 12px;
  border-radius: 6px;
  background: var(--black, #0F0E0E);
  -webkit-backdrop-filter: blur(34.2999992371px);
  backdrop-filter: blur(34.2999992371px);
  color: var(--white, #FEFEFF);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.16px;
}

.feedback-list {
  display: flex;
  flex-direction: column;
}
.feedback-list .feedback-item:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 24px;
  position: relative;
}
.feedback-list .feedback-item:not(:last-child)::before {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, rgba(197, 197, 197, 0) 0%, rgba(197, 197, 197, 0.24) 51%, rgba(197, 197, 197, 0) 100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.feedback-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 24px;
  padding-right: 32px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(197, 197, 197, 0.8) #F4F4F4;
}
.feedback-grid::-webkit-scrollbar {
  width: 7px;
}
.feedback-grid::-webkit-scrollbar-track {
  background: #F4F4F4;
}
.feedback-grid::-webkit-scrollbar-thumb {
  background-color: rgba(197, 197, 197, 0.8);
  border: 2px solid #F4F4F4;
}
.feedback-grid .feedback-item {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(197, 197, 197, 0.5);
}

.feedback-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.feedback-head {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.feedback-user {
  display: flex;
  align-items: center;
  gap: 12px;
}

.feedback-name {
  color: var(--grey-900, #3F3F3F);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.16px;
}

.feedback-date {
  color: var(--grey-600, #A2A2A2);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.14px;
}

.feedback-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.feedback-descr {
  color: var(--grey-900, #3F3F3F);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.16px;
}

.feedback-btn {
  display: none;
}

.feedback-btn-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.feedback-btn-title {
  color: var(--black, #0F0E0E);
  font-size: 18px;
  font-weight: 500;
  line-height: 108%;
}

.feedback-btn-counter {
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--black, #0F0E0E);
  -webkit-backdrop-filter: blur(34.2999992371px);
  backdrop-filter: blur(34.2999992371px);
  color: var(--white, #FEFEFF);
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.12px;
}

.feedback-btn-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.footer {
  margin-top: auto;
  padding: 60px 0 28px;
  border-radius: 24px 24px 0px 0px;
  background: var(--white, #FEFEFF);
}

.footer-inner {
  display: flex;
  flex-direction: column;
  gap: 72px;
}

.footer-one {
  display: flex;
  justify-content: space-between;
  gap: 44px;
}

.footer-logo {
  display: block;
  width: 203px;
  height: 42px;
}

.footer-wrapper {
  display: flex;
  gap: 130px;
}

.footer-list {
  display: grid;
  grid-template-columns: auto auto;
  gap: 12px 86px;
}
.footer-list button {
  color: var(--black, #0F0E0E);
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.18px;
  font-weight: 500;
  transition: color 0.2s linear;
}

.footer-partner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer-partner .btn {
  min-width: 315px;
  text-align: center;
}

.footer-two {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.footer-two .text-s {
  color: var(--grey-900, #3F3F3F);
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-group.is-error .form-textarea,
.form-group.is-error .form-input,
.form-group.is-error .radar-autocomplete-input,
.form-group.is-error .choices__inner {
  border-color: var(--error, #E73131) !important;
}
.form-group.is-error .form-text {
  display: block;
}
.form-group.is-disabled .form-descr,
.form-group.is-disabled .form-info,
.form-group.is-disabled .form-label {
  color: var(--grey-500, #C5C5C5);
}
.form-group.is-disabled .form-input::-moz-placeholder {
  color: var(--grey-500, #C5C5C5) !important;
}
.form-group.is-disabled .form-textarea,
.form-group.is-disabled .form-input::placeholder {
  color: var(--grey-500, #C5C5C5) !important;
}
.form-group .radar-autocomplete-results-list img {
  width: auto;
  height: auto;
}
.form-group .btn-forgot {
  margin-left: auto;
}

.form-label {
  color: var(--grey-900, #3F3F3F);
  font-size: 14px;
  font-weight: 500;
  line-height: 168%;
  transition: color 0.2s linear;
}
.form-label span {
  color: var(--orange-1---dark, #F4580A);
}

.form-textarea,
.form-input,
.radar-autocomplete-input {
  display: block;
  padding: 14px !important;
  width: 100% !important;
  border-radius: 12px !important;
  border: 1px solid #DBDBDB !important;
  background: var(--white, #FEFEFF) !important;
  transition: border-color 0.2s linear !important;
  color: var(--black, #0F0E0E) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 168% !important;
}
.form-textarea::-moz-placeholder, .form-input::-moz-placeholder, .radar-autocomplete-input::-moz-placeholder {
  color: var(--grey-800, #747474) !important;
}
.form-textarea::placeholder,
.form-input::placeholder,
.radar-autocomplete-input::placeholder {
  color: var(--grey-800, #747474) !important;
}
.form-textarea:not([readonly]):hover,
.form-input:not([readonly]):hover,
.radar-autocomplete-input:not([readonly]):hover {
  border-color: var(--grey-500, #C5C5C5) !important;
}
.form-textarea:not([readonly]):focus,
.form-input:not([readonly]):focus,
.radar-autocomplete-input:not([readonly]):focus {
  border-color: var(--orange-1, #EE7512);
}

.radar-autocomplete-input {
  box-shadow: none !important;
  height: auto !important;
}
.radar-autocomplete-input:focus::-moz-placeholder {
  font-size: inherit !important;
  padding: 0 !important;
  opacity: 1 !important;
}
.radar-autocomplete-input:focus::placeholder {
  font-size: inherit !important;
  padding: 0 !important;
  opacity: 1 !important;
}

.radar-autocomplete-search-icon {
  display: none !important;
}

.form-textarea {
  min-height: 105px;
  max-height: 300px;
  resize: vertical;
}

.form-text {
  display: none;
  color: var(--Error, #E73131);
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}
.form-text.auth-error {
  display: block;
}

.form-icon {
  position: relative;
}
.form-icon .form-input {
  padding-left: 43px !important;
}
.form-icon img {
  width: 17px;
  height: 17px;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.form-password-wrapper {
  position: relative;
}
.form-password-wrapper .form-input {
  padding-right: 50px;
}
.form-password-wrapper--icon .form-input {
  padding-left: 43px !important;
}
.form-password-wrapper--icon img {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.form-password-btn {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../img/icons/eye.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.form-password-btn.active {
  background-image: url("../img/icons/eye-active.svg");
}
.form-password-btn::before {
  content: "";
  width: 120%;
  height: 120%;
  border-radius: 50%;
  background-color: rgba(var(--grey-500-rgb), 0.3);
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s linear;
}

.form-requirements {
  padding-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form-requirement {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--grey-800, #747474);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.16px;
}
.form-requirement.active {
  color: var(--grey-900, #3F3F3F);
}
.form-requirement.active::before {
  background-image: url("../img/icons/done-orange.svg");
}
.form-requirement::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../img/icons/cross.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.form-info {
  color: var(--grey-800, #747474);
  font-size: 12px;
  font-weight: 500;
  line-height: 168%;
}
.form-info.warning {
  color: var(--orange, #FF6B35);
}
.form-info.warning .char-count {
  font-weight: 600;
}
.form-info.limit-reached {
  color: var(--error, #E73131);
}
.form-info.limit-reached .char-count {
  font-weight: 700;
}
.form-info .char-count {
  font-weight: 600;
  color: var(--primary, #1A1A1A);
}

.form-descr {
  color: var(--grey-800, #747474);
  font-size: 10px;
  font-weight: 500;
  line-height: 168%;
}

.form-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.form-option {
  display: block;
}
.form-option input {
  display: none;
}
.form-option input:checked ~ span {
  color: var(--white);
  background: var(--black, #0F0E0E);
  border-color: var(--black, #0F0E0E);
}
.form-option span {
  display: block;
  padding: 12px 22px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border-radius: 600px;
  border: 1px solid #DBDBDB;
  color: var(--black, #0F0E0E);
  font-size: 16px;
  font-weight: 400;
  line-height: 168%;
  transition: 0.2s linear;
}

.form-select .choices.is-open::after {
  transform: translateY(-50%) rotate(180deg) !important;
}
.form-select .choices[data-type*=select-one]::after {
  width: 16px;
  height: 16px;
  margin-top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.63654 4.63621C1.82406 4.44874 2.07837 4.34343 2.34354 4.34343C2.6087 4.34343 2.86301 4.44874 3.05054 4.63621L8.00054 9.58621L12.9505 4.63621C13.1391 4.45406 13.3917 4.35326 13.6539 4.35554C13.9161 4.35782 14.1669 4.46299 14.3524 4.6484C14.5378 4.8338 14.6429 5.08462 14.6452 5.34681C14.6475 5.60901 14.5467 5.86161 14.3645 6.05021L8.70754 11.7072C8.52001 11.8947 8.2657 12 8.00054 12C7.73537 12 7.48106 11.8947 7.29354 11.7072L1.63654 6.05021C1.44907 5.86269 1.34375 5.60838 1.34375 5.34321C1.34375 5.07805 1.44907 4.82374 1.63654 4.63621Z' fill='%23EE7512'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  border: none;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
.form-select .choices__inner {
  display: block;
  padding: 14px !important;
  border-radius: 12px;
  border: 1px solid #DBDBDB;
  background: var(--white, #FEFEFF);
  transition: border-color 0.2s linear;
}
.form-select .choices__inner:hover {
  border-color: var(--grey-500, #C5C5C5);
}
.form-select .choices__inner .choices__item--selectable {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
.form-select .choices__list--single {
  padding: 0;
}
.form-select .choices__placeholder {
  opacity: 1;
  color: var(--grey-800, #747474);
  font-size: 16px;
  font-weight: 400;
  line-height: 168%;
}
.form-select .choices__list--dropdown {
  padding: 6px 8px 14px 14px;
  border-radius: 12px;
  border: 1px solid #DBDBDB;
  background: var(--white, #FEFEFF);
  box-shadow: -2px 0px 12px 0px rgba(206, 206, 206, 0.21), 6px 7px 9px 0px rgba(206, 206, 206, 0.21);
  top: calc(100% + 8px);
}
.form-select .choices__list--dropdown .choices__list {
  padding-right: 8px;
  scrollbar-width: thin;
  scrollbar-color: var(--orange-1) var(--grey-bg);
}
.form-select .choices__list--dropdown .choices__list::-webkit-scrollbar {
  width: 4px;
}
.form-select .choices__list--dropdown .choices__list::-webkit-scrollbar-track {
  background: var(--grey-bg);
}
.form-select .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
  background-color: var(--orange-1);
  border: solid var(--grey-bg);
}
.form-select .choices__item--disabled {
  display: none !important;
}
.form-select .choices__item--choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0 !important;
  background: transparent !important;
  border-bottom: 1px solid var(--grey-bg, #F4F4F4);
  color: var(--grey-900, #3F3F3F);
  font-size: 14px !important;
  font-weight: 400;
  line-height: 168%;
  transition: border-color 0.2s linear;
}
.form-select .choices__item--selectable {
  color: var(--black, #0F0E0E);
  font-size: 16px;
  font-weight: 400;
  line-height: 168%;
}
.form-select .choices__item--selectable[data-placeholder] {
  color: var(--grey-800, #747474);
}
.form-select .choices__item--selectable.is-selected {
  position: relative;
}
.form-select .choices__item--selectable.is-selected::after {
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  opacity: 1 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.49915 13.5005L4.58249 10.5839C4.50622 10.5067 4.41538 10.4454 4.31525 10.4035C4.21511 10.3617 4.10767 10.3402 3.99915 10.3402C3.89063 10.3402 3.78319 10.3617 3.68306 10.4035C3.58292 10.4454 3.49209 10.5067 3.41582 10.5839C3.33862 10.6601 3.27733 10.751 3.23549 10.8511C3.19366 10.9512 3.17212 11.0587 3.17212 11.1672C3.17212 11.2757 3.19366 11.3832 3.23549 11.4833C3.27733 11.5834 3.33862 11.6743 3.41582 11.7505L6.90749 15.2422C7.23249 15.5672 7.75749 15.5672 8.08249 15.2422L16.9158 6.4172C16.993 6.34093 17.0543 6.2501 17.0961 6.14996C17.138 6.04983 17.1595 5.94239 17.1595 5.83387C17.1595 5.72535 17.138 5.61791 17.0961 5.51777C17.0543 5.41764 16.993 5.3268 16.9158 5.25054C16.8395 5.17334 16.7487 5.11204 16.6486 5.07021C16.5484 5.02838 16.441 5.00684 16.3325 5.00684C16.224 5.00684 16.1165 5.02838 16.0164 5.07021C15.9163 5.11204 15.8254 5.17334 15.7492 5.25054L7.49915 13.5005Z' fill='%23EE7512'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.form-checkboxes {
  display: flex;
  align-items: center;
  gap: 24px;
}

.form-checkbox {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.form-checkbox--circle span::before {
  border: 1px solid var(--grey-500);
  border-radius: 50%;
}
.form-checkbox--circle input:checked ~ span::before {
  border: none;
  background-image: url("../img/icons/checkbox-circle.svg");
}
.form-checkbox--square span::before {
  border: 1px solid var(--grey-500);
  border-radius: 4px;
}
.form-checkbox--square input:checked ~ span::before {
  border: none;
  background-image: url("../img/icons/checkbox-square.svg");
}
.form-checkbox input {
  display: none;
}
.form-checkbox input:checked ~ span {
  color: var(--black, #0F0E0E);
}
.form-checkbox span {
  display: flex;
  align-items: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--grey-900, #3F3F3F);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
  transition: 0.2s linear;
  position: relative;
}
.form-checkbox span::before {
  content: "";
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}

.form-agree {
  color: var(--black, #0F0E0E);
  font-size: 16px;
  font-weight: 400;
  line-height: 168%;
  text-align: center;
}
.form-agree button {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  font-weight: 400;
  color: var(--orange-1, #EE7512);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  transition: text-decoration-color 0.2s linear;
}
.form-agree br {
  display: none;
}

.header {
  padding: 24px 0;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
}
.header--secondary .header-logo-light {
  display: none;
}
.header--secondary .header-logo-dark {
  display: block;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 32px;
}

.header-logo {
  display: block;
  width: 202px;
  height: auto;
}

.header-logo-dark {
  display: none;
}

.header-nav {
  display: flex;
  align-items: center;
  gap: 80px;
}

.header-link {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--white, #FEFEFF);
  font-size: 20px;
  font-weight: 500;
  line-height: 168%;
  transition: color 0.2s linear;
}
.header-link svg {
  fill: currentColor;
  width: 24px;
  height: 24px;
}

.header-overlay {
  display: none;
}

.header-menu {
  position: relative;
}

.header-menu-btn {
  display: block;
  width: 40px;
  height: 40px;
  padding: 12px;
  border-radius: 50%;
  background: #D8680B;
  transition: opacity 0.2s linear;
}

.header-menu-wrapper {
  display: flex;
  width: 291px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 24px;
  border: 1px solid var(--orange-1, #EE7512);
  background: #FFF;
  box-shadow: 0px 0px 22.1px 0px rgba(0, 0, 0, 0.11);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear, visibility 0.2s linear;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
}
.header-menu-wrapper.is-open {
  opacity: 1;
  visibility: visible;
}

.header-menu-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.header-menu-name {
  color: var(--black, #0F0E0E);
  font-family: "Satoshi Variable";
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.4px;
}

.header-menu-mail {
  color: #9D9D9D;
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.15px;
}

.header-menu-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.header-menu-link {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--black, #0F0E0E);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.18px;
  transition: color 0.2s linear;
}
.header-menu-link:hover {
  color: var(--orange-1, #EE7512);
}
.header-menu-link img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.header-menu-line {
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(197, 197, 197, 0) 0%, rgba(197, 197, 197, 0.24) 51%, rgba(197, 197, 197, 0) 100%);
}

.hero {
  border-radius: 0px 0px 24px 24px;
  background: var(--white, #FEFEFF);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.hero-inner {
  padding: 211px 0 60px;
}

.hero-content {
  max-width: 640px;
  padding: 32px;
  margin-bottom: 32px;
  border-radius: 24px;
  border: 1px solid rgba(var(--white-rgb), 0.24);
  background: rgba(255, 255, 255, 0.24);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.hero-content .title-xl {
  margin-bottom: 20px;
  color: var(--white, #FEFEFF);
}
.hero-content .title-xl strong {
  font-family: inherit;
  font-weight: 900;
}

.hero-list {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.hero-item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--white, #FEFEFF);
}

.hero-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.hero-icon svg {
  fill: var(--white, #FEFEFF);
}

.hero-img {
  display: none;
}

.hero-nav {
  display: flex;
  align-items: center;
  gap: 20px;
}

.hero-logo {
  width: 66px;
  height: 70px;
  flex-shrink: 0;
}

.hero-bg {
  position: absolute;
  z-index: -1;
  inset: 0;
}
.hero-bg img {
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-bg::before {
  content: "";
  background: linear-gradient(282deg, rgba(0, 0, 0, 0) 33.37%, rgba(0, 0, 0, 0.64) 96.31%), rgba(0, 0, 0, 0.15);
  position: absolute;
  inset: 0;
}
.hero-bg::after {
  content: "";
  background: linear-gradient(188deg, #000 -5.12%, rgba(102, 102, 102, 0) 67.84%);
  position: absolute;
  inset: 0 0 50% 0;
}

.modal-overlay {
  display: block;
  background-image: url("../img/pictures/modal-overlay.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  position: fixed;
  inset: 0;
  z-index: 101;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal-overlay::-webkit-scrollbar {
  display: none;
}
.modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.modal-inner {
  display: flex;
  height: auto;
  min-height: calc(100% - 140px);
  margin: 70px 60px;
}
.modal-inner br {
  display: none;
}
.modal-inner br.pc {
  display: inline;
}
.modal-inner br.all {
  display: block;
}

.modal-content {
  width: 100%;
  max-width: 870px;
  height: auto;
  margin: auto;
  position: relative;
}
.modal-content--large {
  max-width: 804px;
}
.modal-content--large .modal-wrapper {
  align-items: center;
}
.modal-content--large .btn {
  width: 284px;
}
.modal-content--small {
  max-width: 600px;
}
.modal-content--fullscreen {
  max-width: 1200px;
}

.modal-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 47px;
  border-radius: 24px;
  border: 1px solid var(--white);
  background: var(--grey-bg, #F4F4F4);
}

.modal-close {
  width: 24px;
  height: 24px;
  display: block;
  background: none;
  border: none;
  stroke: var(--grey-800);
  transition: 0.2s linear;
  position: absolute;
  top: 32px;
  right: 32px;
}
.modal-close:hover {
  stroke: var(--orange-1---dark);
}

.modal-back {
  width: 24px;
  height: 24px;
  display: block;
  background: none;
  border: none;
  stroke: var(--grey-800);
  transition: 0.2s linear;
  position: absolute;
  top: 32px;
  left: 32px;
}
.modal-back:hover {
  stroke: var(--orange-1---dark);
}

.modal-status-icon {
  width: 138.475px;
  height: 138.475px;
  flex-shrink: 0;
  padding: 30px;
  margin-top: -160px;
  transform: rotate(15deg);
  border-radius: 19.1px;
  -webkit-backdrop-filter: blur(15.5187501907px);
  backdrop-filter: blur(15.5187501907px);
  position: relative;
}
.modal-status-icon--orange {
  background: linear-gradient(244deg, #FBAC52 47.24%, #EE791F 120.34%);
}
.modal-status-icon--orange::before {
  background: #FF3D22;
}
.modal-status-icon::before {
  content: "";
  width: 100.275px;
  height: 100.275px;
  border-radius: 19.1px;
  filter: blur(26.2625007629px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.modal-status-icon img {
  position: relative;
  z-index: 2;
  transform: rotate(-15deg);
}

.modal-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
.modal-head .text-m {
  max-width: 620px;
  color: var(--grey-900, #3F3F3F);
}
.modal-head .text-m strong {
  color: var(--orange-1---dark, #F4580A);
}

.modal-title {
  color: var(--black, #0F0E0E);
  font-family: "Satoshi Variable", sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.92px;
}
.modal-title span {
  font-family: inherit;
  color: var(--orange-1, #EE7512);
}

.modal-descr {
  color: var(--grey-900, #3F3F3F);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.16px;
}
.modal-descr strong {
  color: var(--orange-1---dark, #F4580A);
}

.modal-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
  flex-shrink: 0;
}

.modal-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modal-steps {
  display: flex;
  align-items: center;
  gap: 26px;
}

.modal-step {
  width: 48px;
  height: 48px;
  padding: 2px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: border-color 0.2s linear;
}
.modal-step.active {
  border-color: var(--orange-1, #EE7512);
}
.modal-step.active .modal-step-number {
  background-color: var(--orange-1, #EE7512);
  color: var(--white, #FEFEFF);
}
.modal-step.done {
  border-color: var(--black, #0F0E0E);
}
.modal-step.done .modal-step-number {
  background-color: var(--black, #0F0E0E);
  color: transparent;
  font-size: 0;
  position: relative;
}
.modal-step.done .modal-step-number::before {
  content: "";
  width: 16px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M5.33333 12L0 6.89362L1.86667 5.10638L5.33333 8.42553L14.1333 0L16 1.78723L5.33333 12Z' fill='%23FCFCFC'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.modal-step-number {
  height: 100%;
  border-radius: 50%;
  background-color: var(--white);
  transition: background-color 0.2s linear, color 0.2s linear;
  color: rgba(var(--grey-900-rgb), 0.6);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
}

.modal-line {
  flex-grow: 1;
  height: 1px;
  background: linear-gradient(90deg, #EE7512 0%, rgba(238, 117, 18, 0) 100%);
}
.modal-line.active {
  background: var(--orange-1);
}

.modal-board {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 26px;
  border-radius: 24px;
  background: #FFF;
}
.modal-board .title-xs {
  color: var(--black, #0F0E0E);
}

.modal-fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modal-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.modal-passwords {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.modal-choices {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.modal-choice {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #FF4B00;
  position: relative;
  z-index: 1;
}
.modal-choice::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(270deg, #EE791F 16.58%, #C9560A 76.33%);
  opacity: 0;
  transition: opacity 0.2s linear;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.modal-choice .text-xl {
  transition: color 0.2s linear;
}

.modal-choice-text {
  color: #747474;
  font-size: 14px;
  font-weight: 500;
  line-height: 168%;
  transition: color 0.2s linear;
}

.modal-choice-icon {
  width: 28px;
  height: 28px;
}
.modal-choice-icon svg {
  transition: fill 0.2s linear;
}

.modal-content-text {
  color: var(--grey-900, #3F3F3F);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
}
.modal-content-text h1,
.modal-content-text h2,
.modal-content-text h3,
.modal-content-text h4,
.modal-content-text h5,
.modal-content-text h6 {
  color: var(--black, #0F0E0E);
  font-family: "Satoshi Variable", sans-serif;
  font-weight: 500;
  margin-bottom: 16px;
  margin-top: 32px;
}
.modal-content-text h1:first-child,
.modal-content-text h2:first-child,
.modal-content-text h3:first-child,
.modal-content-text h4:first-child,
.modal-content-text h5:first-child,
.modal-content-text h6:first-child {
  margin-top: 0;
}
.modal-content-text h1 {
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.64px;
}
.modal-content-text h2 {
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.48px;
}
.modal-content-text h3 {
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.4px;
}
.modal-content-text p {
  margin-bottom: 16px;
}
.modal-content-text p:last-child {
  margin-bottom: 0;
}
.modal-content-text ul,
.modal-content-text ol {
  margin-bottom: 16px;
  padding-left: 20px;
}
.modal-content-text ul li,
.modal-content-text ol li {
  list-style-type: disc;
  margin-bottom: 8px;
}
.modal-content-text ul li:last-child,
.modal-content-text ol li:last-child {
  margin-bottom: 0;
}
.modal-content-text a {
  color: var(--orange-1, #EE7512);
  text-decoration: underline;
  transition: color 0.2s ease;
}
.modal-content-text a:hover {
  color: var(--orange-1---dark, #F4580A);
}
.modal-content-text strong {
  color: var(--black, #0F0E0E);
  font-weight: 500;
}

.modal-nav {
  display: grid;
  align-items: center;
  gap: 24px;
  padding-top: 12px;
}
.modal-nav--double {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.modal-nav .btn-back {
  margin: 0 auto;
  transform: translateX(-36px);
}
.modal-nav .btn {
  width: 100%;
}

.popup {
  display: block;
  background: rgba(63, 63, 63, 0.8);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.popup::-webkit-scrollbar {
  display: none;
}
.popup--fixed {
  position: fixed;
  inset: 0;
  z-index: 101;
}
.popup.active {
  opacity: 1;
  visibility: visible;
}

.popup-inner {
  display: flex;
  height: auto;
  min-height: calc(100% - 140px);
  margin: 70px 60px;
}
.popup-inner--feedback {
  height: calc(100% - 140px);
}
.popup-inner--feedback .popup-content {
  max-width: 1024px;
  height: 100%;
  padding: 32px;
  gap: 16px;
  overflow: hidden;
}
.popup-inner--feedback .btn-back {
  display: none;
}
.popup-inner--agent {
  margin-top: 200px;
}
.popup-inner--agent .popup-content {
  max-width: 960px;
  padding: 0 40px 40px;
  align-items: center;
}
.popup-inner--agent .popup-close {
  position: absolute;
  right: 40px;
  top: 40px;
}

.popup-content {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  padding: 32px;
  border-radius: 32px;
  background: #FFF;
  position: relative;
}

.popup-close {
  width: 24px;
  height: 24px;
  display: block;
  background: none;
  border: none;
  stroke: var(--grey-800);
  transition: 0.2s linear;
}
.popup-close:hover {
  stroke: var(--orange-1---dark);
}

.proof-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
}

.proof-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
.proof-head .title-l {
  color: var(--black, #0F0E0E);
}
.proof-head .text-m {
  max-width: 792px;
  color: var(--grey-900, #3F3F3F);
}
.proof-head .text-m strong {
  color: var(--orange-1---dark, #F4580A);
}

.proof-body {
  width: 100%;
  border-radius: 20px;
  background: var(--white, #FEFEFF);
  box-shadow: 0px 0px 33.6px 0px rgba(0, 0, 0, 0.08);
}

.proof-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 40px;
  overflow: hidden;
  position: relative;
}
.proof-wrapper::before {
  content: "";
  width: 427.105px;
  height: 456.59px;
  background-image: url("../img/icons/cobweb.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -75px;
  left: -245px;
  pointer-events: none;
}
.proof-wrapper::after {
  content: "";
  width: 427.105px;
  height: 456.59px;
  transform: rotate(-29.076deg);
  background-image: url("../img/icons/cobweb.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -75px;
  right: -210px;
  pointer-events: none;
}

.proof-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.proof-item .text-xxl {
  color: var(--grey-900, #3F3F3F);
}

.proof-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.proof-item-head .title-m {
  color: var(--black, #0F0E0E);
}

.proof-pictures {
  display: flex;
  align-items: center;
}

.proof-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--white, #FEFEFF);
  overflow: hidden;
}
.proof-circle:not(:last-child) {
  margin-right: -8px;
}
.proof-circle img {
  -o-object-fit: cover;
  object-fit: cover;
}

.proof-devider {
  width: 1px;
  height: 88px;
  background: linear-gradient(90deg, rgba(216, 216, 216, 0) 0%, #D8D8D8 31%, rgba(216, 216, 216, 0.93) 71.5%, rgba(216, 216, 216, 0) 100%);
}

.rating {
  display: flex;
  align-items: center;
  gap: 4px;
}

.rating-item {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  fill: #F4F4F4;
}
.rating-item.active {
  fill: #FBAC52;
}

.ready {
  border-radius: 24px;
  background: linear-gradient(96deg, #505050 -4.8%, #222 109.18%), url("../img/pictures/ready-bg.jpg");
  background-blend-mode: multiply, normal;
  background-repeat: no-repeat;
  background-size: cover;
}

.ready-inner {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.ready-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--white, #FEFEFF);
  text-align: center;
}
.ready-head .text-m {
  max-width: 530px;
}

.ready-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
}

.ready-card {
  padding: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  width: 100%;
  max-width: 427px;
  border-radius: 24px;
  border: 2px solid rgba(var(--white-rgb), 0.24);
  background: rgba(255, 255, 255, 0.24);
  -webkit-backdrop-filter: blur(25.3500003815px);
  backdrop-filter: blur(25.3500003815px);
  fill: var(--white, #FEFEFF);
  transition: 0.2s linear;
  position: relative;
}
.ready-card::before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("../img/icons/arrow-orange.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 0.2s linear;
  opacity: 0;
  position: absolute;
  right: 32px;
  top: 32px;
}
.ready-card:hover {
  color: var(--orange-2, #FF9E30);
  fill: var(--orange-2, #FF9E30);
}
.ready-card:hover::before {
  opacity: 1;
}
.ready-card:hover .title-m {
  color: var(--orange-2, #FF9E30);
}
.ready-card .title-m {
  color: var(--white, #FEFEFF);
  transition: color 0.2s linear;
}

.ready-icon {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  fill: inherit;
}

.reviews {
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 64.54%), linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("../img/pictures/reviews-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.reviews-inner {
  display: flex;
  flex-direction: column;
  gap: 148px;
  overflow: hidden;
}

.reviews-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--white, #FEFEFF);
  text-align: center;
}

.reviews-slider {
  overflow: visible;
}

.reviews-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  border-radius: 24px;
  border: 1px solid rgba(var(--white-rgb), 0.24);
  background: rgba(255, 255, 255, 0.24);
  -webkit-backdrop-filter: blur(34.2999992371px);
  backdrop-filter: blur(34.2999992371px);
  text-align: center;
  color: var(--white, #FEFEFF);
  transition: transform 0.8s linear;
}
.reviews-slide .text-xl,
.reviews-slide .rating {
  margin-bottom: 8px;
}
.reviews-slide.swiper-slide-active {
  transform: translateY(-32px);
}

.reviews-avatar {
  width: 120px;
  height: 120px;
  margin-top: -60px;
  margin-bottom: 12px;
  border-radius: 50%;
  border: 1px solid var(--white, #FEFEFF);
  overflow: hidden;
}

.reviews-info {
  margin-bottom: 20px;
}

.reviews-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.reviews-nav-wrapper {
  display: flex;
  align-items: center;
  gap: 32px;
}

.settings {
  display: flex;
  padding: 30px 0;
  flex-grow: 1;
  background: var(--grey-bg, #F4F4F4);
}

.settings-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 32px;
}
.settings-inner .title-m {
  color: var(--black, #0F0E0E);
}

.settings-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.settings-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: auto;
}

.settings-board {
  padding: 32px;
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 24px;
  border-radius: 32px;
  background: var(--white, #FEFEFF);
}
.settings-board .btn-black {
  width: -moz-fit-content;
  width: fit-content;
}

.settings-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--black, #0F0E0E);
}

.settings-descr {
  color: var(--grey-800, #747474);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.settings-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.settings-fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.settings-fields .form-group--double {
  grid-column: span 2;
}

.settings-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.settings-btn {
  display: none;
}

.works {
  margin-bottom: 120px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.works::before {
  content: "";
  width: 913.554px;
  height: 976.62px;
  flex-shrink: 0;
  background-image: url("../img/icons/cobweb.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  transform: rotate(-29.076deg);
  left: -390px;
  top: 180px;
  z-index: -1;
}

.works-inner {
  display: grid;
  grid-template-columns: 427px 762px;
  justify-content: space-between;
  gap: 40px;
}

.works-one {
  display: flex;
  flex-direction: column;
  gap: 42px;
}

.works-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.works-head .title-l {
  color: var(--black, #0F0E0E);
}

.works-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 427px;
}

.works-video {
  height: 234px;
  border-radius: 12px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  overflow: hidden;
  position: relative;
}

.works-video-poster {
  position: absolute;
  inset: 0;
  z-index: 2;
  position: relative;
  transition: 0.2s linear;
}
.works-video-poster::before {
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  position: absolute;
  inset: 0;
  z-index: 1;
}
.works-video-poster.hidden {
  opacity: 0;
  visibility: hidden;
}

.works-video-play {
  display: block;
  width: 72px;
  height: 72px;
  padding: 6px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.works-video-play img {
  transition: transform 0.2s linear;
}

.works-video-iframe {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.works-video-iframe.show {
  display: block;
}

.works-two {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.works-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.works-item {
  padding: 32px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  border-radius: 24px;
  background: var(--white, #FEFEFF);
  box-shadow: 0px 0px 37.1px 0px rgba(0, 0, 0, 0.06);
  border: 2px solid transparent;
  transition: 0.2s linear;
}
.works-item.active:nth-child(2) .text-m {
  max-width: 195px;
}
.works-item.active:nth-child(3) .text-m {
  max-width: 215px;
}
.works-item.active:nth-child(4) .title-s,
.works-item.active:nth-child(4) .text-m {
  max-width: 215px;
}
.works-item.active .title-s span {
  color: var(--orange-1, #EE7512);
}
.works-item.active .works-plus {
  display: none;
}
.works-item.active .works-content .text-m,
.works-item.active .works-img {
  display: block;
  animation: fadeIn 0.5s ease-in-out forwards;
}

.works-item-one {
  display: flex;
  gap: 16px;
}
.works-item-one .text-xl {
  color: #ADADAD;
}
.works-item-one .title-s {
  color: var(--black, #0F0E0E);
}
.works-item-one .title-s span {
  transition: color 0.2s linear;
  color: var(--black, #0F0E0E);
}
.works-item-one .text-m {
  display: none;
  color: var(--grey-900, #3F3F3F);
}

.works-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.works-plus {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-left: auto;
}

.works-img {
  display: none;
  width: 385px;
  height: 234px;
  border-radius: 12px;
  overflow: hidden;
}

.works-nav {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (min-width: 768px) {
  .benefits-card:nth-child(1) .benefits-card-img {
    border: 1px solid rgba(0, 0, 0, 0.06);
  }
  .calculators-table-card:nth-child(1), .calculators-table-card:nth-child(2), .calculators-table-card:nth-child(3), .calculators-table-card:nth-child(4) {
    border-bottom: 1px solid #DBDBDB;
  }
  .calculators-table-card:nth-child(1), .calculators-table-card:nth-child(2), .calculators-table-card:nth-child(3), .calculators-table-card:nth-child(5), .calculators-table-card:nth-child(6), .calculators-table-card:nth-child(7) {
    border-right: 1px solid #DBDBDB;
  }
}

@media (min-width: 1024px) {
  .settings-board .btn-black {
    display: none;
  }
  .settings-nav--mob {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1365px) {
  .benefits-grid {
    grid-template-columns: 1fr 1fr;
  }
  .benefits-card:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

@media (min-width: 1366px) {
  .benefits-grid {
    grid-template-columns: 1fr 407px;
  }
  .benefits-card:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 3;
  }
}

@media (max-width: 1365px) {
  .dashbord-main {
    grid-template-columns: 1fr;
  }
  .dashbord-block--reviews {
    grid-row: unset;
  }
  .faq-inner {
    grid-template-columns: 1fr;
  }
  .footer-wrapper {
    gap: 50px;
  }
  .footer-list {
    gap: 12px 40px;
  }
  .footer-partner .btn {
    min-width: 260px;
  }
  .proof-wrapper {
    flex-wrap: wrap;
  }
  .proof-item {
    width: calc((100% - 41px) / 2);
  }
  .proof-devider:nth-last-of-type(4) {
    display: none;
  }
  .reviews-slide {
    padding: 24px;
  }
  .settings-board {
    grid-template-columns: 300px 1fr;
  }
  .works {
    margin-bottom: 0;
  }
  .works-inner {
    grid-template-columns: 1fr;
  }
  .works-one {
    align-items: center;
    gap: 32px;
  }
  .works-head {
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 1279px) {
  .modal-content--fullscreen {
    max-width: calc(100vw - 40px);
  }
}

@media (max-width: 1023px) {
  .title-xl {
    font-size: 38px;
    letter-spacing: -0.76px;
  }
  .title-l {
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.64px;
  }
  .title-m {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .title-s {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .title-xs {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .text-xxl {
    font-size: 18px;
    letter-spacing: -0.18px;
  }
  .text-xl {
    font-size: 18px;
    letter-spacing: -0.18px;
  }
  .text-m {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .text-s {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .container {
    padding: 0 16px;
  }
  .benefits-head {
    flex-direction: column;
    text-align: center;
  }
  .benefits-card-head .title-xs {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .btn {
    font-size: 16px;
  }
  .btn img {
    width: 18px;
    height: 18px;
  }
  .btn-back {
    font-size: 16px;
    gap: 6px;
    opacity: 0.6;
  }
  .btn-orange,
  .btn-black {
    font-size: 16px;
  }
  .btn-orange img,
  .btn-black img {
    width: 20px;
    height: 20px;
  }
  .btn-up {
    width: 44px;
    height: 44px;
  }
  .btn-up::before {
    width: 16px;
    height: 16px;
  }
  .calculators-results {
    flex-direction: column;
  }
  .calculators-results-block {
    width: 100%;
  }
  .content-inner {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .content-inner h1 {
    font-size: 38px;
    letter-spacing: -0.76px;
  }
  .content-inner h2 {
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.64px;
  }
  .content-inner h3 {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .content-inner h4 {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .content-inner h5 {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .content-inner h6 {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .content-inner p {
    margin-bottom: 16px;
  }
  .content-inner ul, .content-inner ol {
    margin-bottom: 24px;
    padding-left: 24px;
  }
  .content-inner ul li, .content-inner ol li {
    margin-bottom: 8px;
  }
  .content-inner blockquote {
    padding-left: 16px;
    margin: 24px 0;
  }
  .content-inner pre {
    padding: 12px;
    margin: 16px 0;
  }
  .content-inner table {
    margin: 24px 0;
    font-size: 14px;
  }
  .content-inner table th, .content-inner table td {
    padding: 8px;
  }
  .content-inner hr {
    margin: 32px 0;
  }
  .content-inner h1, .content-inner h2, .content-inner h3, .content-inner h4, .content-inner h5, .content-inner h6 {
    margin-top: 32px;
    margin-bottom: 16px;
  }
  .content-inner h1 {
    margin-bottom: 32px;
  }
  .faq-head {
    text-align: center;
  }
  .footer-inner {
    gap: 40px;
  }
  .footer-one {
    flex-direction: column;
  }
  .footer-wrapper {
    justify-content: space-between;
    gap: 40px;
  }
  .footer-list {
    width: -moz-fit-content;
    width: fit-content;
    gap: 16px 72px;
  }
  .footer-list button {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .footer-partner {
    gap: 12px;
  }
  .footer-partner .text-m {
    font-weight: 500;
  }
  .header-link {
    font-size: 16px;
  }
  .hero-content .title-xl {
    max-width: 400px;
  }
  .modal-inner {
    margin: 16px;
    min-height: calc(100% - 32px);
  }
  .modal-title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
  .modal-descr {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .modal-board .title-xs {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .modal-content-text {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .modal-content-text h1 {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .modal-content-text h2 {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .modal-content-text h3 {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .popup-inner {
    margin: 16px;
    min-height: calc(100% - 32px);
  }
  .popup-inner--feedback {
    height: calc(100% - 32px);
  }
  .popup-inner--agent {
    margin-top: 50px;
  }
  .ready-card {
    gap: 30px;
  }
  .reviews .container {
    padding: 0;
  }
  .reviews-head {
    padding: 0 16px;
  }
  .reviews-head .title-l {
    max-width: 300px;
  }
  .reviews-head .text-m {
    max-width: 230px;
    font-weight: 400;
  }
  .settings {
    padding: 16px 0;
  }
  .settings-inner {
    gap: 20px;
    position: relative;
  }
  .settings-inner .btn-black {
    opacity: 0.6;
  }
  .settings-inner .title-m {
    margin-bottom: 12px;
    order: 2;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.64px;
  }
  .settings-main {
    gap: 12px;
    order: 3;
  }
  .settings-foot {
    margin-top: unset;
    order: 1;
  }
  .settings-foot .btn {
    display: none;
  }
  .settings-board {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 16px;
    background: #F4F4F4;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
  }
  .settings-board.active {
    opacity: 1;
    visibility: visible;
  }
  .settings-info {
    gap: 12px;
    text-align: center;
  }
  .settings-info .text-m {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
  }
  .settings-descr {
    letter-spacing: -0.14px;
  }
  .settings-form {
    flex-grow: 1;
  }
  .settings-fields {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    padding: 16px;
    border-radius: 20px;
    background: #FFF;
  }
  .settings-nav {
    margin-top: auto;
    flex-direction: column-reverse;
  }
  .settings-nav .btn {
    width: 100%;
  }
  .settings-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px;
    border-radius: 16px;
    background: var(--white, #FEFEFF);
  }
  .settings-btn img {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 767px) {
  .py-60 {
    padding: 48px 0;
  }
  .agent {
    gap: 20px;
  }
  .agent .btn {
    display: flex;
    width: 100%;
  }
  .agent-info {
    gap: 12px;
  }
  .agent-avatar {
    width: 56px;
    height: 56px;
    border-width: 2px;
  }
  .agent-name {
    font-size: 24px;
  }
  .agent-status {
    font-size: 16px;
  }
  .agent-rating {
    gap: 4px;
    font-size: 16px;
  }
  .agent-rating-star {
    width: 20px;
    height: 20px;
  }
  .agent-body {
    gap: 8px;
  }
  .agent-list {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .agent-list li:nth-child(1) {
    order: 1;
  }
  .agent-list li:nth-child(2) {
    order: 3;
  }
  .agent-list li:nth-child(3) {
    order: 2;
  }
  .agent-list li:nth-child(4) {
    order: 4;
  }
  .agent-item,
  .agent-link {
    gap: 8px;
    font-size: 14px;
  }
  .agent-icon {
    width: 16px;
    height: 16px;
    padding: 3px;
  }
  .agent-bio {
    height: 100%;
  }
  .agent-bio .btn {
    width: 100%;
  }
  .agent-bio .agent-avatar {
    width: 160px;
    height: 160px;
    margin-top: unset;
    margin-bottom: 24px;
  }
  .agent-bio .title-l {
    font-size: 44px;
    letter-spacing: -0.88px;
  }
  .agent-short {
    margin-bottom: 16px;
  }
  .agent-grid {
    margin-bottom: 20px;
  }
  .agent-descr {
    text-align: left;
    font-size: 14px;
    margin-bottom: auto;
  }
  .benefits-inner {
    gap: 32px;
  }
  .benefits-grid {
    gap: 16px;
  }
  .benefits-card {
    gap: 16px;
    padding: 16px;
    border-radius: 20px;
  }
  .benefits-card:nth-child(1) .benefits-card-img {
    width: 240px;
    height: auto;
    margin: 0 auto -16px;
  }
  .benefits-card:nth-child(2) .benefits-card-img {
    border: none;
    width: 100%;
    max-width: 310px;
    height: auto;
    margin: 0 -16px -16px auto;
  }
  .benefits-card-head {
    gap: 8px;
  }
  .benefits-card-descr {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.14px;
  }
  .benefits-card-img {
    border-radius: 0;
    overflow: visible;
  }
  .benefits-card-agent {
    display: block;
    width: 204px;
    border-radius: 14.274px;
    background: var(--white, #FEFEFF);
    box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.02), -4px 4px 4px 0px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    position: absolute;
    top: 66px;
    left: -35px;
  }
  .btn-back img {
    opacity: 1;
    visibility: visible;
  }
  .btn-arrow {
    width: 48px;
    height: 48px;
  }
  .calculators-head {
    flex-direction: column;
    align-items: stretch;
  }
  .calculators-control {
    gap: 8px;
  }
  .calculators-tabs {
    width: -moz-fit-content;
    width: fit-content;
  }
  .calculators-tab-switch {
    white-space: nowrap;
  }
  .calculators-note {
    max-width: 315px;
    text-align: left;
  }
  .calculators-note strong {
    display: inline;
  }
  .calculators-progress {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 8px;
  }
  .calculators-progress-title {
    font-size: 16px;
  }
  .calculators-progress-wrapper {
    width: 100%;
  }
  .calculators-progress-lines {
    flex-grow: 1;
  }
  .calculators-progress-line {
    width: auto;
    height: 4px;
    flex-grow: 1;
  }
  .calculators-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .calculators-group--big .calculators-fields {
    grid-template-columns: 1fr 101px;
  }
  .calculators-fields {
    grid-template-columns: 135px 1fr;
  }
  .calculators-nav {
    flex-direction: column-reverse;
  }
  .calculators-nav .btn-black:disabled {
    display: none;
  }
  .calculators-nav .btn-black.left {
    margin-right: auto;
  }
  .calculators-nav .btn {
    width: 100%;
  }
  .calculators-nav .btn.hide {
    display: none;
  }
  .calculators-popup {
    border-radius: 0;
    padding: 0;
    position: fixed;
    z-index: 101;
  }
  .calculators-popup-inner {
    max-width: unset;
    width: 100%;
    height: 100%;
    padding: 63px 16px 16px;
    border-radius: 0;
    background: #FFF;
    box-shadow: none;
    position: relative;
  }
  .calculators-popup-title {
    font-size: 32px;
    letter-spacing: -0.64px;
  }
  .calculators-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .calculators-popup-content {
    margin-top: 12px;
  }
  .calculators-results--net-proceeds {
    flex-direction: column-reverse;
  }
  .calculators-results--net-proceeds .calculators-chart {
    grid-template-columns: 200px auto;
  }
  .calculators-results--net-proceeds .calculators-results-group {
    text-align: center;
  }
  .calculators-results--net-proceeds .calculators-results-block {
    flex-direction: column;
  }
  .calculators-results--net-proceeds .calculators-results-label {
    width: 100%;
  }
  .calculators-results-block {
    flex-direction: row;
    justify-content: space-between;
  }
  .calculators-results-group {
    gap: 8px;
  }
  .calculators-results-group--row .calculators-results-label {
    padding: 6px;
    width: 80px;
  }
  .calculators-results-label {
    font-size: 12px;
  }
  .calculators-results-value {
    font-size: 24px;
  }
  .calculators-results-value--large {
    font-size: 32px;
  }
  .calculators-results-value--small {
    font-size: 20px;
  }
  .calculators-chart {
    max-width: unset;
    width: 100%;
    grid-template-columns: 200px auto;
  }
  .calculators-legend-label {
    text-align: right;
  }
  .calculators-legend-title {
    font-size: 12px;
    white-space: nowrap;
    justify-content: flex-end;
  }
  .calculators-legend-value {
    font-size: 20px;
  }
  .calculators-legend-value--small {
    font-size: 16px;
  }
  .calculators-table {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0;
  }
  .calculators-table-card {
    min-height: 70px;
    padding: 8px 12px;
  }
  .calculators-table-card:nth-child(1), .calculators-table-card:nth-child(2), .calculators-table-card:nth-child(3), .calculators-table-card:nth-child(4), .calculators-table-card:nth-child(5), .calculators-table-card:nth-child(6) {
    border-bottom: 1px solid #DBDBDB;
  }
  .calculators-table-card:nth-child(1), .calculators-table-card:nth-child(3), .calculators-table-card:nth-child(5), .calculators-table-card:nth-child(7) {
    border-right: 1px solid #DBDBDB;
  }
  .calculators-table-label {
    font-size: 10px;
  }
  .calculators-table-icon {
    width: 14px;
    height: 14px;
  }
  .calculators-table-value {
    font-size: 12px;
  }
  .dashbord {
    padding: 72px 0 16px;
  }
  .dashbord-inner {
    gap: 16px;
  }
  .dashbord-main {
    gap: 12px;
  }
  .dashbord-block {
    padding: 16px;
    border-radius: 24px;
  }
  .dashbord-block--reviews {
    display: none;
  }
  .faq-head .text-m {
    max-width: 240px;
    margin: 0 auto;
  }
  .faq-list {
    gap: 16px;
  }
  .faq-item {
    border-radius: 20px;
  }
  .faq-item-head {
    align-items: flex-start;
    padding: 16px;
    gap: 12px;
  }
  .faq-item-head .title-s {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .faq-item-head::after {
    width: 16px;
    height: 16px;
  }
  .faq-item-body .text-m {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .faq-item-descr {
    padding: 0 44px 16px 16px;
  }
  .faq-item-descr br {
    display: none;
  }
  .feedback-top-inner {
    width: 100%;
    justify-content: space-between;
  }
  .feedback-grid {
    padding: 16px;
    grid-template-columns: 1fr;
    gap: 0;
    border-radius: 20px;
    background: #FFF;
  }
  .feedback-grid .feedback-item {
    padding: 0;
    border-radius: 0;
    border: none;
  }
  .feedback-grid .feedback-item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    position: relative;
  }
  .feedback-grid .feedback-item:not(:last-child)::before {
    content: "";
    height: 1px;
    background: linear-gradient(90deg, rgba(197, 197, 197, 0) 0%, rgba(197, 197, 197, 0.24) 51%, rgba(197, 197, 197, 0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .feedback-item .rating-item {
    width: 20px;
    height: 20px;
  }
  .feedback-date {
    font-size: 12px;
  }
  .feedback-descr {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .feedback-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px;
    border-radius: 20px;
    background: var(--white, #FEFEFF);
  }
  .footer {
    padding: 48px 0 32px 0;
  }
  .footer-logo {
    width: 121px;
    height: 25px;
  }
  .footer-wrapper {
    flex-direction: column;
  }
  .footer-partner .btn {
    width: 100%;
  }
  .form-group {
    gap: 8px;
  }
  .form-textarea,
  .form-input,
  .radar-autocomplete-input {
    padding: 9px 14px !important;
  }
  .form-textarea {
    height: 144px;
    padding: 14px;
  }
  .form-option span {
    padding: 5px 22px;
  }
  .form-select .choices__inner {
    padding: 9px 42px 9px 14px !important;
  }
  .form-checkbox span::before {
    width: 24px;
    height: 24px;
  }
  .header {
    padding: 12px 0;
    position: fixed;
  }
  .header:not(.header--secondary).scrolled .header-inner {
    box-shadow: 0px 0px 33.6px 0px rgba(0, 0, 0, 0.2);
  }
  .header--secondary {
    position: absolute;
    padding: 16px 0;
  }
  .header--secondary .header-inner {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .header-inner {
    padding: 16px;
    flex-wrap: wrap;
    border-radius: 20px;
    background: var(--white, #FEFEFF);
    box-shadow: 0px 0px 33.6px 0px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s linear;
  }
  .header-logo {
    width: 121px;
  }
  .header-logo-light {
    display: none;
  }
  .header-logo-dark {
    display: block;
  }
  .header-link {
    color: var(--black, #0F0E0E);
  }
  .header-overlay {
    display: block;
    background: rgba(0, 0, 0, 0.32);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    position: fixed;
    inset: 0;
    z-index: -1;
  }
  .header-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .header-menu-btn {
    width: 32px;
    height: 32px;
    padding: 9px;
  }
  .header-menu-wrapper {
    top: calc(100% + 16px);
  }
  .hero {
    background: var(--grey-bg, #F4F4F4);
  }
  .hero-inner {
    padding: 90px 0 16px;
  }
  .hero-content {
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin-bottom: 0;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    border-radius: 20px;
    background: var(--white, #FEFEFF);
  }
  .hero-content .title-xl {
    color: var(--black, #0F0E0E);
  }
  .hero-content .title-xl strong {
    color: var(--orange-1, #EE7512);
  }
  .hero-list {
    margin-bottom: 24px;
  }
  .hero-item {
    color: var(--grey-900, #3F3F3F);
  }
  .hero-icon svg {
    fill: var(--grey-800);
  }
  .hero-img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 32px;
    order: 1;
    border-radius: 20px;
    overflow: hidden;
  }
  .hero-nav {
    flex-direction: column;
    gap: 10px;
  }
  .hero-nav .btn {
    width: 100%;
  }
  .hero-logo {
    width: 56.079px;
    height: 60px;
    position: absolute;
    bottom: 52px;
    left: 52px;
  }
  .hero-bg {
    display: none;
  }
  .modal-inner {
    height: 100%;
    margin: 0;
  }
  .modal-content {
    min-height: 100%;
    height: 100%;
  }
  .modal-content--large .modal-wrapper {
    padding-top: 135px;
  }
  .modal-content--large .btn {
    margin-top: auto;
    width: 100%;
  }
  .modal-content--fullscreen {
    max-width: 100vw;
  }
  .modal-wrapper {
    padding: 63px 16px 16px;
    gap: 16px;
    height: auto;
    min-height: 100%;
    border-radius: 0;
  }
  .modal-close {
    top: 16px;
    right: 16px;
  }
  .modal-back {
    top: 16px;
    right: 16px;
  }
  .modal-status-icon {
    margin-top: 0;
    margin-bottom: 80px;
  }
  .modal-head .text-m {
    font-size: 14px;
  }
  .modal-icon {
    width: 44px;
    height: 44px;
  }
  .modal-body {
    gap: 16px;
    flex-grow: 1;
  }
  .modal-steps {
    gap: 8px;
  }
  .modal-step {
    width: 40px;
    height: 40px;
    padding: 2;
  }
  .modal-step.done .modal-step-number::before {
    width: 14px;
    height: 10px;
  }
  .modal-step-number {
    font-size: 13.333px;
    font-weight: 500;
    line-height: 33px;
  }
  .modal-board {
    padding: 16px;
    gap: 20px;
    border-radius: 20px;
  }
  .modal-fields {
    gap: 16px;
  }
  .modal-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .modal-choice {
    padding: 16px;
    gap: 16px;
  }
  .modal-choice-icon {
    width: 24px;
    height: 24px;
  }
  .modal-nav {
    padding-top: 4px;
    margin-top: auto;
    gap: 16px;
  }
  .modal-nav--double {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .modal-nav .btn-back {
    transform: unset;
    position: absolute;
    top: 16px;
    left: 16px;
  }
  .popup-inner {
    height: 100%;
    margin: 0;
  }
  .popup-inner--feedback {
    height: 100%;
  }
  .popup-inner--feedback .popup-close {
    display: none;
  }
  .popup-inner--feedback .popup-content {
    padding: 63px 16px 16px;
    gap: 24px;
    height: auto;
    border-radius: 0;
    background: #F4F4F4;
    overflow-y: auto;
    position: relative;
  }
  .popup-inner--feedback .btn-back {
    display: flex;
    position: absolute;
    left: 16px;
    top: 16px;
  }
  .popup-inner--agent {
    margin-top: unset;
  }
  .popup-inner--agent .popup-content {
    padding: 63px 16px 16px;
    border-radius: 0;
  }
  .popup-inner--agent .popup-close {
    top: 16px;
    left: 16px;
    right: unset;
  }
  .popup-content {
    min-height: 100%;
    height: 100%;
  }
  .popup-close {
    top: 16px;
    right: 16px;
  }
  .proof-inner {
    gap: 32px;
  }
  .proof-head .title-l {
    max-width: 340px;
  }
  .proof-wrapper {
    gap: 40px;
    padding: 20px;
  }
  .proof-wrapper::before {
    display: none;
  }
  .proof-wrapper::after {
    top: 5px;
    right: -342px;
    transform: rotate(-60.076deg);
  }
  .proof-item {
    width: 100%;
  }
  .proof-item:nth-of-type(1) {
    order: 1;
  }
  .proof-item:nth-of-type(5) {
    order: 4;
  }
  .proof-item:nth-of-type(3) {
    order: 3;
  }
  .proof-item:nth-of-type(7) {
    order: 5;
  }
  .proof-item:not(:first-child) {
    position: relative;
  }
  .proof-item:not(:first-child)::before {
    content: "";
    height: 1px;
    background: linear-gradient(90deg, rgba(216, 216, 216, 0) 0%, #D8D8D8 31%, rgba(216, 216, 216, 0.93) 71.5%, rgba(216, 216, 216, 0) 100%);
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
  }
  .proof-circle {
    width: 32px;
    height: 32px;
  }
  .proof-devider {
    display: none;
  }
  .rating-item {
    width: 16px;
    height: 16px;
  }
  .ready-inner {
    gap: 32px;
  }
  .ready-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .ready-card {
    padding: 32px;
    gap: 20px;
    border-radius: 20px;
  }
  .ready-icon {
    width: 44px;
    height: 44px;
  }
  .reviews-inner {
    gap: 78px;
  }
  .reviews-slide {
    border-radius: 20px;
  }
  .reviews-slide.swiper-slide-active {
    transform: translateY(-16px);
  }
  .reviews-avatar {
    width: 52px;
    height: 52px;
    margin-top: -26px;
    margin-bottom: 10px;
  }
  .reviews-info {
    margin-bottom: 14px;
  }
  .reviews-info .text-s {
    font-size: 12px;
    letter-spacing: -0.12px;
  }
  .reviews-nav {
    gap: 36px;
  }
  .reviews-nav-wrapper {
    gap: 20px;
  }
  .works::before {
    width: 326px;
    height: 350px;
    top: 167px;
    left: -180px;
  }
  .works-wrapper {
    max-width: unset;
    width: 100%;
  }
  .works-wrapper .text-xl {
    font-size: 20px;
  }
  .works-video {
    height: auto;
  }
  .works-two {
    gap: 32px;
  }
  .works-two .btn {
    width: 100%;
  }
  .works-list {
    gap: 10px;
  }
  .works-item {
    padding: 16px;
    flex-direction: column;
    gap: 0;
    position: relative;
  }
  .works-item-one {
    gap: 10px;
  }
  .works-item-one .text-xl {
    transform: translateY(-2px);
  }
  .works-item-one .title-s {
    padding-right: 40px;
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .works-item-one .text-m {
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.14px;
  }
  .works-plus {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .works-img {
    width: 100%;
    height: auto;
    margin-top: 32px;
  }
  .works-nav {
    flex-direction: column;
    gap: 12px;
  }
}

@media (max-width: 544px) {
  .benefits-card:nth-child(1) .benefits-card-descr {
    max-width: 310px;
  }
  .benefits-card:nth-child(3) .benefits-card-descr {
    max-width: 310px;
  }
  .faq-head .title-l {
    max-width: 240px;
    margin: 0 auto;
  }
  .faq-item-head .title-s {
    max-width: 260px;
  }
  .faq-item-head br {
    display: block;
  }
  .faq-item-body .text-m {
    max-width: 310px;
  }
  .form-agree br {
    display: block;
  }
  .hero-content .title-xl {
    max-width: 308px;
  }
  .modal-inner br {
    display: block;
  }
  .modal-inner br.pc {
    display: none;
  }
  .modal-head .text-m strong {
    display: block;
  }
  .proof-head .text-m {
    max-width: 330px;
  }
  .ready-head .text-m {
    max-width: 283px;
  }
  .reviews-head .title-l {
    max-width: 230px;
  }
  .works-item.active:nth-child(2) .text-m {
    max-width: 245px;
  }
  .works-item.active:nth-child(3) .text-m {
    max-width: 235px;
  }
  .works-item.active:nth-child(4) .title-s,
  .works-item.active:nth-child(4) .text-m {
    max-width: 265px;
  }
}

@media (any-hover: hover) {
  .btn--primary:not(:disabled):hover {
    background-color: var(--orange-1---dark, #F4580A);
  }
  .btn--secondary:not(:disabled):hover {
    background-color: var(--orange-2---dark, #F1880F);
  }
  .btn--grey:not(:disabled):hover {
    color: var(--white, #FEFEFF);
    background-color: var(--orange-1---dark, #F4580A);
  }
  .btn-back:not(:disabled):hover {
    opacity: 0.6;
  }
  .btn-back:not(:disabled):hover img {
    opacity: 0.6;
    visibility: visible;
  }
  .btn-orange:not(:disabled):hover,
  .btn-black:not(:disabled):hover {
    opacity: 0.6;
  }
  .btn-arrow:not(:disabled, .swiper-button-disabled):hover {
    background-color: var(--orange-1---dark, #F4580A);
    border: 1px solid var(--orange-1---dark, #F4580A);
  }
  .btn-up:not(:disabled):hover {
    background-color: var(--orange-1---dark, #F4580A);
    border: 1px solid var(--orange-1---dark, #F4580A);
  }
  .btn-forgot:hover {
    color: var(--orange-2---dark, #F1880F);
  }
  .calculators-tab:hover .calculators-tab-switch {
    background: #f48122;
    color: var(--white, #FEFEFF);
  }
  .calculators-tab:hover .calculators-tab-info {
    fill: var(--white, #FEFEFF);
  }
  .calculators-tab-info:hover {
    transform: scale(1.2) translateY(-50%);
  }
  .calculators-group .form-select .choices__item--choice:hover {
    color: var(--white, #FEFEFF);
    background: #D8680B !important;
  }
  .calculators-info:hover {
    transform: scale(1.2);
    fill: #D8680B;
  }
  .faq-item:hover {
    border-color: var(--orange-1, #EE7512);
  }
  .footer-list button:hover {
    color: var(--orange-1---dark, #F4580A);
  }
  .form-password-btn:hover::before {
    opacity: 1;
  }
  .form-option span:hover {
    border-color: var(--black, #0F0E0E);
  }
  .form-select .choices__item--choice:hover {
    border-color: var(--orange-1, #EE7512);
  }
  .form-checkbox span:hover {
    color: var(--black, #0F0E0E);
  }
  .form-agree button:hover {
    text-decoration-color: transparent;
  }
  .header-link:hover {
    color: var(--orange-1---dark, #F4580A);
  }
  .header-menu-btn:hover {
    opacity: 0.5;
  }
  .modal-choice:hover .text-xl,
  .modal-choice:hover .modal-choice-text {
    color: #FEFEFF;
  }
  .modal-choice:hover svg {
    fill: #FEFEFF;
  }
  .modal-choice:hover::before {
    opacity: 1;
  }
  .works-video-play:hover img {
    transform: scale(1.1);
  }
  .works-item:not(.active):hover {
    cursor: pointer;
    border-color: var(--orange-1, #EE7512);
  }
}