@charset "UTF-8";
:root {
  --white-button-bg: #FFF;
  --white-button-color: #00BFF0;
  --white-button-bg_hover: #00A9DE;
  --white-button-color_hover: #FFF;
  --button-bg: #00BFF0;
  --button-color: #FFF;
  --button-bg_hover: #00A9DE;
  --button-color_hover: #FFF;
  --button-secondary-bg: #F1FCFF;
  --button-secondary-color: #00BFF0;
  --button-secondary-bg_hover: #00A9DE;
  --button-secondary-color_hover: #FFF;
  --button-ternary-bg: #FFF;
  --button-ternary-color: #00BFF0;
  --button-ternary-bg_hover: #00BFF0;
  --button-ternary-color_hover: #FFF;
  --button-quaternary-bg: #F1FCFF;
  --button-quaternary-color: #1B1B1B;
  --button-quaternary-bg_hover: #00BFF0;
  --button-quaternary-color_hover: #FFF;
  --gosuslugi-hover-bg: #E5F9FF;
  --button-bg_disabled: #E3E9EB;
  --button-color_disabled: #FFF;
  --color-primary: #1B1B1B;
  --color-primary-contrast: #FFF;
  --color-secondary: #97A9AD;
  --color-accent: #00A9DE;
  --color-accent_lighten: #00BFF0;
  --color-border: #E3E9EB;
  --color-border_alt: #B0EBFB;
  --color-bg-white: #FFF;
  --color-bg-blue: #00BFF0;
  --color-bg-secondary: #F1FCFF;
  --color-bg-light-blue: #DDF7FF;
  --color-bg-ternary: #E5F9FF;
  --color-error: #EF1B34;
  --color-focus: #FFC147;
  --color-success: #28BD50;
  --probability-current-value: 10%;
  --probability-max-value: 90%;
}

@font-face {
  font-family: "Avenir Next Cyr";
  src: local("Avenir Next Cyr Regular"), local("AvenirNextCyr-Regular"), url("../fonts/avenirnextcyr-regular.woff") format("woff"), url("../fonts/avenirnextcyr-regular.woff2") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next Cyr";
  src: local("Avenir Next Cyr Medium"), local("AvenirNextCyr-Medium"), url("../fonts/avenirnextcyr-medium.woff") format("woff"), url("../fonts/avenirnextcyr-medium.woff2") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next Cyr";
  src: local("Avenir Next Cyr Demi"), local("AvenirNextCyr-Demi"), url("../fonts/avenirnextcyr-demi.woff2") format("woff"), url("../fonts/avenirnextcyr-demi.woff2") format("truetype");
  font-weight: 600;
  font-style: normal;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: "Avenir Next Cyr", "Roboto", sans-serif;
}

body {
  background: #F1FCFF;
  color: var(--color-primary);
  font-family: "Avenir Next Cyr", "Roboto", sans-serif;
}

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

.container {
  max-width: 1144px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container_smaller {
  max-width: 943px;
}

.app-wrapper {
  padding: 100px 0 0;
}
@media (min-width: 992px) {
  .app-wrapper {
    padding: 120px 0 80px;
  }
}

.lp-wrapper {
  background: var(--color-bg-secondary);
}
@media (min-width: 992px) {
  .lp-wrapper {
    padding: 0 0 80px;
    background-color: var(--color-bg-white);
  }
}

main {
  flex: 1;
  margin-top: -80px;
}

.app-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.color_accent {
  color: var(--color-accent_lighten);
}

a {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: Avenir Next Cyr, Roboto, sans-serif;
  cursor: pointer;
  color: var(--color-accent);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: var(--color-accent);
}

.error .error__wrapper {
  padding: 120px 0 0;
  margin-top: -120px;
  position: relative;
}
@media (min-width: 992px) {
  .error .error__wrapper {
    overflow: hidden;
  }
  .error .error__wrapper::before {
    display: block;
    content: "";
    background: #00BFF0;
    opacity: 0.35;
    filter: blur(250px);
    position: absolute;
    left: 50%;
    top: -590px;
    width: 891px;
    height: 884px;
    margin-left: 38px;
  }
  .error .error__wrapper::after {
    display: block;
    content: "";
    background: #CAF3FF;
    opacity: 0.5;
    filter: blur(150px);
    position: absolute;
    right: 50%;
    margin-right: -333px;
    top: 160px;
    width: 1378px;
    height: 1367px;
  }
}

@media (min-width: 992px) {
  .error-wrapper {
    padding: 0 0 80px;
  }
}
.error__wrapper .footer {
  background: transparent;
  position: relative;
  z-index: 1;
}

/* Временный на список страниц */
.pages {
  padding-left: 20px;
  border-left: 1px solid var(--color-border);
}
.pages ul {
  border-left: 1px solid var(--color-border);
  padding-left: 20px;
}
.pages li {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.pages a {
  color: var(--color-accent_lighten);
  text-decoration: none;
}
.pages a:hover {
  text-decoration: underline;
}
.pages a strong {
  color: var(--color-error);
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.accordion {
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 678px) {
  .accordion {
    margin-left: 0;
    margin-right: 0;
  }
}
.accordion:not(:last-child) {
  margin-bottom: 10px;
}

@media (min-width: 678px) {
  .accordion {
    border-radius: 10px;
  }
}
.accordion_mobile-away .accordion__header .accordion__header-arrow {
  transform: rotate(90deg);
}

@media (min-width: 678px) {
  .accordion_mobile-away .accordion__header .accordion__header-arrow {
    transform: rotate(180deg);
  }
}
@media (min-width: 678px) {
  .accordion_mobile-away .accordion__header_active .accordion__header-arrow {
    transform: rotate(0);
  }
}
.accordion_mobile-away .accordion__content {
  display: none;
}

@media (min-width: 678px) {
  .accordion_mobile-away .accordion__content_active {
    display: block;
  }
}
.accordion__header {
  padding: 30px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 24px);
  align-items: flex-start;
  gap: 16px;
  cursor: pointer;
  user-select: none;
}
@media (min-width: 678px) {
  .accordion__header {
    padding: 30px 40px;
  }
}

.accordion__header_active .accordion__header-arrow {
  transform: rotate(0);
}

.accordion__header-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
}
.accordion__header-title img {
  width: 100%;
  height: auto;
  display: block;
}

.accordion__header-title_logo {
  width: 94px;
}

.accordion__header-arrow {
  transform: rotate(180deg);
}

.accordion__content {
  padding: 0 20px 40px;
  display: none;
}
@media (min-width: 678px) {
  .accordion__content {
    padding: 0 40px 40px;
  }
}

.accordion__content_active {
  display: block;
}

.accordion__header-title-subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
}

.accordion__header-title-maintitle-currency {
  font-weight: 400;
}

.check-list {
  display: grid;
  gap: 20px;
}

.check-list:not(:last-child) {
  margin-bottom: 20px;
}

.check-list__element {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding-left: 35px;
  position: relative;
}

.check-list__element::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0Zm4.64 6.232a1 1 0 0 1 .128 1.408l-5 6a1 1 0 0 1-1.44.1l-3-2.727a1 1 0 0 1 1.345-1.48L8.9 11.558l4.332-5.198a1 1 0 0 1 1.408-.128Z' fill='%2300BFF0'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.check-list__element {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding-left: 35px;
  position: relative;
}

.check-list__element::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0Zm4.64 6.232a1 1 0 0 1 .128 1.408l-5 6a1 1 0 0 1-1.44.1l-3-2.727a1 1 0 0 1 1.345-1.48L8.9 11.558l4.332-5.198a1 1 0 0 1 1.408-.128Z' fill='%2300BFF0'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.calculate-table {
  border-collapse: collapse;
  width: 100%;
}
.calculate-table:not(:last-child) {
  margin-bottom: 20px;
}
.calculate-table tr {
  border-bottom: 1px solid var(--color-border);
}
.calculate-table th {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  padding: 20px 20px 20px 0;
  display: none;
}
.calculate-table td {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.calculate-table td::before {
  content: attr(data-title);
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.calculate-table td:not(:last-child) {
  padding-right: 20px;
}
.calculate-table td .calculate-table__smaller-text {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  display: block;
  margin-top: 10px;
}
@media (min-width: 678px) {
  .calculate-table th {
    display: table-cell;
    white-space: nowrap;
  }
  .calculate-table td::before {
    display: none;
  }
}

.loan-doc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.loan-doc:not(:last-child) {
  margin-bottom: 20px;
}

.loan-doc__link {
  color: var(--color-accent_lighten);
  text-decoration: none;
}

.loan-doc__link:hover {
  text-decoration: underline;
}

.collapse {
  padding: 10px 0;
}

.cs-select.cs-skin-border:focus-visible {
  outline: 1px auto -webkit-focus-ring-color;
}

.radio-group._v2 .radio:focus-visible + label {
  border-color: #00A9DE;
}

.preloader {
  height: 55px;
  margin: 0 auto;
  width: 55px;
}

.preloader .circle {
  -webkit-animation: preloader-rotation 2s linear infinite;
  animation: preloader-rotation 2s linear infinite;
  background: #fff;
  border: 3px solid #00A9DE;
  border-radius: 100%;
  display: block;
  height: 54.1666666667px;
  position: relative;
  width: 54.1666666667px;
}

.preloader .circle .inner {
  -webkit-animation: preloader-switch 8s ease-in-out infinite;
  animation: preloader-switch 8s ease-in-out infinite;
  background: #00A9DE;
  border-radius: 100%;
  box-shadow: 0 -22px 0 -12px #00A9DE;
  height: 33.3333333333px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 33.3333333333px;
}

.preloader.hide {
  display: none;
}

@-webkit-keyframes preloader-rotation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes preloader-rotation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes preloader-switch {
  0% {
    box-shadow: 0 -22px 0 -12px #00A9DE;
    height: 33.3333333333px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 33.3333333333px;
  }
  25% {
    box-shadow: 0 -22px 0 -12px #00A9DE;
    height: 33.3333333333px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 33.3333333333px;
  }
  50% {
    box-shadow: 0 -22px 0 12px #00A9DE;
    height: 8.3333333333px;
    top: calc(100% - 9.16667px);
    transform: translateX(-50%) translateY(0);
    width: 8.3333333333px;
  }
  75% {
    box-shadow: 0 -22px 0 12px #00A9DE;
    height: 8.3333333333px;
    top: calc(100% - 9.16667px);
    transform: translateX(-50%) translateY(0);
    width: 8.3333333333px;
  }
  to {
    box-shadow: 0 -22px 0 -12px #00A9DE;
    height: 33.3333333333px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 33.3333333333px;
  }
}
@keyframes preloader-switch {
  0% {
    box-shadow: 0 -22px 0 -12px #00A9DE;
    height: 33.3333333333px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 33.3333333333px;
  }
  25% {
    box-shadow: 0 -22px 0 -12px #00A9DE;
    height: 33.3333333333px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 33.3333333333px;
  }
  50% {
    box-shadow: 0 -22px 0 12px #00A9DE;
    height: 8.3333333333px;
    top: calc(100% - 9.16667px);
    transform: translateX(-50%) translateY(0);
    width: 8.3333333333px;
  }
  75% {
    box-shadow: 0 -22px 0 12px #00A9DE;
    height: 8.3333333333px;
    top: calc(100% - 9.16667px);
    transform: translateX(-50%) translateY(0);
    width: 8.3333333333px;
  }
  to {
    box-shadow: 0 -22px 0 -12px #00A9DE;
    height: 33.3333333333px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 33.3333333333px;
  }
}
.loading:not(:required):after {
  -webkit-animation: spinner 1.5s linear infinite;
  animation: spinner 1.5s linear infinite;
  border-radius: 0.5em;
  box-shadow: 1.5em 0 0 0 #fff, 1.1em 1.1em 0 0 #fff, 0 1.5em 0 0 #fff, -1.1em 1.1em 0 0 #fff, -1.5em 0 0 0 #fff, -1.1em -1.1em 0 0 #fff, 0 -1.5em 0 0 #fff, 1.1em -1.1em 0 0 #fff;
  content: "";
  display: inline-block;
  font-size: 7px;
  height: 1em;
  margin-top: -0.5em;
  width: 1em;
}

.loading._black:not(:required):after {
  box-shadow: 1.5em 0 0 0 rgba(0, 0, 0, 0.5), 1.1em 1.1em 0 0 rgba(0, 0, 0, 0.5), 0 1.5em 0 0 rgba(0, 0, 0, 0.5), -1.1em 1.1em 0 0 rgba(0, 0, 0, 0.5), -1.5em 0 0 0 rgba(0, 0, 0, 0.5), -1.1em -1.1em 0 0 rgba(0, 0, 0, 0.5), 0 -1.5em 0 0 rgba(0, 0, 0, 0.5), 1.1em -1.1em 0 0 rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.debt {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 25px hsla(0, 0%, 67%, 0.05);
  display: none;
  margin: 0 auto 22px;
  padding: 40px 30px;
  text-align: center;
  width: 100%;
}
.debt .nearest-payment {
  font-size: 15px;
}
.debt.show {
  display: block;
}
@media (min-width: 769px) {
  .debt {
    max-width: 340px;
  }
}

.debt__heading {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}
.debt__heading .debt__heading_item {
  margin-bottom: 5px;
}
.debt__heading .debt__heading_item:last-child {
  margin-bottom: 2px;
}

.debt__result {
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  margin-bottom: 28px;
  padding: 1px 0 5px;
}
.debt__result label {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 5px;
}
.debt__result .input__label {
  justify-content: center;
}

.debt__total {
  position: relative;
}

.debt__total,
.debt__total .debt__input {
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  line-height: 37px;
  text-align: inherit;
}

.debt__input,
.debt__input:focus,
.debt__input:focus-visible {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: inherit;
  display: inline-block;
  outline: none;
  padding: 0;
  width: 100%;
}

.debt__btn {
  width: 100%;
}

.debt__errors {
  color: var(--color-error);
  display: none;
  font-size: 13px;
  line-height: 15px;
  padding: 10px 0 0;
  text-align: center;
}
.debt__errors.show {
  display: block;
}

.debt__pay-type {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}
.debt__pay-type [type=radio] {
  display: none;
}
.debt__pay-type [type=radio]:checked + .button {
  border-color: #00A9DE;
  font-weight: 700;
}
.debt__pay-type .button {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  color: #00A9DE;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  height: 33px;
  line-height: 33px;
  margin: 0 3px;
  outline: none;
  padding: 0 10px;
  transition: all 0.3s ease;
  width: 50%;
}
.debt__pay-type .button:hover {
  background-color: #00A9DE;
  border: 1px solid transparent;
  color: #fff;
}

.online-payment__collapse_heading {
  text-align: center;
}
.online-payment__collapse_heading.error {
  color: var(--color-error);
}
.online-payment__collapse_heading.error a {
  color: var(--color-error);
}
.online-payment__collapse_heading.error svg {
  stroke: var(--color-error);
}
.online-payment__collapse_heading.checkbox_line {
  padding-bottom: 30px;
  margin-bottom: 0;
}
.online-payment__collapse_heading .collapse__title {
  color: var(--color-accent_lighten);
}
.online-payment__collapse_heading svg {
  stroke: var(--color-accent_lighten);
}

.checkbox_line {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  pointer-events: all;
  margin-bottom: 10px;
  min-height: 26px;
}

.conditions {
  display: none;
  width: 100%;
  max-width: 542px;
  margin: 0 auto;
}
.conditions.show {
  display: block;
}
.conditions.collapse {
  padding: 30px 20px 0;
}
.conditions.collapse.open .conditions__collapse {
  display: block;
}
.conditions.collapse.open .agreement__toggle-icon {
  transform: rotate(180deg);
}
.conditions .label-line.__center {
  line-height: 24px;
}
.conditions .agreement__toggle-icon {
  stroke: var(--color-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.conditions .checkbox {
  position: fixed;
  visibility: hidden;
  left: -9999px;
  opacity: 0;
}
.conditions .checkbox + label {
  position: relative;
  margin-left: 36px;
  display: inline-block;
}
.conditions .checkbox + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -35px;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid var(--color-border);
  background: var(--color-bg-white);
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.conditions .checkbox + label::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 1.25-6.25 7.5L1 5.34091' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  transition: all 0.2s ease-in;
  position: absolute;
  top: 6px;
  left: -29px;
  margin: auto;
  transform: scale(0);
}
.conditions .checkbox:checked + label::after {
  transform: scale(1);
}
.conditions .checkbox:checked + label::before {
  background-color: var(--color-accent_lighten);
  border-color: var(--color-accent_lighten);
}
.conditions .error .checkbox + label::before {
  border-color: var(--color-error);
}

.conditions__collapse {
  display: none;
}

.input {
  display: block;
}
.input small.error {
  font-size: 13px;
  line-height: 16px;
  color: var(--color-error);
}

.input_has-percentage .input__element {
  padding-right: 4.0625rem;
}

.input_password .input__element {
  padding-right: 2.5rem;
}

.input_error:focus .input__message {
  display: none !important;
}

.input_error .input__message {
  color: var(--color-error);
}

.input_error .input__element {
  color: var(--color-error);
  border-color: var(--color-error);
}

.input_error .input__element::placeholder {
  color: var(--color-error);
}

.input_error .input__percentage {
  background: var(--color-error);
}

.input_complexity-small .input__element {
  border-color: var(--color-error);
}

.input_complexity-small .input__complexity {
  display: block;
  background: var(--color-error);
  border-radius: 5px 0 0 5px;
  width: 33%;
}

.input_complexity-mid .input__element {
  border-color: var(--color-focus);
}

.input_complexity-mid .input__complexity {
  display: block;
  background: var(--color-focus);
  border-radius: 5px 0 0 5px;
  width: 66%;
}

.input_complexity-big .input__element {
  border-color: var(--color-success);
}

.input_complexity-big .input__complexity {
  display: block;
  background: var(--color-success);
  border-radius: 5px;
  width: 100%;
}

.input__label {
  display: flex;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: var(--color-primary);
  margin-bottom: 0.625rem;
}

.input__element-wrapper {
  display: block;
  position: relative;
}

.input__element {
  width: 100%;
  display: block;
  background: var(--color-bg-white);
  border: 1px solid var(--color-border);
  height: 50px;
  padding: 0.875rem 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--color-primary);
  border-radius: 10px;
  outline: none;
}
.input__element.error {
  border-color: var(--color-error);
}

.input__element::placeholder {
  color: var(--color-secondary);
}

.input__element:focus {
  border-color: var(--color-border_alt);
}

/*
// TODO Если нужно убрать сообщения во время ввода
.input__element:focus + .input__message {
  display: none !important;
}
*/
.input__element:disabled,
.input__element[readonly] {
  background: var(--button-secondary-bg);
  border-color: var(--button-secondary-bg);
}

.input__message {
  display: block;
  margin-top: 5px;
  color: var(--color-secondary);
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1rem;
}

.input__percentage {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 0;
  top: 11px;
  background: var(--color-bg-blue);
  color: var(--color-primary-contrast);
  border-radius: 15px;
  line-height: 1.75rem;
  height: 1.75rem;
  text-align: center;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-weight: 600;
  font-size: 0.875rem;
}

.input__complexity {
  margin-top: 5px;
  height: 5px;
  display: none;
  transition: all 0.2s ease-in;
}

.input__sublabel {
  font-style: italic;
  color: var(--color-secondary);
  margin-left: auto;
}

.radios {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.radios__label {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: var(--color-primary);
  margin-bottom: 0.625rem;
}

.radios__grid {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.radios__grid .radio {
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio {
  display: flex;
  align-items: center;
}

.radio__input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  opacity: 0;
}

.radio__input:checked ~ .radio__box {
  background: var(--color-accent_lighten);
  border-color: var(--color-accent_lighten);
}

.radio__input:checked ~ .radio__box::after {
  transform: scale(1);
}

.radio__box {
  display: block;
  width: 1.5rem;
  flex: 0 0 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  background: var(--color-bg-white);
  position: relative;
  transition: all 0.2s ease-in;
  margin-right: 10px;
}

.radio__box::after {
  content: "";
  display: block;
  width: 12px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 1.25-6.25 7.5L1 5.34091' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  transition: all 0.2s ease-in;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  transform: scale(0);
}

.check {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1.5rem) minmax(0, 1fr);
  align-items: flex-start;
}

.check_circle .check__box {
  border-radius: 50%;
}

.check_blue .check__box {
  border-color: var(--color-accent_lighten);
}

.check_error .check__box {
  border-color: var(--color-error);
}

.check__input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  opacity: 0;
}

.check__input[checked][disabled] ~ .check__box {
  border: none;
  background: none;
}

.check__input[checked][disabled] ~ .check__box::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 7-8.75 10L5 12.454' stroke='%2300BFF0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}

.check__input:checked ~ .check__box {
  background: var(--color-accent_lighten);
  border-color: var(--color-accent_lighten);
}

.check__input:checked ~ .check__box::after {
  transform: scale(1);
}

.check__box {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 5px;
  border: 1px solid var(--color-border);
  background: var(--color-bg-white);
  position: relative;
  transition: all 0.2s ease-in;
}

.check__box::after {
  content: "";
  display: block;
  width: 12px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 1.25-6.25 7.5L1 5.34091' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  transition: all 0.2s ease-in;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  transform: scale(0);
}

.check__title {
  align-self: center;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.check__title a {
  color: var(--color-accent_lighten);
  text-decoration: none;
}
.check__title a:hover {
  text-decoration: underline;
}

.check_confirmed {
  align-items: center;
}
.check_confirmed .check__box {
  width: 16px;
}
.check_confirmed .check__title {
  color: var(--color-accent_lighten);
  font-size: 0.875rem;
  margin-left: -16px;
}

.file-input {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 30px;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  background: var(--color-bg-white);
}

.file-input:hover .file-input__load-button-title {
  text-decoration: none;
}

@media (min-width: 600px) {
  .file-input {
    border: 1px dashed var(--color-border);
    border-radius: 15px;
    padding: 30px 30px 40px;
  }
}
.file-input_active .file-input__load-button-title {
  color: var(--color-secondary);
}

.input-file__percentage {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-align: center;
  padding: 5px;
  border-radius: 15px;
  background: var(--color-accent_lighten);
  color: var(--color-primary-contrast);
  margin-bottom: 10px;
}

.file-input__label {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  margin-bottom: auto;
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
}

.file-input__element {
  display: none;
}

.file-input__load-button {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: auto;
}

.file-input__load-button-title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-decoration-line: underline;
  color: var(--color-accent_lighten);
}

.file-input__img {
  margin-top: 25px;
  margin-bottom: 25px;
}

.pay-input {
  text-align: center;
}

.pay-input__number {
  width: 80%;
  display: none;
}

.textarea {
  display: block;
}

.textarea_error .textarea__message {
  color: var(--color-error);
}

.textarea_error .textarea__element {
  color: var(--color-error);
  border-color: var(--color-error);
}

.textarea_error .textarea__element::placeholder {
  color: var(--color-error);
}

.textarea_complexity-small .textarea__element {
  border-color: var(--color-error);
}

.textarea_complexity-small .textarea__complexity {
  display: block;
  background: var(--color-error);
  border-radius: 5px 0px 0px 5px;
  width: 33%;
}

.textarea_complexity-mid .textarea__element {
  border-color: var(--color-focus);
}

.textarea_complexity-mid .textarea__complexity {
  display: block;
  background: var(--color-focus);
  border-radius: 5px 0px 0px 5px;
  width: 66%;
}

.textarea_complexity-big .textarea__element {
  border-color: var(--color-success);
}

.textarea_complexity-big .textarea__complexity {
  display: block;
  background: var(--color-success);
  border-radius: 5px;
  width: 100%;
}

.textarea__label {
  display: flex;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: var(--color-primary);
  margin-bottom: 0.625rem;
}

.textarea__element-wrapper {
  display: block;
  position: relative;
}

.textarea__element {
  width: 100%;
  display: block;
  background: var(--color-bg-white);
  border: 1px solid var(--color-border);
  height: 100px;
  padding: 0.875rem 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--color-primary);
  border-radius: 10px;
  outline: none;
  resize: none;
  display: block;
}

.textarea__element::placeholder {
  color: var(--color-secondary);
}

.textarea__element:focus {
  border-color: var(--color-border_alt);
}

.textarea__message {
  display: block;
  margin-top: 5px;
  color: var(--color-secondary);
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1rem;
}

.textarea__complexity {
  margin-top: 5px;
  height: 5px;
  display: none;
  transition: all 0.2s ease-in;
}

.input__element-pay-value {
  text-align: center;
  font-weight: 600;
  font-size: 2.125rem;
  line-height: 2.625rem;
  border: none;
}

.input__password-toggle {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  right: 0.8125rem;
  top: 14px;
  bottom: 0;
  cursor: pointer;
}
.input__password-toggle.__pass_show .input__password-toggle-icon_show {
  display: inline;
}
.input__password-toggle.__pass_show .input__password-toggle-icon_hide {
  display: none;
}

.input__password-toggle-icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.input__password-toggle-icon svg {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.input__password-toggle-icon_show {
  display: none;
}

.select {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.select_selected .select__custom-element {
  color: var(--color-primary);
}

.select_appended .select__element {
  display: none;
}

.select_error .select__element {
  color: var(--color-error);
  border-color: var(--color-error);
}

.select_error .select__element::placeholder {
  color: var(--color-error);
}

.select_error .select__custom-element {
  color: var(--color-error);
  border-color: var(--color-error);
}

.select_error .select__message {
  color: var(--color-error);
}

.select__label {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: var(--color-primary);
  margin-bottom: 0.625rem;
  order: 0;
}

.select__element-wrapper {
  display: block;
  position: relative;
  width: 100%;
}

.select__element {
  width: 100%;
  display: block;
  background: var(--color-bg-white);
  border: 1px solid var(--color-border);
  height: 50px;
  padding: 0.875rem 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--color-primary);
  border-radius: 10px;
  outline: none;
  order: 1;
}

.select__element::placeholder {
  color: var(--color-secondary);
}

.select__message {
  display: block;
  margin-top: 5px;
  color: var(--color-secondary);
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1rem;
  order: 2;
}

.select__custom-element {
  width: 100%;
  background: var(--color-bg-white);
  border: 1px solid var(--color-border);
  height: 50px;
  padding-right: 0.625rem;
  padding-left: 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  border-radius: 10px;
  outline: none;
  position: relative;
  cursor: pointer;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--color-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  order: 1;
}

.select__custom-element_active .select__custom-element-dropdown {
  display: block;
}

.select__custom-element_active .select__custom-element-arrow svg {
  transform: rotate(180deg);
}

.select__custom-element:hover .select__custom-element-arrow svg {
  stroke: var(--color-accent_lighten);
}

.select__custom-element-arrow {
  width: 24px;
  height: 24px;
  align-items: center;
  position: relative;
}

.select__custom-element-arrow svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  stroke: var(--color-primary);
}

.select__custom-element-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #FFFFFF;
  box-shadow: 0 0 15px rgba(85, 181, 206, 0.1);
  border-radius: 10px;
  margin-top: 5px;
  z-index: 9;
  display: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

.select__custom-element-dropdown-item {
  padding: 11px 20px;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  cursor: pointer;
  color: var(--color-primary);
}

.select__custom-element-dropdown-item_selected {
  background: var(--color-bg-secondary);
}

.select__custom-element-dropdown-item:hover {
  font-weight: 500;
}

.header {
  padding: 1.25rem 0;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  background: transparent;
  transition: all 0.2s ease-in;
}
@media (min-width: 992px) {
  .header {
    padding: 1.375rem 0;
  }
}
.header .logo {
  z-index: 1;
}

.header__grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_scroled {
  background: #F1FCFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.header__user {
  position: relative;
}

.header__user-button {
  border: none;
  background: none;
  z-index: 1;
  position: relative;
}
@media (min-width: 768px) {
  .header__user-button {
    display: grid;
    align-items: center;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 36px);
  }
}

.header__user-button-letter {
  display: none;
}
@media (min-width: 768px) {
  .header__user-button-letter {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    background: var(--color-accent_lighten);
    color: var(--color-primary-contrast);
    border-radius: 50%;
    position: relative;
  }
  .header__user-button-letter::before {
    transition: all 0.2s ease-in;
    display: block;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    background: var(--color-bg-white);
    border-radius: 50%;
    opacity: 0;
  }
  .header__user-button-letter::after {
    transition: all 0.2s ease-in;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    opacity: 0;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 15-7-7-7 7' stroke='%2300BFF0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  }
}

.header__user-button-icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}
@media (min-width: 768px) {
  .header__user-button-icon {
    display: none;
  }
}

.header__user-button-icon-line {
  background: #00BFF0;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transition: all 0.2s ease-in;
}

.header__user-button-icon-line_1 {
  top: 4px;
}

.header__user-button-icon-line_2 {
  top: 11px;
}

.header__user-button-icon-line_3 {
  top: 18px;
}

.header__user_active .header__user-button-icon-line_1 {
  top: 11px;
  transform: rotate(45deg);
}
.header__user_active .header__user-button-icon-line_2 {
  opacity: 0;
}
.header__user_active .header__user-button-icon-line_3 {
  top: 11px;
  transform: rotate(-45deg);
}
.header__user_active .header__user-dropdown {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease-in;
  transform: none;
}
.header__user_active .header__user-button-letter::before {
  transform: scale(1);
  opacity: 1;
}
.header__user_active .header__user-button-letter::after {
  transform: scale(1);
  opacity: 1;
}

.header__user-button-title {
  display: none;
}
@media (min-width: 768px) {
  .header__user-button-title {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
  }
}

.header__user-dropdown {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: var(--color-bg-white);
  padding: 100px 20px 40px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in;
}
@media (min-width: 768px) {
  .header__user-dropdown {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    bottom: unset;
    left: auto;
    right: 0;
    width: 210px;
    padding: 0;
    box-shadow: 0 0 15px rgba(85, 181, 206, 0.1);
    border-radius: 10px;
    transform: translateY(-10px);
  }
}

.header__user-dropdown-name {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
}
@media (min-width: 768px) {
  .header__user-dropdown-name {
    display: none;
  }
}

.header__user-dropdown-footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .header__user-dropdown-footer {
    display: none;
  }
}

.header__user-dropdown-footer-phone {
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  text-decoration: none;
  color: var(--color-accent_lighten);
}

.header__user-dropdown-footer-email {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  color: var(--color-accent_lighten);
  margin-top: 15px;
}

.header__user-dropdown-nav {
  border-top: 1px solid var(--color-border);
  padding-top: 30px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .header__user-dropdown-nav {
    padding: 30px;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .header__user-dropdown-nav_main {
    margin-top: 0;
    border: none;
    padding-bottom: 35px;
  }
}
.header__user-dropdown-nav-list {
  display: grid;
  gap: 20px;
}

.header__user-dropdown-nav-list-element {
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
}
@media (min-width: 768px) {
  .header__user-dropdown-nav-list-element {
    font-size: 14px;
    line-height: 17px;
  }
}

.header__user-dropdown-nav-list-element-link {
  text-decoration: none;
  color: var(--color-primary);
}
.header__user-dropdown-nav-list-element-link:hover {
  color: var(--color-accent_lighten);
}

.header__user-dropdown-nav-list-element-link_active {
  color: var(--color-accent_lighten);
}

.header__user-dropdown-nav-list-element-link_secondary {
  color: var(--color-secondary);
}

button {
  cursor: pointer;
}

.button {
  display: flex;
  align-items: center;
  position: relative;
  border: none;
  padding: 15px 16px;
  border-radius: 10px;
  text-decoration: none;
  background: var(--button-bg);
  color: var(--button-color);
  justify-content: center;
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.button:hover {
  background: var(--button-bg_hover);
  color: var(--button-color_hover);
  text-decoration: none;
}
.button::after {
  opacity: 0;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
  margin: auto;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1v3M16.363 3.636l-2.12 2.121M19 10h-3M16.363 16.364l-2.121-2.121M10 19v-3M3.637 16.364l2.121-2.121M1 10h3M3.637 3.636l2.121 2.121' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  transform: scale(0);
  transition: all 0.2s ease-in;
}

.button_smaller {
  font-size: 14px;
  line-height: 18px;
  padding: 11px 16px;
}
.button_smaller .button__text {
  font-size: 14px;
  line-height: 18px;
}

.button_text-smaller {
  font-size: 14px;
  line-height: 18px;
}
.button_text-smaller .button__text {
  font-size: 14px;
  line-height: 18px;
}

.button_shadow {
  box-shadow: 0 20px 15px -15px rgba(120, 159, 169, 0.15);
}

.button_secondary {
  background: var(--button-secondary-bg);
  color: var(--button-secondary-color);
}
.button_secondary .button__text {
  font-weight: 400;
}
.button_secondary:hover {
  background: var(--button-secondary-bg_hover);
  color: var(--button-secondary-color_hover);
}

.button_quaternary {
  font-weight: 500;
  background: var(--button-quaternary-bg);
  color: var(--button-quaternary-color);
}
.button_quaternary .button__text {
  font-weight: 400;
}
.button_quaternary:hover {
  background: var(--button-quaternary-bg_hover);
  color: var(--button-quaternary-color_hover);
}

.button_loading .button__text {
  opacity: 0;
}

.button_loading::after {
  opacity: 1;
  transform: scale(1);
  animation: loading 2s infinite linear;
}

.button[disabled] {
  background: var(--button-bg_disabled);
  color: var(--button-color_disabled);
}

.button_ternary {
  background: var(--button-ternary-bg);
  color: var(--button-ternary-color);
}
.button_ternary:hover {
  background: var(--button-ternary-bg_hover);
  color: var(--button-ternary-color_hover);
}

.button_fivefold {
  background: var(--button-ternary-bg);
  color: var(--color-primary);
}
.button_fivefold:hover {
  background: var(--button-ternary-bg);
  color: var(--color-accent_lighten);
}

.button_details {
  background: var(--button-ternary-bg);
  color: var(--color-primary);
}
.button_details:hover {
  background: var(--button-ternary-bg);
  color: var(--color-accent_lighten);
}

.button_details-opened {
  background: var(--button-ternary-bg);
  color: var(--color-secondary);
}
.button_details-opened:hover {
  background: var(--button-ternary-bg);
  color: var(--color-accent_lighten);
}

.button_border {
  background: var(--color-bg-white);
  color: var(--color-primary);
  border: 1px solid var(--color-border);
}
.button_border:hover {
  background: var(--button-ternary-bg);
  color: var(--color-accent_lighten);
}

.button__text {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25;
  transition: opacity 0.2s ease-in;
}

.button__currency {
  font-weight: 400;
}

.personal-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

@media (min-width: 992px) {
  .personal-link {
    background: var(--white-button-bg);
    color: var(--white-button-color);
    border-radius: 10px;
    padding: 1rem 1.25rem;
  }
  .personal-link:hover {
    background: var(--white-button-bg_hover);
    color: var(--white-button-color_hover);
    text-decoration: none;
  }
  .personal-link:hover .personal-link__icon svg {
    stroke: var(--white-button-color_hover);
  }
}
.personal-link__icon {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}

.personal-link__icon svg {
  transition: all 0.2s ease-in;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  stroke: var(--white-button-color);
}

@media (min-width: 992px) {
  .personal-link__icon {
    width: 1.125rem;
    height: 1.125rem;
    margin-left: 0.625rem;
  }
}
.personal-link__title {
  display: none;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
}

@media (min-width: 992px) {
  .personal-link__title {
    display: block;
  }
}
/* Госуслуги */
.gosuslugi-button {
  width: 260px;
  height: 50px;
  background: var(--color-bg-white);
  display: flex;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s ease-in;
}

.gosuslugi-button_light-blue {
  background: var(--button-secondary-bg);
}

.gosuslugi-button_shadow {
  box-shadow: 0 20px 15px -15px rgba(120, 159, 169, 0.15);
}

.gosuslugi-button:hover {
  background: var(--gosuslugi-hover-bg);
  border-color: var(--gosuslugi-hover-bg);
  text-decoration: none;
}

.gosuslugi-button_border {
  border: 1px solid var(--color-border);
}

.gosuslugi-button_fullwidth {
  width: 100%;
}

.gosuslugi-button_login .gosuslugi-button-title {
  color: var(--color-primary);
  font-size: 1rem;
}

.gosuslugi-button_login .gosuslugi-button-logo {
  width: 95px;
}

.gosuslugi-button-title {
  font-weight: 500;
  font-size: 0.875rem;
  margin-right: 7px;
  color: var(--color-accent_lighten);
}

.gosuslugi-button-logo {
  display: block;
  width: 76px;
  padding-top: 4px;
}

.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.2s;
  transition: transform 0.2s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.noUi-target {
  border: none;
  box-shadow: none;
}

.noUi-horizontal {
  background: var(--color-bg-light-blue);
  border-radius: 5px;
  height: 5px;
}

@media (min-width: 992px) {
  .noUi-horizontal.slider__element_white {
    background: var(--color-bg-white);
  }
}
.noUi-connect {
  background: var(--color-bg-blue);
}

.noUi-handle {
  cursor: pointer;
  border: none;
  border-radius: 50%;
  background: var(--color-bg-blue);
  box-shadow: -5px 0px 15px rgba(221, 247, 255, 0.75);
  transition: transform 0.1s ease-in;
}

.noUi-handle:hover {
  transform: scale(1.1);
}

.noUi-handle::before {
  display: none;
}

.noUi-touch-area {
  display: none;
}

.noUi-handle::after {
  display: none;
}

.noUi-horizontal .noUi-handle {
  width: 21px;
  height: 21px;
  right: -10px;
  top: -7px;
}

@media (min-width: 992px) {
  .calculator_full {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 386px));
    gap: 0 50px;
    justify-content: center;
  }
  .calculator_full .calculator__result {
    grid-column: 1/-1;
    margin: 0;
    display: flex;
    justify-content: center;
  }
  .calculator_full .calculator__result-date {
    margin-right: 0.5em;
  }
}
.calculator__slider {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 30px;
}

.calculator__slider-element {
  grid-column: 1/-1;
  margin-top: 18px;
}

.calculator__slider-value {
  text-align: right;
  margin-left: auto;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

.calculator__slider-value-counter-title_currency {
  font-weight: 400;
}

.calculator__slider-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.calculator__slider-range {
  display: flex;
  grid-column: 1/-1;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
  margin-top: 10px;
}

.calculator__result {
  text-align: center;
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.calculator__result-date {
  display: block;
}

.calculator__result-price {
  display: block;
}

.calculator__button {
  display: grid;
  margin-top: 25px;
}

.calculator_full .calculator__button {
  grid-column: 1/-1;
  max-width: 260px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.how-to__calculator .calculator_full .calculator__button {
  max-width: 275px;
}

.calculator__code {
  margin-top: 30px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 136px);
  gap: 10px;
}

@media (min-width: 678px) {
  .calculator__code {
    grid-template-columns: minmax(0, 1fr);
  }
}
.calculator__code__message {
  grid-column: 1/-1;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
}

.calc__results {
  text-align: center;
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.calc__range {
  margin-bottom: 30px;
}

.calc__total-title s {
  color: var(--color-secondary);
  font-weight: 400;
}

.calc__results.__modify .calc__total-title {
  margin-bottom: 5px;
}

.calc__results.__modify .__orange {
  color: var(--color-accent);
}

.calc__results.__modify .calc__total-percent {
  background-color: rgb(241, 252, 255);
  font-weight: 700;
  padding: 2px 5px;
}

/* range */
.range-group__label {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}

.range-group__info {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
}

.range-group__result {
  text-align: right;
  margin-left: auto;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

input[type=range] {
  height: 44px;
  width: 100%;
  padding: 0;
  box-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  cursor: pointer;
  border: none;
}

input[type=range]:focus {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type=range i]::-webkit-slider-container {
  background-color: #DDF7FF;
}

input[type=range i]::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-runnable-track {
  content: "";
  height: 22px;
  border: none;
  width: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(38%, #fff), color-stop(38%, var(--button-bg)), color-stop(62%, var(--button-bg)), color-stop(62%, #fff));
  background-image: linear-gradient(to top, #fff 38%, var(--button-bg) 38%, var(--button-bg) 62%, #fff 62%);
  animate: 0.2s;
}

input[type=range i]::-webkit-slider-thumb,
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 22px;
  width: 22px;
  margin-top: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--button-bg)), to(var(--button-bg)));
  background-image: linear-gradient(to top, var(--button-bg), var(--button-bg));
  border: none;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 9px 1px 0 -8px #DDF7FF, 10px 0 0 -8px #DDF7FF, 11px 0 0 -8px #DDF7FF, 12px 0 0 -8px #DDF7FF, 13px 0 0 -8px #DDF7FF, 14px 0 0 -8px #DDF7FF, 15px 0 0 -8px #DDF7FF, 16px 0 0 -8px #DDF7FF, 17px 0 0 -8px #DDF7FF, 18px 0 0 -8px #DDF7FF, 19px 0 0 -8px #DDF7FF, 20px 0 0 -8px #DDF7FF, 21px 0 0 -8px #DDF7FF, 22px 0 0 -8px #DDF7FF, 23px 0 0 -8px #DDF7FF, 24px 0 0 -8px #DDF7FF, 25px 0 0 -8px #DDF7FF, 26px 0 0 -8px #DDF7FF, 27px 0 0 -8px #DDF7FF, 28px 0 0 -8px #DDF7FF, 29px 0 0 -8px #DDF7FF, 30px 0 0 -8px #DDF7FF, 31px 0 0 -8px #DDF7FF, 32px 0 0 -8px #DDF7FF, 33px 0 0 -8px #DDF7FF, 34px 0 0 -8px #DDF7FF, 35px 0 0 -8px #DDF7FF, 36px 0 0 -8px #DDF7FF, 37px 0 0 -8px #DDF7FF, 38px 0 0 -8px #DDF7FF, 39px 0 0 -8px #DDF7FF, 40px 0 0 -8px #DDF7FF, 41px 0 0 -8px #DDF7FF, 42px 0 0 -8px #DDF7FF, 43px 0 0 -8px #DDF7FF, 44px 0 0 -8px #DDF7FF, 45px 0 0 -8px #DDF7FF, 46px 0 0 -8px #DDF7FF, 47px 0 0 -8px #DDF7FF, 48px 0 0 -8px #DDF7FF, 49px 0 0 -8px #DDF7FF, 50px 0 0 -8px #DDF7FF, 51px 0 0 -8px #DDF7FF, 52px 0 0 -8px #DDF7FF, 53px 0 0 -8px #DDF7FF, 54px 0 0 -8px #DDF7FF, 55px 0 0 -8px #DDF7FF, 56px 0 0 -8px #DDF7FF, 57px 0 0 -8px #DDF7FF, 58px 0 0 -8px #DDF7FF, 59px 0 0 -8px #DDF7FF, 60px 0 0 -8px #DDF7FF, 61px 0 0 -8px #DDF7FF, 62px 0 0 -8px #DDF7FF, 63px 0 0 -8px #DDF7FF, 64px 0 0 -8px #DDF7FF, 65px 0 0 -8px #DDF7FF, 66px 0 0 -8px #DDF7FF, 67px 0 0 -8px #DDF7FF, 68px 0 0 -8px #DDF7FF, 69px 0 0 -8px #DDF7FF, 70px 0 0 -8px #DDF7FF, 71px 0 0 -8px #DDF7FF, 72px 0 0 -8px #DDF7FF, 73px 0 0 -8px #DDF7FF, 74px 0 0 -8px #DDF7FF, 75px 0 0 -8px #DDF7FF, 76px 0 0 -8px #DDF7FF, 77px 0 0 -8px #DDF7FF, 78px 0 0 -8px #DDF7FF, 79px 0 0 -8px #DDF7FF, 80px 0 0 -8px #DDF7FF, 81px 0 0 -8px #DDF7FF, 82px 0 0 -8px #DDF7FF, 83px 0 0 -8px #DDF7FF, 84px 0 0 -8px #DDF7FF, 85px 0 0 -8px #DDF7FF, 86px 0 0 -8px #DDF7FF, 87px 0 0 -8px #DDF7FF, 88px 0 0 -8px #DDF7FF, 89px 0 0 -8px #DDF7FF, 90px 0 0 -8px #DDF7FF, 91px 0 0 -8px #DDF7FF, 92px 0 0 -8px #DDF7FF, 93px 0 0 -8px #DDF7FF, 94px 0 0 -8px #DDF7FF, 95px 0 0 -8px #DDF7FF, 96px 0 0 -8px #DDF7FF, 97px 0 0 -8px #DDF7FF, 98px 0 0 -8px #DDF7FF, 99px 0 0 -8px #DDF7FF, 100px 0 0 -8px #DDF7FF, 101px 0 0 -8px #DDF7FF, 102px 0 0 -8px #DDF7FF, 103px 0 0 -8px #DDF7FF, 104px 0 0 -8px #DDF7FF, 105px 0 0 -8px #DDF7FF, 106px 0 0 -8px #DDF7FF, 107px 0 0 -8px #DDF7FF, 108px 0 0 -8px #DDF7FF, 109px 0 0 -8px #DDF7FF, 110px 0 0 -8px #DDF7FF, 111px 0 0 -8px #DDF7FF, 112px 0 0 -8px #DDF7FF, 113px 0 0 -8px #DDF7FF, 114px 0 0 -8px #DDF7FF, 115px 0 0 -8px #DDF7FF, 116px 0 0 -8px #DDF7FF, 117px 0 0 -8px #DDF7FF, 118px 0 0 -8px #DDF7FF, 119px 0 0 -8px #DDF7FF, 120px 0 0 -8px #DDF7FF, 121px 0 0 -8px #DDF7FF, 122px 0 0 -8px #DDF7FF, 123px 0 0 -8px #DDF7FF, 124px 0 0 -8px #DDF7FF, 125px 0 0 -8px #DDF7FF, 126px 0 0 -8px #DDF7FF, 127px 0 0 -8px #DDF7FF, 128px 0 0 -8px #DDF7FF, 129px 0 0 -8px #DDF7FF, 130px 0 0 -8px #DDF7FF, 131px 0 0 -8px #DDF7FF, 132px 0 0 -8px #DDF7FF, 133px 0 0 -8px #DDF7FF, 134px 0 0 -8px #DDF7FF, 135px 0 0 -8px #DDF7FF, 136px 0 0 -8px #DDF7FF, 137px 0 0 -8px #DDF7FF, 138px 0 0 -8px #DDF7FF, 139px 0 0 -8px #DDF7FF, 140px 0 0 -8px #DDF7FF, 141px 0 0 -8px #DDF7FF, 142px 0 0 -8px #DDF7FF, 143px 0 0 -8px #DDF7FF, 144px 0 0 -8px #DDF7FF, 145px 0 0 -8px #DDF7FF, 146px 0 0 -8px #DDF7FF, 147px 0 0 -8px #DDF7FF, 148px 0 0 -8px #DDF7FF, 149px 0 0 -8px #DDF7FF, 150px 0 0 -8px #DDF7FF, 151px 0 0 -8px #DDF7FF, 152px 0 0 -8px #DDF7FF, 153px 0 0 -8px #DDF7FF, 154px 0 0 -8px #DDF7FF, 155px 0 0 -8px #DDF7FF, 156px 0 0 -8px #DDF7FF, 157px 0 0 -8px #DDF7FF, 158px 0 0 -8px #DDF7FF, 159px 0 0 -8px #DDF7FF, 160px 0 0 -8px #DDF7FF, 161px 0 0 -8px #DDF7FF, 162px 0 0 -8px #DDF7FF, 163px 0 0 -8px #DDF7FF, 164px 0 0 -8px #DDF7FF, 165px 0 0 -8px #DDF7FF, 166px 0 0 -8px #DDF7FF, 167px 0 0 -8px #DDF7FF, 168px 0 0 -8px #DDF7FF, 169px 0 0 -8px #DDF7FF, 170px 0 0 -8px #DDF7FF, 171px 0 0 -8px #DDF7FF, 172px 0 0 -8px #DDF7FF, 173px 0 0 -8px #DDF7FF, 174px 0 0 -8px #DDF7FF, 175px 0 0 -8px #DDF7FF, 176px 0 0 -8px #DDF7FF, 177px 0 0 -8px #DDF7FF, 178px 0 0 -8px #DDF7FF, 179px 0 0 -8px #DDF7FF, 180px 0 0 -8px #DDF7FF, 181px 0 0 -8px #DDF7FF, 182px 0 0 -8px #DDF7FF, 183px 0 0 -8px #DDF7FF, 184px 0 0 -8px #DDF7FF, 185px 0 0 -8px #DDF7FF, 186px 0 0 -8px #DDF7FF, 187px 0 0 -8px #DDF7FF, 188px 0 0 -8px #DDF7FF, 189px 0 0 -8px #DDF7FF, 190px 0 0 -8px #DDF7FF, 191px 0 0 -8px #DDF7FF, 192px 0 0 -8px #DDF7FF, 193px 0 0 -8px #DDF7FF, 194px 0 0 -8px #DDF7FF, 195px 0 0 -8px #DDF7FF, 196px 0 0 -8px #DDF7FF, 197px 0 0 -8px #DDF7FF, 198px 0 0 -8px #DDF7FF, 199px 0 0 -8px #DDF7FF, 200px 0 0 -8px #DDF7FF, 201px 0 0 -8px #DDF7FF, 202px 0 0 -8px #DDF7FF, 203px 0 0 -8px #DDF7FF, 204px 0 0 -8px #DDF7FF, 205px 0 0 -8px #DDF7FF, 206px 0 0 -8px #DDF7FF, 207px 0 0 -8px #DDF7FF, 208px 0 0 -8px #DDF7FF, 209px 0 0 -8px #DDF7FF, 210px 0 0 -8px #DDF7FF, 211px 0 0 -8px #DDF7FF, 212px 0 0 -8px #DDF7FF, 213px 0 0 -8px #DDF7FF, 214px 0 0 -8px #DDF7FF, 215px 0 0 -8px #DDF7FF, 216px 0 0 -8px #DDF7FF, 217px 0 0 -8px #DDF7FF, 218px 0 0 -8px #DDF7FF, 219px 0 0 -8px #DDF7FF, 220px 0 0 -8px #DDF7FF, 221px 0 0 -8px #DDF7FF, 222px 0 0 -8px #DDF7FF, 223px 0 0 -8px #DDF7FF, 224px 0 0 -8px #DDF7FF, 225px 0 0 -8px #DDF7FF, 226px 0 0 -8px #DDF7FF, 227px 0 0 -8px #DDF7FF, 228px 0 0 -8px #DDF7FF, 229px 0 0 -8px #DDF7FF, 230px 0 0 -8px #DDF7FF, 231px 0 0 -8px #DDF7FF, 232px 0 0 -8px #DDF7FF, 233px 0 0 -8px #DDF7FF, 234px 0 0 -8px #DDF7FF, 235px 0 0 -8px #DDF7FF, 236px 0 0 -8px #DDF7FF, 237px 0 0 -8px #DDF7FF, 238px 0 0 -8px #DDF7FF, 239px 0 0 -8px #DDF7FF, 240px 0 0 -8px #DDF7FF, 241px 0 0 -8px #DDF7FF, 242px 0 0 -8px #DDF7FF, 243px 0 0 -8px #DDF7FF, 244px 0 0 -8px #DDF7FF, 245px 0 0 -8px #DDF7FF, 246px 0 0 -8px #DDF7FF, 247px 0 0 -8px #DDF7FF, 248px 0 0 -8px #DDF7FF, 249px 0 0 -8px #DDF7FF, 250px 0 0 -8px #DDF7FF, 251px 0 0 -8px #DDF7FF, 252px 0 0 -8px #DDF7FF, 253px 0 0 -8px #DDF7FF, 254px 0 0 -8px #DDF7FF, 255px 0 0 -8px #DDF7FF, 256px 0 0 -8px #DDF7FF, 257px 0 0 -8px #DDF7FF, 258px 0 0 -8px #DDF7FF, 259px 0 0 -8px #DDF7FF, 260px 0 0 -8px #DDF7FF, 261px 0 0 -8px #DDF7FF, 262px 0 0 -8px #DDF7FF, 263px 0 0 -8px #DDF7FF, 264px 0 0 -8px #DDF7FF, 265px 0 0 -8px #DDF7FF, 266px 0 0 -8px #DDF7FF, 267px 0 0 -8px #DDF7FF, 268px 0 0 -8px #DDF7FF, 269px 0 0 -8px #DDF7FF, 270px 0 0 -8px #DDF7FF, 271px 0 0 -8px #DDF7FF, 272px 0 0 -8px #DDF7FF, 273px 0 0 -8px #DDF7FF, 274px 0 0 -8px #DDF7FF, 275px 0 0 -8px #DDF7FF, 276px 0 0 -8px #DDF7FF, 277px 0 0 -8px #DDF7FF, 278px 0 0 -8px #DDF7FF, 279px 0 0 -8px #DDF7FF, 280px 0 0 -8px #DDF7FF, 281px 0 0 -8px #DDF7FF, 282px 0 0 -8px #DDF7FF, 283px 0 0 -8px #DDF7FF, 284px 0 0 -8px #DDF7FF, 285px 0 0 -8px #DDF7FF, 286px 0 0 -8px #DDF7FF, 287px 0 0 -8px #DDF7FF, 288px 0 0 -8px #DDF7FF, 289px 0 0 -8px #DDF7FF, 290px 0 0 -8px #DDF7FF, 291px 0 0 -8px #DDF7FF, 292px 0 0 -8px #DDF7FF, 293px 0 0 -8px #DDF7FF, 294px 0 0 -8px #DDF7FF, 295px 0 0 -8px #DDF7FF, 296px 0 0 -8px #DDF7FF, 297px 0 0 -8px #DDF7FF, 298px 0 0 -8px #DDF7FF, 299px 0 0 -8px #DDF7FF, 300px 0 0 -8px #DDF7FF, 301px 0 0 -8px #DDF7FF, 302px 0 0 -8px #DDF7FF, 303px 0 0 -8px #DDF7FF, 304px 0 0 -8px #DDF7FF, 305px 0 0 -8px #DDF7FF, 306px 0 0 -8px #DDF7FF, 307px 0 0 -8px #DDF7FF, 308px 0 0 -8px #DDF7FF, 309px 0 0 -8px #DDF7FF, 310px 0 0 -8px #DDF7FF, 311px 0 0 -8px #DDF7FF, 312px 0 0 -8px #DDF7FF, 313px 0 0 -8px #DDF7FF, 314px 0 0 -8px #DDF7FF, 315px 0 0 -8px #DDF7FF, 316px 0 0 -8px #DDF7FF, 317px 0 0 -8px #DDF7FF, 318px 0 0 -8px #DDF7FF, 319px 0 0 -8px #DDF7FF, 320px 0 0 -8px #DDF7FF, 321px 0 0 -8px #DDF7FF, 322px 0 0 -8px #DDF7FF, 323px 0 0 -8px #DDF7FF, 324px 0 0 -8px #DDF7FF, 325px 0 0 -8px #DDF7FF, 326px 0 0 -8px #DDF7FF, 327px 0 0 -8px #DDF7FF, 328px 0 0 -8px #DDF7FF, 329px 0 0 -8px #DDF7FF, 330px 0 0 -8px #DDF7FF, 331px 0 0 -8px #DDF7FF, 332px 0 0 -8px #DDF7FF, 333px 0 0 -8px #DDF7FF, 334px 0 0 -8px #DDF7FF, 335px 0 0 -8px #DDF7FF, 336px 0 0 -8px #DDF7FF, 337px 0 0 -8px #DDF7FF, 338px 0 0 -8px #DDF7FF, 339px 0 0 -8px #DDF7FF, 340px 0 0 -8px #DDF7FF, 341px 0 0 -8px #DDF7FF, 342px 0 0 -8px #DDF7FF, 343px 0 0 -8px #DDF7FF, 344px 0 0 -8px #DDF7FF, 345px 0 0 -8px #DDF7FF, 346px 0 0 -8px #DDF7FF, 347px 0 0 -8px #DDF7FF, 348px 0 0 -8px #DDF7FF, 349px 0 0 -8px #DDF7FF, 350px 0 0 -8px #DDF7FF, 351px 0 0 -8px #DDF7FF, 352px 0 0 -8px #DDF7FF, 353px 0 0 -8px #DDF7FF, 354px 0 0 -8px #DDF7FF, 355px 0 0 -8px #DDF7FF, 356px 0 0 -8px #DDF7FF, 357px 0 0 -8px #DDF7FF, 358px 0 0 -8px #DDF7FF, 359px 0 0 -8px #DDF7FF, 360px 0 0 -8px #DDF7FF, 361px 0 0 -8px #DDF7FF, 362px 0 0 -8px #DDF7FF, 363px 0 0 -8px #DDF7FF, 364px 0 0 -8px #DDF7FF, 365px 0 0 -8px #DDF7FF, 366px 0 0 -8px #DDF7FF, 367px 0 0 -8px #DDF7FF, 368px 0 0 -8px #DDF7FF, 369px 0 0 -8px #DDF7FF, 370px 0 0 -8px #DDF7FF, 371px 0 0 -8px #DDF7FF, 372px 0 0 -8px #DDF7FF, 373px 0 0 -8px #DDF7FF, 374px 0 0 -8px #DDF7FF, 375px 0 0 -8px #DDF7FF, 376px 0 0 -8px #DDF7FF, 377px 0 0 -8px #DDF7FF, 378px 0 0 -8px #DDF7FF, 379px 0 0 -8px #DDF7FF, 380px 0 0 -8px #DDF7FF, 381px 0 0 -8px #DDF7FF, 382px 0 0 -8px #DDF7FF, 383px 0 0 -8px #DDF7FF, 384px 0 0 -8px #DDF7FF, 385px 0 0 -8px #DDF7FF, 386px 0 0 -8px #DDF7FF, 387px 0 0 -8px #DDF7FF, 388px 0 0 -8px #DDF7FF, 389px 0 0 -8px #DDF7FF, 390px 0 0 -8px #DDF7FF, 391px 0 0 -8px #DDF7FF, 392px 0 0 -8px #DDF7FF, 393px 0 0 -8px #DDF7FF, 394px 0 0 -8px #DDF7FF, 395px 0 0 -8px #DDF7FF, 396px 0 0 -8px #DDF7FF, 397px 0 0 -8px #DDF7FF, 398px 0 0 -8px #DDF7FF, 399px 0 0 -8px #DDF7FF, 400px 0 0 -8px #DDF7FF, 401px 0 0 -8px #DDF7FF, 402px 0 0 -8px #DDF7FF, 403px 0 0 -8px #DDF7FF, 404px 0 0 -8px #DDF7FF, 405px 0 0 -8px #DDF7FF, 406px 0 0 -8px #DDF7FF, 407px 0 0 -8px #DDF7FF, 408px 0 0 -8px #DDF7FF, 409px 0 0 -8px #DDF7FF, 410px 0 0 -8px #DDF7FF, 411px 0 0 -8px #DDF7FF, 412px 0 0 -8px #DDF7FF, 413px 0 0 -8px #DDF7FF, 414px 0 0 -8px #DDF7FF, 415px 0 0 -8px #DDF7FF, 416px 0 0 -8px #DDF7FF, 417px 0 0 -8px #DDF7FF, 418px 0 0 -8px #DDF7FF, 419px 0 0 -8px #DDF7FF, 420px 0 0 -8px #DDF7FF, 421px 0 0 -8px #DDF7FF, 422px 0 0 -8px #DDF7FF, 423px 0 0 -8px #DDF7FF, 424px 0 0 -8px #DDF7FF, 425px 0 0 -8px #DDF7FF, 426px 0 0 -8px #DDF7FF, 427px 0 0 -8px #DDF7FF, 428px 0 0 -8px #DDF7FF, 429px 0 0 -8px #DDF7FF, 430px 0 0 -8px #DDF7FF, 431px 0 0 -8px #DDF7FF, 432px 0 0 -8px #DDF7FF, 433px 0 0 -8px #DDF7FF, 434px 0 0 -8px #DDF7FF, 435px 0 0 -8px #DDF7FF, 436px 0 0 -8px #DDF7FF, 437px 0 0 -8px #DDF7FF, 438px 0 0 -8px #DDF7FF, 439px 0 0 -8px #DDF7FF, 440px 0 0 -8px #DDF7FF, 441px 0 0 -8px #DDF7FF, 442px 0 0 -8px #DDF7FF, 443px 0 0 -8px #DDF7FF, 444px 0 0 -8px #DDF7FF, 445px 0 0 -8px #DDF7FF, 446px 0 0 -8px #DDF7FF, 447px 0 0 -8px #DDF7FF, 448px 0 0 -8px #DDF7FF, 449px 0 0 -8px #DDF7FF, 450px 0 0 -8px #DDF7FF, 451px 0 0 -8px #DDF7FF, 452px 0 0 -8px #DDF7FF, 453px 0 0 -8px #DDF7FF, 454px 0 0 -8px #DDF7FF, 455px 0 0 -8px #DDF7FF, 456px 0 0 -8px #DDF7FF, 457px 0 0 -8px #DDF7FF, 458px 0 0 -8px #DDF7FF, 459px 0 0 -8px #DDF7FF, 460px 0 0 -8px #DDF7FF, 461px 0 0 -8px #DDF7FF, 462px 0 0 -8px #DDF7FF, 463px 0 0 -8px #DDF7FF, 464px 0 0 -8px #DDF7FF, 465px 0 0 -8px #DDF7FF, 466px 0 0 -8px #DDF7FF, 467px 0 0 -8px #DDF7FF, 468px 0 0 -8px #DDF7FF, 469px 0 0 -8px #DDF7FF, 470px 0 0 -8px #DDF7FF, 471px 0 0 -8px #DDF7FF, 472px 0 0 -8px #DDF7FF, 473px 0 0 -8px #DDF7FF, 474px 0 0 -8px #DDF7FF, 475px 0 0 -8px #DDF7FF, 476px 0 0 -8px #DDF7FF, 477px 0 0 -8px #DDF7FF, 478px 0 0 -8px #DDF7FF, 479px 0 0 -8px #DDF7FF, 480px 0 0 -8px #DDF7FF, 481px 0 0 -8px #DDF7FF, 482px 0 0 -8px #DDF7FF, 483px 0 0 -8px #DDF7FF, 484px 0 0 -8px #DDF7FF, 485px 0 0 -8px #DDF7FF, 486px 0 0 -8px #DDF7FF, 487px 0 0 -8px #DDF7FF, 488px 0 0 -8px #DDF7FF, 489px 0 0 -8px #DDF7FF, 490px 0 0 -8px #DDF7FF, 491px 0 0 -8px #DDF7FF, 492px 0 0 -8px #DDF7FF, 493px 0 0 -8px #DDF7FF, 494px 0 0 -8px #DDF7FF, 495px 0 0 -8px #DDF7FF, 496px 0 0 -8px #DDF7FF, 497px 0 0 -8px #DDF7FF, 498px 0 0 -8px #DDF7FF, 499px 0 0 -8px #DDF7FF, 500px 0 0 -8px #DDF7FF, 501px 0 0 -8px #DDF7FF, 502px 0 0 -8px #DDF7FF, 503px 0 0 -8px #DDF7FF, 504px 0 0 -8px #DDF7FF, 505px 0 0 -8px #DDF7FF, 506px 0 0 -8px #DDF7FF, 507px 0 0 -8px #DDF7FF, 508px 0 0 -8px #DDF7FF, 509px 0 0 -8px #DDF7FF, 510px 0 0 -8px #DDF7FF, 511px 0 0 -8px #DDF7FF, 512px 0 0 -8px #DDF7FF, 513px 0 0 -8px #DDF7FF, 514px 0 0 -8px #DDF7FF, 515px 0 0 -8px #DDF7FF, 516px 0 0 -8px #DDF7FF, 517px 0 0 -8px #DDF7FF, 518px 0 0 -8px #DDF7FF, 519px 0 0 -8px #DDF7FF, 520px 0 0 -8px #DDF7FF, 521px 0 0 -8px #DDF7FF, 522px 0 0 -8px #DDF7FF, 523px 0 0 -8px #DDF7FF, 524px 0 0 -8px #DDF7FF, 525px 0 0 -8px #DDF7FF, 526px 0 0 -8px #DDF7FF, 527px 0 0 -8px #DDF7FF, 528px 0 0 -8px #DDF7FF, 529px 0 0 -8px #DDF7FF, 530px 0 0 -8px #DDF7FF, 531px 0 0 -8px #DDF7FF, 532px 0 0 -8px #DDF7FF, 533px 0 0 -8px #DDF7FF, 534px 0 0 -8px #DDF7FF, 535px 0 0 -8px #DDF7FF, 536px 0 0 -8px #DDF7FF, 537px 0 0 -8px #DDF7FF, 538px 0 0 -8px #DDF7FF, 539px 0 0 -8px #DDF7FF, 540px 0 0 -8px #DDF7FF, 541px 0 0 -8px #DDF7FF, 542px 0 0 -8px #DDF7FF, 543px 0 0 -8px #DDF7FF, 544px 0 0 -8px #DDF7FF, 545px 0 0 -8px #DDF7FF, 546px 0 0 -8px #DDF7FF, 547px 0 0 -8px #DDF7FF, 548px 0 0 -8px #DDF7FF, 549px 0 0 -8px #DDF7FF, 550px 0 0 -8px #DDF7FF, 551px 0 0 -8px #DDF7FF, 552px 0 0 -8px #DDF7FF, 553px 0 0 -8px #DDF7FF, 554px 0 0 -8px #DDF7FF, 555px 0 0 -8px #DDF7FF, 556px 0 0 -8px #DDF7FF, 557px 0 0 -8px #DDF7FF, 558px 0 0 -8px #DDF7FF, 559px 0 0 -8px #DDF7FF, 560px 0 0 -8px #DDF7FF, 561px 0 0 -8px #DDF7FF, 562px 0 0 -8px #DDF7FF, 563px 0 0 -8px #DDF7FF, 564px 0 0 -8px #DDF7FF, 565px 0 0 -8px #DDF7FF, 566px 0 0 -8px #DDF7FF, 567px 0 0 -8px #DDF7FF, 568px 0 0 -8px #DDF7FF, 569px 0 0 -8px #DDF7FF, 570px 0 0 -8px #DDF7FF, 571px 0 0 -8px #DDF7FF, 572px 0 0 -8px #DDF7FF, 573px 0 0 -8px #DDF7FF, 574px 0 0 -8px #DDF7FF, 575px 0 0 -8px #DDF7FF, 576px 0 0 -8px #DDF7FF, 577px 0 0 -8px #DDF7FF, 578px 0 0 -8px #DDF7FF, 579px 0 0 -8px #DDF7FF, 580px 0 0 -8px #DDF7FF, 581px 0 0 -8px #DDF7FF, 582px 0 0 -8px #DDF7FF, 583px 0 0 -8px #DDF7FF, 584px 0 0 -8px #DDF7FF, 585px 0 0 -8px #DDF7FF, 586px 0 0 -8px #DDF7FF, 587px 0 0 -8px #DDF7FF, 588px 0 0 -8px #DDF7FF, 589px 0 0 -8px #DDF7FF, 590px 0 0 -8px #DDF7FF, 591px 0 0 -8px #DDF7FF, 592px 0 0 -8px #DDF7FF, 593px 0 0 -8px #DDF7FF, 594px 0 0 -8px #DDF7FF, 595px 0 0 -8px #DDF7FF, 596px 0 0 -8px #DDF7FF, 597px 0 0 -8px #DDF7FF, 598px 0 0 -8px #DDF7FF, 599px 0 0 -8px #DDF7FF, 600px 0 0 -8px #DDF7FF, 601px 0 0 -8px #DDF7FF, 602px 0 0 -8px #DDF7FF, 603px 0 0 -8px #DDF7FF, 604px 0 0 -8px #DDF7FF, 605px 0 0 -8px #DDF7FF, 606px 0 0 -8px #DDF7FF, 607px 0 0 -8px #DDF7FF, 608px 0 0 -8px #DDF7FF, 609px 0 0 -8px #DDF7FF, 610px 0 0 -8px #DDF7FF, 611px 0 0 -8px #DDF7FF, 612px 0 0 -8px #DDF7FF, 613px 0 0 -8px #DDF7FF, 614px 0 0 -8px #DDF7FF, 615px 0 0 -8px #DDF7FF, 616px 0 0 -8px #DDF7FF, 617px 0 0 -8px #DDF7FF, 618px 0 0 -8px #DDF7FF, 619px 0 0 -8px #DDF7FF, 620px 0 0 -8px #DDF7FF, 621px 0 0 -8px #DDF7FF, 622px 0 0 -8px #DDF7FF, 623px 0 0 -8px #DDF7FF, 624px 0 0 -8px #DDF7FF, 625px 0 0 -8px #DDF7FF, 626px 0 0 -8px #DDF7FF, 627px 0 0 -8px #DDF7FF, 628px 0 0 -8px #DDF7FF, 629px 0 0 -8px #DDF7FF, 630px 0 0 -8px #DDF7FF, 631px 0 0 -8px #DDF7FF, 632px 0 0 -8px #DDF7FF, 633px 0 0 -8px #DDF7FF, 634px 0 0 -8px #DDF7FF, 635px 0 0 -8px #DDF7FF, 636px 0 0 -8px #DDF7FF, 637px 0 0 -8px #DDF7FF, 638px 0 0 -8px #DDF7FF, 639px 0 0 -8px #DDF7FF, 640px 0 0 -8px #DDF7FF, 641px 0 0 -8px #DDF7FF, 642px 0 0 -8px #DDF7FF, 643px 0 0 -8px #DDF7FF, 644px 0 0 -8px #DDF7FF, 645px 0 0 -8px #DDF7FF, 646px 0 0 -8px #DDF7FF, 647px 0 0 -8px #DDF7FF, 648px 0 0 -8px #DDF7FF, 649px 0 0 -8px #DDF7FF, 650px 0 0 -8px #DDF7FF, 651px 0 0 -8px #DDF7FF, 652px 0 0 -8px #DDF7FF, 653px 0 0 -8px #DDF7FF, 654px 0 0 -8px #DDF7FF, 655px 0 0 -8px #DDF7FF, 656px 0 0 -8px #DDF7FF, 657px 0 0 -8px #DDF7FF, 658px 0 0 -8px #DDF7FF, 659px 0 0 -8px #DDF7FF, 660px 0 0 -8px #DDF7FF, 661px 0 0 -8px #DDF7FF, 662px 0 0 -8px #DDF7FF, 663px 0 0 -8px #DDF7FF, 664px 0 0 -8px #DDF7FF, 665px 0 0 -8px #DDF7FF, 666px 0 0 -8px #DDF7FF, 667px 0 0 -8px #DDF7FF, 668px 0 0 -8px #DDF7FF, 669px 0 0 -8px #DDF7FF, 670px 0 0 -8px #DDF7FF, 671px 0 0 -8px #DDF7FF, 672px 0 0 -8px #DDF7FF, 673px 0 0 -8px #DDF7FF, 674px 0 0 -8px #DDF7FF, 675px 0 0 -8px #DDF7FF, 676px 0 0 -8px #DDF7FF, 677px 0 0 -8px #DDF7FF, 678px 0 0 -8px #DDF7FF, 679px 0 0 -8px #DDF7FF, 680px 0 0 -8px #DDF7FF, 681px 0 0 -8px #DDF7FF, 682px 0 0 -8px #DDF7FF, 683px 0 0 -8px #DDF7FF, 684px 0 0 -8px #DDF7FF, 685px 0 0 -8px #DDF7FF, 686px 0 0 -8px #DDF7FF, 687px 0 0 -8px #DDF7FF, 688px 0 0 -8px #DDF7FF, 689px 0 0 -8px #DDF7FF, 690px 0 0 -8px #DDF7FF, 691px 0 0 -8px #DDF7FF, 692px 0 0 -8px #DDF7FF, 693px 0 0 -8px #DDF7FF, 694px 0 0 -8px #DDF7FF, 695px 0 0 -8px #DDF7FF, 696px 0 0 -8px #DDF7FF, 697px 0 0 -8px #DDF7FF, 698px 0 0 -8px #DDF7FF, 699px 0 0 -8px #DDF7FF, 700px 0 0 -8px #DDF7FF, 701px 0 0 -8px #DDF7FF, 702px 0 0 -8px #DDF7FF, 703px 0 0 -8px #DDF7FF, 704px 0 0 -8px #DDF7FF, 705px 0 0 -8px #DDF7FF, 706px 0 0 -8px #DDF7FF, 707px 0 0 -8px #DDF7FF, 708px 0 0 -8px #DDF7FF, 709px 0 0 -8px #DDF7FF, 710px 0 0 -8px #DDF7FF, 711px 0 0 -8px #DDF7FF, 712px 0 0 -8px #DDF7FF, 713px 0 0 -8px #DDF7FF, 714px 0 0 -8px #DDF7FF, 715px 0 0 -8px #DDF7FF, 716px 0 0 -8px #DDF7FF, 717px 0 0 -8px #DDF7FF, 718px 0 0 -8px #DDF7FF, 719px 0 0 -8px #DDF7FF, 720px 0 0 -8px #DDF7FF, 721px 0 0 -8px #DDF7FF, 722px 0 0 -8px #DDF7FF, 723px 0 0 -8px #DDF7FF, 724px 0 0 -8px #DDF7FF, 725px 0 0 -8px #DDF7FF, 726px 0 0 -8px #DDF7FF, 727px 0 0 -8px #DDF7FF, 728px 0 0 -8px #DDF7FF, 729px 0 0 -8px #DDF7FF, 730px 0 0 -8px #DDF7FF, 731px 0 0 -8px #DDF7FF, 732px 0 0 -8px #DDF7FF, 733px 0 0 -8px #DDF7FF, 734px 0 0 -8px #DDF7FF, 735px 0 0 -8px #DDF7FF, 736px 0 0 -8px #DDF7FF, 737px 0 0 -8px #DDF7FF, 738px 0 0 -8px #DDF7FF, 739px 0 0 -8px #DDF7FF, 740px 0 0 -8px #DDF7FF, 741px 0 0 -8px #DDF7FF, 742px 0 0 -8px #DDF7FF, 743px 0 0 -8px #DDF7FF, 744px 0 0 -8px #DDF7FF, 745px 0 0 -8px #DDF7FF, 746px 0 0 -8px #DDF7FF, 747px 0 0 -8px #DDF7FF, 748px 0 0 -8px #DDF7FF, 749px 0 0 -8px #DDF7FF, 750px 0 0 -8px #DDF7FF, 751px 0 0 -8px #DDF7FF, 752px 0 0 -8px #DDF7FF, 753px 0 0 -8px #DDF7FF, 754px 0 0 -8px #DDF7FF, 755px 0 0 -8px #DDF7FF, 756px 0 0 -8px #DDF7FF, 757px 0 0 -8px #DDF7FF, 758px 0 0 -8px #DDF7FF, 759px 0 0 -8px #DDF7FF, 760px 0 0 -8px #DDF7FF, 761px 0 0 -8px #DDF7FF, 762px 0 0 -8px #DDF7FF, 763px 0 0 -8px #DDF7FF, 764px 0 0 -8px #DDF7FF, 765px 0 0 -8px #DDF7FF, 766px 0 0 -8px #DDF7FF, 767px 0 0 -8px #DDF7FF, 768px 0 0 -8px #DDF7FF, 769px 0 0 -8px #DDF7FF, 770px 0 0 -8px #DDF7FF, 771px 0 0 -8px #DDF7FF, 772px 0 0 -8px #DDF7FF, 773px 0 0 -8px #DDF7FF, 774px 0 0 -8px #DDF7FF, 775px 0 0 -8px #DDF7FF, 776px 0 0 -8px #DDF7FF, 777px 0 0 -8px #DDF7FF, 778px 0 0 -8px #DDF7FF, 779px 0 0 -8px #DDF7FF, 780px 0 0 -8px #DDF7FF, 781px 0 0 -8px #DDF7FF, 782px 0 0 -8px #DDF7FF, 783px 0 0 -8px #DDF7FF, 784px 0 0 -8px #DDF7FF, 785px 0 0 -8px #DDF7FF, 786px 0 0 -8px #DDF7FF, 787px 0 0 -8px #DDF7FF, 788px 0 0 -8px #DDF7FF, 789px 0 0 -8px #DDF7FF, 790px 0 0 -8px #DDF7FF, 791px 0 0 -8px #DDF7FF, 792px 0 0 -8px #DDF7FF, 793px 0 0 -8px #DDF7FF, 794px 0 0 -8px #DDF7FF, 795px 0 0 -8px #DDF7FF, 796px 0 0 -8px #DDF7FF, 797px 0 0 -8px #DDF7FF, 798px 0 0 -8px #DDF7FF, 799px 0 0 -8px #DDF7FF, 800px 0 0 -8px #DDF7FF, 801px 0 0 -8px #DDF7FF, 802px 0 0 -8px #DDF7FF, 803px 0 0 -8px #DDF7FF, 804px 0 0 -8px #DDF7FF, 805px 0 0 -8px #DDF7FF, 806px 0 0 -8px #DDF7FF, 807px 0 0 -8px #DDF7FF, 808px 0 0 -8px #DDF7FF, 809px 0 0 -8px #DDF7FF, 810px 0 0 -8px #DDF7FF, 811px 0 0 -8px #DDF7FF, 812px 0 0 -8px #DDF7FF, 813px 0 0 -8px #DDF7FF, 814px 0 0 -8px #DDF7FF, 815px 0 0 -8px #DDF7FF, 816px 0 0 -8px #DDF7FF, 817px 0 0 -8px #DDF7FF, 818px 0 0 -8px #DDF7FF, 819px 0 0 -8px #DDF7FF, 820px 0 0 -8px #DDF7FF, 821px 0 0 -8px #DDF7FF, 822px 0 0 -8px #DDF7FF, 823px 0 0 -8px #DDF7FF, 824px 0 0 -8px #DDF7FF, 825px 0 0 -8px #DDF7FF, 826px 0 0 -8px #DDF7FF, 827px 0 0 -8px #DDF7FF, 828px 0 0 -8px #DDF7FF, 829px 0 0 -8px #DDF7FF, 830px 0 0 -8px #DDF7FF, 831px 0 0 -8px #DDF7FF, 832px 0 0 -8px #DDF7FF, 833px 0 0 -8px #DDF7FF, 834px 0 0 -8px #DDF7FF, 835px 0 0 -8px #DDF7FF, 836px 0 0 -8px #DDF7FF, 837px 0 0 -8px #DDF7FF, 838px 0 0 -8px #DDF7FF, 839px 0 0 -8px #DDF7FF, 840px 0 0 -8px #DDF7FF, 841px 0 0 -8px #DDF7FF, 842px 0 0 -8px #DDF7FF, 843px 0 0 -8px #DDF7FF, 844px 0 0 -8px #DDF7FF, 845px 0 0 -8px #DDF7FF, 846px 0 0 -8px #DDF7FF, 847px 0 0 -8px #DDF7FF, 848px 0 0 -8px #DDF7FF, 849px 0 0 -8px #DDF7FF, 850px 0 0 -8px #DDF7FF, 851px 0 0 -8px #DDF7FF, 852px 0 0 -8px #DDF7FF, 853px 0 0 -8px #DDF7FF, 854px 0 0 -8px #DDF7FF, 855px 0 0 -8px #DDF7FF, 856px 0 0 -8px #DDF7FF, 857px 0 0 -8px #DDF7FF, 858px 0 0 -8px #DDF7FF, 859px 0 0 -8px #DDF7FF, 860px 0 0 -8px #DDF7FF, 861px 0 0 -8px #DDF7FF, 862px 0 0 -8px #DDF7FF, 863px 0 0 -8px #DDF7FF, 864px 0 0 -8px #DDF7FF, 865px 0 0 -8px #DDF7FF, 866px 0 0 -8px #DDF7FF, 867px 0 0 -8px #DDF7FF, 868px 0 0 -8px #DDF7FF, 869px 0 0 -8px #DDF7FF, 870px 0 0 -8px #DDF7FF, 871px 0 0 -8px #DDF7FF, 872px 0 0 -8px #DDF7FF, 873px 0 0 -8px #DDF7FF, 874px 0 0 -8px #DDF7FF, 875px 0 0 -8px #DDF7FF, 876px 0 0 -8px #DDF7FF, 877px 0 0 -8px #DDF7FF, 878px 0 0 -8px #DDF7FF, 879px 0 0 -8px #DDF7FF, 880px 0 0 -8px #DDF7FF, 881px 0 0 -8px #DDF7FF, 882px 0 0 -8px #DDF7FF, 883px 0 0 -8px #DDF7FF, 884px 0 0 -8px #DDF7FF, 885px 0 0 -8px #DDF7FF, 886px 0 0 -8px #DDF7FF, 887px 0 0 -8px #DDF7FF, 888px 0 0 -8px #DDF7FF, 889px 0 0 -8px #DDF7FF, 890px 0 0 -8px #DDF7FF, 891px 0 0 -8px #DDF7FF, 892px 0 0 -8px #DDF7FF, 893px 0 0 -8px #DDF7FF, 894px 0 0 -8px #DDF7FF, 895px 0 0 -8px #DDF7FF, 896px 0 0 -8px #DDF7FF, 897px 0 0 -8px #DDF7FF, 898px 0 0 -8px #DDF7FF, 899px 0 0 -8px #DDF7FF, 900px 0 0 -8px #DDF7FF, 901px 0 0 -8px #DDF7FF, 902px 0 0 -8px #DDF7FF, 903px 0 0 -8px #DDF7FF, 904px 0 0 -8px #DDF7FF, 905px 0 0 -8px #DDF7FF, 906px 0 0 -8px #DDF7FF, 907px 0 0 -8px #DDF7FF, 908px 0 0 -8px #DDF7FF, 909px 0 0 -8px #DDF7FF, 910px 0 0 -8px #DDF7FF, 911px 0 0 -8px #DDF7FF, 912px 0 0 -8px #DDF7FF, 913px 0 0 -8px #DDF7FF, 914px 0 0 -8px #DDF7FF, 915px 0 0 -8px #DDF7FF, 916px 0 0 -8px #DDF7FF, 917px 0 0 -8px #DDF7FF, 918px 0 0 -8px #DDF7FF, 919px 0 0 -8px #DDF7FF, 920px 0 0 -8px #DDF7FF, 921px 0 0 -8px #DDF7FF, 922px 0 0 -8px #DDF7FF, 923px 0 0 -8px #DDF7FF, 924px 0 0 -8px #DDF7FF, 925px 0 0 -8px #DDF7FF, 926px 0 0 -8px #DDF7FF, 927px 0 0 -8px #DDF7FF, 928px 0 0 -8px #DDF7FF, 929px 0 0 -8px #DDF7FF, 930px 0 0 -8px #DDF7FF;
  box-shadow: 9px 1px 0 -8px #DDF7FF, 10px 0 0 -8px #DDF7FF, 11px 0 0 -8px #DDF7FF, 12px 0 0 -8px #DDF7FF, 13px 0 0 -8px #DDF7FF, 14px 0 0 -8px #DDF7FF, 15px 0 0 -8px #DDF7FF, 16px 0 0 -8px #DDF7FF, 17px 0 0 -8px #DDF7FF, 18px 0 0 -8px #DDF7FF, 19px 0 0 -8px #DDF7FF, 20px 0 0 -8px #DDF7FF, 21px 0 0 -8px #DDF7FF, 22px 0 0 -8px #DDF7FF, 23px 0 0 -8px #DDF7FF, 24px 0 0 -8px #DDF7FF, 25px 0 0 -8px #DDF7FF, 26px 0 0 -8px #DDF7FF, 27px 0 0 -8px #DDF7FF, 28px 0 0 -8px #DDF7FF, 29px 0 0 -8px #DDF7FF, 30px 0 0 -8px #DDF7FF, 31px 0 0 -8px #DDF7FF, 32px 0 0 -8px #DDF7FF, 33px 0 0 -8px #DDF7FF, 34px 0 0 -8px #DDF7FF, 35px 0 0 -8px #DDF7FF, 36px 0 0 -8px #DDF7FF, 37px 0 0 -8px #DDF7FF, 38px 0 0 -8px #DDF7FF, 39px 0 0 -8px #DDF7FF, 40px 0 0 -8px #DDF7FF, 41px 0 0 -8px #DDF7FF, 42px 0 0 -8px #DDF7FF, 43px 0 0 -8px #DDF7FF, 44px 0 0 -8px #DDF7FF, 45px 0 0 -8px #DDF7FF, 46px 0 0 -8px #DDF7FF, 47px 0 0 -8px #DDF7FF, 48px 0 0 -8px #DDF7FF, 49px 0 0 -8px #DDF7FF, 50px 0 0 -8px #DDF7FF, 51px 0 0 -8px #DDF7FF, 52px 0 0 -8px #DDF7FF, 53px 0 0 -8px #DDF7FF, 54px 0 0 -8px #DDF7FF, 55px 0 0 -8px #DDF7FF, 56px 0 0 -8px #DDF7FF, 57px 0 0 -8px #DDF7FF, 58px 0 0 -8px #DDF7FF, 59px 0 0 -8px #DDF7FF, 60px 0 0 -8px #DDF7FF, 61px 0 0 -8px #DDF7FF, 62px 0 0 -8px #DDF7FF, 63px 0 0 -8px #DDF7FF, 64px 0 0 -8px #DDF7FF, 65px 0 0 -8px #DDF7FF, 66px 0 0 -8px #DDF7FF, 67px 0 0 -8px #DDF7FF, 68px 0 0 -8px #DDF7FF, 69px 0 0 -8px #DDF7FF, 70px 0 0 -8px #DDF7FF, 71px 0 0 -8px #DDF7FF, 72px 0 0 -8px #DDF7FF, 73px 0 0 -8px #DDF7FF, 74px 0 0 -8px #DDF7FF, 75px 0 0 -8px #DDF7FF, 76px 0 0 -8px #DDF7FF, 77px 0 0 -8px #DDF7FF, 78px 0 0 -8px #DDF7FF, 79px 0 0 -8px #DDF7FF, 80px 0 0 -8px #DDF7FF, 81px 0 0 -8px #DDF7FF, 82px 0 0 -8px #DDF7FF, 83px 0 0 -8px #DDF7FF, 84px 0 0 -8px #DDF7FF, 85px 0 0 -8px #DDF7FF, 86px 0 0 -8px #DDF7FF, 87px 0 0 -8px #DDF7FF, 88px 0 0 -8px #DDF7FF, 89px 0 0 -8px #DDF7FF, 90px 0 0 -8px #DDF7FF, 91px 0 0 -8px #DDF7FF, 92px 0 0 -8px #DDF7FF, 93px 0 0 -8px #DDF7FF, 94px 0 0 -8px #DDF7FF, 95px 0 0 -8px #DDF7FF, 96px 0 0 -8px #DDF7FF, 97px 0 0 -8px #DDF7FF, 98px 0 0 -8px #DDF7FF, 99px 0 0 -8px #DDF7FF, 100px 0 0 -8px #DDF7FF, 101px 0 0 -8px #DDF7FF, 102px 0 0 -8px #DDF7FF, 103px 0 0 -8px #DDF7FF, 104px 0 0 -8px #DDF7FF, 105px 0 0 -8px #DDF7FF, 106px 0 0 -8px #DDF7FF, 107px 0 0 -8px #DDF7FF, 108px 0 0 -8px #DDF7FF, 109px 0 0 -8px #DDF7FF, 110px 0 0 -8px #DDF7FF, 111px 0 0 -8px #DDF7FF, 112px 0 0 -8px #DDF7FF, 113px 0 0 -8px #DDF7FF, 114px 0 0 -8px #DDF7FF, 115px 0 0 -8px #DDF7FF, 116px 0 0 -8px #DDF7FF, 117px 0 0 -8px #DDF7FF, 118px 0 0 -8px #DDF7FF, 119px 0 0 -8px #DDF7FF, 120px 0 0 -8px #DDF7FF, 121px 0 0 -8px #DDF7FF, 122px 0 0 -8px #DDF7FF, 123px 0 0 -8px #DDF7FF, 124px 0 0 -8px #DDF7FF, 125px 0 0 -8px #DDF7FF, 126px 0 0 -8px #DDF7FF, 127px 0 0 -8px #DDF7FF, 128px 0 0 -8px #DDF7FF, 129px 0 0 -8px #DDF7FF, 130px 0 0 -8px #DDF7FF, 131px 0 0 -8px #DDF7FF, 132px 0 0 -8px #DDF7FF, 133px 0 0 -8px #DDF7FF, 134px 0 0 -8px #DDF7FF, 135px 0 0 -8px #DDF7FF, 136px 0 0 -8px #DDF7FF, 137px 0 0 -8px #DDF7FF, 138px 0 0 -8px #DDF7FF, 139px 0 0 -8px #DDF7FF, 140px 0 0 -8px #DDF7FF, 141px 0 0 -8px #DDF7FF, 142px 0 0 -8px #DDF7FF, 143px 0 0 -8px #DDF7FF, 144px 0 0 -8px #DDF7FF, 145px 0 0 -8px #DDF7FF, 146px 0 0 -8px #DDF7FF, 147px 0 0 -8px #DDF7FF, 148px 0 0 -8px #DDF7FF, 149px 0 0 -8px #DDF7FF, 150px 0 0 -8px #DDF7FF, 151px 0 0 -8px #DDF7FF, 152px 0 0 -8px #DDF7FF, 153px 0 0 -8px #DDF7FF, 154px 0 0 -8px #DDF7FF, 155px 0 0 -8px #DDF7FF, 156px 0 0 -8px #DDF7FF, 157px 0 0 -8px #DDF7FF, 158px 0 0 -8px #DDF7FF, 159px 0 0 -8px #DDF7FF, 160px 0 0 -8px #DDF7FF, 161px 0 0 -8px #DDF7FF, 162px 0 0 -8px #DDF7FF, 163px 0 0 -8px #DDF7FF, 164px 0 0 -8px #DDF7FF, 165px 0 0 -8px #DDF7FF, 166px 0 0 -8px #DDF7FF, 167px 0 0 -8px #DDF7FF, 168px 0 0 -8px #DDF7FF, 169px 0 0 -8px #DDF7FF, 170px 0 0 -8px #DDF7FF, 171px 0 0 -8px #DDF7FF, 172px 0 0 -8px #DDF7FF, 173px 0 0 -8px #DDF7FF, 174px 0 0 -8px #DDF7FF, 175px 0 0 -8px #DDF7FF, 176px 0 0 -8px #DDF7FF, 177px 0 0 -8px #DDF7FF, 178px 0 0 -8px #DDF7FF, 179px 0 0 -8px #DDF7FF, 180px 0 0 -8px #DDF7FF, 181px 0 0 -8px #DDF7FF, 182px 0 0 -8px #DDF7FF, 183px 0 0 -8px #DDF7FF, 184px 0 0 -8px #DDF7FF, 185px 0 0 -8px #DDF7FF, 186px 0 0 -8px #DDF7FF, 187px 0 0 -8px #DDF7FF, 188px 0 0 -8px #DDF7FF, 189px 0 0 -8px #DDF7FF, 190px 0 0 -8px #DDF7FF, 191px 0 0 -8px #DDF7FF, 192px 0 0 -8px #DDF7FF, 193px 0 0 -8px #DDF7FF, 194px 0 0 -8px #DDF7FF, 195px 0 0 -8px #DDF7FF, 196px 0 0 -8px #DDF7FF, 197px 0 0 -8px #DDF7FF, 198px 0 0 -8px #DDF7FF, 199px 0 0 -8px #DDF7FF, 200px 0 0 -8px #DDF7FF, 201px 0 0 -8px #DDF7FF, 202px 0 0 -8px #DDF7FF, 203px 0 0 -8px #DDF7FF, 204px 0 0 -8px #DDF7FF, 205px 0 0 -8px #DDF7FF, 206px 0 0 -8px #DDF7FF, 207px 0 0 -8px #DDF7FF, 208px 0 0 -8px #DDF7FF, 209px 0 0 -8px #DDF7FF, 210px 0 0 -8px #DDF7FF, 211px 0 0 -8px #DDF7FF, 212px 0 0 -8px #DDF7FF, 213px 0 0 -8px #DDF7FF, 214px 0 0 -8px #DDF7FF, 215px 0 0 -8px #DDF7FF, 216px 0 0 -8px #DDF7FF, 217px 0 0 -8px #DDF7FF, 218px 0 0 -8px #DDF7FF, 219px 0 0 -8px #DDF7FF, 220px 0 0 -8px #DDF7FF, 221px 0 0 -8px #DDF7FF, 222px 0 0 -8px #DDF7FF, 223px 0 0 -8px #DDF7FF, 224px 0 0 -8px #DDF7FF, 225px 0 0 -8px #DDF7FF, 226px 0 0 -8px #DDF7FF, 227px 0 0 -8px #DDF7FF, 228px 0 0 -8px #DDF7FF, 229px 0 0 -8px #DDF7FF, 230px 0 0 -8px #DDF7FF, 231px 0 0 -8px #DDF7FF, 232px 0 0 -8px #DDF7FF, 233px 0 0 -8px #DDF7FF, 234px 0 0 -8px #DDF7FF, 235px 0 0 -8px #DDF7FF, 236px 0 0 -8px #DDF7FF, 237px 0 0 -8px #DDF7FF, 238px 0 0 -8px #DDF7FF, 239px 0 0 -8px #DDF7FF, 240px 0 0 -8px #DDF7FF, 241px 0 0 -8px #DDF7FF, 242px 0 0 -8px #DDF7FF, 243px 0 0 -8px #DDF7FF, 244px 0 0 -8px #DDF7FF, 245px 0 0 -8px #DDF7FF, 246px 0 0 -8px #DDF7FF, 247px 0 0 -8px #DDF7FF, 248px 0 0 -8px #DDF7FF, 249px 0 0 -8px #DDF7FF, 250px 0 0 -8px #DDF7FF, 251px 0 0 -8px #DDF7FF, 252px 0 0 -8px #DDF7FF, 253px 0 0 -8px #DDF7FF, 254px 0 0 -8px #DDF7FF, 255px 0 0 -8px #DDF7FF, 256px 0 0 -8px #DDF7FF, 257px 0 0 -8px #DDF7FF, 258px 0 0 -8px #DDF7FF, 259px 0 0 -8px #DDF7FF, 260px 0 0 -8px #DDF7FF, 261px 0 0 -8px #DDF7FF, 262px 0 0 -8px #DDF7FF, 263px 0 0 -8px #DDF7FF, 264px 0 0 -8px #DDF7FF, 265px 0 0 -8px #DDF7FF, 266px 0 0 -8px #DDF7FF, 267px 0 0 -8px #DDF7FF, 268px 0 0 -8px #DDF7FF, 269px 0 0 -8px #DDF7FF, 270px 0 0 -8px #DDF7FF, 271px 0 0 -8px #DDF7FF, 272px 0 0 -8px #DDF7FF, 273px 0 0 -8px #DDF7FF, 274px 0 0 -8px #DDF7FF, 275px 0 0 -8px #DDF7FF, 276px 0 0 -8px #DDF7FF, 277px 0 0 -8px #DDF7FF, 278px 0 0 -8px #DDF7FF, 279px 0 0 -8px #DDF7FF, 280px 0 0 -8px #DDF7FF, 281px 0 0 -8px #DDF7FF, 282px 0 0 -8px #DDF7FF, 283px 0 0 -8px #DDF7FF, 284px 0 0 -8px #DDF7FF, 285px 0 0 -8px #DDF7FF, 286px 0 0 -8px #DDF7FF, 287px 0 0 -8px #DDF7FF, 288px 0 0 -8px #DDF7FF, 289px 0 0 -8px #DDF7FF, 290px 0 0 -8px #DDF7FF, 291px 0 0 -8px #DDF7FF, 292px 0 0 -8px #DDF7FF, 293px 0 0 -8px #DDF7FF, 294px 0 0 -8px #DDF7FF, 295px 0 0 -8px #DDF7FF, 296px 0 0 -8px #DDF7FF, 297px 0 0 -8px #DDF7FF, 298px 0 0 -8px #DDF7FF, 299px 0 0 -8px #DDF7FF, 300px 0 0 -8px #DDF7FF, 301px 0 0 -8px #DDF7FF, 302px 0 0 -8px #DDF7FF, 303px 0 0 -8px #DDF7FF, 304px 0 0 -8px #DDF7FF, 305px 0 0 -8px #DDF7FF, 306px 0 0 -8px #DDF7FF, 307px 0 0 -8px #DDF7FF, 308px 0 0 -8px #DDF7FF, 309px 0 0 -8px #DDF7FF, 310px 0 0 -8px #DDF7FF, 311px 0 0 -8px #DDF7FF, 312px 0 0 -8px #DDF7FF, 313px 0 0 -8px #DDF7FF, 314px 0 0 -8px #DDF7FF, 315px 0 0 -8px #DDF7FF, 316px 0 0 -8px #DDF7FF, 317px 0 0 -8px #DDF7FF, 318px 0 0 -8px #DDF7FF, 319px 0 0 -8px #DDF7FF, 320px 0 0 -8px #DDF7FF, 321px 0 0 -8px #DDF7FF, 322px 0 0 -8px #DDF7FF, 323px 0 0 -8px #DDF7FF, 324px 0 0 -8px #DDF7FF, 325px 0 0 -8px #DDF7FF, 326px 0 0 -8px #DDF7FF, 327px 0 0 -8px #DDF7FF, 328px 0 0 -8px #DDF7FF, 329px 0 0 -8px #DDF7FF, 330px 0 0 -8px #DDF7FF, 331px 0 0 -8px #DDF7FF, 332px 0 0 -8px #DDF7FF, 333px 0 0 -8px #DDF7FF, 334px 0 0 -8px #DDF7FF, 335px 0 0 -8px #DDF7FF, 336px 0 0 -8px #DDF7FF, 337px 0 0 -8px #DDF7FF, 338px 0 0 -8px #DDF7FF, 339px 0 0 -8px #DDF7FF, 340px 0 0 -8px #DDF7FF, 341px 0 0 -8px #DDF7FF, 342px 0 0 -8px #DDF7FF, 343px 0 0 -8px #DDF7FF, 344px 0 0 -8px #DDF7FF, 345px 0 0 -8px #DDF7FF, 346px 0 0 -8px #DDF7FF, 347px 0 0 -8px #DDF7FF, 348px 0 0 -8px #DDF7FF, 349px 0 0 -8px #DDF7FF, 350px 0 0 -8px #DDF7FF, 351px 0 0 -8px #DDF7FF, 352px 0 0 -8px #DDF7FF, 353px 0 0 -8px #DDF7FF, 354px 0 0 -8px #DDF7FF, 355px 0 0 -8px #DDF7FF, 356px 0 0 -8px #DDF7FF, 357px 0 0 -8px #DDF7FF, 358px 0 0 -8px #DDF7FF, 359px 0 0 -8px #DDF7FF, 360px 0 0 -8px #DDF7FF, 361px 0 0 -8px #DDF7FF, 362px 0 0 -8px #DDF7FF, 363px 0 0 -8px #DDF7FF, 364px 0 0 -8px #DDF7FF, 365px 0 0 -8px #DDF7FF, 366px 0 0 -8px #DDF7FF, 367px 0 0 -8px #DDF7FF, 368px 0 0 -8px #DDF7FF, 369px 0 0 -8px #DDF7FF, 370px 0 0 -8px #DDF7FF, 371px 0 0 -8px #DDF7FF, 372px 0 0 -8px #DDF7FF, 373px 0 0 -8px #DDF7FF, 374px 0 0 -8px #DDF7FF, 375px 0 0 -8px #DDF7FF, 376px 0 0 -8px #DDF7FF, 377px 0 0 -8px #DDF7FF, 378px 0 0 -8px #DDF7FF, 379px 0 0 -8px #DDF7FF, 380px 0 0 -8px #DDF7FF, 381px 0 0 -8px #DDF7FF, 382px 0 0 -8px #DDF7FF, 383px 0 0 -8px #DDF7FF, 384px 0 0 -8px #DDF7FF, 385px 0 0 -8px #DDF7FF, 386px 0 0 -8px #DDF7FF, 387px 0 0 -8px #DDF7FF, 388px 0 0 -8px #DDF7FF, 389px 0 0 -8px #DDF7FF, 390px 0 0 -8px #DDF7FF, 391px 0 0 -8px #DDF7FF, 392px 0 0 -8px #DDF7FF, 393px 0 0 -8px #DDF7FF, 394px 0 0 -8px #DDF7FF, 395px 0 0 -8px #DDF7FF, 396px 0 0 -8px #DDF7FF, 397px 0 0 -8px #DDF7FF, 398px 0 0 -8px #DDF7FF, 399px 0 0 -8px #DDF7FF, 400px 0 0 -8px #DDF7FF, 401px 0 0 -8px #DDF7FF, 402px 0 0 -8px #DDF7FF, 403px 0 0 -8px #DDF7FF, 404px 0 0 -8px #DDF7FF, 405px 0 0 -8px #DDF7FF, 406px 0 0 -8px #DDF7FF, 407px 0 0 -8px #DDF7FF, 408px 0 0 -8px #DDF7FF, 409px 0 0 -8px #DDF7FF, 410px 0 0 -8px #DDF7FF, 411px 0 0 -8px #DDF7FF, 412px 0 0 -8px #DDF7FF, 413px 0 0 -8px #DDF7FF, 414px 0 0 -8px #DDF7FF, 415px 0 0 -8px #DDF7FF, 416px 0 0 -8px #DDF7FF, 417px 0 0 -8px #DDF7FF, 418px 0 0 -8px #DDF7FF, 419px 0 0 -8px #DDF7FF, 420px 0 0 -8px #DDF7FF, 421px 0 0 -8px #DDF7FF, 422px 0 0 -8px #DDF7FF, 423px 0 0 -8px #DDF7FF, 424px 0 0 -8px #DDF7FF, 425px 0 0 -8px #DDF7FF, 426px 0 0 -8px #DDF7FF, 427px 0 0 -8px #DDF7FF, 428px 0 0 -8px #DDF7FF, 429px 0 0 -8px #DDF7FF, 430px 0 0 -8px #DDF7FF, 431px 0 0 -8px #DDF7FF, 432px 0 0 -8px #DDF7FF, 433px 0 0 -8px #DDF7FF, 434px 0 0 -8px #DDF7FF, 435px 0 0 -8px #DDF7FF, 436px 0 0 -8px #DDF7FF, 437px 0 0 -8px #DDF7FF, 438px 0 0 -8px #DDF7FF, 439px 0 0 -8px #DDF7FF, 440px 0 0 -8px #DDF7FF, 441px 0 0 -8px #DDF7FF, 442px 0 0 -8px #DDF7FF, 443px 0 0 -8px #DDF7FF, 444px 0 0 -8px #DDF7FF, 445px 0 0 -8px #DDF7FF, 446px 0 0 -8px #DDF7FF, 447px 0 0 -8px #DDF7FF, 448px 0 0 -8px #DDF7FF, 449px 0 0 -8px #DDF7FF, 450px 0 0 -8px #DDF7FF, 451px 0 0 -8px #DDF7FF, 452px 0 0 -8px #DDF7FF, 453px 0 0 -8px #DDF7FF, 454px 0 0 -8px #DDF7FF, 455px 0 0 -8px #DDF7FF, 456px 0 0 -8px #DDF7FF, 457px 0 0 -8px #DDF7FF, 458px 0 0 -8px #DDF7FF, 459px 0 0 -8px #DDF7FF, 460px 0 0 -8px #DDF7FF, 461px 0 0 -8px #DDF7FF, 462px 0 0 -8px #DDF7FF, 463px 0 0 -8px #DDF7FF, 464px 0 0 -8px #DDF7FF, 465px 0 0 -8px #DDF7FF, 466px 0 0 -8px #DDF7FF, 467px 0 0 -8px #DDF7FF, 468px 0 0 -8px #DDF7FF, 469px 0 0 -8px #DDF7FF, 470px 0 0 -8px #DDF7FF, 471px 0 0 -8px #DDF7FF, 472px 0 0 -8px #DDF7FF, 473px 0 0 -8px #DDF7FF, 474px 0 0 -8px #DDF7FF, 475px 0 0 -8px #DDF7FF, 476px 0 0 -8px #DDF7FF, 477px 0 0 -8px #DDF7FF, 478px 0 0 -8px #DDF7FF, 479px 0 0 -8px #DDF7FF, 480px 0 0 -8px #DDF7FF, 481px 0 0 -8px #DDF7FF, 482px 0 0 -8px #DDF7FF, 483px 0 0 -8px #DDF7FF, 484px 0 0 -8px #DDF7FF, 485px 0 0 -8px #DDF7FF, 486px 0 0 -8px #DDF7FF, 487px 0 0 -8px #DDF7FF, 488px 0 0 -8px #DDF7FF, 489px 0 0 -8px #DDF7FF, 490px 0 0 -8px #DDF7FF, 491px 0 0 -8px #DDF7FF, 492px 0 0 -8px #DDF7FF, 493px 0 0 -8px #DDF7FF, 494px 0 0 -8px #DDF7FF, 495px 0 0 -8px #DDF7FF, 496px 0 0 -8px #DDF7FF, 497px 0 0 -8px #DDF7FF, 498px 0 0 -8px #DDF7FF, 499px 0 0 -8px #DDF7FF, 500px 0 0 -8px #DDF7FF, 501px 0 0 -8px #DDF7FF, 502px 0 0 -8px #DDF7FF, 503px 0 0 -8px #DDF7FF, 504px 0 0 -8px #DDF7FF, 505px 0 0 -8px #DDF7FF, 506px 0 0 -8px #DDF7FF, 507px 0 0 -8px #DDF7FF, 508px 0 0 -8px #DDF7FF, 509px 0 0 -8px #DDF7FF, 510px 0 0 -8px #DDF7FF, 511px 0 0 -8px #DDF7FF, 512px 0 0 -8px #DDF7FF, 513px 0 0 -8px #DDF7FF, 514px 0 0 -8px #DDF7FF, 515px 0 0 -8px #DDF7FF, 516px 0 0 -8px #DDF7FF, 517px 0 0 -8px #DDF7FF, 518px 0 0 -8px #DDF7FF, 519px 0 0 -8px #DDF7FF, 520px 0 0 -8px #DDF7FF, 521px 0 0 -8px #DDF7FF, 522px 0 0 -8px #DDF7FF, 523px 0 0 -8px #DDF7FF, 524px 0 0 -8px #DDF7FF, 525px 0 0 -8px #DDF7FF, 526px 0 0 -8px #DDF7FF, 527px 0 0 -8px #DDF7FF, 528px 0 0 -8px #DDF7FF, 529px 0 0 -8px #DDF7FF, 530px 0 0 -8px #DDF7FF, 531px 0 0 -8px #DDF7FF, 532px 0 0 -8px #DDF7FF, 533px 0 0 -8px #DDF7FF, 534px 0 0 -8px #DDF7FF, 535px 0 0 -8px #DDF7FF, 536px 0 0 -8px #DDF7FF, 537px 0 0 -8px #DDF7FF, 538px 0 0 -8px #DDF7FF, 539px 0 0 -8px #DDF7FF, 540px 0 0 -8px #DDF7FF, 541px 0 0 -8px #DDF7FF, 542px 0 0 -8px #DDF7FF, 543px 0 0 -8px #DDF7FF, 544px 0 0 -8px #DDF7FF, 545px 0 0 -8px #DDF7FF, 546px 0 0 -8px #DDF7FF, 547px 0 0 -8px #DDF7FF, 548px 0 0 -8px #DDF7FF, 549px 0 0 -8px #DDF7FF, 550px 0 0 -8px #DDF7FF, 551px 0 0 -8px #DDF7FF, 552px 0 0 -8px #DDF7FF, 553px 0 0 -8px #DDF7FF, 554px 0 0 -8px #DDF7FF, 555px 0 0 -8px #DDF7FF, 556px 0 0 -8px #DDF7FF, 557px 0 0 -8px #DDF7FF, 558px 0 0 -8px #DDF7FF, 559px 0 0 -8px #DDF7FF, 560px 0 0 -8px #DDF7FF, 561px 0 0 -8px #DDF7FF, 562px 0 0 -8px #DDF7FF, 563px 0 0 -8px #DDF7FF, 564px 0 0 -8px #DDF7FF, 565px 0 0 -8px #DDF7FF, 566px 0 0 -8px #DDF7FF, 567px 0 0 -8px #DDF7FF, 568px 0 0 -8px #DDF7FF, 569px 0 0 -8px #DDF7FF, 570px 0 0 -8px #DDF7FF, 571px 0 0 -8px #DDF7FF, 572px 0 0 -8px #DDF7FF, 573px 0 0 -8px #DDF7FF, 574px 0 0 -8px #DDF7FF, 575px 0 0 -8px #DDF7FF, 576px 0 0 -8px #DDF7FF, 577px 0 0 -8px #DDF7FF, 578px 0 0 -8px #DDF7FF, 579px 0 0 -8px #DDF7FF, 580px 0 0 -8px #DDF7FF, 581px 0 0 -8px #DDF7FF, 582px 0 0 -8px #DDF7FF, 583px 0 0 -8px #DDF7FF, 584px 0 0 -8px #DDF7FF, 585px 0 0 -8px #DDF7FF, 586px 0 0 -8px #DDF7FF, 587px 0 0 -8px #DDF7FF, 588px 0 0 -8px #DDF7FF, 589px 0 0 -8px #DDF7FF, 590px 0 0 -8px #DDF7FF, 591px 0 0 -8px #DDF7FF, 592px 0 0 -8px #DDF7FF, 593px 0 0 -8px #DDF7FF, 594px 0 0 -8px #DDF7FF, 595px 0 0 -8px #DDF7FF, 596px 0 0 -8px #DDF7FF, 597px 0 0 -8px #DDF7FF, 598px 0 0 -8px #DDF7FF, 599px 0 0 -8px #DDF7FF, 600px 0 0 -8px #DDF7FF, 601px 0 0 -8px #DDF7FF, 602px 0 0 -8px #DDF7FF, 603px 0 0 -8px #DDF7FF, 604px 0 0 -8px #DDF7FF, 605px 0 0 -8px #DDF7FF, 606px 0 0 -8px #DDF7FF, 607px 0 0 -8px #DDF7FF, 608px 0 0 -8px #DDF7FF, 609px 0 0 -8px #DDF7FF, 610px 0 0 -8px #DDF7FF, 611px 0 0 -8px #DDF7FF, 612px 0 0 -8px #DDF7FF, 613px 0 0 -8px #DDF7FF, 614px 0 0 -8px #DDF7FF, 615px 0 0 -8px #DDF7FF, 616px 0 0 -8px #DDF7FF, 617px 0 0 -8px #DDF7FF, 618px 0 0 -8px #DDF7FF, 619px 0 0 -8px #DDF7FF, 620px 0 0 -8px #DDF7FF, 621px 0 0 -8px #DDF7FF, 622px 0 0 -8px #DDF7FF, 623px 0 0 -8px #DDF7FF, 624px 0 0 -8px #DDF7FF, 625px 0 0 -8px #DDF7FF, 626px 0 0 -8px #DDF7FF, 627px 0 0 -8px #DDF7FF, 628px 0 0 -8px #DDF7FF, 629px 0 0 -8px #DDF7FF, 630px 0 0 -8px #DDF7FF, 631px 0 0 -8px #DDF7FF, 632px 0 0 -8px #DDF7FF, 633px 0 0 -8px #DDF7FF, 634px 0 0 -8px #DDF7FF, 635px 0 0 -8px #DDF7FF, 636px 0 0 -8px #DDF7FF, 637px 0 0 -8px #DDF7FF, 638px 0 0 -8px #DDF7FF, 639px 0 0 -8px #DDF7FF, 640px 0 0 -8px #DDF7FF, 641px 0 0 -8px #DDF7FF, 642px 0 0 -8px #DDF7FF, 643px 0 0 -8px #DDF7FF, 644px 0 0 -8px #DDF7FF, 645px 0 0 -8px #DDF7FF, 646px 0 0 -8px #DDF7FF, 647px 0 0 -8px #DDF7FF, 648px 0 0 -8px #DDF7FF, 649px 0 0 -8px #DDF7FF, 650px 0 0 -8px #DDF7FF, 651px 0 0 -8px #DDF7FF, 652px 0 0 -8px #DDF7FF, 653px 0 0 -8px #DDF7FF, 654px 0 0 -8px #DDF7FF, 655px 0 0 -8px #DDF7FF, 656px 0 0 -8px #DDF7FF, 657px 0 0 -8px #DDF7FF, 658px 0 0 -8px #DDF7FF, 659px 0 0 -8px #DDF7FF, 660px 0 0 -8px #DDF7FF, 661px 0 0 -8px #DDF7FF, 662px 0 0 -8px #DDF7FF, 663px 0 0 -8px #DDF7FF, 664px 0 0 -8px #DDF7FF, 665px 0 0 -8px #DDF7FF, 666px 0 0 -8px #DDF7FF, 667px 0 0 -8px #DDF7FF, 668px 0 0 -8px #DDF7FF, 669px 0 0 -8px #DDF7FF, 670px 0 0 -8px #DDF7FF, 671px 0 0 -8px #DDF7FF, 672px 0 0 -8px #DDF7FF, 673px 0 0 -8px #DDF7FF, 674px 0 0 -8px #DDF7FF, 675px 0 0 -8px #DDF7FF, 676px 0 0 -8px #DDF7FF, 677px 0 0 -8px #DDF7FF, 678px 0 0 -8px #DDF7FF, 679px 0 0 -8px #DDF7FF, 680px 0 0 -8px #DDF7FF, 681px 0 0 -8px #DDF7FF, 682px 0 0 -8px #DDF7FF, 683px 0 0 -8px #DDF7FF, 684px 0 0 -8px #DDF7FF, 685px 0 0 -8px #DDF7FF, 686px 0 0 -8px #DDF7FF, 687px 0 0 -8px #DDF7FF, 688px 0 0 -8px #DDF7FF, 689px 0 0 -8px #DDF7FF, 690px 0 0 -8px #DDF7FF, 691px 0 0 -8px #DDF7FF, 692px 0 0 -8px #DDF7FF, 693px 0 0 -8px #DDF7FF, 694px 0 0 -8px #DDF7FF, 695px 0 0 -8px #DDF7FF, 696px 0 0 -8px #DDF7FF, 697px 0 0 -8px #DDF7FF, 698px 0 0 -8px #DDF7FF, 699px 0 0 -8px #DDF7FF, 700px 0 0 -8px #DDF7FF, 701px 0 0 -8px #DDF7FF, 702px 0 0 -8px #DDF7FF, 703px 0 0 -8px #DDF7FF, 704px 0 0 -8px #DDF7FF, 705px 0 0 -8px #DDF7FF, 706px 0 0 -8px #DDF7FF, 707px 0 0 -8px #DDF7FF, 708px 0 0 -8px #DDF7FF, 709px 0 0 -8px #DDF7FF, 710px 0 0 -8px #DDF7FF, 711px 0 0 -8px #DDF7FF, 712px 0 0 -8px #DDF7FF, 713px 0 0 -8px #DDF7FF, 714px 0 0 -8px #DDF7FF, 715px 0 0 -8px #DDF7FF, 716px 0 0 -8px #DDF7FF, 717px 0 0 -8px #DDF7FF, 718px 0 0 -8px #DDF7FF, 719px 0 0 -8px #DDF7FF, 720px 0 0 -8px #DDF7FF, 721px 0 0 -8px #DDF7FF, 722px 0 0 -8px #DDF7FF, 723px 0 0 -8px #DDF7FF, 724px 0 0 -8px #DDF7FF, 725px 0 0 -8px #DDF7FF, 726px 0 0 -8px #DDF7FF, 727px 0 0 -8px #DDF7FF, 728px 0 0 -8px #DDF7FF, 729px 0 0 -8px #DDF7FF, 730px 0 0 -8px #DDF7FF, 731px 0 0 -8px #DDF7FF, 732px 0 0 -8px #DDF7FF, 733px 0 0 -8px #DDF7FF, 734px 0 0 -8px #DDF7FF, 735px 0 0 -8px #DDF7FF, 736px 0 0 -8px #DDF7FF, 737px 0 0 -8px #DDF7FF, 738px 0 0 -8px #DDF7FF, 739px 0 0 -8px #DDF7FF, 740px 0 0 -8px #DDF7FF, 741px 0 0 -8px #DDF7FF, 742px 0 0 -8px #DDF7FF, 743px 0 0 -8px #DDF7FF, 744px 0 0 -8px #DDF7FF, 745px 0 0 -8px #DDF7FF, 746px 0 0 -8px #DDF7FF, 747px 0 0 -8px #DDF7FF, 748px 0 0 -8px #DDF7FF, 749px 0 0 -8px #DDF7FF, 750px 0 0 -8px #DDF7FF, 751px 0 0 -8px #DDF7FF, 752px 0 0 -8px #DDF7FF, 753px 0 0 -8px #DDF7FF, 754px 0 0 -8px #DDF7FF, 755px 0 0 -8px #DDF7FF, 756px 0 0 -8px #DDF7FF, 757px 0 0 -8px #DDF7FF, 758px 0 0 -8px #DDF7FF, 759px 0 0 -8px #DDF7FF, 760px 0 0 -8px #DDF7FF, 761px 0 0 -8px #DDF7FF, 762px 0 0 -8px #DDF7FF, 763px 0 0 -8px #DDF7FF, 764px 0 0 -8px #DDF7FF, 765px 0 0 -8px #DDF7FF, 766px 0 0 -8px #DDF7FF, 767px 0 0 -8px #DDF7FF, 768px 0 0 -8px #DDF7FF, 769px 0 0 -8px #DDF7FF, 770px 0 0 -8px #DDF7FF, 771px 0 0 -8px #DDF7FF, 772px 0 0 -8px #DDF7FF, 773px 0 0 -8px #DDF7FF, 774px 0 0 -8px #DDF7FF, 775px 0 0 -8px #DDF7FF, 776px 0 0 -8px #DDF7FF, 777px 0 0 -8px #DDF7FF, 778px 0 0 -8px #DDF7FF, 779px 0 0 -8px #DDF7FF, 780px 0 0 -8px #DDF7FF, 781px 0 0 -8px #DDF7FF, 782px 0 0 -8px #DDF7FF, 783px 0 0 -8px #DDF7FF, 784px 0 0 -8px #DDF7FF, 785px 0 0 -8px #DDF7FF, 786px 0 0 -8px #DDF7FF, 787px 0 0 -8px #DDF7FF, 788px 0 0 -8px #DDF7FF, 789px 0 0 -8px #DDF7FF, 790px 0 0 -8px #DDF7FF, 791px 0 0 -8px #DDF7FF, 792px 0 0 -8px #DDF7FF, 793px 0 0 -8px #DDF7FF, 794px 0 0 -8px #DDF7FF, 795px 0 0 -8px #DDF7FF, 796px 0 0 -8px #DDF7FF, 797px 0 0 -8px #DDF7FF, 798px 0 0 -8px #DDF7FF, 799px 0 0 -8px #DDF7FF, 800px 0 0 -8px #DDF7FF, 801px 0 0 -8px #DDF7FF, 802px 0 0 -8px #DDF7FF, 803px 0 0 -8px #DDF7FF, 804px 0 0 -8px #DDF7FF, 805px 0 0 -8px #DDF7FF, 806px 0 0 -8px #DDF7FF, 807px 0 0 -8px #DDF7FF, 808px 0 0 -8px #DDF7FF, 809px 0 0 -8px #DDF7FF, 810px 0 0 -8px #DDF7FF, 811px 0 0 -8px #DDF7FF, 812px 0 0 -8px #DDF7FF, 813px 0 0 -8px #DDF7FF, 814px 0 0 -8px #DDF7FF, 815px 0 0 -8px #DDF7FF, 816px 0 0 -8px #DDF7FF, 817px 0 0 -8px #DDF7FF, 818px 0 0 -8px #DDF7FF, 819px 0 0 -8px #DDF7FF, 820px 0 0 -8px #DDF7FF, 821px 0 0 -8px #DDF7FF, 822px 0 0 -8px #DDF7FF, 823px 0 0 -8px #DDF7FF, 824px 0 0 -8px #DDF7FF, 825px 0 0 -8px #DDF7FF, 826px 0 0 -8px #DDF7FF, 827px 0 0 -8px #DDF7FF, 828px 0 0 -8px #DDF7FF, 829px 0 0 -8px #DDF7FF, 830px 0 0 -8px #DDF7FF, 831px 0 0 -8px #DDF7FF, 832px 0 0 -8px #DDF7FF, 833px 0 0 -8px #DDF7FF, 834px 0 0 -8px #DDF7FF, 835px 0 0 -8px #DDF7FF, 836px 0 0 -8px #DDF7FF, 837px 0 0 -8px #DDF7FF, 838px 0 0 -8px #DDF7FF, 839px 0 0 -8px #DDF7FF, 840px 0 0 -8px #DDF7FF, 841px 0 0 -8px #DDF7FF, 842px 0 0 -8px #DDF7FF, 843px 0 0 -8px #DDF7FF, 844px 0 0 -8px #DDF7FF, 845px 0 0 -8px #DDF7FF, 846px 0 0 -8px #DDF7FF, 847px 0 0 -8px #DDF7FF, 848px 0 0 -8px #DDF7FF, 849px 0 0 -8px #DDF7FF, 850px 0 0 -8px #DDF7FF, 851px 0 0 -8px #DDF7FF, 852px 0 0 -8px #DDF7FF, 853px 0 0 -8px #DDF7FF, 854px 0 0 -8px #DDF7FF, 855px 0 0 -8px #DDF7FF, 856px 0 0 -8px #DDF7FF, 857px 0 0 -8px #DDF7FF, 858px 0 0 -8px #DDF7FF, 859px 0 0 -8px #DDF7FF, 860px 0 0 -8px #DDF7FF, 861px 0 0 -8px #DDF7FF, 862px 0 0 -8px #DDF7FF, 863px 0 0 -8px #DDF7FF, 864px 0 0 -8px #DDF7FF, 865px 0 0 -8px #DDF7FF, 866px 0 0 -8px #DDF7FF, 867px 0 0 -8px #DDF7FF, 868px 0 0 -8px #DDF7FF, 869px 0 0 -8px #DDF7FF, 870px 0 0 -8px #DDF7FF, 871px 0 0 -8px #DDF7FF, 872px 0 0 -8px #DDF7FF, 873px 0 0 -8px #DDF7FF, 874px 0 0 -8px #DDF7FF, 875px 0 0 -8px #DDF7FF, 876px 0 0 -8px #DDF7FF, 877px 0 0 -8px #DDF7FF, 878px 0 0 -8px #DDF7FF, 879px 0 0 -8px #DDF7FF, 880px 0 0 -8px #DDF7FF, 881px 0 0 -8px #DDF7FF, 882px 0 0 -8px #DDF7FF, 883px 0 0 -8px #DDF7FF, 884px 0 0 -8px #DDF7FF, 885px 0 0 -8px #DDF7FF, 886px 0 0 -8px #DDF7FF, 887px 0 0 -8px #DDF7FF, 888px 0 0 -8px #DDF7FF, 889px 0 0 -8px #DDF7FF, 890px 0 0 -8px #DDF7FF, 891px 0 0 -8px #DDF7FF, 892px 0 0 -8px #DDF7FF, 893px 0 0 -8px #DDF7FF, 894px 0 0 -8px #DDF7FF, 895px 0 0 -8px #DDF7FF, 896px 0 0 -8px #DDF7FF, 897px 0 0 -8px #DDF7FF, 898px 0 0 -8px #DDF7FF, 899px 0 0 -8px #DDF7FF, 900px 0 0 -8px #DDF7FF, 901px 0 0 -8px #DDF7FF, 902px 0 0 -8px #DDF7FF, 903px 0 0 -8px #DDF7FF, 904px 0 0 -8px #DDF7FF, 905px 0 0 -8px #DDF7FF, 906px 0 0 -8px #DDF7FF, 907px 0 0 -8px #DDF7FF, 908px 0 0 -8px #DDF7FF, 909px 0 0 -8px #DDF7FF, 910px 0 0 -8px #DDF7FF, 911px 0 0 -8px #DDF7FF, 912px 0 0 -8px #DDF7FF, 913px 0 0 -8px #DDF7FF, 914px 0 0 -8px #DDF7FF, 915px 0 0 -8px #DDF7FF, 916px 0 0 -8px #DDF7FF, 917px 0 0 -8px #DDF7FF, 918px 0 0 -8px #DDF7FF, 919px 0 0 -8px #DDF7FF, 920px 0 0 -8px #DDF7FF, 921px 0 0 -8px #DDF7FF, 922px 0 0 -8px #DDF7FF, 923px 0 0 -8px #DDF7FF, 924px 0 0 -8px #DDF7FF, 925px 0 0 -8px #DDF7FF, 926px 0 0 -8px #DDF7FF, 927px 0 0 -8px #DDF7FF, 928px 0 0 -8px #DDF7FF, 929px 0 0 -8px #DDF7FF, 930px 0 0 -8px #DDF7FF;
}

input[type=range]:focus::-webkit-slider-thumb {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--button-bg)), to(var(--button-bg)));
  background-image: linear-gradient(to top, var(--button-bg), var(--button-bg));
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 22px;
  box-shadow: none;
  background-image: linear-gradient(to bottom, #fff 38%, #DDF7FF 38%, #DDF7FF 62%, #fff 62%);
  border-radius: 25px;
  border: none;
}

input[type=range]::-moz-range-progress {
  background-image: linear-gradient(to right, var(--button-bg), var(--button-bg));
  border: none;
}

input[type=range]::-moz-range-thumb {
  height: 22px;
  width: 22px;
  border: none;
  border-radius: 50%;
  background-image: linear-gradient(to top, var(--button-bg), var(--button-bg));
  background-position: center;
  background-repeat: no-repeat;
}

input[type=range]:focus::-moz-range-thumb {
  background-image: linear-gradient(to top, var(--button-bg), var(--button-bg));
}

input[type=range]::-ms-track {
  width: 100%;
  height: 22px;
  background-image: linear-gradient(to bottom, #fff 38%, var(--button-bg) 38%, var(--button-bg) 62%, #fff 62%);
  border: none;
  border-color: transparent;
  color: transparent;
  border-radius: 3px;
}

input[type=range]::-ms-fill-lower {
  background-image: linear-gradient(to bottom, #fff 38%, var(--button-bg) 38%, var(--button-bg) 62%, #fff 62%);
  border: none;
  border-radius: 50px;
}

input[type=range]::-ms-fill-upper {
  background-image: linear-gradient(to bottom, #fff 38%, var(--button-bg) 38%, var(--button-bg) 62%, #fff 62%);
  border: none;
  box-shadow: 0 0 0 transparent;
}

input[type=range]::-ms-thumb {
  height: 22px;
  width: 22px;
  border: none;
  border-radius: 50%;
  background-color: var(--button-bg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: 6px;
}

input[type=range]:focus::-ms-thumb {
  background-image: linear-gradient(to top, var(--button-bg), var(--button-bg));
  border: none;
  text-shadow: none;
}

input[type=range]::-ms-ticks-after {
  display: none;
}

input[type=range]::-ms-ticks-before {
  display: none;
}

input[type=range]::-ms-tooltip {
  display: none;
}

.logo {
  width: 156px;
  height: auto;
  display: block;
}

.logo img {
  width: 100%;
  height: auto;
}

@media (min-width: 992px) {
  .logo {
    width: 218px;
  }
}
@media (min-width: 992px) {
  .sms-code_step-1 {
    padding-top: 27px;
  }
  .sms-code_step-1 .sms-code__grid {
    grid-template-columns: minmax(0, 136px);
  }
}
.sms-code_step-2 .sms-code__grid {
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 375px) {
  .sms-code_step-2 .sms-code__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 136px);
  }
  .sms-code_step-2 .sms-code__confirm-button {
    margin-top: 27px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  .sms-code_step-2 .sms-code__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 136px);
  }
}
@media (min-width: 992px) {
  .sms-code_step-3 .sms-code__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 136px);
  }
  .sms-code_step-3 .sms-code__confirm-button {
    margin-top: 27px;
  }
}
.sms-code_alt .sms-code__grid {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 375px) {
  .sms-code_alt .sms-code__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 136px);
  }
}
@media (min-width: 600px) {
  .sms-code_alt .sms-code__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px 20px;
  }
}
.sms-code_alt .sms-code__message {
  font-size: 14px;
}

.sms-code_alt .sms-code__resend {
  font-size: 14px;
}

.sms-code__grid {
  display: grid;
  gap: 10px;
}

.sms-code__message {
  display: block;
  color: var(--color-secondary);
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1rem;
  text-align: center;
  grid-column: 1/-1;
}

.sms-code__resend {
  display: block;
  color: var(--color-accent);
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1rem;
  text-align: center;
  grid-column: 1/-1;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

.sms-code__resend:hover {
  text-decoration: underline;
}

.sms-code .sms-code__grid .input__message {
  white-space: nowrap;
}

#sms-code .sms-code_step-2 {
  display: none;
}

.selected-rate {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}

.selected-rate__title {
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.selected-rate__title-currency {
  font-weight: 400;
}

.selected-rate__change-link {
  color: var(--color-accent_lighten);
  text-decoration: none;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.selected-rate__change-link:hover {
  text-decoration: underline;
}

.user-steps {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .user-steps {
    margin-bottom: 40px;
    gap: 5px;
  }
}

.user-steps__item {
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
}

@media (min-width: 992px) {
  .user-steps__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 124px;
    margin-right: 0;
    margin-left: 0;
  }
  .user-steps__item:not(:last-child)::after {
    display: block;
    content: "";
    background: var(--color-bg-white);
    border-radius: 5px;
    height: 3px;
    width: 69px;
    left: 50%;
    margin-left: 30px;
    position: absolute;
    top: 20px;
  }
}
.user-steps__item-icon {
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  color: var(--color-secondary);
  background: var(--color-bg-white);
  position: relative;
}

.user-steps__item_compleeted .user-steps__item-icon {
  background: var(--color-bg-blue);
  color: rgba(255, 255, 255, 0);
}

.user-steps__item_compleeted .user-steps__item-icon::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 7-8.75 10L5 12.4545' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  margin: auto;
}

.user-steps__item_active .user-steps__item-icon {
  color: var(--color-accent_lighten);
}

.user-steps__title {
  display: none;
}

@media (min-width: 992px) {
  .user-steps__title {
    display: block;
    text-align: center;
    left: 50%;
    margin: 10px auto 0;
    top: 100%;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    color: var(--color-secondary);
  }
  .user-steps__item_active .user-steps__title {
    color: var(--color-primary);
  }
}
.probability {
  margin-left: -20px;
  margin-right: -20px;
  background: var(--color-bg-white);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 22px;
  padding-bottom: 16px;
  display: grid;
  gap: 10px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .probability {
    max-width: 903px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    padding: 22px 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.probability__title {
  text-align: center;
}
@media (min-width: 992px) {
  .probability__title {
    text-align: left;
  }
}

.probability__title-value {
  display: inline;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
}

.probability__title-desc {
  display: inline;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.probability__potential {
  text-align: center;
  color: var(--color-secondary);
}
@media (min-width: 992px) {
  .probability__potential {
    text-align: right;
  }
}

.probability__potential-value {
  display: inline;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.probability__potential-desc {
  display: inline;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.probability__progress-bar {
  grid-column: 1/-1;
  grid-row: 2/3;
  height: 5px;
  background: var(--color-border);
  border-radius: 5px;
  position: relative;
}

.probability__progress-bar-max {
  position: absolute;
  border-radius: 5px;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--probability-max-value);
  background: var(--color-bg-light-blue);
  transition: all 0.2s ease-in;
}

.probability__progress-bar-current {
  position: absolute;
  border-radius: 5px;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--probability-current-value);
  background: var(--color-bg-blue);
  transition: all 0.2s ease-in;
}

.cards {
  display: grid;
  gap: 10px;
}

.cards-header {
  margin-bottom: 30px;
}
.cards-header .cards-page__title {
  margin-bottom: 10px;
}
.cards-header .cards-page__desc {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  max-width: 412px;
  margin-left: auto;
  margin-right: auto;
}
.cards-header .cards-page__desc a {
  color: var(--color-accent_lighten);
  text-decoration: underline;
}
.cards-header .cards-page__desc a:hover {
  text-decoration: none;
}

.cards-page__title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 30px;
}

.cards__item {
  background: var(--color-bg-white);
  padding: 24px 20px;
  display: grid;
  gap: 20px;
  align-items: center;
}

.cards__item_active {
  background: var(--color-bg-ternary);
}

.cards__item_active .cards__item-status {
  color: var(--color-primary);
}

.cards-page__wrapper {
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 678px) {
  .cards-page__wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 678px) {
  .cards-page__wrapper .cards__item {
    border-radius: 15px;
    padding: 24px 40px;
    gap: 14px;
  }
}
@media (min-width: 992px) {
  .cards__item {
    border-radius: 15px;
    padding: 24px 40px;
    gap: 14px;
  }
}
.cards__item_error {
  border-top: 1px solid var(--color-error);
  border-bottom: 1px solid var(--color-error);
}

@media (min-width: 678px) {
  .cards__item_error {
    border-left: 1px solid var(--color-error);
    border-right: 1px solid var(--color-error);
  }
}
.cards__item_error .cards__item-status {
  color: var(--color-error);
}

.cards__item-logo {
  grid-column: 1/2;
  grid-row: 1/2;
}

.cards__item-status {
  grid-row: 2/3;
  grid-column: 1/2;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: var(--color-secondary);
}

.cards__item-button {
  grid-row: 2/3;
  grid-column: 1/2;
  text-align: left;
  margin-right: auto;
  border: none;
  background: none;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  padding: 0;
  color: var(--color-accent_lighten);
}

.cards__item-button:hover {
  text-decoration: underline;
}

.cards__item-number {
  grid-column: 2/3;
  grid-row: 1/2;
  text-align: right;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625;
}

.cards__item-desc {
  grid-column: 2/3;
  grid-row: 2/3;
  text-align: right;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.cards__item-delete {
  grid-column: 2/3;
  grid-row: 2/3;
  text-align: right;
  margin-left: auto;
  border: none;
  background: none;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  padding: 0;
  color: var(--color-accent_lighten);
}

.cards__item-delete:hover {
  text-decoration: underline;
}

.cards__item-delete_secondary {
  color: var(--color-secondary);
}

.cards-page__add-button {
  margin-top: 50px;
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
}

.cards-page__add-buttons {
  display: grid;
  margin-top: 50px;
  gap: 10px;
}

@media (min-width: 678px) {
  .cards-page__add-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (min-width: 678px) {
  .cards-page {
    width: 542px;
    margin-left: auto;
    margin-right: auto;
  }
}
.card-add {
  display: grid;
  gap: 30px;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .card-add {
    grid-template-columns: minmax(0, 341px) minmax(0, 411px);
    justify-content: space-between;
  }
  .card-add .card-form {
    margin: 0;
    gap: 20px 10px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 108px);
  }
}

.card-add__content-logos {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.card-add__content-logos-item {
  margin-right: 10px;
}

.card-add__content-title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin-bottom: 30px;
}

.card-add__content-desc p {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 11px;
}

.card-add__content-desc p:last-child {
  margin-bottom: 0;
}

.card-add__button-block {
  grid-column: 1/-1;
}

@media (min-width: 992px) {
  .card-add__button-block {
    margin-top: 10px;
  }
}
.card-add__button {
  display: grid;
}

@media (min-width: 678px) {
  .card-add__button {
    grid-template-columns: minmax(0, 260px);
    justify-content: center;
  }
}
.card-add__offer {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-top: 20px;
}

.card-add__offer a {
  text-decoration: none;
  color: var(--color-accent_lighten);
}

.card-add__offer a:hover {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .card-operation-reject {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 390px;
  }
}
.card-operation-reject__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .card-operation-reject__title {
    margin-bottom: 50px;
  }
}
.card-operation-reject__status_success {
  --payment-status-color: var(--color-success) ;
}

.card-operation-reject__status_error {
  --payment-status-color: var(--color-error) ;
}

.card-operation-reject__status-check-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.card-operation-reject__status-icon {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background: var(--payment-status-color);
  position: relative;
}

.card-operation-reject__status_success .card-operation-reject__status-icon::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5 10.5L15.375 25.5L7.5 18.6818' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.card-operation-reject__status_error .card-operation-reject__status-icon::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9L27 27' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M27 9L9 27' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.card-operation-reject__status-value {
  text-align: center;
  color: var(--payment-status-color);
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

.card-operation-reject__status-value-currency {
  font-weight: 400;
}

.card-operation-reject__status-button {
  display: grid;
  margin-top: 30px;
}
@media (min-width: 678px) {
  .card-operation-reject__status-button {
    grid-template-columns: minmax(0, 275px);
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .card-operation-reject__status-button {
    margin-top: 50px;
  }
}

.card-operation-reject__status-cancel {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
}

.card-operation-reject__status-cancel-button {
  display: block;
  padding: 0;
  background: none;
  border: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: var(--color-secondary);
}
.card-operation-reject__status-cancel-button:hover {
  text-decoration: underline;
}

.card {
  background: var(--color-bg-white);
  display: flex;
  flex-direction: column;
}
.card:hover {
  cursor: pointer;
}
@media (min-width: 678px) {
  .card {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .card {
    border-radius: 10px;
  }
}

.card-image {
  object-fit: cover;
  width: 100%;
  height: 310px;
}
@media (min-width: 678px) {
  .card-image {
    width: 36%;
    height: inherit;
  }
}
@media (min-width: 992px) {
  .card-image {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}

.card-image-plug {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-image-plug img {
  transform: scale(1.2);
}
@media (min-width: 678px) {
  .card-image-plug {
    transform: scale(0.7);
  }
}

.card-content {
  display: flex;
  flex-direction: column;
  padding: 30px;
  height: 100%;
}
.card-content span {
  font-size: 13px;
  margin-top: auto;
  color: var(--color-secondary);
}
.card-content h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.card-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 678px) {
  .card-content {
    width: 64%;
  }
}

.card-form {
  margin-left: -20px;
  margin-right: -20px;
  padding: 30px 20px;
  display: grid;
  gap: 20px;
  background: var(--color-bg-secondary);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (min-width: 992px) {
  .card-form {
    padding: 30px;
    gap: 20px 10px;
    border-radius: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 108px);
  }
}

.card-form__card-number {
  grid-column: 1/-1;
  position: relative;
}
@media (min-width: 992px) {
  .card-form__card-number {
    grid-column: 1/2;
  }
}

.card-form__card-number-icon, .card-form__card-cvc-icon {
  position: absolute;
  right: 10px;
  bottom: 13px;
  display: flex;
  align-items: center;
}

.card-form__card-number-icon svg, .card-form__card-cvc-icon svg {
  stroke: var(--color-secondary);
}

.card-form__card-number-icon_error svg, .card-form__card-cvc-icon_error svg {
  stroke: var(--color-error);
}

.card-form__card-number-icon_success svg, .card-form__card-cvc-icon_success svg {
  stroke: var(--color-success);
}

.card-form__card-name {
  grid-column: 1/-1;
  grid-row: 3/4;
}
@media (min-width: 992px) {
  .card-form__card-name {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

.card-form__card-cvc {
  position: relative;
}

.payment-methods__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 30px;
}

.payment-methods__desc {
  margin-top: -20px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.payment-methods__items {
  display: grid;
  gap: 10px;
}

.payment-methods__element {
  border: 1px solid var(--color-border);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  min-height: 50px;
  padding: 5px 20px;
  align-items: center;
  text-decoration: none;
  color: var(--color-primary);
  flex-wrap: wrap;
}

.payment-methods__element-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
}

.payment-methods__element-img {
  margin-right: 10px;
}

.payment-methods__another {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.payment-methods__another-link {
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-accent_lighten);
}

.payment-methods__another-link:hover {
  text-decoration: underline;
}

.payment-methods__status_success {
  --payment-status-color: var(--color-success) ;
}

.payment-methods__status_error {
  --payment-status-color: var(--color-error) ;
}

.payment-methods__status-check-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.payment-methods__status-icon {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background: var(--payment-status-color);
  position: relative;
}

.payment-methods__status_success .payment-methods__status-icon::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5 10.5L15.375 25.5L7.5 18.6818' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.payment-methods__status_error .payment-methods__status-icon::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9L27 27' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M27 9L9 27' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.payment-methods__status-value {
  text-align: center;
  color: var(--payment-status-color);
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

.payment-methods__status-value-currency {
  font-weight: 400;
}

.payment-methods__status-method {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-top: 5px;
}

.payment-methods__status-button {
  display: grid;
  margin-top: 30px;
}

.payment-methods__status-check {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.payment-methods__status-check-link {
  color: var(--payment-status-color);
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: 450;
  font-size: 14px;
  line-height: 17px;
}

.payment-methods__status_error .payment-methods__status-check-link {
  color: var(--color-secondary);
}

.payment-methods__status-check-icon {
  fill: var(--payment-status-color);
  margin-left: 7px;
}

.payment-methods__status_error .payment-methods__status-check-icon {
  fill: var(--color-secondary);
}

.payment-methods__back-link {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.payment-methods__back-link-element {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-decoration: none;
  color: var(--color-secondary);
}

.payment-methods__back-link-element:hover {
  text-decoration: underline;
}

.messengers {
  display: grid;
  gap: 10px;
}

.messengers__item {
  display: block;
}

.messengers__item_watsapp {
  --messenger-color: #28BD50 ;
}

.messengers__item_telegram {
  --messenger-color: #00BFF0 ;
}

.messengers__item_viber {
  --messenger-color: #7E57C2 ;
}

.messengers__item .messengers__item-link-icon {
  margin-right: 2px;
}

.messengers__item-link {
  border: 1px solid var(--messenger-color);
  background: var(--messenger-color);
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  height: 50px;
  padding: 0 20px;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-primary-contrast);
  text-decoration: none;
  transition: all 0.2s ease-in;
}

.messengers__item-link:hover {
  background: transparent;
  color: var(--messenger-color);
}

.messengers__item-link:hover .messengers__item-link-icon svg {
  fill: var(--messenger-color);
}

.messengers__item-link-icon {
  display: block;
  margin-left: 10px;
}

.messengers__item-link-icon svg {
  fill: var(--color-primary-contrast);
  transition: all 0.2s ease-in;
}

.alert__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 30px;
}

.alert__desc {
  margin-top: -20px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.alert__items {
  display: grid;
  gap: 10px;
}

.alert__element {
  border: 1px solid var(--color-border);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  min-height: 50px;
  padding: 0 20px;
  align-items: center;
  text-decoration: none;
  color: var(--color-primary);
}

.alert__element-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
}

.alert__another {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.alert__another-link {
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-accent_lighten);
}

.alert__another-link:hover {
  text-decoration: underline;
}

.alert__status_success {
  --payment-status-color: var(--color-success) ;
}

.alert__status_error {
  --payment-status-color: var(--color-error) ;
}

.alert__status-icon {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background: var(--payment-status-color);
  position: relative;
}

.alert__status_success .alert__status-icon::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5 10.5L15.375 25.5L7.5 18.6818' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.alert__status_error .alert__status-icon::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9L27 27' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M27 9L9 27' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.alert__status-value {
  text-align: center;
  color: var(--payment-status-color);
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

.alert__status-method {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-top: 5px;
}

.alert__status-button {
  display: grid;
  margin-top: 30px;
}

.loan-form {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 992px) {
  .loan-form {
    max-width: 903px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
  }
}
.loan-form .agreement {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 900px) {
  .loan-form .agreement {
    padding-left: 0;
    padding-right: 0;
  }
}

.loan-form__gosuslugi {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 375 177' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='375' height='177'%3E%3Cpath d='M0 0h375v177H0V0Z' fill='%23F5FDFF'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M0 0h375v177H0V0Z' fill='%23F5FDFF'/%3E%3Cg opacity='.5' filter='url(%23b)'%3E%3Cellipse cx='-26' cy='603.5' rx='689' ry='683.5' transform='rotate(-180 -26 603.5)' fill='%23CAF3FF'/%3E%3C/g%3E%3Cg opacity='.35' filter='url(%23c)'%3E%3Cellipse cx='926.5' cy='-329' rx='445.5' ry='442' transform='rotate(-180 926.5 -329)' fill='%2300BFF0'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='b' x='-865' y='-230' width='1678' height='1667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_199_283'/%3E%3C/filter%3E%3Cfilter id='c' x='231' y='-1021' width='1391' height='1384' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_199_283'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center center;
  background-size: cover;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.loan-form__gosuslugi .loan-form__gosuslugi-button {
  grid-column: 2/3;
  grid-row: span 2;
}

@media (min-width: 992px) {
  .loan-form__gosuslugi {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 903 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='903' height='100'%3E%3Cpath d='M0 15C0 6.716 6.716 0 15 0h873c8.284 0 15 6.716 15 15v85H0V15Z' fill='%23F5FDFF'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M0 15C0 6.716 6.716 0 15 0h873c8.284 0 15 6.716 15 15v85H0V15Z' fill='%23F5FDFF'/%3E%3Cg opacity='.5' filter='url(%23b)'%3E%3Cellipse cx='-26' cy='603.5' rx='689' ry='683.5' transform='rotate(-180 -26 603.5)' fill='%23CAF3FF'/%3E%3C/g%3E%3Cg opacity='.35' filter='url(%23c)'%3E%3Cellipse cx='926.5' cy='-329' rx='445.5' ry='442' transform='rotate(-180 926.5 -329)' fill='%2300BFF0'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='b' x='-865' y='-230' width='1678' height='1667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_97_647'/%3E%3C/filter%3E%3Cfilter id='c' x='231' y='-1021' width='1391' height='1384' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_97_647'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
    display: grid;
    padding: 26px 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 260px);
    column-gap: 40px;
    border-radius: 15px 15px 0 0;
  }
  .loan-form__gosuslugi + .loan-form__step {
    border-radius: 0 0 15px 15px;
  }
}
.loan-form__gosuslugi-title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin-bottom: 5px;
  text-align: center;
}
@media (min-width: 992px) {
  .loan-form__gosuslugi-title {
    text-align: left;
  }
}

.loan-form__gosuslugi-desc {
  text-align: center;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .loan-form__gosuslugi-desc {
    margin-bottom: 0;
    text-align: left;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

.loan-form__step {
  padding: 40px 20px;
  background: var(--color-bg-white);
}
@media (min-width: 992px) {
  .loan-form__step {
    max-width: 903px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 40px 50px;
    border-radius: 15px;
  }
}

@media (min-width: 992px) {
  .loan-form__step_4 {
    gap: 0 70px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 411px);
  }
  .loan-form__step_4 .card-form {
    margin-left: 0;
    margin-right: 0;
  }
  .loan-form__step_4 .loan-form__step-content-title {
    margin-bottom: 30px;
  }
}
.loan-form__step_4-iframe {
  background: none;
  padding: 30px 20px 0;
}
.loan-form__step_4-iframe .loan-form__step-content {
  max-width: 542px;
  margin-left: auto;
  margin-right: auto;
}
.loan-form__step_4-iframe .loan-form__step-content-title {
  text-align: center;
}
.loan-form__step_4-iframe .loan-form__step-content-desc {
  text-align: center;
}
.loan-form__step_4-iframe .loan-form__step-content-logos {
  justify-content: center;
}
.loan-form__step_4-iframe .loan-form__step-content-logos-item {
  margin-right: 5px;
  margin-left: 5px;
}

.loan-form__step_4_1 {
  background: none;
  padding: 30px 20px 0;
}
@media (min-width: 992px) {
  .loan-form__step_4_1 {
    padding: 30px 0 0;
  }
}
.loan-form__step_4_1 .loan-form__step-content {
  max-width: 542px;
  margin-left: auto;
  margin-right: auto;
}
.loan-form__step_4_1 .loan-form__step-content-title {
  text-align: center;
  margin-bottom: 30px;
}
.loan-form__step_4_1 .loan-form__step-content-desc {
  text-align: center;
}
.loan-form__step_4_1 .loan-form__step-content-logos {
  justify-content: center;
}
.loan-form__step_4_1 .loan-form__step-content-logos-item {
  margin-right: 5px;
  margin-left: 5px;
}

.loan-form__step_5 {
  gap: 10px;
  display: grid;
  background: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.loan-form__step_5 .loan-form__button {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 30px;
}

@media (min-width: 600px) {
  .loan-form__step_5 .loan-form__button {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .loan-form__step_5 .loan-form__button {
    margin-top: 10px;
  }
}
@media (min-width: 600px) {
  .loan-form__step_5 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
    gap: 30px;
    background: var(--color-bg-white);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .loan-form__step_5 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.loan-form__step_7 {
  background: none;
  padding: 0 20px 0;
}

.loan-form__fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 20px;
}

.loan-form__fieldset:not(:first-child) {
  margin-top: 40px;
}

@media (min-width: 992px) {
  .loan-form__fieldset {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.loan-form__legend {
  display: block;
  position: static;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin-bottom: 30px;
}

.loan-form__offer {
  margin-top: 30px;
}
.loan-form__offer .check {
  position: relative;
}
.loan-form__offer .check .input__message {
  position: absolute;
  bottom: -20px;
  left: 34px;
}

@media (min-width: 992px) {
  .loan-form__offer {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .loan-form__offer > * {
    grid-column: 1/3;
  }
}
.loan-form__button {
  margin-top: 40px;
  display: grid;
  grid-column: 1/-1;
  gap: 20px;
}

@media (min-width: 992px) {
  .loan-form__button {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .loan-form__button > * {
    grid-column: 2/3;
  }
}
.loan-form__button-offer {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-align: center;
}

.loan-form__button-offer a {
  color: var(--color-accent);
  text-decoration: none;
}

.loan-form__button-offer a:hover {
  text-decoration: underline;
}

.loan-form__passport {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.loan-form__live-place {
  grid-column: 1/-1;
  margin-bottom: 10px;
}

.loan-form__live-place .radios__grid {
  height: auto;
  min-height: auto;
}

@media (min-width: 992px) {
  .loan-form__pasport-issued {
    grid-column: 1/3;
  }
}
.loan-form__pasport-house {
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 162px) minmax(0, 1fr);
}

@media (min-width: 992px) {
  .loan-form__pasport-house {
    grid-template-columns: minmax(0, 125px) minmax(0, 1fr);
  }
}
.loan-form__pasport-house .check {
  margin-top: 27px;
  align-items: center;
}

.loan-form__step-content {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .loan-form__step-content {
    margin-bottom: 0;
  }
}
.loan-form__step-content-title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin-bottom: 20px;
}

.loan-form__step-content-desc p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin-bottom: 11px;
}

.loan-form__step-content-desc p:last-child {
  margin-bottom: 0;
}

.loan-form__step-content-logos {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.loan-form__step-content-logos-item {
  margin-right: 10px;
}

.loan-form__step-iframe {
  background: var(--color-bg-white);
  padding: 40px 20px;
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 992px) {
  .loan-form__step-iframe {
    margin-left: 0;
    margin-right: 0;
    border-radius: 15px;
    padding: 40px;
    margin-top: 30px;
  }
}
.loan-form__step-iframe-wrapper {
  min-height: 100px;
  background: #E3E9EB;
}

.loan-form__cards {
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 992px) {
  .loan-form__cards {
    margin-left: 0;
    margin-right: 0;
  }
}
.loan-form__cards-buttons {
  display: grid;
  gap: 10px;
  margin-top: 50px;
}

@media (min-width: 992px) {
  .loan-form__cards-buttons {
    grid-template-columns: repeat(2, minmax(0, 260px));
    gap: 20px;
    justify-content: center;
  }
}
.loan-form__final-button {
  display: grid;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .loan-form__final-button {
    grid-template-columns: repeat(3, minmax(0, 260px));
    gap: 20px;
    justify-content: center;
    margin-bottom: 0;
  }
  .loan-form__final-button > * {
    grid-column: 2/3;
  }
}
.loan-form__final-title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  text-align: center;
  margin-bottom: 10px;
}

.loan-form__final-desc {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
}

.loan-form__final-info {
  margin-top: 30px;
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  display: grid;
  gap: 20px;
  padding: 30px 20px;
}

@media (min-width: 992px) {
  .loan-form__final-info {
    background: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    grid-template-columns: repeat(3, minmax(0, 168px));
    justify-content: center;
  }
}
.loan-form__final-info-element {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .loan-form__final-info-element {
    background: var(--color-bg-white);
    border-radius: 10px;
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    gap: 5px;
  }
}
.loan-form__final-info-element-title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

@media (min-width: 992px) {
  .loan-form__final-info-element-title {
    text-align: center;
  }
}
.loan-form__final-info-element-value {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  text-align: right;
}

@media (min-width: 992px) {
  .loan-form__final-info-element-value {
    text-align: center;
  }
}
.loan-form__final-phone {
  margin-top: 10px;
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  padding: 40px 20px;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .loan-form__final-phone {
    max-width: 542px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    padding: 40px 50px;
    margin-top: 30px;
    margin-bottom: 0;
  }
}
.loan-form__final-phone-title {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.loan-form__final-phone-number {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  text-align: center;
  margin-bottom: 37px;
}

.loan-form__sms {
  background: var(--color-bg-white);
  padding: 40px 20px;
  display: grid;
  grid-template-columns: minmax(0, 542px);
  justify-content: center;
  grid-column: 1/-1;
}

@media (min-width: 992px) {
  .loan-form__sms {
    padding: 0;
  }
}
.loan-form__step_7 {
  background: none;
  padding: 0 20px 0;
}

.agreement {
  margin-top: 30px;
}

@media (min-width: 900px) {
  .agreement {
    padding-left: 0;
    padding-right: 0;
  }
}
.agreement_error .agreement__header .check__box {
  border-color: var(--color-error);
}

.agreement_error .agreement__header .check__title {
  color: var(--color-error);
}

.agreement_error .agreement__header .agreement__toggle-title {
  color: var(--color-error);
}

.agreement_error .agreement__header .agreement__toggle-icon {
  stroke: var(--color-error);
}

.agreement_active .agreement__content {
  display: block;
}

.agreement_active .agreement__toggle-title {
  color: var(--color-secondary);
}

.agreement_active .agreement__toggle-icon {
  stroke: var(--color-secondary);
}

.agreement_active .agreement__toggle-icon svg {
  transform: rotate(180deg);
}

.agreement__header {
  display: flex;
  justify-content: center;
}

.agreement__content {
  padding: 30px 0 0;
  display: none;
}

.agreement__content > *:not(:last-child) {
  margin-bottom: 10px;
}

.agreement__toggle-title {
  color: var(--color-accent_lighten);
  text-decoration: underline;
  cursor: pointer;
}

.agreement__toggle-title:hover {
  text-decoration: none;
}

.agreement__toggle-icon {
  stroke: var(--color-accent_lighten);
  margin-left: 5px;
}

.loan-form .agreement {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 900px) {
  .loan-form .agreement {
    padding-left: 0;
    padding-right: 0;
  }
}
#step_1 #Gender-error {
  position: absolute;
  white-space: nowrap;
  top: auto;
  left: 0;
  right: auto;
  bottom: -20px;
}
#step_1 .radios__grid {
  position: relative;
}

.lp-loan-form {
  padding: 0 20px;
}
@media (min-width: 992px) {
  .lp-loan-form {
    width: 903px;
    padding: 0;
    margin-top: -102px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .lp-loan-form .loan-form__step {
    box-shadow: 0 0 50px rgba(16, 146, 180, 0.05);
    border-radius: 0 0 15px 15px;
  }
  .lp-loan-form .loan-form__gosuslugi {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
  }
  .lp-loan-form:not(.lp-loan-form_simple) .loan-form__gosuslugi {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='903' height='100' viewBox='0 0 903 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_104_2290' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='903' height='100'%3E%3Cpath d='M0 15C0 6.71573 6.71573 0 15 0H888C896.284 0 903 6.71573 903 15V100H0V15Z' fill='%23F5FDFF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_104_2290)'%3E%3Cpath d='M0 15C0 6.71573 6.71573 0 15 0H888C896.284 0 903 6.71573 903 15V100H0V15Z' fill='%23F5FDFF'/%3E%3Cg opacity='0.15' filter='url(%23filter0_f_104_2290)'%3E%3Cellipse cx='926.5' cy='-329' rx='445.5' ry='442' transform='rotate(-180 926.5 -329)' fill='%2300BFF0'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_104_2290' x='231' y='-1021' width='1391' height='1384' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_104_2290'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .lp-loan-form .loan-form__step {
    padding-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .lp-loan-form_simple {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .loan-form__step_4 {
    gap: 0 70px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 411px);
  }
  .loan-form__step_4 .card-form {
    margin-left: 0;
    margin-right: 0;
  }
  .loan-form__step_4 .loan-form__step-content-title {
    margin-bottom: 30px;
  }
}
.loan-form__step_4-iframe {
  background: none;
  padding: 30px 20px 0;
}

.loan-form__step_4-iframe .loan-form__step-content {
  max-width: 542px;
  margin-left: auto;
  margin-right: auto;
}

.loan-form__step_4-iframe .loan-form__step-content-title {
  text-align: center;
}

.loan-form__step_4-iframe .loan-form__step-content-desc {
  text-align: center;
}

.loan-form__step_4-iframe .loan-form__step-content-logos {
  justify-content: center;
}

.loan-form__step_4-iframe .loan-form__step-content-logos-item {
  margin-right: 5px;
  margin-left: 5px;
}

.loan-form__step_4_1 {
  background: none;
  padding: 30px 20px 0;
}

@media (min-width: 992px) {
  .loan-form__step_4_1 {
    padding: 30px 0 0;
  }
}
.loan-form__step_4_1 .loan-form__step-content {
  max-width: 542px;
  margin-left: auto;
  margin-right: auto;
}

.loan-form__step_4_1 .loan-form__step-content-title {
  text-align: center;
  margin-bottom: 30px;
}

.loan-form__step_4_1 .loan-form__step-content-desc {
  text-align: center;
}

.loan-form__step_4_1 .loan-form__step-content-logos {
  justify-content: center;
}

.loan-form__step_4_1 .loan-form__step-content-logos-item {
  margin-right: 5px;
  margin-left: 5px;
}

.loan-form__step_4_1 {
  background: none;
  padding: 30px 20px 0;
}
@media (min-width: 992px) {
  .loan-form__step_4_1 {
    padding: 30px 0 0;
  }
}
.loan-form__step_4_1 .loan-form__step-content {
  max-width: 542px;
  margin-left: auto;
  margin-right: auto;
}
.loan-form__step_4_1 .loan-form__step-content-title {
  text-align: center;
  margin-bottom: 30px;
}
.loan-form__step_4_1 .loan-form__step-content-desc {
  text-align: center;
}
.loan-form__step_4_1 .loan-form__step-content-logos {
  justify-content: center;
}
.loan-form__step_4_1 .loan-form__step-content-logos-item {
  margin-right: 5px;
  margin-left: 5px;
}

.loan-form__step_5 {
  gap: 10px;
  display: grid;
  background: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .loan-form__step_5 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
    gap: 30px;
    background: var(--color-bg-white);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .loan-form__step_5 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.loan-form__step_5 .loan-form__button {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 30px;
}
@media (min-width: 600px) {
  .loan-form__step_5 .loan-form__button {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .loan-form__step_5 .loan-form__button {
    margin-top: 10px;
  }
}

@media (min-width: 678px) {
  .loan {
    max-width: 542px;
    margin-left: auto;
    margin-right: auto;
  }
}
.loan__header {
  text-align: center;
  margin-bottom: 30px;
}

.loan_overdue .loan__header {
  color: var(--color-error);
}

.loan__header-title {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-bottom: 5px;
}

.loan__header-value {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.625rem;
}

.loan__header-value-counter {
  font-weight: 600;
}

.loan__dates {
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 0;
  background: var(--color-bg-white);
  margin-bottom: 30px;
}

@media (min-width: 678px) {
  .loan__dates {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    background: transparent;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.loan__dates-item {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.loan__dates-item_overdue .loan__dates-item-value {
  color: var(--color-error);
}

@media (min-width: 678px) {
  .loan__dates-item {
    gap: 0;
    padding: 26px 0;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--color-bg-white);
    border-radius: 10px;
    overflow: hidden;
  }
  .loan__dates-item_overdue {
    background: var(--color-error);
    color: var(--color-primary-contrast);
  }
  .loan__dates-item_overdue .loan__dates-item-value {
    color: var(--color-primary-contrast);
  }
}
.loan__dates-item_active {
  color: var(--color-accent_lighten);
}

@media (min-width: 678px) {
  .loan__dates-item_active {
    color: var(--color-primary-contrast);
    background: var(--color-bg-blue);
  }
}
.loan__dates-item-title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

@media (min-width: 678px) {
  .loan__dates-item-title {
    margin-bottom: 5px;
  }
}
.loan__dates-item-value {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  text-align: right;
}

.loan__dates-item-value_overdue {
  color: var(--color-error);
}

.loan__dates-timer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

@media (min-width: 678px) {
  .loan__dates-timer {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.loan__dates-timer:after {
  position: absolute;
  width: calc(var(--loan-dates-timer-percentage) + 50px);
  height: 5px;
  content: "";
  display: block;
  bottom: -20px;
  left: -30px;
  border-radius: 0px 10px 10px 0px;
  background: var(--color-accent_lighten);
}

@media (min-width: 678px) {
  .loan__dates-timer:after {
    bottom: -26px;
    left: 0;
    width: var(--loan-dates-timer-percentage);
    height: auto;
    top: -26px;
    border-radius: 0;
    background: var(--color-bg-ternary);
  }
}
.loan__dates-timer-title {
  position: relative;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  z-index: 1;
}

@media (min-width: 678px) {
  .loan__dates-timer-title {
    margin-bottom: 5px;
  }
}
.loan__dates-timer-counter {
  position: relative;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  text-align: right;
  color: var(--color-accent_lighten);
  z-index: 1;
}

@media (min-width: 678px) {
  .loan__dates-timer-counter {
    color: var(--color-primary);
  }
}
.loan__tabs {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
}

@media (min-width: 678px) {
  .loan__tabs {
    margin-left: 0;
    margin-right: 0;
  }
}
.loan__tabs-header {
  display: flex;
}

.loan__tabs-header-button {
  flex: 1;
  padding: 0;
  border: none;
  background: transparent;
  min-height: 60px;
  padding: 10px 20px;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-align: center;
  color: var(--color-accent_lighten);
}

@media (min-width: 375px) {
  .loan__tabs-header-button {
    padding: 10px 30px;
    white-space: nowrap;
  }
}
@media (min-width: 678px) {
  .loan__tabs-header-button {
    font-size: 1rem;
  }
}
.loan__tabs-header-button_active {
  background: var(--color-bg-white);
  color: var(--color-primary);
}

@media (min-width: 678px) {
  .loan__tabs-header-button_active {
    font-weight: 500;
  }
}
.loan__tabs-header-button_active:first-child {
  border-radius: 0px 10px 0px 0px;
}

@media (min-width: 678px) {
  .loan__tabs-header-button_active:first-child {
    border-radius: 10px 10px 0px 0px;
  }
}
.loan__tabs-header-button_active:last-child {
  border-radius: 10px 0px 0px 0px;
}

@media (min-width: 678px) {
  .loan__tabs-header-button_active:last-child {
    border-radius: 10px 10px 0px 0px;
  }
}
.loan__tabs-content {
  padding: 40px 20px;
  background: var(--color-bg-white);
}

@media (min-width: 678px) {
  .loan__tabs-content {
    padding: 40px 50px;
    min-height: 250px;
    border-radius: 0 0 10px 10px;
  }
  .loan_overdue .loan__tabs-content {
    border-radius: 10px;
  }
}
.loan__tabs-content-element_loading::before {
  content: "Сумма к оплате";
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 20px;
}

.loan__tabs-content-element_loading::after {
  content: "";
  display: block;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1v4M21.485 4.515l-2.829 2.828M25 13h-4M21.484 21.485l-2.828-2.828M13 25v-4M4.516 21.485l2.828-2.828M1 13h4M4.516 4.515l2.828 2.828' stroke='%2300BFF0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  width: 26px;
  height: 26px;
  margin-left: auto;
  margin-right: auto;
  animation: loading 2s infinite linear;
}

.loan-info {
  display: flex;
  justify-content: space-between;
}

.loan-info:not(:last-child) {
  margin-bottom: 20px;
}

.loan-info__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-right: 16px;
}

.loan-info__value {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
}

.loan-info__value_status-active {
  color: var(--color-accent_lighten);
}

.loan_overdue .loan-info__value_status-active {
  color: var(--color-error);
}

.loan-info__value_status-completed {
  color: var(--color-secondary);
}

.loan-info__value_status-important {
  color: var(--color-error);
}

a.loan-info__value {
  color: var(--color-accent_lighten);
  text-decoration: none;
}

a.loan-info__value:hover {
  text-decoration: underline;
}

.loan__form-title {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.loan__form-pay {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}

.loan__form-pay-title {
  text-align: center;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin-bottom: 10px;
}

.loan__form-pay-value {
  text-align: center;
  font-weight: 600;
  font-size: 2.125rem;
  line-height: 2.625rem;
  border-bottom: 1px solid var(--color-border);
}

.loan__form-pay-imporatant {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 40px;
}

.loan__form-value {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  text-align: center;
  margin-bottom: 20px;
}

.loan__form-button {
  display: grid;
}

@media (min-width: 678px) {
  .loan__form-button {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
}
.loan_overdue .loan__form-button .button {
  background: var(--color-error);
}

.loan_overdue .loan__form-button .button:hover {
  background: var(--button-bg_hover);
}

.loan__form-button-rules {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: var(--color-secondary);
  margin-top: 10px;
}

.loan__rules {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.loan-check {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.loan-check:not(:last-child) {
  margin-bottom: 20px;
}

.loan-check__time {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.loan-check__link-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
}

.loan-check__link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--color-primary);
  text-decoration: none;
}

.loan-check__link:hover {
  color: var(--color-accent_lighten);
}

.loan-check__link-icon {
  margin-left: 10px;
}

@media (min-width: 678px) {
  .loan-repaid {
    width: 542px;
    margin-left: auto;
    margin-right: auto;
  }
}
.loan-repaid__header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.loan-repaid__backlink {
  color: var(--color-accent_lighten);
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.loan-repaid__backlink-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.loan-repaid__backlink-arrow {
  display: block;
  width: 12px;
  height: 100%;
  margin-right: 7px;
}

.loan-repaid__backlink-arrow svg {
  width: 100%;
  height: auto;
  stroke: var(--color-accent_lighten);
}

.loan-repaid__header-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.loan-repaid__header-code {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin-top: 5px;
}

.loan-repaid__button {
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
  margin-top: 50px;
}

.loan__details {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}

.loan__details-content {
  padding-bottom: 50px;
  display: none;
}

.loan__details-button {
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
}

.loan__details_opened .loan__details-content {
  display: block;
}

.loan__details .loan__details-button {
  order: 1;
}

.purchase {
  max-width: 407px;
  margin-left: auto;
  margin-right: auto;
}

.purchase_on-page {
  max-width: none;
}

@media (min-width: 678px) {
  .purchase_on-page {
    max-width: 542px;
  }
}
.purchase__title {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 5px;
}

.purchase__number {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 30px;
}

.purchase__info-element {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid var(--color-border);
}

.purchase__info-element:first-child {
  padding-top: 0;
}

.purchase__info-element:last-child {
  padding-bottom: 0;
  border: none;
}

.purchase__info-element-title {
  color: var(--color-secondary);
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.purchase__info-element-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.purchase__content {
  margin-top: 30px;
  margin-bottom: 24px;
}

@media (min-width: 375px) {
  .purchase__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.purchase__footer-method {
  display: flex;
  align-items: center;
}

.purchase__footer-method-element {
  margin-right: 10px;
}

.purchase__footer-contact {
  margin: 16px auto 0 0;
  display: flex;
}

@media (min-width: 375px) {
  .purchase__footer-contact {
    margin: 0;
    display: block;
  }
}
.purchase__footer-contact a {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: var(--color-accent_lighten);
  text-decoration: none;
}

.purchase__footer-contact a:hover {
  text-decoration: underline;
}

.purchase__card {
  padding: 30px 20px 50px;
  margin-left: -20px;
  margin-right: -20px;
  background: var(--color-bg-white);
}

@media (min-width: 678px) {
  .purchase__card {
    border-radius: 10px;
    padding: 50px 66px;
    margin-left: 0;
    margin-right: 0;
  }
  .purchase__card .card-form {
    margin-left: 0;
    margin-right: 0;
    gap: 20px 10px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 108px);
  }
}
.purchase__content-pay-buttons {
  margin-bottom: 40px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 678px) {
  .purchase__content-pay-buttons {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, 90px));
    gap: 10px;
  }
}
.purchase__content-pay-buttons .button {
  grid-column: 1/-1;
}

@media (min-width: 678px) {
  .purchase__content-pay-buttons .button {
    grid-column: 1/2;
  }
}
.purchase__content-pay-buttons-element {
  min-height: 50px;
  border: 1px solid var(--color-border);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-white);
  border-radius: 10px;
}

.purchase__offer {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  padding-top: 20px;
  border-top: 1px solid var(--color-border);
  margin-bottom: 20px;
}

.purchase__offer a {
  color: var(--color-accent_lighten);
  text-decoration: none;
}

.purchase__offer a:hover {
  text-decoration: underline;
}

.purchase__esc {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  text-align: center;
}

.purchase__esc a {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
  text-decoration: none;
}

.purchase__esc a:hover {
  text-decoration: underline;
}

.restructuring {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 678px) {
  .restructuring {
    max-width: 542px;
  }
}
.restructuring__header {
  margin-bottom: 30px;
}

.restructuring__header_important {
  color: var(--color-error);
}

.restructuring__header-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 5px;
}

.restructuring__header-price {
  font-weight: 400;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
}

.restructuring__header-price-value {
  font-weight: 600;
}

.restructuring__cards {
  background: var(--color-bg-white);
  padding: 30px 20px 23px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
}

@media (min-width: 678px) {
  .restructuring__cards {
    display: grid;
    gap: 20px;
    background: transparent;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.restructuring__cards-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.restructuring__cards-item:not(:last-child) {
  margin-bottom: 20px;
}

.restructuring__cards-item_timer {
  align-items: flex-start;
}

.restructuring__cards-item_timer .restructuring__cards-item-title {
  padding-top: 4px;
}

@media (min-width: 678px) {
  .restructuring__cards-item_timer .restructuring__cards-item-title {
    padding-top: 0;
  }
}
@media (min-width: 678px) {
  .restructuring__cards-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 10px;
    background: var(--color-bg-white);
    gap: 0;
    min-height: 100px;
  }
  .restructuring__cards-item:not(:last-child) {
    margin-bottom: 0;
  }
}
.restructuring__cards-item_timer {
  position: relative;
}

@media (min-width: 678px) {
  .restructuring__cards-item_timer {
    overflow: hidden;
  }
  .restructuring__cards-item_timer > * {
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 678px) {
  .restructuring__cards-item_timer-light .restructuring__cards-item-progress::after {
    background: var(--color-bg-ternary);
  }
}
.restructuring__cards-item-progress {
  display: block;
  bottom: -23px;
  left: -23px;
  width: calc(100% + 46px);
  height: 5px;
  position: absolute;
  border-radius: 0px 10px 10px 0px;
}

.restructuring__cards-item-progress::after {
  display: block;
  background: var(--color-accent_lighten);
  content: "";
  width: var(--restructuring-timer-percent);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 0px 10px 10px 0px;
}

@media (min-width: 678px) {
  .restructuring__cards-item-progress::after {
    border-radius: 0;
  }
}
@media (min-width: 678px) {
  .restructuring__cards-item-progress {
    width: 100%;
    height: 100%;
    border-radius: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.restructuring__cards-item-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-right: 10px;
}

@media (min-width: 678px) {
  .restructuring__cards-item-title {
    text-align: center;
    margin-bottom: 5px;
    margin-right: 0;
  }
}
.restructuring__cards-item-value {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
}

.restructuring__cards-item-value_error {
  color: var(--color-error);
}

.restructuring__cards-item-timer {
  display: flex;
}

.restructuring__cards-item-timer-item-counter {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  color: var(--color-accent_lighten);
}

@media (min-width: 678px) {
  .restructuring__cards-item-timer-item-counter {
    color: var(--color-primary);
  }
}
.restructuring__cards-item-timer-separator {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  color: var(--color-accent_lighten);
  margin-left: 3px;
  margin-right: 3px;
}

@media (min-width: 678px) {
  .restructuring__cards-item-timer-separator {
    color: var(--color-primary);
  }
}
.restructuring__cards-item-timer-item-desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}

.restructuring__tabs {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
}

.restructuring__tabs-buttons {
  display: flex;
  border: none;
  background: transparent;
}

.restructuring__tabs-buttons-item {
  flex: 1;
  background: transparent;
  border: none;
  padding: 20px 25px;
}

.restructuring__tabs-buttons-item_important .restructuring__tabs-buttons-item-text {
  color: var(--color-error);
}

.restructuring__tabs-buttons-item_active {
  background: var(--color-bg-white);
}

.restructuring__tabs-buttons-item_active .restructuring__tabs-buttons-item-text {
  color: var(--color-primary);
  font-weight: 500;
}

.restructuring__tabs-buttons-item:first-child {
  border-radius: 0 10px 0 0;
}

@media (min-width: 678px) {
  .restructuring__tabs-buttons-item:first-child {
    border-radius: 10px 10px 0 0;
  }
}
.restructuring__tabs-buttons-item:last-child {
  border-radius: 10px 0 0 0;
}

@media (min-width: 678px) {
  .restructuring__tabs-buttons-item:last-child {
    border-radius: 10px 10px 0 0;
  }
}
.restructuring__tabs-buttons-item-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: var(--color-accent_lighten);
}

.restructuring__tabs-content {
  padding: 40px 20px;
  background-color: var(--color-bg-white);
  display: none;
}

.restructuring__tabs-content_active {
  display: block;
}

@media (min-width: 678px) {
  .restructuring__tabs-content:first-child {
    border-radius: 0 10px 10px 10px;
  }
}
@media (min-width: 678px) {
  .restructuring__tabs-content:last-child {
    border-radius: 10px 0 10px 10px;
  }
}
.restructuring__tabs-pay-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 265px;
}

.restructuring__tabs-pay-title_important {
  color: var(--color-error);
  max-width: 330px;
}

.restructuring__tabs-pay-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 10px;
}

.restructuring__tabs-pay-input {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 23px;
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
}

@media (min-width: 678px) {
  .restructuring__tabs-pay-input {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
}
.restructuring__tabs-pay-input-currency {
  font-weight: 400;
}

.restructuring__tabs-pay-button {
  display: grid;
  margin-bottom: 10px;
}

@media (min-width: 678px) {
  .restructuring__tabs-pay-button {
    grid-template-columns: minmax(0, 260px);
    justify-content: center;
  }
}
.restructuring__tabs-pay-button_inportant .button {
  background: var(--color-error);
}

.restructuring__tabs-pay-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: var(--color-secondary);
}

.restructuring__offer {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}

.restructuring__slider {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 30px;
  align-items: center;
}

.restructuring__slider-element {
  grid-column: 1/-1;
  margin-top: 18px;
}

.restructuring__slider-value {
  text-align: right;
  margin-left: auto;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

.restructuring__slider-value-counter-title_currency {
  font-weight: 400;
}

.restructuring__slider-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.restructuring__slider-range {
  display: flex;
  grid-column: 1/-1;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
  margin-top: 10px;
}

.restructuring__info {
  gap: 20px;
  display: grid;
  margin-bottom: 40px;
}

.restructuring__info-element {
  display: flex;
  justify-content: space-between;
}

.restructuring__info-value {
  text-align: right;
}

.restructuring__info-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-right: 10px;
}

.restructuring__info-value {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
}

@media (min-width: 678px) {
  .restructuring__time {
    padding: 0 20px;
  }
}
.restructuring__time-button {
  display: grid;
}

@media (min-width: 678px) {
  .restructuring__time-button {
    grid-template-columns: minmax(0, 260px);
    justify-content: center;
  }
}
.restructuring__time-sms-title {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.restructuring__time-sms-number {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 37px;
}

.restructuring__time-sms {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 280px;
}

.restructuring__content {
  display: none;
}

.restructuring__details_opened .restructuring__content {
  display: block;
}

.restructuring__button {
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
}

.restructuring__details_opened .restructuring__button {
  margin-top: 50px;
}

@media (min-width: 678px) {
  .profile {
    max-width: 542px;
    margin-left: auto;
    margin-right: auto;
  }
}
.profile__backlink {
  color: var(--color-accent_lighten);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.profile__backlink-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.profile__backlink-arrow {
  display: block;
  width: 12px;
  height: 100%;
  margin-right: 7px;
}

.profile__backlink-arrow svg {
  width: 100%;
  height: auto;
  stroke: var(--color-accent_lighten);
}

.profile__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  margin-bottom: 30px;
}

.profile__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
}

.profile__buttons {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
}

@media (min-width: 678px) {
  .profile__buttons {
    grid-template-columns: minmax(0, 260px);
    margin-top: 50px;
  }
}
.profile__buttons_mobile-hidden {
  display: none;
}

@media (min-width: 678px) {
  .profile__buttons_mobile-hidden {
    display: grid;
  }
}
.profile__buttons-cancell {
  display: flex;
  justify-content: center;
}

.profile__buttons-cancell-element {
  padding: 0;
  display: block;
  border: none;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: var(--color-secondary);
}

.profile__buttons-cancell-element:hover {
  text-decoration: underline;
}

.profile__content-card {
  background: var(--color-bg-white);
  padding: 30px 20px 40px;
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 678px) {
  .profile__content-card {
    margin-left: 0;
    margin-right: 0;
    padding: 30px 40px;
    border-radius: 10px;
  }
}
.contact-item {
  display: flex;
  justify-content: space-between;
}

.contact-item:not(:last-child) {
  margin-bottom: 20px;
}

.contact-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  margin-right: 16px;
}

.contact-value {
  font-weight: 450;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
}

a.contact-value {
  color: var(--color-accent_lighten);
}

.contact__info-phone {
  display: grid;
  gap: 10px;
}

@media (min-width: 678px) {
  .contact__info-phone {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
.contact__info-phone_confirm {
  grid-template-columns: minmax(0, 1fr);
}

.contact__info-phone_confirm .contact__info-phone-input {
  grid-column: 1/-1;
  margin-bottom: 10px;
}

@media (min-width: 678px) {
  .contact__info-phone_confirm .contact__info-phone-input {
    margin-bottom: 0;
    grid-column: 1/2;
  }
}
@media (min-width: 375px) {
  .contact__info-phone_confirm {
    grid-template-columns: minmax(0, 1fr) minmax(0, 135px);
  }
}
@media (min-width: 678px) {
  .contact__info-phone_confirm {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.contact__info-phone-submit {
  grid-column: 1/-1;
  justify-content: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 375px) {
  .contact__info-phone-submit {
    grid-column: 2/3;
    margin-top: 27px;
  }
}
@media (min-width: 678px) {
  .contact__info-phone-submit {
    grid-column: 1/-1;
    margin-top: 10px;
    max-width: 260px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.contact__info-phone-message {
  grid-column: 1/-1;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
  text-align: center;
}

@media (min-width: 678px) {
  .contact__info-phone-message {
    margin-top: -10px;
  }
}
.contact__info-phone-resend {
  grid-column: 1/-1;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  border: none;
  padding: 0;
  background: none;
  color: var(--color-accent_lighten);
}

.contact__info-phone-resend:hover {
  text-decoration: underline;
}

@media (min-width: 678px) {
  .contact__info-phone-resend {
    margin-top: -10px;
  }
}
.contact__info-phone-change {
  display: grid;
}

@media (min-width: 678px) {
  .contact__info-phone-change {
    margin-top: 27px;
  }
}
@media (min-width: 375px) {
  .contact__info-phone-change_sms {
    margin-top: 0;
  }
}
@media (min-width: 678px) {
  .contact__info-phone-change_sms {
    margin-top: 0;
  }
}
.contact__info-passport {
  display: grid;
  gap: 20px 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact__info-house {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 678px) {
  .contact__info-house {
    gap: 17px;
  }
}
.contact__info-house .check {
  margin-top: 27px;
  align-items: center;
}

.contact__info-live {
  margin-bottom: 10px;
  grid-column: 1/-1;
}

.contact__info-grid {
  display: grid;
  gap: 20px;
  align-items: flex-start;
}

@media (min-width: 678px) {
  .contact__info-grid_2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 678px) {
  .contact__info-grid_3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 678px) {
  .contact__info-grid_3 .textarea {
    grid-column: 1/-1;
  }
}
@media (min-width: 678px) {
  .contact__info-grid_4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 678px) {
  .contact__info-grid_5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 678px) {
  .contact__info-grid_6 .input:last-child {
    max-width: 220px;
  }
}
@media (min-width: 678px) {
  .contact__info-grid_7 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 678px) {
  .contact__info-grid_8 {
    grid-template-columns: minmax(0, 1fr);
  }
}
.advantages {
  padding: 40px 0 0;
}

@media (min-width: 992px) {
  .advantages {
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .advantages + .side-content {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .advantages_smaller {
    padding: 30px 0 40px;
  }
}
.advantages__grid {
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 992px) {
  .advantages__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
  }
}
.advantages__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.advantages__item {
  width: 100%;
  flex: 0 0 100%;
  display: grid;
  gap: 20px;
  grid-template-columns: 64px 1fr;
  align-items: center;
  background: var(--color-bg-white);
  border-radius: 10px;
  padding: 20px;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .advantages__item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    align-items: center;
    border-radius: 0;
    padding: 0;
    max-width: none;
    background: transparent;
    gap: 0;
  }
  .advantages_smaller .advantages__item {
    width: 164px;
  }
}
.advantages__item-icon {
  background: var(--color-bg-secondary);
  border-radius: 15px;
  width: 64px;
  height: 64px;
  position: relative;
}

@media (min-width: 992px) {
  .advantages__item-icon {
    margin-bottom: 20px;
  }
  .advantages_smaller .advantages__item-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
.advantages__item-icon svg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 32px;
  height: 32px;
}

@media (min-width: 992px) {
  .advantages_smaller .advantages__item-icon svg {
    width: 28px;
    height: 28px;
  }
}
.advantages__item-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
}

.advantages__item-title strong {
  font-weight: 500;
}

@media (min-width: 992px) {
  .advantages__item-title {
    text-align: center;
  }
  .advantages_smaller .advantages__item-title {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (min-width: 992px) {
  .advantages_smaller .splide__list {
    gap: 10px;
    justify-content: center;
  }
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list {
  display: block;
}

.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 992px) {
  .splide__list {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .advantages_smaller .splide__list {
    gap: 10px;
    justify-content: center;
  }
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px 0 0;
  pointer-events: none;
  gap: 10px;
}

.splide__pagination__page {
  width: 8px;
  height: 8px;
  background: #CDF3FD;
  border: none;
  border-radius: 50%;
}

.splide__pagination__page.is-active {
  background-color: #00BFF0;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.splide__arrows {
  display: none;
}

.apps {
  display: flex;
  justify-content: inherit;
  flex-wrap: wrap;
  margin-top: -10px;
}

.apps__item {
  display: block;
  margin: 10px 5px 0;
}

@media (min-width: 992px) {
  .apps__item {
    margin: 10px 10px 0 0;
  }
}
.apps__item-link {
  display: flex;
  padding: 0.5rem 1.25rem;
  border: 1px solid #E3E9EB;
  border-radius: 10px;
  min-height: 40px;
  align-items: center;
  color: var(--color-primary);
  text-decoration: none;
  transition: all 0.2s ease-in;
}

.apps__item-link:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  text-decoration: none;
}

.apps__item-link:hover .apps__item-link-title {
  color: var(--color-primary-contrast);
}

.apps__item-link:hover .apps__item-link-icon svg {
  fill: var(--color-primary-contrast);
}

.apps__item-link-title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  color: var(--color-primary);
  text-decoration: none;
  transition: all 0.2s ease-in;
}

.apps__item-link-icon {
  display: block;
  position: relative;
  margin-right: 0.4375rem;
}

.apps__item-link-icon svg {
  fill: var(--color-primary);
  transition: all 0.2s ease-in;
}

.hero {
  padding: 130px 0 0;
  overflow: hidden;
  position: relative;
  background: var(--color-bg-secondary);
}

@media (min-width: 992px) {
  .hero {
    overflow: hidden;
  }
  .hero::before {
    display: block;
    content: "";
    background: #00BFF0;
    opacity: 0.35;
    filter: blur(250px);
    position: absolute;
    left: 50%;
    top: -590px;
    width: 891px;
    height: 884px;
    margin-left: 38px;
  }
  .hero::after {
    display: block;
    content: "";
    background: #CAF3FF;
    opacity: 0.5;
    filter: blur(150px);
    position: absolute;
    right: 50%;
    margin-right: -333px;
    top: 160px;
    width: 1378px;
    height: 1367px;
  }
}
.hero_full {
  padding: 100px 0 0;
}

@media (min-width: 992px) {
  .hero_full {
    padding-bottom: 150px;
    padding-top: 120px;
  }
}
@media (min-width: 992px) {
  .hero_full .hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .hero_full h1 {
    text-align: center;
    grid-column: 1/-1;
    font-weight: 600;
    margin-top: 0;
    font-size: 40px;
    line-height: 49px;
  }
}
@media (min-width: 992px) {
  .hero_full-smaller-padding {
    padding-bottom: 64px;
  }
}
.hero__grid {
  position: relative;
  z-index: 1;
}

@media (min-width: 992px) {
  .hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 355px) minmax(0, 1fr);
    align-items: flex-start;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .hero__grid {
    gap: 100px;
  }
}
.hero__title {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .hero__title {
    text-align: left;
    grid-column: 1/2;
    font-weight: 600;
    font-size: 45px;
    line-height: 55px;
    margin-top: 100px;
  }
}
.hero__check-list {
  display: grid;
  gap: 20px;
  margin-bottom: 30px;
  max-width: 265px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .hero__check-list {
    grid-column: 3/4;
    margin-top: 110px;
    max-width: none;
    margin-left: 10px;
    margin-right: 0;
  }
}
.hero__check-list-item {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding-left: 35px;
  position: relative;
}

.hero__check-list-item::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0Zm4.64 6.232a1 1 0 0 1 .128 1.408l-5 6a1 1 0 0 1-1.44.1l-3-2.727a1 1 0 0 1 1.345-1.48L8.9 11.558l4.332-5.198a1 1 0 0 1 1.408-.128Z' fill='%2300BFF0'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero__phone {
  margin-left: -20px;
  margin-right: -20px;
  background: var(--color-bg-white);
  padding: 40px 20px 50px;
}

@media (min-width: 992px) {
  .hero__phone {
    background: linear-gradient(89.22deg, rgba(217, 248, 255, 0.5) -1.38%, #fff 5.04%, #fff 52.67%, #fff 95.63%, rgba(217, 248, 255, 0.5) 101.73%), #fff;
    border: 4px solid #F3FDFF;
    border-bottom: none;
    box-sizing: border-box;
    box-shadow: 0px 0px 50px rgba(16, 146, 180, 0.05);
    border-radius: 40px 40px 0px 0px;
    padding: 48px 36px 52px;
    grid-column: 2/3;
    margin-left: 0;
    margin-right: 0;
    grid-row: 1/2;
  }
}
.hero__calculator {
  background: var(--color-bg-white);
  padding: 40px 20px;
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
}

@media (min-width: 992px) {
  .hero__calculator {
    padding: 0;
    background: none;
    width: auto;
    margin: 0;
  }
}
.social {
  display: flex;
  flex-wrap: wrap;
  justify-content: inherit;
}

.social__item {
  display: block;
}

.social__item-link {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}

.social__item-link svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  fill: var(--color-primary);
  transition: all 0.2s ease-in;
}

.social__item-link:hover svg {
  fill: var(--color-accent);
}

.side-content {
  padding: 0;
  background: var(--color-bg-secondary);
}

@media (min-width: 992px) {
  .side-content {
    padding: 30px 0;
    background: var(--color-bg-white);
  }
}
@media (min-width: 992px) {
  .side-content_gosuslugi .side-content__grid {
    grid-template-columns: minmax(0, 365px) minmax(0, 512px);
  }
}
@media (min-width: 992px) {
  .side-content + .onboarding {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .side-content + .how-to {
    margin-top: 50px;
  }
}
.side-content__grid {
  display: grid;
}

@media (min-width: 992px) {
  .side-content__grid {
    grid-template-columns: minmax(0, 354px) minmax(0, 512px);
    justify-content: space-between;
    gap: 100px;
    align-items: center;
  }
  .side-content__grid_reverse {
    grid-template-columns: minmax(0, 512px) minmax(0, 347px);
    justify-content: flex-start;
    gap: 199px;
  }
  .side-content__grid_reverse .side-content__illustration {
    grid-column: 1/2;
  }
  .side-content__grid_reverse .side-content__content {
    grid-column: 2/3;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .side-content__grid_reverse .side-content__content ul {
    max-width: 330px;
  }
}
.side-content__content {
  padding: 50px 0 30px;
  background: var(--color-bg-secondary);
  text-align: center;
}

.side-content__content h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 30px;
}

.side-content__content h2 br {
  display: none;
}

@media (min-width: 992px) {
  .side-content__content h2 {
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
  }
  .side-content__content h2 br {
    display: inline;
  }
}
.side-content__content ul {
  max-width: 275px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

@media (min-width: 992px) {
  .side-content__content ul {
    margin-left: 0;
    margin-right: 0;
  }
}
.side-content__content p {
  max-width: 275px;
}

@media (min-width: 992px) {
  .side-content__content {
    text-align: left;
    grid-row: 1/2;
    padding: 0;
    background: transparent;
  }
}
@media (min-width: 992px) {
  .side-content__illustration {
    grid-row: 1/2;
    width: 512px;
    height: 512px;
    background: var(--color-bg-secondary);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
}
.side-content__badge {
  display: inline-block;
  background: var(--color-bg-white);
  border-radius: 20px;
  padding: 12px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--color-accent_lighten);
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .side-content__badge {
    background: var(--color-bg-secondary);
  }
}
.side-content__illustration-phone {
  padding: 40px 50px;
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 992px) {
  .side-content__illustration-phone {
    background: linear-gradient(89.22deg, rgba(217, 248, 255, 0.5) -1.38%, #fff 5.04%, #fff 52.67%, #fff 95.63%, rgba(217, 248, 255, 0.5) 101.73%), #fff;
    border: 4px solid #F3FDFF;
    border-bottom: 0;
    box-sizing: border-box;
    box-shadow: 0 0 50px rgba(16, 146, 180, 0.05);
    border-radius: 40px 40px 0 0;
    max-width: 355px;
    width: 100%;
    height: calc(100% - 94px);
    padding: 46px 36px;
  }
}
.cashback-calculator__slider {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 30px;
  align-items: center;
}

.cashback-calculator__slider-element {
  grid-column: 1/-1;
  margin-top: 18px;
}

.cashback-calculator__slider-value-counter-currency {
  font-weight: 400;
}

.cashback-calculator__slider-value {
  text-align: right;
  margin-left: auto;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

.cashback-calculator__slider-value-counter-title_currency {
  font-weight: 400;
}

.cashback-calculator__slider-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.cashback-calculator__slider-range {
  display: flex;
  grid-column: 1/-1;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
  margin-top: 10px;
}

.cashback-calculator__result {
  text-align: center;
  margin-top: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.cashback-calculator__result-title {
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}

.cashback-calculator__result-value {
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: var(--color-accent_lighten);
  display: block;
  margin-top: 5px;
}

.cashback-calculator__result-value span {
  font-weight: 600;
}

.cashback-calculator__button {
  display: grid;
  margin-top: 30px;
}

.rating-checker {
  margin-left: -30px;
  margin-right: -30px;
}

.rating-checker__illustration {
  position: relative;
  width: 275px;
  height: 137px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.rating-checker__illustration-img {
  position: relative;
  z-index: 1;
  transform: rotate(0deg);
}

.rating-checker__illustration-area {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

.rating-checker__illustration-area:hover {
  opacity: 0.8;
}

.rating-checker__illustration-arrow {
  position: absolute;
  left: 0;
  right: 0;
  width: 161px;
  height: 161px;
  top: 42%;
  z-index: 1;
  border-radius: 50%;
  margin: auto;
  transition: all 0.2s ease;
}

.rating-checker__illustration-arrow::before {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 0;
  border-bottom: 18px solid var(--color-primary);
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
}

[data-loans="4"] .rating-checker__illustration-arrow {
  transform: rotate(35deg);
}

[data-loans="2"] .rating-checker__illustration-arrow {
  transform: rotate(-35deg);
}

[data-loans="1"] .rating-checker__illustration-arrow {
  transform: rotate(-72deg);
}

[data-loans="5"] .rating-checker__illustration-arrow {
  transform: rotate(72deg);
}

.rating-checker__illustration-title {
  position: absolute;
  left: 0;
  right: 0;
  top: 82px;
  margin: auto;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.rating-checker__illustration-value {
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 99px;
  margin: auto;
}

.rating-checker__illustration-value-counter {
  font-weight: 600;
}

.rating-checker__steps {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
}

.rating-checker__steps {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
}

.rating-checker__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 3px;
}

.rating-checker__subtitle {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
}

.rating-checker__input-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 18px;
}

.rating-checker__input {
  margin-top: 20px;
  width: 275px;
  margin-left: auto;
  margin-right: auto;
}

.gosuslugi-reg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gosuslugi-reg__title {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  max-width: 239px;
  margin-left: auto;
  margin-right: auto;
}

.gosuslugi-reg__value {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: var(--color-accent_lighten);
}

.gosuslugi-reg__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.gosuslugi-reg__button {
  display: grid;
  margin-top: 37px;
  width: 100%;
}

@media (min-width: 992px) {
  .side-content_gosuslugi .side-content__grid {
    grid-template-columns: minmax(0, 365px) minmax(0, 512px);
  }
}
@media (min-width: 992px) {
  .side-content + .onboarding {
    margin-top: 50px;
  }
  .onboarding__content {
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #F5FDFF;
    overflow: hidden;
  }
  .onboarding__content::before {
    content: "";
    display: block;
    position: absolute;
    background: #00BFF0;
    opacity: 0.3;
    filter: blur(250px);
    transform: rotate(-180deg);
    right: 50%;
    top: -657px;
    width: 891px;
    height: 884px;
  }
  .onboarding__content::after {
    content: "";
    display: block;
    position: absolute;
    background: #CAF3FF;
    opacity: 0.5;
    filter: blur(150px);
    transform: rotate(-180deg);
    width: 1378px;
    height: 1367px;
    left: 50%;
    top: 50%;
    margin-left: -287px;
    margin-top: -321px;
  }
}
.onboarding__sections {
  display: none;
}

@media (min-width: 992px) {
  .onboarding__sections {
    height: 100vh;
    display: block;
  }
  .onboarding__sections:last-child {
    height: 150vh;
  }
}
.onboarding__content + .onboarding__sections {
  margin-top: -100vh;
  height: 50vh;
}

@media (min-width: 992px) {
  .onboarding__phone-wrapper {
    position: relative;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.onboarding__phone {
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .onboarding__phone {
    background: linear-gradient(89.22deg, rgba(217, 248, 255, 0.5) -1.38%, rgba(255, 255, 255, 0.25) 5.04%, rgba(255, 255, 255, 0) 52.67%, rgba(255, 255, 255, 0.25) 95.63%, rgba(217, 248, 255, 0.5) 101.73%);
    border: 4px solid #F3FDFF;
    box-sizing: border-box;
    border-radius: 40px;
    margin-left: 0;
    margin-right: 0;
    min-height: 650px;
    width: 355px;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--color-bg-white);
    transition: all 0.2s ease-in;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }
  [data-step="4"] .onboarding__phone {
    left: 226px;
  }
}
@media (min-width: 992px) {
  .onboarding__content__grid {
    position: relative;
    display: grid;
    grid-template-columns: 355px minmax(0, 368px);
    column-gap: 107px;
    padding: 70px 0 0;
    justify-content: center;
    align-items: flex-start;
    z-index: 1;
  }
}
.onboarding__content__headers {
  grid-column: 1/-1;
  text-align: center;
  padding-top: 50px;
  display: grid;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .onboarding__content__headers {
    padding-top: 100px;
    margin-bottom: 50px;
  }
}
.onboarding__content__header {
  grid-row: 1/2;
  grid-column: 1/2;
  transition: all 0.2s ease-in;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

@media (min-width: 992px) {
  .onboarding__content__header {
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
  }
}
.onboarding__content__header_2 {
  opacity: 0;
  visibility: hidden;
}

[data-step="4"] .onboarding__content__header_2 {
  opacity: 1;
  visibility: visible;
}

[data-step="4"] .onboarding__content__header_1 {
  opacity: 0;
  visibility: hidden;
}

.onboarding__content-info {
  grid-column: 2/3;
  transition: all 0.2s ease-in;
}

@media (min-width: 992px) {
  [data-step="4"] .onboarding__content-info {
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 992px) {
  .onboarding__content-info {
    padding-top: 50px;
  }
}
.onboarding__phone-content {
  display: none;
}

@media (min-width: 992px) {
  .onboarding__phone-content {
    display: block;
    width: 100%;
    height: 100%;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
  }
}
[data-step="1"] .onboarding__phone-content_1 {
  opacity: 1;
  visibility: visible;
}

.onboarding__phone-content_2 {
  padding: 36px;
}

[data-step="2"] .onboarding__phone-content_2 {
  opacity: 1;
  visibility: visible;
}

[data-step="3"] .onboarding__phone-content_3 {
  opacity: 1;
  visibility: visible;
}

.onboarding__phone-content_4 {
  display: block;
}

@media (min-width: 992px) {
  .onboarding__phone-content_4 {
    padding: 36px;
  }
  [data-step="4"] .onboarding__phone-content_4 {
    opacity: 1;
    visibility: visible;
  }
}
.onboarding__phone-title {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 60px;
  position: absolute;
  left: 0;
  top: 0;
}

.onboarding__content-info-list {
  display: grid;
  gap: 30px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .onboarding__content-info-list {
    gap: 40px;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.onboarding__content-info-list-element {
  display: block;
  text-align: center;
  grid-template-columns: minmax(0, 64px) minmax(0, 1fr);
  transition: all 0.2s ease-in;
}

@media (min-width: 992px) {
  .onboarding__content-info-list-element {
    display: grid;
    column-gap: 30px;
    row-gap: 10px;
    align-items: flex-start;
    text-align: left;
  }
}
.onboarding__content-info-list-element_2 {
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
}

[data-step="2"] .onboarding__content-info-list-element_2 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

[data-step="3"] .onboarding__content-info-list-element_2 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

[data-step="4"] .onboarding__content-info-list-element_2 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.onboarding__content-info-list-element_3 {
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
}

[data-step="3"] .onboarding__content-info-list-element_3 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

[data-step="4"] .onboarding__content-info-list-element_3 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.onboarding__content-info-list-element-counter {
  background: #FFFFFF;
  border-radius: 15px;
  font-weight: 500;
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00BFF0;
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .onboarding__content-info-list-element-counter {
    grid-row: span 2;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.onboarding__content-info-list-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  display: block;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .onboarding__content-info-list-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 0;
  }
}
.onboarding__content-info-list-desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.onboarding__content-info-list-desc a {
  text-decoration: none;
  color: var(--color-accent_lighten);
}

.onboarding__content-info-list-desc a:hover {
  text-decoration: underline;
}

.onboarding__phone-illustration-1-percentage {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: center;
}

.onboarding__phone-illustration-1-percentage span {
  font-weight: 600;
  font-size: 16px;
}

.onboarding__phone-illustration-1-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: var(--color-secondary);
  margin-top: 10px;
}

.onboarding__phone-illustration-1-desc span {
  font-weight: 600;
}

.onboarding__phone-illustration-1-progressbar {
  background: var(--color-border);
  border-radius: 5px;
  height: 5px;
}

.onboarding__phone-illustration-1-progressbar-max {
  height: 100%;
  width: 90%;
  background: var(--color-bg-light-blue);
  border-radius: 5px;
}

.onboarding__phone-illustration-1-progressbar-curent {
  height: 100%;
  width: 20%;
  background: var(--color-accent_lighten);
  border-radius: 5px;
}

.onboarding__phone-illustration-1-header {
  padding: 28px 36px;
  border-bottom: 10px solid #F3FDFF;
}

.onboarding__phone-illustration-1-input-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}

.onboarding__phone-illustration-1-input-grid {
  padding: 38px 36px;
  display: grid;
  gap: 20px;
}

.onboarding__phone-illustration-1-input-label {
  margin-bottom: 5px;
}

.onboarding__phone-illustration-1-input-element {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: var(--color-bg-white);
  border: 1px solid var(--color-border);
  height: 50px;
  padding: 0.875rem 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--color-secondary);
  border-radius: 10px;
}

.onboarding__phone-illustration-2-header {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.onboarding__phone-illustration-2-header-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 10px;
}

.onboarding__phone-illustration-2-header-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.onboarding__phone-illustration-2-header-value {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  margin-top: 20px;
  color: var(--color-accent_lighten);
}

.onboarding__phone-illustration-2-checks {
  margin-top: 20px;
  display: grid;
  gap: 10px;
}

.onboarding__phone-illustration-2-checks-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 20px;
}

.onboarding__phone-illustration-2-checks-item {
  background: var(--color-bg-secondary);
  border-radius: 10px;
  padding: 26px 30px;
}

.onboarding__phone-illustration-2-checks-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--color-accent_lighten);
  position: relative;
}

.onboarding__phone-illustration-2-checks-icon svg {
  stroke: #FFF;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.onboarding__phone-illustration-2-checks-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.onboarding__phone-illustration-3 {
  background: linear-gradient(180deg, #F1FCFF 86.98%, rgba(241, 252, 255, 0) 116.73%);
  min-height: 100%;
}

.onboarding__phone-illustration-3-header {
  padding: 44px 0 30px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  background: #FFF;
}

.onboarding__phone-illustration-3-payments {
  display: grid;
  gap: 10px;
}

.onboarding__phone-illustration-3-payment {
  background: #FFF;
  padding: 24px 36px;
  display: grid;
  gap: 20px 10px;
  grid-template-columns: minmax(0, max-content) minmax(0, max-content);
  align-items: center;
  justify-content: space-between;
}

.onboarding__phone-illustration-3-payment:last-child {
  border-bottom: none;
}

.onboarding__phone-illustration-3-payment_active {
  background: transparent;
}

.onboarding__phone-illustration-3-payments {
  display: grid;
}

.onboarding__phone-illustration-3-payment-code {
  text-align: right;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
}

.onboarding__phone-illustration-3-payment-title {
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.onboarding__phone-illustration-3-payment-button {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.onboarding__phone-illustration-3-color-secondary {
  color: #97A9AD;
}

.onboarding__phone-illustration-3-color-accent {
  color: var(--color-accent_lighten);
}

.pay-methods {
  background: var(--color-bg-white);
  padding: 40px 0;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .pay-methods {
    padding: 80px 0 0;
    margin-top: 0;
  }
}
.pay-method__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .pay-method__title {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}
.pay-methods__grid {
  display: grid;
  gap: 10px;
}

@media (min-width: 768px) {
  .pay-methods__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .pay-methods__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.pay-methods__item {
  background: var(--button-secondary-bg);
  border-radius: 20px;
  padding: 30px 37px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .pay-methods__item {
    padding: 30px 54px;
  }
}
@media (min-width: 992px) {
  .pay-methods__item {
    padding: 30px 24px;
  }
}
.pay-methods__item-desc {
  text-align: center;
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  min-height: 40px;
}

.pay-methods__item-img {
  min-height: 38px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.pay-methods__item-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.pay-methods__item-button {
  display: grid;
  margin-top: auto;
}

@media (min-width: 768px) {
  .pay-methods__item-button {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
  }
}
.seo-content {
  margin-top: 10px;
  background: var(--color-bg-white);
  padding: 40px 0;
}
@media (min-width: 992px) {
  .seo-content {
    padding-top: 80px;
    padding-bottom: 0;
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .seo-content__card {
    padding: 0;
    border-radius: 10px;
    border: 1px solid var(--color-border);
  }
}
@media (min-width: 768px) {
  .seo-content__card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 40px;
  }
}
.seo-content__title {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .seo-content__title {
    margin: 0;
    line-height: 25px;
    font-size: 20px;
  }
}

.seo-content__button {
  display: flex;
  position: relative;
  border: none;
  padding: 15px 16px;
  border-radius: 10px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in;
  cursor: pointer;
  width: 100%;
  min-width: 16px;
  height: 9px;
  background: var(--button-secondary-bg);
  color: var(--button-secondary-color);
}
.seo-content__button:hover {
  background: var(--button-secondary-bg_hover);
  color: var(--button-secondary-color_hover);
}
@media (min-width: 768px) {
  .seo-content__button {
    width: auto;
    padding: 0;
    margin: 0 0 0 16px;
    background: transparent;
  }
  .seo-content__button:hover {
    background: transparent;
  }
}

.seo-content__button-title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25;
  transition: opacity 0.2s ease-in;
}
@media (min-width: 768px) {
  .seo-content__button-title {
    display: none;
  }
}

.seo-content__button-arrow {
  display: none;
}
@media (min-width: 768px) {
  .seo-content__button-arrow {
    position: absolute;
    left: 0;
    top: 0 !important;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(-180deg);
    transition: all 0.2s ease-in;
    display: block;
    width: 16px;
    height: 9px;
  }
  .seo-content__button-arrow::after {
    display: block;
    inset: -10px;
    content: "";
    position: absolute;
  }
  .seo-content__button-arrow.active {
    transform: rotate(0);
  }
}

.seo-content__header {
  display: flex;
  padding: 28px 20px;
  margin-left: -20px;
  margin-right: -20px;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  left: 0;
  width: calc(100% + 40px);
  background-color: var(--color-bg-white);
  transition: all 0.2s ease-in;
}
@media (min-width: 768px) {
  .seo-content__header {
    display: none;
  }
}

.seo-content__header-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  margin-right: 16px;
}

.seo-content__close {
  width: 20px;
  height: 20px;
  position: relative;
  border: none;
  background: none;
}
.seo-content__close svg {
  display: block;
  left: 0;
  top: 0 !important;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  fill: var(--color-secondary);
  transition: all 0.2s ease-in;
}
.seo-content__close:hover svg {
  fill: var(--color-accent_lighten);
}

.seo-content__content {
  position: fixed;
  left: 0;
  top: 0 !important;
  right: 0;
  bottom: 0;
  overflow: auto;
  background: var(--color-bg-white);
  z-index: 100;
  padding: 0 20px 40px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in;
}

.seo-content__content.scrolled .seo-content__header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}

.seo-content__content.active {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 768px) {
  .seo-content__content {
    position: static;
    overflow: unset;
    opacity: 1;
    visibility: visible;
    display: none;
    padding: 0 40px 30px;
  }
  .seo-content__content.active {
    display: block;
  }
}
.seo-content__subsection-grid {
  display: grid;
  gap: 40px;
}

@media (min-width: 768px) {
  .seo-content__subsection-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .seo-content__subsection-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.seo-content__subsection:not(:last-child) {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .seo-content__subsection {
    padding-bottom: 40px;
  }
  .seo-content__subsection:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
  }
  .seo-content__header + .seo-content__subsection {
    padding-top: 30px;
  }
  .seo-content__subsection:last-child {
    padding-bottom: 10px;
  }
}
.seo-content__subsection-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 20px;
}

.seo-content__subsection-list {
  display: grid;
  gap: 17px;
}

@media (min-width: 768px) {
  .seo-content__subsection-list {
    display: block;
    columns: 2;
    column-gap: 40px;
  }
  .seo-content__subsection-column .seo-content__subsection-list {
    columns: unset;
  }
}
@media (min-width: 992px) {
  .seo-content__subsection-list_3 {
    columns: 3;
    column-gap: 40px;
    margin-right: calc(25% + 10px);
  }
  .seo-content__subsection-list_4 {
    columns: 4;
    column-gap: 40px;
  }
}
.seo-content__subsection-list-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: block;
}

@media (min-width: 768px) {
  .seo-content__subsection-list-item:not(:last-child) {
    margin-bottom: 17px;
  }
}
.seo-content__subsection-list-item-link {
  color: inherit;
  text-decoration: none;
}

.seo-content__subsection-list-item-link:hover {
  color: var(--color-accent_lighten);
  text-decoration: underline;
}

.loan-negative {
  padding: 0;
}

.loan-negative__text {
  text-align: center;
  margin-bottom: 30px;
}

.loan-negative__title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin-bottom: 10px;
}

.loan-negative__desc {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  max-width: 347px;
  margin-left: auto;
  margin-right: auto;
}

.loan-negative__message {
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  padding: 40px 44px;
}

@media (min-width: 600px) {
  .loan-negative__message {
    margin-left: auto;
    margin-right: auto;
    padding: 50px 56px;
    width: 542px;
    border-radius: 10px;
  }
}
.loan-negative__message-text p {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}

.loan-negative__message-text p:last-child {
  margin-bottom: 0;
}

.loan-negative__message-button {
  display: grid;
  grid-template-columns: minmax(0, 250px);
  margin-top: 30px;
  justify-content: center;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  align-items: flex-end;
  z-index: 100;
}
.modal.modal_visible {
  display: flex;
}
.modal._no-titles .modal__title, .modal._no-titles .modal__subtitle {
  display: none;
}
.modal._title_10 .modal__title_margin-bigger {
  margin-bottom: 10px;
}

@media (min-width: 600px) {
  .modal {
    align-items: center;
  }
}
.modal_big .modal__wrapper {
  max-height: 100%;
}

@media (min-width: 600px) {
  .modal_big .modal__wrapper {
    max-width: 542px;
  }
}
.modal_big .modal__close {
  display: block;
  right: 20px;
  top: 30px;
}

@media (min-width: 600px) {
  .modal_big .modal__close {
    display: none;
  }
}
.modal_extra-big .modal__wrapper {
  max-height: 100%;
}

@media (min-width: 600px) {
  .modal_extra-big .modal__wrapper {
    max-width: 903px;
  }
}
@media (min-width: 992px) {
  .modal_extra-big .modal__wrapper {
    max-width: 903px;
  }
}
.modal_extra-big .modal__close {
  display: block;
  right: 20px;
  top: 40px;
}

@media (min-width: 992px) {
  .modal_extra-big .modal__close {
    display: block;
    top: -21px;
    right: -21px;
  }
}
.modal__backing {
  background: #1C353C;
  opacity: 0.4;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.modal__close {
  position: absolute;
  width: 24px;
  height: 24px;
  border: none;
  outline: none;
  display: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in;
}

.modal__close:hover {
  transform: scale(1.1);
}

@media (min-width: 600px) {
  .modal__close {
    display: block;
    top: -21px;
    right: -21px;
  }
}
.modal__close_desctop-only {
  display: none !important;
}

@media (min-width: 600px) {
  .modal__close_desctop-only {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .modal__close_desctop-only {
    display: block !important;
  }
}
.modal__close-secondary {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

@media (min-width: 600px) {
  .modal__close-secondary_hidden-desktop,
  .modal._hiddenCancelBtn .modal__close-secondary {
    display: none;
  }
}
.modal__close-secondary-button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: var(--color-secondary);
}

.modal__wrapper {
  overflow: auto;
  max-height: calc(100% - 80px);
  position: relative;
  background: var(--color-bg-white);
  padding: 40px 20px 50px;
  max-width: 600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 600px) {
  .modal__wrapper {
    max-width: 355px;
    box-shadow: 0 0 35px rgba(36, 58, 64, 0.15);
    border-radius: 10px;
    padding: 40px 40px 50px;
    overflow: visible;
    max-height: calc(100% - 40px);
  }
}
.modal__title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  text-align: center;
  margin-bottom: 10px;
}

.modal__title_margin-bigger {
  margin-bottom: 30px;
}

.modal__subtitle {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 30px;
}

.modal__login-form-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr);
}

.modal__login-form-button {
  margin-top: 20px;
  display: grid;
}

.modal__login-form-password-link {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: var(--color-accent_lighten);
  text-decoration: none;
  margin-bottom: 10px;
}

.modal__login-form-password-link:hover {
  text-decoration: underline;
}

.modal__form-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr);
}

.modal__form-button {
  margin-top: 0;
  display: grid;
}

.modal__buttons {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.modal__footer .modal__title {
  text-align: left;
}
.modal__footer .modal__wrapper {
  max-width: 60rem;
  width: 80%;
}
@media (max-width: 600px) {
  .modal__footer .modal__wrapper {
    max-width: 100%;
    width: 100%;
  }
}

.footer {
  background: #F1FCFF;
}

.footer__logo {
  display: none;
}

@media (min-width: 992px) {
  .footer__logo {
    display: block;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.footer__grid {
  display: grid;
  gap: 30px;
  padding: 3.125rem 0;
}

@media (min-width: 992px) {
  .footer__grid {
    grid-template-columns: minmax(0, 218px) minmax(0, 542px) minmax(0, 1fr);
    gap: 32px;
    border-top: 1px solid var(--color-border);
    padding: 2.5rem 0;
  }
}
@media (min-width: 1199px) {
  .footer__grid {
    gap: 40px 64px;
  }
}
.footer__apps-links {
  justify-content: center;
}

@media (min-width: 992px) {
  .footer__apps-links {
    justify-content: flex-start;
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.footer__social {
  justify-content: center;
  grid-row: 3/4;
}
.footer__social .social__item {
  margin-left: 5px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .footer__social {
    justify-content: flex-end;
    grid-column: 3/4;
    grid-row: 2/3;
    margin-top: auto;
    margin-bottom: auto;
  }
  .footer__social .social__item {
    margin-left: 10px;
    margin-right: 0;
  }
}

.footer__links {
  grid-row: 1/2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .footer__links {
    grid-column: 3/4;
    grid-row: 1/2;
    text-align: right;
    align-items: flex-end;
  }
}

.footer__links-item {
  color: var(--color-accent_lighten);
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
}
.footer__links-item:not(:first-child) {
  margin-top: 0.9375rem;
}
@media (min-width: 992px) {
  .footer__links-item {
    font-size: 1rem;
    text-align: right;
  }
  .footer__links-item:not(:first-child) {
    margin-top: 0.625rem;
  }
}

.footer__links-item_phone {
  font-size: 1.25rem;
}
@media (min-width: 992px) {
  .footer__links-item_phone {
    font-size: 1rem;
  }
}

.footer__links-item:hover {
  text-decoration: underline;
}

.footer__terms {
  text-align: center;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1rem;
}
.footer__terms a {
  color: var(--color-accent_lighten);
  text-decoration: none;
}
.footer__terms a:hover {
  text-decoration: underline;
}
.footer__terms p {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .footer__terms {
    text-align: left;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.footer__terms-link {
  margin-top: 0.9375rem;
  display: block;
}
.footer__terms-link a {
  color: var(--color-accent_lighten);
  font-size: 0.875rem;
  text-decoration: none;
}
.footer__terms-link a:hover {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .footer__terms-link {
    display: inline;
  }
  .footer__terms-link a {
    font-size: inherit;
  }
}

@media (min-width: 992px) {
  .footer_white {
    background: var(--color-bg-white);
  }
}
.footer__terms-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

@media (min-width: 992px) {
  .footer__terms-nav {
    display: grid;
    gap: 67px;
    justify-content: flex-start;
    grid-template-columns: minmax(0, max-content) minmax(0, max-content);
  }
}
.footer__terms-nav-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer__terms-nav-list:not(:first-child) {
  margin-top: 17px;
}

@media (min-width: 992px) {
  .footer__terms-nav-list {
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
  }
  .footer__terms-nav-list:not(:first-child) {
    margin-top: 0;
  }
}
.footer__terms-nav-item {
  display: block;
}

.footer__terms-nav-item:not(:first-child) {
  margin-top: 17px;
}

@media (min-width: 992px) {
  .footer__terms-nav-item:not(:first-child) {
    margin-top: 5px;
  }
}
.footer__terms-nav-item-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-accent_lighten);
  text-decoration: none;
}

.footer__terms-nav-item-link:hover {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .footer__terms-nav-item-link {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
  }
}
.error-403 {
  padding: 120px 0 0;
  position: relative;
  z-index: 1;
}

.error-403__header-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 10px;
}

.error-403__header-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.error-403__header {
  text-align: center;
  margin-bottom: 40px;
}

.error-403__phone {
  width: 355px;
  max-width: 100%;
  background: linear-gradient(89.22deg, rgba(217, 248, 255, 0.5) -1.38%, #fff 5.04%, #fff 52.67%, #fff 95.63%, rgba(217, 248, 255, 0.5) 101.73%), #fff;
  border: 4px solid #F3FDFF;
  border-bottom: 0;
  box-sizing: border-box;
  box-shadow: 0 0 50px rgba(16, 146, 180, 0.05);
  border-radius: 40px 40px 0 0;
  padding: 53px 26px 52px;
  grid-column: 2/3;
  grid-row: 2/3;
  margin-left: auto;
  margin-right: auto;
  border-bottom: none;
}
@media (min-width: 992px) {
  .error-403__phone {
    border-radius: 40px;
    border-bottom: 4px solid #F3FDFF;
    padding: 46px 36px 56px;
    min-height: 650px;
    display: flex;
    flex-direction: column;
  }
}

.error-403__phone-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.error-403__phone-content-button {
  display: grid;
  margin-top: auto;
}

.error-403__phone-content-steps {
  display: grid;
  gap: 10px;
  margin-bottom: 40px;
}

.error-403__phone-content-step {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  padding: 25px 30px;
  border-radius: 10px;
  background: var(--color-bg-secondary);
  gap: 20px;
  opacity: 0.2;
  transition: all 0.2s ease-in;
}

.error-403__phone-content-step_active {
  opacity: 1;
}
.error-403__phone-content-step_active .error-403__phone-content-step-check svg {
  opacity: 1;
  transform: scale(1);
}

.error-403__phone-content-step-check {
  background: #00BFF0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  position: relative;
}
.error-403__phone-content-step-check svg {
  transition: all 0.2s ease-in;
  stroke: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  opacity: 0;
  transform: scale(0);
}

.error-404 {
  padding: 120px 0 0;
  position: relative;
}

.error-404__header {
  grid-column: 1/-1;
  grid-row: 1/2;
  text-align: center;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .error-404__header {
    margin-bottom: 40px;
  }
}
.error-404__header-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 10px;
}

.error-404__header-link {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-accent_lighten);
  text-decoration: none;
}

.error-404__header-link:hover {
  text-decoration: underline;
}

.error-404__grid {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .error-404__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 355px) minmax(0, 1fr);
    align-items: flex-start;
    column-gap: 30px;
  }
}
@media (min-width: 1200px) {
  .error-404__grid {
    column-gap: 100px;
  }
}

.error-404__title {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .error-404__title {
    text-align: left;
    grid-column: 1/2;
    font-weight: 600;
    font-size: 45px;
    line-height: 55px;
    margin-top: 100px;
  }
}

.error-404__check-list {
  display: grid;
  gap: 20px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .error-404__check-list {
    grid-column: 3/4;
    margin-top: 110px;
    margin-left: 8px;
  }
}

.error-404__check-list-item {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding-left: 35px;
  position: relative;
}
.error-404__check-list-item::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0Zm4.64 6.232a1 1 0 0 1 .128 1.408l-5 6a1 1 0 0 1-1.44.1l-3-2.727a1 1 0 0 1 1.345-1.48L8.9 11.558l4.332-5.198a1 1 0 0 1 1.408-.128Z' fill='%2300BFF0'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.error-404__phone {
  margin-left: -20px;
  margin-right: -20px;
  background: var(--color-bg-white);
  padding: 40px 20px 50px;
}
@media (min-width: 992px) {
  .error-404__phone {
    background: linear-gradient(89.22deg, rgba(217, 248, 255, 0.5) -1.38%, #fff 5.04%, #fff 52.67%, #fff 95.63%, rgba(217, 248, 255, 0.5) 101.73%), #fff;
    border: 4px solid #F3FDFF;
    box-sizing: border-box;
    box-shadow: 0 0 50px rgba(16, 146, 180, 0.05);
    border-radius: 40px;
    padding: 47px 36px 52px;
    min-height: 650px;
    grid-column: 2/3;
    margin-left: 0;
    margin-right: 0;
    grid-row: 2/3;
  }
}

.about h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.about h2:first-child {
  margin-top: 0;
}
.about p {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.about p:not(:last-child) {
  margin-bottom: 11px;
}
.about a {
  color: #00bff0;
}
.about .check-list__element {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.about .bold {
  font-size: 1rem;
  font-weight: 600;
}
.about .container {
  width: 99.7%;
  margin-left: -1rem;
}
.about .oneText {
  margin-bottom: 0 !important;
}
.about .accordion__header-title_logo img {
  width: 100%;
  height: auto;
}
.about .accordion__header._active-dropdown ~ .accordion__content {
  display: block;
}
@media (min-width: 678px) {
  .about {
    max-width: 542px;
    margin-left: auto;
    margin-right: auto;
  }
}

.about__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
}

.about__header {
  margin-bottom: 30px;
}

.login {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 600px) {
  .login {
    max-width: 355px;
  }
}

.login__header {
  text-align: center;
  margin-bottom: 30px;
}

.login__header-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 10px;
}

.login__header-links {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.login__header-links a {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-accent_lighten);
  text-decoration: none;
}
.login__header-links a:hover {
  text-decoration: underline;
}

.login__header-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.login__grid {
  padding: 40px 20px 50px;
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  display: grid;
  gap: 20px;
}
@media (min-width: 600px) {
  .login__grid {
    margin-left: 0;
    margin-right: 0;
    padding: 40px 40px 50px;
    border-radius: 10px;
  }
}

.login__form-gosuslugi {
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 600px) {
  .login__form-gosuslugi {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 10px;
  }
}

.login__form-button {
  margin-top: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.login__form-button_small-margin {
  margin-top: 10px;
}

.login__form-password-link {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-accent_lighten);
  text-decoration: none;
}
.login__form-password-link:hover {
  text-decoration: underline;
}

.timekiller {
  padding: 0;
}

.timekiller__title {
  text-align: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin-bottom: 10px;
}

.timekiller__desc {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 30px;
}

.timekiller__illustrator {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 600px) {
  .timekiller__illustrator {
    max-width: 512px;
    height: 512px;
    width: 512px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    border-radius: 50%;
    background: #F5FDFF;
    position: relative;
  }
  .timekiller__illustrator::before {
    content: "";
    display: block;
    position: absolute;
    width: 1378px;
    height: 1367px;
    background: #CAF3FF;
    opacity: 0.5;
    filter: blur(150px);
    transform: rotate(-180deg);
    top: 147px;
    left: -107px;
    border-radius: 50%;
    z-index: 1;
  }
  .timekiller__illustrator::after {
    content: "";
    display: block;
    position: absolute;
    width: 891px;
    height: 884px;
    background: #00BFF0;
    opacity: 0.25;
    filter: blur(250px);
    transform: rotate(-180deg);
    border-radius: 50%;
    right: 146px;
    bottom: 256px;
    z-index: 1;
  }
}
.timekiller__illustrator-phone {
  max-width: 335px;
  background: linear-gradient(89.22deg, rgba(217, 248, 255, 0.5) -1.38%, #fff 5.04%, #fff 52.67%, #fff 95.63%, rgba(217, 248, 255, 0.5) 101.73%), #fff;
  border: 4px solid #F3FDFF;
  box-sizing: border-box;
  box-shadow: 0 0 50px rgba(16, 146, 180, 0.05);
  border-radius: 40px 40px 0 0;
  padding: 50px 30px;
  z-index: 2;
}

@media (min-width: 600px) {
  .timekiller__illustrator-phone {
    padding: 50px 30px 75px;
  }
}
.timekiller__illustrator-step {
  background: #F1FCFF;
  border-radius: 10px;
  opacity: 0.2;
  padding: 24px 30px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 20px;
  transition: all 0.2s ease-in;
}

.timekiller__illustrator-step:not(:last-child) {
  margin-bottom: 10px;
}

.timekiller__illustrator-step_active {
  opacity: 1;
}

.timekiller__illustrator-step_active .timekiller__illustration-step-check svg {
  opacity: 1;
  transform: scale(1);
}

.timekiller__illustration-step-check {
  background: #00BFF0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  position: relative;
}

.timekiller__illustration-step-check svg {
  transition: all 0.2s ease-in;
  stroke: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  opacity: 0;
  transform: scale(0);
}

.timekiller__percentage {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #00BFF0;
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
}

.loans {
  gap: 10px;
  display: grid;
}
@media (min-width: 678px) {
  .loans {
    grid-template-columns: minmax(0, 542px);
    justify-content: center;
  }
}

.loans__new {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: var(--color-bg-ternary);
  margin-left: -20px;
  margin-right: -20px;
  padding: 30px 20px;
}
@media (min-width: 678px) {
  .loans__new {
    margin-left: 0;
    margin-right: 0;
    padding: 30px 40px;
    border-radius: 10px;
    display: grid;
    justify-content: space-between;
    grid-template-columns: minmax(0, 1fr) minmax(0, 200px);
    align-items: flex-start;
  }
}

.loans__new-title {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
}
@media (min-width: 678px) {
  .loans__new-title {
    text-align: left;
  }
}

.loans__new-desc {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-top: 5px;
}
@media (min-width: 678px) {
  .loans__new-desc {
    text-align: left;
  }
}

.loans__new-button {
  max-width: 260px;
  width: 100%;
  margin: 20px auto 0;
  display: grid;
}
@media (min-width: 678px) {
  .loans__new-button {
    margin: 0;
  }
}

.loans__element {
  margin-left: -20px;
  margin-right: -20px;
  padding: 30px 20px;
  background: var(--color-bg-white);
  display: grid;
  gap: 10px;
}
@media (min-width: 678px) {
  .loans__element {
    margin-left: 0;
    margin-right: 0;
    padding: 30px 40px 28px;
    border-radius: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.loans__element_overdue .loans__element-status {
  color: var(--color-error);
}
.loans__element_overdue .loans__element-date {
  color: var(--color-error);
}
.loans__element_overdue .loans__element-price {
  color: var(--color-error);
}

.loans__element_active .loans__element-status {
  color: var(--color-accent_lighten);
}

.loans__element_completed {
  color: var(--color-secondary);
}

.loans__element_review .loans__element-status {
  color: var(--color-focus);
}

.loans__element-status {
  font-weight: 450;
  font-size: 14px;
  line-height: 17px;
  order: 0;
}

@media (min-width: 678px) {
  .loans__element-status {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.loans__element-code {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
  order: 1;
}

@media (min-width: 678px) {
  .loans__element-code {
    grid-column: 1/2;
    grid-row: 2/3;
    margin-bottom: 0;
  }
}
.loans__element-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  order: 2;
}

@media (min-width: 678px) {
  .loans__element-date {
    grid-column: 2/3;
    grid-row: 1/2;
    text-align: right;
  }
}
.loans__element-price {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  order: 3;
}

@media (min-width: 678px) {
  .loans__element-price {
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: right;
  }
}
.loans__element-price-counter {
  font-weight: 600;
  order: 4;
}

.loans__more-button {
  margin-top: 40px;
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
}

@media (min-width: 678px) {
  .new-loan {
    max-width: 542px;
    margin-left: auto;
    margin-right: auto;
  }
}
.new-loan__header {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.new-loan__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
}

.new-loan__subtitle {
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.new-loan__content {
  margin-left: -20px;
  margin-right: -20px;
  padding: 50px 20px;
  background: var(--color-bg-white);
}

@media (min-width: 678px) {
  .new-loan__content {
    margin-left: auto;
    margin-right: auto;
    width: 355px;
    border-radius: 10px;
    padding: 40px 40px 50px;
  }
}
.new-loan__timer {
  padding: 70px 0 110px;
}

.new-loan__timer-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.new-loan__timer-element {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.new-loan__timer-item {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
}

.new-loan__timer-item-counter {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
}

.new-loan__timer-separator {
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  margin-left: 10px;
  margin-right: 10px;
}

.new-loan__timer-item-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: var(--color-secondary);
}

.new-loan__button {
  display: grid;
}

.new-loan__review-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 30px;
}

.new-loan__review-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

.new-loan__review-size {
  font-weight: 400;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
}

.new-loan__review-size-value {
  font-weight: 600;
}

.new-loan__dates {
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 0;
  background: var(--color-bg-white);
  margin-bottom: 30px;
}

@media (min-width: 678px) {
  .new-loan__dates {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    background: transparent;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.new-loan__dates-item {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

@media (min-width: 678px) {
  .new-loan__dates-item {
    gap: 0;
    padding: 26px 0;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-white);
    border-radius: 10px;
    overflow: hidden;
  }
}
.new-loan__dates-item-title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

@media (min-width: 678px) {
  .new-loan__dates-item-title {
    margin-bottom: 5px;
  }
}
.new-loan__dates-item-value {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  text-align: right;
}

.new-loan__dates-item-value_overdue {
  color: var(--color-error);
}

.new-loan__dates-timer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

@media (min-width: 678px) {
  .new-loan__dates-timer {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.new-loan__dates-timer:after {
  position: absolute;
  width: calc(var(--loan-dates-timer-percentage) + 50px);
  height: 5px;
  content: "";
  display: block;
  bottom: -20px;
  left: -30px;
  border-radius: 0 10px 10px 0;
  background: var(--color-focus);
}

@media (min-width: 678px) {
  .new-loan__dates-timer:after {
    bottom: -26px;
    left: 0;
    width: var(--loan-dates-timer-percentage);
    height: auto;
    top: -26px;
    border-radius: 0;
  }
}
.new-loan__dates-timer-title {
  position: relative;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  z-index: 1;
}

@media (min-width: 678px) {
  .new-loan__dates-timer-title {
    margin-bottom: 5px;
  }
}
.new-loan__dates-timer-counter {
  position: relative;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  text-align: right;
  color: var(--color-focus);
  z-index: 1;
}

@media (min-width: 678px) {
  .new-loan__dates-timer-counter {
    color: var(--color-primary);
  }
}
.new-loan__result-header {
  margin-bottom: 30px;
}

.new-loan__result-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 10px;
}

.new-loan__result-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.new-loan__result-content {
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  padding: 40px 20px 50px;
}

@media (min-width: 678px) {
  .new-loan__result-content {
    padding: 50px 56px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 10px;
  }
}
.new-loan__result-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.new-loan__result-content-button {
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
  margin-top: 30px;
}

.new-loan__info {
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 0;
  background: var(--color-bg-white);
  margin-bottom: 30px;
}

@media (min-width: 678px) {
  .new-loan__info {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    background: transparent;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.new-loan__info-item {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

@media (min-width: 678px) {
  .new-loan__info-item {
    gap: 0;
    padding: 26px 0;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-white);
    border-radius: 10px;
    overflow: hidden;
  }
}
.new-loan__info-item-title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

@media (min-width: 678px) {
  .new-loan__info-item-title {
    margin-bottom: 5px;
  }
}
.new-loan__info-item-value {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  text-align: right;
}

.new-loan__info-item-value_overdue {
  color: var(--color-error);
}

.new-loan__info-item-value-currency {
  font-weight: 400;
}

.new-loan__get-button {
  display: grid;
  margin-bottom: 30px;
}

@media (min-width: 678px) {
  .new-loan__get-button {
    grid-template-columns: minmax(0, 260px);
    justify-content: center;
    margin-bottom: 0;
  }
}
.new-loan__form {
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
  padding: 40px 20px;
}

@media (min-width: 678px) {
  .new-loan__form {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 40px 50px;
    border-radius: 10px;
  }
}
.new-loan__form-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 10px;
}

.new-loan__form-value {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 37px;
}

.new-loan__cards {
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 678px) {
  .new-loan__cards {
    margin-left: 0;
    margin-right: 0;
  }
}
.new-loan__cards-buttons {
  margin-top: 50px;
  display: grid;
  gap: 10px;
  padding: 0 20px;
}

@media (min-width: 678px) {
  .new-loan__cards-buttons {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    padding: 0;
  }
}
.new-loan__cashback-grid {
  display: grid;
}

@media (min-width: 678px) {
  .new-loan__cashback-grid {
    max-width: 355px;
    margin-left: auto;
    margin-right: auto;
  }
}
.new-loan__cashback-grid .accordion__content p {
  font-size: 14px;
  line-height: 17px;
}

@media (min-width: 678px) {
  .payments {
    width: 542px;
    margin-left: auto;
    margin-right: auto;
  }
}
.payments__title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 30px;
}

.payments__grid {
  display: grid;
  gap: 10px;
}

.payments__item {
  margin-left: -20px;
  margin-right: -20px;
  padding: 30px 20px 32px;
  background: var(--color-bg-white);
  display: grid;
}

@media (min-width: 678px) {
  .payments__item {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 40px 28px;
  }
}
.payments__item_active {
  justify-content: center;
  text-align: center;
  background: var(--color-bg-ternary);
}

@media (min-width: 678px) {
  .payments__item_active {
    grid-template-columns: minmax(0, 1fr) minmax(0, 200px);
    text-align: left;
  }
}
.payments__item_important {
  background: var(--color-error);
  color: var(--color-primary-contrast);
}

.payments__item-button {
  display: grid;
  min-width: 260px;
}

.payments__item_important .payments__item-button .button {
  background: var(--button-ternary-bg);
  color: var(--color-error);
}

.payments__item_important .payments__item-button .button:hover {
  opacity: 0.8;
}

@media (min-width: 678px) {
  .payments__item-button {
    grid-row: 1/3;
    grid-column: 2/3;
    min-width: 100%;
    align-items: center;
  }
}
.payments__item-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 5px;
}

@media (min-width: 678px) {
  .payments__item-title {
    margin-bottom: 0;
  }
}
.payments__item-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
}

.payments__item_reject .payments__item-date {
  color: var(--color-secondary);
}

@media (min-width: 678px) {
  .payments__item-date {
    margin-bottom: 0;
  }
}
.payments__item-size {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
}

.payments__item_reject .payments__item-size {
  color: var(--color-secondary);
}

@media (min-width: 678px) {
  .payments__item-size {
    margin: 0;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.payments__item-size-value {
  font-weight: 600;
}

.payments__item-code {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 16px;
}

.payments__item_reject .payments__item-code {
  color: var(--color-secondary);
}

@media (min-width: 678px) {
  .payments__item-code {
    margin: 0;
    text-align: right;
  }
}
.payments__item-status {
  display: inline-flex;
  align-items: center;
}

@media (min-width: 678px) {
  .payments__item-status {
    margin-left: auto;
  }
}
.payments__item-status-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-right: 7px;
}

.payments__item_success .payments__item-status-title {
  color: var(--color-success);
}

.payments__item_reject .payments__item-status-title {
  color: var(--color-secondary);
}

.payments__item_works .payments__item-status-title {
  color: var(--color-focus);
}

.payments__item-status-icon {
  width: 13px;
  height: 16px;
}

.payments__item_success .payments__item-status-icon svg {
  fill: var(--color-success);
}

.payments__item_reject .payments__item-status-icon svg {
  fill: var(--color-secondary);
}

.payments__item_works .payments__item-status-icon svg {
  fill: var(--color-focus);
}

.payments__load-more {
  margin-top: 40px;
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
}

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

.payments-timeline:not(:last-child) {
  margin-bottom: 13px;
}

.payments-timeline_success {
  color: var(--color-success);
}

.payments-timeline__date {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.payments-timeline__date::before {
  content: "";
  display: block;
  background: #ffffff;
  border: 1px solid var(--color-border);
  border-radius: 5px;
  width: 24px;
  height: 24px;
}

.payments-timeline_success .payments-timeline__date::before {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 7-8.75 10L5 12.454' stroke='%2328BD50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 100% 100%;
  border: none;
}

.payments-timeline__value {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
}

@media (min-width: 678px) {
  .insurance {
    max-width: 542px;
    margin-left: auto;
    margin-right: auto;
  }
}
.insurance__header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.insurance__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
}

.insurance__subtitle {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 5px;
  text-align: center;
}

.insurance__backlink {
  color: var(--color-accent_lighten);
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.insurance__backlink-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.insurance__backlink-arrow {
  display: block;
  width: 12px;
  height: 10px;
  margin-right: 7px;
}

.insurance__backlink-arrow svg {
  width: 100%;
  height: auto;
  stroke: var(--color-accent_lighten);
}

.insurance__history {
  display: grid;
  gap: 10px;
}

.insurance__history-item {
  display: grid;
  background: var(--color-bg-white);
  padding: 30px 20px;
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 678px) {
  .insurance__history-item {
    margin: 0;
    padding: 30px 40px 28px;
    border-radius: 10px;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.insurance__history-item_active {
  padding: 30px 20px 37px;
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  text-align: center;
  background: var(--color-bg-ternary);
}

@media (min-width: 678px) {
  .insurance__history-item_active {
    text-align: left;
    margin: 0;
    padding: 30px 40px;
    border-radius: 10px;
    gap: 0 10px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 200px);
  }
  .insurance__history-item_active .insurance__history-item-title {
    grid-row: 1/2;
    margin: 0 0 5px;
  }
  .insurance__history-item_active .insurance__history-item-subtitle {
    grid-row: 2/3;
    margin: 0;
  }
}
.insurance__history-item_important {
  padding: 30px 20px 37px;
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  text-align: center;
  background: var(--color-bg-ternary);
}

@media (min-width: 678px) {
  .insurance__history-item_important {
    text-align: left;
    margin: 0;
    padding: 30px 40px;
    border-radius: 10px;
    gap: 0 10px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 200px);
  }
}
.insurance__history-item-button {
  grid-template-columns: minmax(0, 260px);
  display: grid;
  justify-content: center;
  margin-top: 20px;
}

@media (min-width: 678px) {
  .insurance__history-item-button {
    margin-top: 0;
    grid-row: 1/3;
  }
}
.insurance__history-item-subtitle {
  font-weight: 450;
  font-size: 14px;
  line-height: 17px;
}

.insurance__history-item-status {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
  color: var(--color-accent_lighten);
}

.insurance__history-item_old .insurance__history-item-status {
  color: var(--color-secondary);
}

@media (min-width: 678px) {
  .insurance__history-item-status {
    margin: 0;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.insurance__history-item-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
}

.insurance__history-item_old .insurance__history-item-title {
  color: var(--color-secondary);
}

.insurance__history-item_active .insurance__history-item-title {
  margin-bottom: 5px;
}

@media (min-width: 678px) {
  .insurance__history-item_active .insurance__history-item-title {
    margin: 5px 0 0;
  }
}
.insurance__history-item_important .insurance__history-item-title {
  margin-top: 5px;
  margin-bottom: 0;
}

@media (min-width: 678px) {
  .insurance__history-item-title {
    margin: 0;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.insurance__history-item-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
}

.insurance__history-item_old .insurance__history-item-date {
  color: var(--color-secondary);
}

@media (min-width: 678px) {
  .insurance__history-item-date {
    margin: 0;
    grid-column: 2/3;
    grid-row: 1/2;
    text-align: right;
  }
}
.insurance__history-item-price {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
}

.insurance__history-item_old .insurance__history-item-price {
  color: var(--color-secondary);
}

@media (min-width: 678px) {
  .insurance__history-item-price {
    margin: 0;
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: right;
  }
}
.insurance__history-item-price-value {
  font-weight: 600;
}

.insurance__history-load-more {
  display: grid;
  margin-top: 40px;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
}

.insurance__about {
  margin-top: 50px;
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
}

.recovery {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 600px) {
  .recovery {
    max-width: 355px;
  }
}
@media (min-width: 600px) {
  .recovery_forgot {
    max-width: 542px;
  }
}
.recovery__header {
  text-align: center;
  margin-bottom: 30px;
}

.recovery__header-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 10px;
}

@media (min-width: 600px) {
  .recovery__header-title-desctop-hidden-text {
    display: none;
  }
}
.recovery__header-links {
  display: flex;
  gap: 16px;
  justify-content: center;
}

@media (min-width: 600px) {
  .recovery__header-links {
    display: none;
  }
}
.recovery__header-links a {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-accent_lighten);
  text-decoration: none;
}

.recovery__header-links a:hover {
  text-decoration: underline;
}

.recovery__message {
  padding: 30px 20px 40px;
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 600px) {
  .recovery__message {
    margin-left: 0;
    margin-right: 0;
    padding: 30px 40px 40px;
    border-radius: 10px;
  }
}
.recovery__message img {
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.recovery__message p {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 17px;
}

.recovery__message p strong {
  font-weight: 500;
}

.recovery__message p a {
  text-decoration: none;
  color: var(--color-accent_lighten);
}

.recovery__message p a:hover {
  text-decoration: underline;
}

.recovery__message-button {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 30px;
}

@media (min-width: 600px) {
  .recovery__message-button {
    grid-template-columns: minmax(0, 275px);
    justify-content: center;
  }
}
.recovery__grid {
  padding: 40px 20px 50px;
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  display: grid;
  gap: 20px;
}

.recovery__grid_1 {
  min-height: 378px;
}

.recovery__grid_2 {
  min-height: 378px;
  align-content: flex-start;
}

.recovery__grid_3 .recovery__form-button {
  margin-top: 10px;
}

@media (min-width: 600px) {
  .recovery__grid {
    margin-left: 0;
    margin-right: 0;
    padding: 40px 40px 50px;
    border-radius: 10px;
  }
}
.recovery__grid p {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 10px;
}

.recovery__form-button {
  margin-top: -10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.recovery__tabs-header {
  display: none;
}

@media (min-width: 600px) {
  .recovery__tabs-header {
    display: flex;
  }
}
.recovery__tabs-header-item {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  text-align: center;
  border: none;
  background: transparent;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-accent_lighten);
}

.recovery__tabs-header-item_active {
  background: var(--color-bg-white);
  color: var(--color-primary);
  padding: 20px 5px;
  border-radius: 10px 10px 0 0;
  position: relative;
}

.recovery__tabs-header-item_active::after {
  width: 100%;
  height: 10px;
  top: 100%;
  left: 0;
  background: var(--color-bg-white);
  display: block;
  content: "";
  position: absolute;
}

.recovery__tabs-content-item {
  display: none;
}

.recovery__tabs-content-item_active {
  display: block;
}

.recovery__links {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
}

.recovery__links-item {
  display: block;
}

.recovery__links-item:not(:last-child) {
  margin-bottom: 15px;
}

.recovery__links-element {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-accent_lighten);
  text-decoration: none;
}

.recovery__links-element:hover {
  text-decoration: underline;
}

.recovery__code {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
  align-content: flex-start;
}

@media (min-width: 375px) {
  .recovery__code {
    grid-template-columns: minmax(0, 1fr) minmax(0, 136px);
  }
}
@media (min-width: 600px) {
  .recovery__code {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 375px) {
  .recovery__code .button {
    margin-top: 27px;
  }
}
@media (min-width: 600px) {
  .recovery__code .button {
    margin-top: 0;
  }
}
.recovery__code-message {
  grid-column: 1/-1;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
}

.password-checker {
  display: grid;
}

.password-checker__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
  text-align: center;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.password-checker__result {
  margin-top: 5px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-success);
  display: flex;
  align-items: center;
}

.password-checker__result-icon {
  margin-right: 7px;
}

.password-checker__button {
  display: grid;
  margin-top: 30px;
}

.password {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 600px) {
  .password {
    max-width: 355px;
  }
}

.password__header {
  text-align: center;
  margin-bottom: 30px;
}

.password__header-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.password__header-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 10px;
}

.password__grid {
  padding: 40px 20px 50px;
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  display: grid;
  gap: 20px;
}

.modal .password__grid {
  padding: 0 20px;
}
@media (min-width: 600px) {
  .modal .password__grid {
    padding: 0;
  }
}

@media (min-width: 600px) {
  .password__grid {
    margin-left: 0;
    margin-right: 0;
    padding: 40px 40px 50px;
    border-radius: 10px;
  }
}
.password__form-button {
  margin-top: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.password__form-password-link {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
  text-decoration: none;
}

.password__form-password-link:hover {
  text-decoration: underline;
}

.password__result {
  padding: 120px 20px;
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
}

.password__result_small {
  padding: 52px 0;
}

@media (min-width: 600px) {
  .password__result {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 10px;
  }
}
.password__result-title {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 40px;
}

.password__result-icon {
  width: 60px;
  height: 60px;
  background: var(--color-success);
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  position: relative;
}

.password__result-icon::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5 10.5L15.375 25.5L7.5 18.6818' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.password__result-button {
  display: grid;
}

@media (min-width: 678px) {
  .external > * {
    max-width: 355px;
    margin-left: auto;
    margin-right: auto;
  }
  .external > *.agreement {
    max-width: 542px;
  }
}
.external__header {
  margin-bottom: 30px;
}

.external__header-title {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 10px;
}

.external__header-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.external__header-desc-price {
  font-weight: 600;
}

.external__grid {
  display: grid;
  gap: 10px;
}

.external__card {
  background: var(--color-bg-white);
  padding: 30px 20px;
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 678px) {
  .external__card {
    padding: 40px 40px;
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
  }
}
.external__form {
  display: grid;
  gap: 20px;
  padding-bottom: 10px;
}

.external__form-button {
  display: grid;
  margin-top: 10px;
}

.external__debt {
  padding-bottom: 10px;
}

@media (min-width: 678px) {
  .external__debt {
    padding-left: 7px;
    padding-right: 7px;
  }
}
.external__debt_no-info {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 678px) {
  .external__debt_no-info {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.external__debt-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 30px;
}

.external__debt-title-value {
  font-weight: 600;
}

.external__debt-to-pay-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 10px;
}

.external__debt-to-pay-size {
  font-weight: 400;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 23px;
}

.external__debt_over .external__debt-to-pay-size {
  color: var(--color-error);
}

.external__debt-to-pay-size-value {
  font-weight: 600;
}

.external__debt-button {
  display: grid;
  margin-bottom: 10px;
}

.external__debt-subinfo {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
  text-align: center;
}

.external__debt_over .external__debt-subinfo {
  color: var(--color-error);
}

.external__debt-subinfo-value {
  font-weight: 400;
}

.external__debt-message {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.external-pay__result {
  padding: 40px 20px;
  margin-left: -20px;
  margin-right: -20px;
  background: var(--color-bg-white);
}

@media (min-width: 678px) {
  .external-pay__result {
    margin-left: auto;
    margin-right: auto;
    width: 355px;
    border-radius: 10px;
    padding: 40px 40px 50px;
  }
}
@media (min-width: 678px) {
  .cashback {
    max-width: 542px;
    margin-left: auto;
    margin-right: auto;
  }
}
.cashback__header {
  text-align: center;
  margin-bottom: 30px;
}

.cashback__header-title {
  text-align: center;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.cashback__header-value {
  text-align: center;
  font-weight: 400;
  font-size: 34px;
  line-height: 42px;
  margin-bottom: 10px;
}

.cashback__header-value-counter {
  font-weight: 600;
}

.cashback__header-more-button {
  display: inline-flex;
  margin-left: auto;
  margin-right: auto;
  border: none;
  padding: 0;
  background: none;
  align-items: center;
}

.cashback__header-more-button:hover .cashback__header-more-button-title {
  text-decoration: underline;
}

.cashback__header-more-button_active .cashback__header-more-button-title {
  color: var(--color-secondary);
}

.cashback__header-more-button_active .cashback__header-more-button-arrow {
  transform: rotate(180deg);
}

.cashback__header-more-button_active .cashback__header-more-button-arrow svg {
  stroke: var(--color-secondary);
}

.cashback__header-more-button-title {
  margin-right: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-accent_lighten);
  transition: all 0.2s ease-in;
}

.cashback__header-more-button-arrow {
  transition: all 0.2s ease-in;
}

.cashback__header-more-button-arrow svg {
  stroke: var(--color-accent_lighten);
  transition: all 0.2s ease-in;
}

.cashback__header-desc {
  display: none;
  padding: 30px 0 10px;
}

.cashback__header-desc_active {
  display: block;
}

.cashback__header-desc p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.cashback__header-desc p:not(:last-child) {
  margin-bottom: 16px;
}

.cashback__gird {
  display: grid;
  gap: 10px;
}

.cashback__get-item {
  display: grid;
  justify-content: center;
  align-items: center;
  background: var(--color-bg-ternary);
  padding: 30px 20px 37px;
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 678px) {
  .cashback__get-item {
    margin-left: 0;
    margin-right: 0;
    padding: 30px 40px;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(0, 200px);
    text-align: left;
    border-radius: 10px;
  }
}
.cashback__get-item-title {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
}

.cashback__get-item-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 20px;
}

@media (min-width: 678px) {
  .cashback__get-item-desc {
    margin-bottom: 0;
  }
}
.cashback__get-item-desc-counter {
  font-weight: 500;
}

.cashback__get-item-button {
  display: grid;
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
}

@media (min-width: 678px) {
  .cashback__get-item-button {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.cashback__item {
  display: grid;
  align-items: flex-start;
  background: var(--color-bg-white);
  padding: 30px 20px;
  margin-left: -20px;
  margin-right: -20px;
  color: var(--color-secondary);
}

@media (min-width: 678px) {
  .cashback__item {
    margin-left: 0;
    margin-right: 0;
    padding: 30px 40px 28px;
    gap: 10px;
    align-content: center;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    border-radius: 10px;
  }
}
.cashback__item_active {
  color: var(--color-primary);
}

.cashback__item_active .cashback__item-status-title {
  color: var(--color-success);
}

.cashback__item_active .cashback__item-status-icon svg {
  fill: var(--color-success);
}

.cashback__item-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
}

@media (min-width: 678px) {
  .cashback__item-date {
    margin: 0;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.cashback__item-price {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
  grid-row: 2/3;
}

@media (min-width: 678px) {
  .cashback__item-price {
    margin: 0;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.cashback__item-price-counter {
  font-weight: 600;
}

.cashback__item-code {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 16px;
}

@media (min-width: 678px) {
  .cashback__item-code {
    margin: 0;
    grid-column: 2/3;
    grid-row: 1/2;
    text-align: right;
  }
}
.cashback__item-status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media (min-width: 678px) {
  .cashback__item-status {
    margin: 0;
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: right;
    justify-content: flex-end;
  }
}
.cashback__item-status-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-right: 5px;
}

.cashback__item-status-icon svg {
  fill: var(--color-secondary);
}

.cashback__more-button {
  display: grid;
  justify-content: center;
  grid-template-columns: minmax(0, 260px);
  margin-top: 50px;
}

.cashback-calculator__slider {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 30px;
  align-items: center;
}

.cashback-calculator__slider-element {
  grid-column: 1/-1;
  margin-top: 18px;
}

.cashback-calculator__slider-value-counter-currency {
  font-weight: 400;
}

.cashback-calculator__slider-value {
  text-align: right;
  margin-left: auto;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

.cashback-calculator__slider-value-counter-title_currency {
  font-weight: 400;
}

.cashback-calculator__slider-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.cashback-calculator__slider-range {
  display: flex;
  grid-column: 1/-1;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-secondary);
  margin-top: 10px;
}

.cashback-calculator__result {
  text-align: center;
  margin-top: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.cashback-calculator__result-title {
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}

.cashback-calculator__result-value {
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: var(--color-accent_lighten);
  display: block;
  margin-top: 5px;
}

.cashback-calculator__result-value span {
  font-weight: 600;
}

.cashback-calculator__button {
  display: grid;
  margin-top: 30px;
}

.use-cashback {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: -10px;
}

.use-cashback__price {
  font-weight: 600;
}

.news {
  padding: 120px 0 0;
}
.news h1 {
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 34px;
  line-height: 40px;
}
@media (min-width: 992px) {
  .news {
    padding: 120px 0 80px;
    background: var(--color-bg-secondary);
  }
}

.news-wrapper {
  background: var(--color-bg-secondary);
}
@media (min-width: 992px) {
  .news-wrapper {
    padding: 0 0 80px;
    background-color: var(--color-bg-white);
  }
}

.news__grid {
  display: grid;
  gap: 10px;
}
@media (min-width: 992px) {
  .news__grid {
    gap: 30px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 355px);
  }
}

.news__list {
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.news__list a {
  color: var(--color-primary);
  text-decoration: none;
}
.news__list a:hover {
  color: var(--color-primary);
  text-decoration: none;
}
@media (min-width: 992px) {
  .news__list {
    margin-left: 0;
    margin-right: 0;
    border-radius: 10px;
  }
}

.news__sidebar-wrapper {
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  display: grid;
  grid-template-columns: minmax(0, 540px);
  justify-content: center;
}
.news__sidebar-wrapper .modal__wrapper {
  box-shadow: none;
  max-height: max-content;
}
@media (min-width: 992px) {
  .news__sidebar-wrapper {
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    position: sticky;
    top: 130px;
  }
}

.news__load-button {
  align-self: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .news__load-button {
    margin-bottom: 0;
  }
}

.note {
  padding: 120px 0 0;
}
@media (min-width: 992px) {
  .note {
    padding: 120px 0 80px;
    background: var(--color-bg-secondary);
  }
}

.note-wrapper {
  background: var(--color-bg-secondary);
}
@media (min-width: 992px) {
  .note-wrapper {
    padding: 0 0 80px;
    background-color: var(--color-bg-white);
  }
}

.note__header {
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-bottom: 40px;
}

.note__title {
  font-weight: 700;
  font-size: 34px;
  line-height: 40px;
}

.note__backlink {
  color: var(--color-accent_lighten);
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.note__backlink:hover .note__backlink-arrow {
  transform: translate(-5px);
}

.note__backlink-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.note__backlink-arrow {
  display: block;
  width: 7px;
  height: 12px;
  margin-right: 7px;
  transition: all 0.2s ease-in;
}
.note__backlink-arrow svg {
  width: 100%;
  height: auto;
  stroke: var(--color-accent_lighten);
}

.note__grid {
  display: grid;
  gap: 10px;
}
@media (min-width: 992px) {
  .note__grid {
    gap: 30px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 355px);
  }
}

.note__content {
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .note__content {
    margin-left: 0;
    margin-right: 0;
  }
}

.note__content-image {
  background-color: var(--color-bg-white);
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 310px;
}
@media (min-width: 992px) {
  .note__content-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}

.note__content-image-plug {
  background-color: var(--color-bg-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.note__content-image-plug img {
  transform: scale(1.5);
}
@media (min-width: 992px) {
  .note__content-image-plug img {
    transform: scale(2);
  }
}

.note__content-wrapper {
  background: var(--color-bg-white);
  padding: 40px 20px 50px;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .note__content-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.note__content-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.note__content-text p:not(:last-child) {
  margin-bottom: 11px;
}
.note__content-text ul {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.note__content-text ul:not(:last-child) {
  margin-bottom: 11px;
}
.note__content-text ul li {
  display: block;
  padding-left: 20px;
  position: relative;
}
.note__content-text ul li:before {
  content: "•";
  display: block;
  top: 0;
  left: 6px;
  position: absolute;
}
.note__content-text ol {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.note__content-text ol:not(:last-child) {
  margin-bottom: 11px;
}
.note__content-text ol li {
  margin-left: 20px;
  position: relative;
}
.note__content-text h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
}
.note__content-text h2:not(:first-child) {
  margin-top: 30px;
}
.note__content-text h2:first-child {
  margin-top: 0;
}
.note__content-text h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}
.note__content-text h3:not(:first-child) {
  margin-top: 30px;
}
.note__content-text h3:first-child {
  margin-top: 0;
}

.note__content-date {
  font-size: 13px;
  margin-top: 30px;
  color: var(--color-secondary);
}

.note__button-wrapper {
  margin-top: 30px;
  margin-bottom: 40px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.note__button-wrapper #next {
  margin-left: auto;
}
@media (min-width: 997px) {
  .note__button-wrapper {
    padding: 0;
    margin-bottom: 0;
  }
}

.note__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  align-self: center;
  width: 140px;
  font-size: 14px;
  background: var(--white-button-bg);
  color: var(--white-button-color);
  stroke: var(--white-button-color);
  border-radius: 10px;
  border: none;
  padding: 1rem 12px;
  transition: all 0.2s ease-in;
}
@media (min-width: 992px) {
  .note__button:hover {
    background: var(--white-button-bg_hover);
    color: var(--white-button-color_hover);
  }
  .note__button:hover .note__button-arrow {
    filter: invert(99%) sepia(99%) saturate(0%) hue-rotate(15deg) brightness(106%) contrast(100%);
  }
}

.note__button-arrow {
  height: 1rem;
  transition: all 0.2s ease-in;
  filter: invert(55%) sepia(68%) saturate(774%) hue-rotate(149deg) brightness(93%) contrast(104%);
}

.note__button-arrow._left {
  rotate: -90deg;
}

.note__button-arrow._right {
  rotate: 90deg;
}

.note__sidebar-wrapper {
  background: var(--color-bg-white);
  margin-left: -20px;
  margin-right: -20px;
  padding: 40px 20px 50px;
  display: grid;
  grid-template-columns: minmax(0, 540px);
  justify-content: center;
}
@media (min-width: 992px) {
  .note__sidebar-wrapper {
    border-radius: 10px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 0;
    position: sticky;
    top: 130px;
  }
}

.infoEmail {
    text-align: center;
    padding: 50px 0;
    max-width: 731px;
    margin: 0 auto;
    background-color: white;
}

    .infoEmail img {
        margin-right: 16px;
    }

/*infoEmailBgBottom {
    background-color: #F5FDFF;
}*/