.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-moz-selection {
  color: #fff;
  background: #2563eb;
}

::selection {
  color: #fff;
  background: #2563eb;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
@media (pointer: coarse) {
  ::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

::-webkit-scrollbar-track {
  background-color: #eaf0fd;
}

::-webkit-scrollbar-thumb {
  background-color: #2563eb;
  border-radius: 999px;
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: #2563eb #eaf0fd;
  }
}
::-webkit-input-placeholder {
  color: #a0a3a9;
  opacity: 1;
}
::-webkit-input-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::-moz-placeholder,
::placeholder {
  color: #a0a3a9;
  opacity: 1;
}

:focus::-webkit-input-placeholder {
  color: transparent !important;
}

:focus::-webkit-input-placeholder,
:focus:-ms-input-placeholder,
:focus::-ms-input-placeholder,
:focus::-moz-placeholder,
:focus::placeholder {
  color: transparent !important;
}

a,
input,
textarea,
select,
button {
  font-family: inherit;
  color: inherit;
  font-family: "Montserrat", sans-serif;
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  font-variant-numeric: lining-nums;
}

textarea {
  resize: none;
}

a {
  text-decoration: none;
}

a,
input[type=button],
input[type=submit],
button {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

[disabled] {
  cursor: not-allowed;
}

picture,
video,
img,
svg {
  display: block;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.br {
  display: block;
}

.rotate180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
@media (min-width: 992px) {
  html {
    scroll-padding-top: 120px;
  }
}
@media (min-width: 1200px) {
  html {
    scroll-padding-top: 180px;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  font-optical-sizing: auto;
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  font-variant-numeric: lining-nums;
  min-width: 360px;
  font-family: "Montserrat", sans-serif;
  color: #111827;
}

.app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
  gap: 40px;
}
@media (min-width: 992px) {
  .app {
    gap: 60px;
  }
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
    max-width: 1300px;
  }
}

.title {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 992px) {
  .title {
    font-size: 32px;
    line-height: 44px;
  }
}
.title span {
  color: #2563eb;
}

.subtitle {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .subtitle {
    font-size: 28px;
    line-height: 36px;
  }
}
.subtitle span {
  color: #2563eb;
}

.tabs {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabs__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 8px;
}
@media (min-width: 992px) {
  .tabs__inner {
    gap: 12px;
  }
}
.tabs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid transparent;
  padding: 0 12px;
  background: #fbfcff;
  height: 36px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border-radius: 10px;
  white-space: nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .tabs__item {
    padding: 0 16px;
  }
}
.tabs__item:hover {
  background: #eaf0fd;
  border-color: #eaf0fd;
}
.tabs__item.active {
  background: #fbfcff;
  color: #1e4fbc;
  border-color: #1e4fbc;
}
.tabs__button {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  background: #fff;
  border: none;
  padding: 0;
}
.tabs__button:hover {
  color: #2563eb;
}
.tabs__button_hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.tabs__button_prev {
  padding-left: 5px;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), to(transparent));
  background: linear-gradient(90deg, #fff 10%, transparent 100%);
}
.tabs__button_prev:hover {
  padding-left: 0;
}
.tabs__button_next {
  padding-right: 5px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  right: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(10%, #fff), to(transparent));
  background: linear-gradient(270deg, #fff 10%, transparent 100%);
}
.tabs__button_next:hover {
  padding-right: 0;
}

.swiper {
  margin: 0;
}
.swiper-navs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 88px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper-navs__item {
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  background: none;
  color: #2563eb;
  border: 1px solid #d3e0fb;
  border-radius: 12px;
}
.swiper-navs__item:hover {
  color: #fff;
  background: #2563eb;
  border-color: #2563eb;
}
.swiper-navs__item:active {
  background: #163b8d;
  border-color: #163b8d;
}
.swiper-navs__item[disabled] {
  background: none;
  color: #eaf0fd;
  border-color: #eaf0fd;
}
.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  position: static;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .swiper-pagination {
    margin-top: 24px;
  }
}
.swiper-pagination-lock {
  display: none;
}
.swiper-pagination-bullet {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 36px;
  height: 4px;
  margin: 0 !important;
  background: #f3f3f4;
  border-radius: 999px;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.swiper-pagination-bullet:hover {
  background: #d3e0fb;
}
.swiper-pagination-bullet-active {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  max-width: 60px;
  background: #2563eb;
  cursor: default !important;
}
.swiper-pagination-bullet-active:hover {
  background: #2563eb;
}

html body .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
html body .socials-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: #111827 url(../images/max.jpg) no-repeat 50%/cover;
  width: 36px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 10px;
}
html body .socials a {
  color: #fff;
}
html body .socials a:hover {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}

.breadcrumbs {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .breadcrumbs {
    margin-bottom: 40px;
  }
}
.breadcrumbs li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .breadcrumbs li {
    font-size: 14px;
    line-height: 20px;
  }
}
.breadcrumbs li:after {
  content: "";
  width: 4px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 999px;
  background: #111827;
}
.breadcrumbs li:last-child:after {
  display: none;
}
.breadcrumbs a {
  color: #111827;
}
.breadcrumbs a:hover {
  color: #2563eb;
}

.top-breadcrumbs {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .top-breadcrumbs {
    margin-bottom: 40px;
  }
}
.top-breadcrumbs .breadcrumbs {
  margin: 0;
}

.pagination__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .pagination {
    font-size: 14px;
    line-height: 20px;
  }
}
.pagination__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: 1px solid #e8e8ea;
  padding: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 8px;
  cursor: default;
}
.pagination__item.active {
  color: #fff;
  background: #2563eb;
  border-color: #2563eb;
}
.pagination a.pagination__item {
  cursor: pointer;
}
.pagination a.pagination__item:hover {
  border-color: #a8c1f7;
}
.pagination__dots {
  width: 30px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination__nav {
  width: 20px;
  height: 32px;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  margin-right: 12px;
}
@media (min-width: 992px) {
  .pagination__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.pagination__nav:hover {
  color: #2563eb;
}
.pagination__nav.hidden {
  visibility: hidden;
}
.pagination__item + .pagination__nav {
  margin: 0;
  margin-left: 12px;
}

.thing {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .thing {
    margin-top: 60px;
  }
}
.thing__wrapper {
  background: #fbfcff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .thing__wrapper {
    height: 240px;
    padding: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .thing__wrapper {
    padding: 20px;
    padding-left: 60px;
    height: 300px;
    border-radius: 24px;
  }
}
@media (min-width: 1200px) {
  .thing__wrapper {
    height: 400px;
  }
}
.thing__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px;
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
}
@media (min-width: 576px) {
  .thing__body {
    padding-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .thing__body {
    padding: 0;
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .thing__body {
    max-width: 344px;
  }
}
.thing__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .thing__title {
    font-size: 28px;
    line-height: 36px;
  }
}
.thing__text {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .thing__text {
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
  }
}
.thing__button {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .thing__button {
    margin-top: 40px;
  }
}
.thing picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  aspect-ratio: 328/286;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 576px) {
  .thing picture {
    display: none;
  }
}
@media (min-width: 768px) {
  .thing picture {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.thing img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.thing picture + picture {
  display: none;
  aspect-ratio: 918/400;
}
@media (min-width: 576px) {
  .thing picture + picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 768px) {
  .thing picture + picture {
    height: 100%;
  }
}

.k-k-s {
  display: none;
  width: 100%;
  max-width: 432px;
  position: fixed;
  z-index: 99;
  left: 0;
  bottom: 0;
  padding: 16px;
}
@media (min-width: 992px) {
  .k-k-s {
    max-width: 456px;
    padding: 28px;
  }
}
.k-k-s.active {
  display: block;
}
.k-k-s__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #d3e0fb;
  -webkit-box-shadow: 0px 2px 12px 0px rgba(17, 24, 39, 0.08);
  box-shadow: 0px 2px 12px 0px rgba(17, 24, 39, 0.08);
  padding: 16px;
}
.k-k-s__body picture {
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 992px) {
  .k-k-s__body picture {
    width: 48px;
  }
}
.k-k-s__body img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: contain;
  object-fit: contain;
}
.k-k-s__body div {
  width: calc(100% - 36px);
  padding-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
@media (min-width: 992px) {
  .k-k-s__body div {
    width: calc(100% - 48px);
    padding-left: 16px;
  }
}
.k-k-s__body div p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}

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

.mt0 {
  margin-top: 0 !important;
}

.ql-toolbar.ql-snow .ql-formats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.ql-toolbar.ql-snow .ql-formats > * + * {
  position: relative;
}
.ql-toolbar.ql-snow .ql-formats > * + *::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -7px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #a8c1f7;
}

.ql-editor.ql-blank::before {
  font-family: "Montserrat", sans-serif;
  color: #a0a3a9;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
}
@media (min-width: 992px) {
  .ql-editor.ql-blank::before {
    font-size: 14px;
    line-height: 20px;
  }
}

.ql-toolbar.ql-snow {
  background-color: #EAF0FD;
  border-radius: 12px 12px 0 0;
  border-bottom: none;
  border-color: #E6E6E6;
}

.ql-container.ql-snow {
  height: 200px;
  border-radius: 0 0 12px 12px;
  border-color: #E6E6E6;
}

.header-burger {
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  font-size: 14px;
  line-height: 20px;
}
.header-burger__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding-top: 88px;
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  .header-burger__body {
    padding-top: 116px;
    padding-bottom: 32px;
  }
}
.header-burger__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #e8e8ea;
  padding-bottom: 24px;
}
.header-burger__nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-burger__nav-item.active {
  color: #2563eb;
}
.header-burger__nav-item span {
  width: calc(100% - 16px);
  padding-right: 8px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.header-burger__nav-item i {
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
.header-burger__city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-burger__city i {
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
.header-burger__city span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 500;
  padding-left: 8px;
}
.header-burger__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
}
.header-burger__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-burger__contacts-item:hover {
  color: #2563eb;
}
.header-burger__contacts-item i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  color: #2563eb;
}
@media (min-width: 992px) {
  .header-burger__contacts-item i {
    width: 22px;
  }
}
.header-burger__contacts-item svg {
  height: 15px;
}
@media (min-width: 992px) {
  .header-burger__contacts-item svg {
    height: 17px;
  }
}
.header-burger__contacts-item span {
  font-weight: 500;
  max-width: calc(100% - 20px);
  padding-left: 8px;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .header-burger__contacts-item span {
    max-width: calc(100% - 22px);
    padding-left: 10px;
  }
}

.burger-actived {
  overflow: hidden;
}
@media (min-width: 1200px) {
  .burger-actived {
    overflow: visible;
  }
}
.burger-actived .header-burger {
  opacity: 1;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  overflow-y: auto;
}
@media (min-width: 1200px) {
  .burger-actived .header-burger {
    display: none;
  }
}
.burger-actived .header__burger svg {
  opacity: 0;
}
.burger-actived .header__burger svg + svg {
  opacity: 1;
}

.header-user {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  z-index: 100;
  background: rgba(17, 24, 39, 0.4);
  backdrop-filter: blur(8px);
}
.header-user__overlay {
  padding: 0;
  cursor: default;
  background: none;
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header-user__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  position: fixed;
  top: 88px;
  left: 16px;
  width: calc(100% - 32px);
}
.header-user__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  margin-bottom: 12px;
}
.header-user__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.header-user__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #70747d;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  border-radius: 12px;
  border: 1px solid #eaf0fd;
  padding: 12px;
}
.header-user__list-item.active {
  background: #eaf0fd;
  color: #111827;
}
.header-user__list-item.active i {
  color: #2563eb;
}
.header-user__list-item i {
  width: 24px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header-user__list-item span {
  width: calc(100% - 24px);
  padding-left: 12px;
}

.user-actived {
  overflow: hidden;
}
@media (min-width: 992px) {
  .user-actived {
    overflow: visible;
  }
}
.user-actived header {
  height: 72px;
}
.user-actived .header__user svg {
  opacity: 0;
}
.user-actived .header__user svg + svg {
  opacity: 1;
}
.user-actived .header-user {
  opacity: 1;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (min-width: 992px) {
  .user-actived .header-user {
    display: none;
  }
}
.user-actived .hero {
  padding-top: 16px;
}
@media (min-width: 992px) {
  .user-actived .hero {
    padding-top: 0;
  }
}

.header-search {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  z-index: 102;
  background: rgba(17, 24, 39, 0.4);
  backdrop-filter: blur(8px);
}
@media (min-width: 992px) {
  .header-search {
    z-index: 100;
  }
}
.header-search__overlay {
  padding: 0;
  cursor: default;
  background: none;
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header-search__body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .header-search__body {
    border-radius: 24px;
    padding: 20px;
    padding-right: 10px;
    top: 120px;
    overflow: visible;
    left: 50%;
    width: calc(100% - 48px);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    height: auto;
    max-width: 1324px;
  }
}
@media (min-width: 1200px) {
  .header-search__body {
    top: 172px;
  }
}
.header-search__top {
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .header-search__top {
    display: none;
  }
}
.header-search__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header-search__back {
  padding: 0;
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}
.header-search__back:hover {
  color: #2563eb;
}
.header-search__back i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  color: #2563eb;
}
.header-search__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  color: #2563eb;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
}
.header-search__close:hover {
  color: #111827;
}
.header-search__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  position: relative;
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 88px;
}
@media (min-width: 992px) {
  .header-search__list {
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    height: 60vh;
    max-height: 60vh;
    gap: 0;
    padding-right: 10px;
  }
}
.header-search__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .header-search__list-item {
    padding: 16px;
    border: 1px solid #fff;
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .header-search__list-item:hover {
    border-color: #a8c1f7;
  }
}
.header-search__list-item b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 999px;
  background: #f4f7fe;
  padding: 8px 16px;
}
.header-search__list-item span {
  width: 100%;
}
@media (min-width: 992px) {
  .header-search__list-item span {
    font-size: 14px;
    line-height: 20px;
  }
}
.header-search__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 2;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px -2px 8px 0px rgba(17, 24, 39, 0.0784313725);
  box-shadow: 0px -2px 8px 0px rgba(17, 24, 39, 0.0784313725);
  border-radius: 20px 20px 0 0;
  padding: 16px;
}
@media (min-width: 992px) {
  .header-search__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    padding-top: 24px;
    padding-right: 10px;
  }
}
.header-search__bottom .button {
  background: #f4f7fe;
  border-color: #f4f7fe;
  color: #2563eb;
}

.search-actived {
  overflow: hidden;
}
.search-actived .header-search {
  opacity: 1;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

header {
  position: relative;
  z-index: 101;
  height: 88px;
}
@media (min-width: 992px) {
  header {
    height: 120px;
  }
}
@media (min-width: 1200px) {
  header {
    height: 180px;
  }
}

.header {
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #d3e0fb;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(17, 24, 39, 0.08);
  box-shadow: 0px 2px 8px 0px rgba(17, 24, 39, 0.08);
  border-radius: 0 0 20px 20px;
}
@media (min-width: 992px) {
  .header {
    -webkit-box-shadow: 0px 2px 12px 0px rgba(17, 24, 39, 0.08);
    box-shadow: 0px 2px 12px 0px rgba(17, 24, 39, 0.08);
    border-radius: 0 0 28px 28px;
  }
}
.header__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 71px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .header__body {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .header__body {
    height: 91px;
  }
}
@media (min-width: 1200px) {
  .header__body {
    grid-template-columns: auto 580px;
    gap: 16px;
    height: auto;
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f4;
  }
}
@media (min-width: 1300px) {
  .header__body {
    gap: 28px;
  }
}
.header__body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1300px) {
  .header__body-left {
    gap: 28px;
  }
}
.header__body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 20px;
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 142px;
  height: 40px;
  border-radius: 10px;
  background: #f4f7fe;
}
@media (min-width: 1300px) {
  .header__logo {
    width: 222px;
    height: 52px;
    border-radius: 12px;
  }
}
.header__logo svg {
  width: 110px;
  height: auto;
  aspect-ratio: 182/20;
}
@media (min-width: 1300px) {
  .header__logo svg {
    width: 182px;
  }
}
.header__links {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1200px) {
  .header__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1300px) {
  .header__links {
    font-size: 14px;
    line-height: 20px;
    gap: 16px;
  }
}
.header__links > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.header__links > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 36px;
  padding: 2px 0;
  position: relative;
}
.header__links > li > a:hover {
  color: #2563eb;
}
.header__links > li > a:after {
  content: "";
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #2563eb;
  width: 100%;
  height: 2px;
  border-radius: 0 0 8px 8px;
}
.header__links > li.active > a:after {
  display: block;
}
.header__links > li > div {
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
.header__links > li:hover > div {
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  overflow: visible;
  padding-top: 4px;
}
.header__links > li > div > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #fff;
  border: 1px solid #d3e0fb;
  border-radius: 12px;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(17, 24, 39, 0.12);
  box-shadow: 0px 4px 8px 0px rgba(17, 24, 39, 0.12);
}
.header__links > li > div > span > a:hover {
  color: #2563eb;
}
.header .search {
  display: none;
  max-width: 380px;
}
@media (min-width: 992px) {
  .header .search {
    display: block;
  }
}
.header__sign {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  background: #f4f7fe;
  height: 40px;
  padding: 0;
  width: 115px;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .header__sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__sign i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  position: relative;
}
.header__sign svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__sign svg + svg {
  opacity: 0;
}
.header__sign span {
  max-width: calc(100% - 20px);
  padding-left: 8px;
}
.header__sign:hover, .header__sign.active {
  background: #eaf0fd;
}
.header__sign:hover svg, .header__sign.active svg {
  opacity: 0;
  color: #2563eb;
}
.header__sign:hover svg + svg, .header__sign.active svg + svg {
  opacity: 1;
}
.header__sign + .header__sign {
  display: none;
}
.header__marker {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  padding: 0;
  background: #fafafb;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  color: #2563eb;
}
@media (min-width: 992px) {
  .header__marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__marker:hover {
  background: #eaf0fd;
}
.header__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1200px) {
  .header__controls {
    display: none;
  }
}
.header__controls-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-right: 17px;
}
@media (min-width: 992px) {
  .header__controls-item {
    display: none;
  }
}
.header__controls-item:after {
  content: "";
  width: 1px;
  height: 20px;
  background: #e8e8ea;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  border-radius: 999px;
}
.header__controls-item:last-child {
  padding-right: 0;
}
@media (min-width: 992px) {
  .header__controls-item:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__controls-item:last-child:after {
  display: none;
}
.header__controls-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  background: none;
  height: auto;
  aspect-ratio: 1;
  color: #2563eb;
  border: none;
  padding: 0;
  position: relative;
}
.header__controls-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__burger svg + svg, .header__user svg + svg {
  opacity: 0;
}
.header__burger {
  color: #111827;
}
.header__user + .header__user {
  display: none;
}
.header__menu {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__menu > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 60px;
  padding: 2px 0;
}
.header__menu > li:after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #2563eb;
  width: 100%;
  height: 2px;
  border-radius: 8px 8px 0 0;
}
.header__menu > li.active:after {
  display: block;
}
.header__menu > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
}
.header__menu > li > a:hover {
  color: #2563eb;
}
.header__menu > li > a > span {
  color: #70747d;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__menu > li > a:hover > span {
  color: #2563eb;
}
.header__menu > li > div {
  display: none;
  position: absolute;
  top: 54px;
  left: 0;
  width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  font-weight: 400;
}
.header__menu > li:last-child > div {
  left: auto;
  right: 0;
}
.header__menu > li:hover > div {
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  overflow: visible;
}
.header__menu > li > div > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #fff;
  border: 1px solid #d3e0fb;
  border-radius: 12px;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(17, 24, 39, 0.12);
  box-shadow: 0px 4px 8px 0px rgba(17, 24, 39, 0.12);
}
.header__menu > li > div > span > a:hover, .header__menu > li > div > span > a.active {
  color: #2563eb;
}

.authorized .header__user {
  display: none;
}
.authorized .header__user + .header__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.authorized .header__sign {
  display: none;
}
@media (min-width: 992px) {
  .authorized .header__sign + .header__sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 992px) {
  .hero {
    padding-top: 10px;
  }
}
.hero__title {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .hero__title {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 20px;
  }
}
.hero__title span {
  color: #2563eb;
}
.hero__items {
  display: grid;
  gap: 8px;
}
@media (min-width: 768px) {
  .hero__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .hero__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .hero__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
.hero__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  background: #fafafb;
  padding: 0 12px;
  font-size: 12px;
  line-height: 16px;
  height: 76px;
}
@media (min-width: 992px) {
  .hero__item {
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 12px;
  }
}
.hero__item:last-child {
  height: 68px;
}
@media (min-width: 768px) {
  .hero__item:last-child {
    height: auto;
  }
}
.hero__item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding-right: 20px;
  width: calc(100% - 52px);
}
@media (min-width: 992px) {
  .hero__item span {
    width: 100%;
  }
}
.hero__item b {
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .hero__item b {
    font-size: 18px;
    line-height: 24px;
  }
}
.hero__item:hover b {
  color: #2563eb;
}
.hero__item i {
  font-style: normal;
  overflow: hidden;
  height: 32px;
}
@media (min-width: 992px) {
  .hero__item i {
    height: 40px;
  }
}
.hero__item:last-child i {
  display: none;
}
@media (min-width: 992px) {
  .hero__item:last-child i {
    display: block;
  }
}
.hero__item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 52px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .hero__item picture {
    width: 152px;
  }
}
.hero__item:hover picture {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.hero__item img {
  width: 100%;
  height: 44px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 992px) {
  .hero__item img {
    height: 104px;
  }
}

.top-hero {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .top-hero {
    margin-bottom: 60px;
  }
}
.top-hero__body {
  padding: 16px;
  border-radius: 16px;
  background: #fafafb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px 0;
}
@media (min-width: 768px) {
  .top-hero__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .top-hero__body {
    padding: 40px;
    min-height: 440px;
  }
}
@media (min-width: 1200px) {
  .top-hero__body {
    padding: 20px 40px;
  }
}
.top-hero__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .top-hero__left {
    width: calc(100% - 300px);
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .top-hero__left {
    width: calc(100% - 400px);
  }
}
@media (min-width: 1200px) {
  .top-hero__left {
    width: calc(100% - 520px);
  }
}
.top-hero__right {
  width: 100%;
  height: auto;
  aspect-ratio: 52/34;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .top-hero__right {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .top-hero__right {
    width: 400px;
  }
}
@media (min-width: 1200px) {
  .top-hero__right {
    width: 520px;
  }
}
.top-hero__right img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.top-hero__title {
  width: 100%;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 992px) {
  .top-hero__title {
    font-size: 32px;
    line-height: 44px;
  }
}
.top-hero__text {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 992px) {
  .top-hero__text {
    font-size: 16px;
    line-height: 22px;
    gap: 12px;
  }
}
.top-hero__text p {
  margin: 0;
}
.top-hero__button {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .top-hero__button {
    margin-top: 40px;
  }
}
.top-hero__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
  margin: 24px 0 0;
}
@media (min-width: 768px) {
  .top-hero__items {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    max-width: 488px;
  }
}
@media (min-width: 992px) {
  .top-hero__items {
    margin-top: 28px;
  }
}
.top-hero__item {
  padding: 12px 16px;
  grid-column: span 2;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 12px;
}
.top-hero__item:nth-child(n+2) {
  grid-column: span 1;
}
.top-hero__item a,
.top-hero__item span,
.top-hero__item b,
.top-hero__item strong {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
}

@media (min-width: 1200px) {
  .top-hero--mod-correcting .top-hero__left {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (min-width: 768px) {
  .top-hero--mod-correcting .top-hero__right {
    aspect-ratio: auto;
  }
}
@media (min-width: 768px) {
  .top-hero--mod-correcting .top-hero__right img {
    position: static;
  }
}

.search {
  width: 100%;
  height: 40px;
  position: relative;
}
.search i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #a0a3a9;
  position: absolute;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  top: 50%;
  left: 15px;
  margin-top: -10px;
  z-index: 2;
}
.search input {
  display: block;
  padding: 0;
  padding-left: 43px;
  padding-right: 87px;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
  background: #fff;
  font-size: 12px;
  line-height: 1;
  color: #111827;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .search input {
    font-size: 14px;
  }
}
.search input:hover {
  border-color: #a8c1f7;
}
.search input:focus {
  border-color: #2563eb;
}
.search button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  padding: 0;
  width: 72px;
  height: 32px;
  background: #2563eb;
  color: #fff;
  border-radius: 8px;
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 4px;
  margin-top: -16px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.search button:hover {
  background: #1e4fbc;
}
.search button:active {
  background: #163b8d;
}

.fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.fields__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 992px) {
  .field {
    gap: 8px;
  }
}
.field > span,
.field > b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .field > span,
  .field > b {
    font-size: 14px;
    line-height: 20px;
  }
}
.field > span svg,
.field > b svg {
  color: #2563eb;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.field > span svg:hover,
.field > b svg:hover {
  color: #111827;
}
.field > span i,
.field > b i {
  font-style: normal;
  color: #2563eb;
  margin-left: -8px;
}
.field b {
  font-weight: 600;
}
.field__inner {
  position: relative;
}
.field__inner input {
  display: block;
  width: 100%;
  padding-right: 56px;
}
.field__inner input:disabled + button {
  pointer-events: none;
}
.field .input,
.field .select .nice-select {
  width: 100%;
}
.field__radio-tabs {
  padding: 4px;
  border: 1px solid #eaf0fd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .field__radio-tabs {
    border-radius: 16px;
  }
}
.field__radio-tabs label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.field__radio-tabs input {
  display: none;
}
.field__radio-tabs span {
  font-size: 10px;
  line-height: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .field__radio-tabs span {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .field__radio-tabs span {
    font-size: 14px;
    height: 40px;
    border-radius: 12px;
  }
}
.field__radio-tabs :checked + span {
  background: #163b8d;
  color: #fff;
}
.field__radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.field__radios label {
  border: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 16px;
  border-radius: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.field__radios input {
  display: none;
}
.field__radios i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #e8e8ea;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 999px;
}
.field__radios i:before {
  content: "";
  width: 8px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 999px;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.field__radios i svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  color: #fff;
}
.field__radios :checked + i {
  border-color: #2563eb;
  background: #2563eb;
}
.field__radios :checked + i:before {
  opacity: 1;
}
.field__radios [type=checkbox] + i {
  border-radius: 6px;
}
.field__radios [type=checkbox] + i:before {
  display: none;
}
.field__radios [type=checkbox]:checked + i svg {
  opacity: 1;
}
.field__radios span {
  width: calc(100% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.field__radios span svg {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  color: #2563eb;
}
.field__radios b {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 400;
  padding: 0 8px;
  width: calc(100% - 20px);
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .field__radios b {
    font-size: 14px;
    line-height: 20px;
  }
}
.field__radios picture {
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.field__radios img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}
.stars__item {
  width: 28px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #e8e8ea;
  background: none;
  border: none;
  padding: 0;
}
.stars__item:hover {
  opacity: 0.5;
  color: #facc15;
}
.stars__item.active {
  color: #facc15;
}
.stars__item.active:hover {
  opacity: 1;
}

.checkbox {
  position: relative;
  padding-left: 28px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.checkbox input {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: none;
  padding: 0;
  border: none;
  opacity: 0;
}
.checkbox i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  border-radius: 6px;
  border: 1px solid #e8e8ea;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.checkbox :checked + i {
  border-color: #2563eb;
  background: #2563eb;
}
.checkbox :checked + i svg {
  opacity: 1;
}
.checkbox span {
  font-size: 12px;
  line-height: 16px;
  padding-top: 2px;
}
@media (min-width: 992px) {
  .checkbox span {
    font-size: 14px;
    line-height: 20px;
    padding-top: 0;
  }
}
.checkbox span a {
  color: #2563eb;
  text-decoration: underline;
}
.checkbox span a:hover {
  color: #111827;
}
.checkbox:has(input:disabled) {
  cursor: not-allowed;
}
.checkbox :disabled + i {
  background: #d3e0fb;
  border-color: #d3e0fb;
}
.checkbox :disabled ~ span {
  color: #e8e8ea;
}

.input {
  display: block;
  background: #fff;
  border: 1px solid #e8e8ea;
  padding: 0 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 12px;
  height: 40px;
  color: #111827;
}
@media (min-width: 992px) {
  .input {
    font-size: 14px;
    line-height: 20px;
    height: 44px;
  }
}
.input:focus {
  border-color: #2563eb;
}
.input:disabled {
  color: #111827;
  background-color: #fafafb;
}
.input_rub {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.13772 17V3H10.9012C12.7874 3 14.2754 3.4 15.3653 4.2C16.4551 4.98667 17 6.14 17 7.66C17 9.18 16.4551 10.34 15.3653 11.14C14.2754 11.94 12.7874 12.34 10.9012 12.34H6.31138L7.25449 11.4V17H5.13772ZM7.25449 11.6L6.31138 10.68H10.9012C12.1866 10.68 13.1717 10.42 13.8563 9.9C14.5409 9.38 14.8832 8.64 14.8832 7.68C14.8832 6.73333 14.5409 6.00667 13.8563 5.5C13.1717 4.99333 12.1866 4.74 10.9012 4.74H6.31138L7.25449 3.74V11.6ZM3 14.66V13.52H11.9072V14.66H3Z" fill="%232563EB"/></svg>');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: calc(100% - 16px) 50%;
  padding-right: 48px;
}
@media (min-width: 992px) {
  .input_rub {
    background-size: 20px 20px;
    padding-right: 52px;
  }
}
.input_cal {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66602 10.0007C1.66602 6.85795 1.66602 5.28661 2.64233 4.3103C3.61864 3.33398 5.18999 3.33398 8.33268 3.33398H11.666C14.8087 3.33398 16.3801 3.33398 17.3564 4.3103C18.3327 5.28661 18.3327 6.85795 18.3327 10.0007V11.6673C18.3327 14.81 18.3327 16.3814 17.3564 17.3577C16.3801 18.334 14.8087 18.334 11.666 18.334H8.33268C5.18999 18.334 3.61864 18.334 2.64233 17.3577C1.66602 16.3814 1.66602 14.81 1.66602 11.6673V10.0007Z" stroke="%232563EB" stroke-width="1.5"/><path d="M5.83398 3.33398V2.08398" stroke="%232563EB" stroke-width="1.5" stroke-linecap="round"/><path d="M14.166 3.33398V2.08398" stroke="%232563EB" stroke-width="1.5" stroke-linecap="round"/><path d="M2.08398 7.5H17.9173" stroke="%232563EB" stroke-width="1.5" stroke-linecap="round"/><path d="M15.0007 14.1667C15.0007 14.6269 14.6276 15 14.1673 15C13.7071 15 13.334 14.6269 13.334 14.1667C13.334 13.7064 13.7071 13.3333 14.1673 13.3333C14.6276 13.3333 15.0007 13.7064 15.0007 14.1667Z" fill="%232563EB"/><path d="M15.0007 10.8333C15.0007 11.2936 14.6276 11.6667 14.1673 11.6667C13.7071 11.6667 13.334 11.2936 13.334 10.8333C13.334 10.3731 13.7071 10 14.1673 10C14.6276 10 15.0007 10.3731 15.0007 10.8333Z" fill="%232563EB"/><path d="M10.8327 14.1667C10.8327 14.6269 10.4596 15 9.99935 15C9.53911 15 9.16602 14.6269 9.16602 14.1667C9.16602 13.7064 9.53911 13.3333 9.99935 13.3333C10.4596 13.3333 10.8327 13.7064 10.8327 14.1667Z" fill="%232563EB"/><path d="M10.8327 10.8333C10.8327 11.2936 10.4596 11.6667 9.99935 11.6667C9.53911 11.6667 9.16602 11.2936 9.16602 10.8333C9.16602 10.3731 9.53911 10 9.99935 10C10.4596 10 10.8327 10.3731 10.8327 10.8333Z" fill="%232563EB"/><path d="M6.66667 14.1667C6.66667 14.6269 6.29357 15 5.83333 15C5.3731 15 5 14.6269 5 14.1667C5 13.7064 5.3731 13.3333 5.83333 13.3333C6.29357 13.3333 6.66667 13.7064 6.66667 14.1667Z" fill="%232563EB"/><path d="M6.66667 10.8333C6.66667 11.2936 6.29357 11.6667 5.83333 11.6667C5.3731 11.6667 5 11.2936 5 10.8333C5 10.3731 5.3731 10 5.83333 10C6.29357 10 6.66667 10.3731 6.66667 10.8333Z" fill="%232563EB"/></svg>');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: calc(100% - 16px) 50%;
  padding-right: 48px;
}
@media (min-width: 992px) {
  .input_cal {
    background-size: 20px 20px;
    padding-right: 52px;
  }
}
.input_month {
  background-image: url('data:image/svg+xml,<svg width="29" height="8" viewBox="0 0 29 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-6.24508e-05 7.41992V0.0699214H1.00794L4.33994 5.71192H3.91994L7.30794 0.0699214H8.23194V7.41992H7.32194V1.20392L7.50394 1.28792L4.33994 6.52392H3.89194L0.699938 1.23192L0.909938 1.18992V7.41992H-6.24508e-05ZM14.2105 7.48992C13.4452 7.48992 12.7732 7.33126 12.1945 7.01392C11.6158 6.68726 11.1632 6.24392 10.8365 5.68392C10.5098 5.11459 10.3465 4.46592 10.3465 3.73792C10.3465 3.00992 10.5005 2.36592 10.8085 1.80592C11.1258 1.24592 11.5552 0.807255 12.0965 0.489921C12.6472 0.163255 13.2632 -7.85589e-05 13.9445 -7.85589e-05C14.6352 -7.85589e-05 15.2465 0.158588 15.7785 0.475922C16.3198 0.783922 16.7445 1.22259 17.0525 1.79192C17.3605 2.35192 17.5145 3.00059 17.5145 3.73792C17.5145 3.78459 17.5098 3.83592 17.5005 3.89192C17.5005 3.93859 17.5005 3.98992 17.5005 4.04592H11.1025V3.30392H16.9685L16.5765 3.59792C16.5765 3.06592 16.4598 2.59459 16.2265 2.18392C16.0025 1.76392 15.6945 1.43725 15.3025 1.20392C14.9105 0.970588 14.4578 0.853922 13.9445 0.853922C13.4405 0.853922 12.9878 0.970588 12.5865 1.20392C12.1852 1.43725 11.8725 1.76392 11.6485 2.18392C11.4245 2.60392 11.3125 3.08459 11.3125 3.62592V3.77992C11.3125 4.33992 11.4338 4.83459 11.6765 5.26392C11.9285 5.68392 12.2738 6.01526 12.7125 6.25792C13.1605 6.49126 13.6692 6.60792 14.2385 6.60792C14.6865 6.60792 15.1018 6.52859 15.4845 6.36992C15.8765 6.21126 16.2125 5.96859 16.4925 5.64192L17.0525 6.28592C16.7258 6.67792 16.3152 6.97659 15.8205 7.18192C15.3352 7.38726 14.7985 7.48992 14.2105 7.48992ZM22.7948 7.48992C22.0668 7.48992 21.4134 7.33126 20.8348 7.01392C20.2654 6.68726 19.8174 6.24392 19.4908 5.68392C19.1641 5.11459 19.0008 4.46592 19.0008 3.73792C19.0008 3.00059 19.1641 2.35192 19.4908 1.79192C19.8174 1.23192 20.2654 0.793255 20.8348 0.475922C21.4134 0.158588 22.0668 -7.85589e-05 22.7948 -7.85589e-05C23.4201 -7.85589e-05 23.9848 0.121255 24.4888 0.363922C24.9928 0.606588 25.3894 0.970588 25.6788 1.45592L24.9368 1.95992C24.6848 1.58659 24.3721 1.31125 23.9988 1.13392C23.6254 0.956588 23.2194 0.867922 22.7808 0.867922C22.2581 0.867922 21.7868 0.989255 21.3668 1.23192C20.9468 1.46525 20.6154 1.79659 20.3728 2.22592C20.1301 2.65525 20.0088 3.15925 20.0088 3.73792C20.0088 4.31659 20.1301 4.82059 20.3728 5.24992C20.6154 5.67926 20.9468 6.01526 21.3668 6.25792C21.7868 6.49126 22.2581 6.60792 22.7808 6.60792C23.2194 6.60792 23.6254 6.51926 23.9988 6.34192C24.3721 6.16459 24.6848 5.89392 24.9368 5.52992L25.6788 6.03392C25.3894 6.50992 24.9928 6.87392 24.4888 7.12592C23.9848 7.36859 23.4201 7.48992 22.7948 7.48992ZM27.9469 7.48992C27.7416 7.48992 27.5642 7.41526 27.4149 7.26592C27.2749 7.11659 27.2049 6.93459 27.2049 6.71992C27.2049 6.49592 27.2749 6.31392 27.4149 6.17392C27.5642 6.03392 27.7416 5.96392 27.9469 5.96392C28.1522 5.96392 28.3249 6.03392 28.4649 6.17392C28.6142 6.31392 28.6889 6.49592 28.6889 6.71992C28.6889 6.93459 28.6142 7.11659 28.4649 7.26592C28.3249 7.41526 28.1522 7.48992 27.9469 7.48992Z" fill="%23111827"/></svg>');
  background-repeat: no-repeat;
  background-size: 29px 8px;
  background-position: calc(100% - 16px) 50%;
  padding-right: 64px;
}
.input_percent {
  background-image: url('data:image/svg+xml,<svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.45611 9.87012L8.14811 0.0701165H8.97411L2.28211 9.87012H1.45611ZM2.21211 5.32012C1.77344 5.32012 1.38611 5.21278 1.05011 4.99812C0.714109 4.77412 0.452776 4.46145 0.266109 4.06012C0.0887761 3.65878 0.000109419 3.19212 0.000109419 2.66012C0.000109419 2.12812 0.0887761 1.66145 0.266109 1.26012C0.452776 0.858783 0.714109 0.550783 1.05011 0.336116C1.38611 0.112117 1.77344 0.000116587 2.21211 0.000116587C2.65078 0.000116587 3.03344 0.112117 3.36011 0.336116C3.69611 0.550783 3.95744 0.858783 4.14411 1.26012C4.33078 1.66145 4.42411 2.12812 4.42411 2.66012C4.42411 3.19212 4.33078 3.65878 4.14411 4.06012C3.95744 4.46145 3.69611 4.77412 3.36011 4.99812C3.03344 5.21278 2.65078 5.32012 2.21211 5.32012ZM2.21211 4.69012C2.66944 4.69012 3.03344 4.51278 3.30411 4.15812C3.58411 3.79412 3.72411 3.29478 3.72411 2.66012C3.72411 2.02545 3.58411 1.53078 3.30411 1.17612C3.03344 0.812117 2.66944 0.630117 2.21211 0.630117C1.74544 0.630117 1.37678 0.812117 1.10611 1.17612C0.835443 1.53078 0.700109 2.02545 0.700109 2.66012C0.700109 3.29478 0.835443 3.79412 1.10611 4.15812C1.37678 4.51278 1.74544 4.69012 2.21211 4.69012ZM8.21811 9.94012C7.78878 9.94012 7.40611 9.83278 7.07011 9.61812C6.73411 9.39412 6.47278 9.08145 6.28611 8.68012C6.09944 8.27878 6.00611 7.81212 6.00611 7.28012C6.00611 6.74812 6.09944 6.28145 6.28611 5.88012C6.47278 5.47878 6.73411 5.17078 7.07011 4.95612C7.40611 4.73212 7.78878 4.62012 8.21811 4.62012C8.66611 4.62012 9.05344 4.73212 9.38011 4.95612C9.71611 5.17078 9.97278 5.47878 10.1501 5.88012C10.3368 6.28145 10.4301 6.74812 10.4301 7.28012C10.4301 7.81212 10.3368 8.27878 10.1501 8.68012C9.97278 9.08145 9.71611 9.39412 9.38011 9.61812C9.05344 9.83278 8.66611 9.94012 8.21811 9.94012ZM8.21811 9.31012C8.67544 9.31012 9.03944 9.13278 9.31011 8.77812C9.59011 8.41412 9.73011 7.91478 9.73011 7.28012C9.73011 6.64545 9.59011 6.15078 9.31011 5.79612C9.03944 5.43212 8.67544 5.25012 8.21811 5.25012C7.76078 5.25012 7.39211 5.43212 7.11211 5.79612C6.84144 6.15078 6.70611 6.64545 6.70611 7.28012C6.70611 7.91478 6.84144 8.41412 7.11211 8.77812C7.39211 9.13278 7.76078 9.31012 8.21811 9.31012Z" fill="%23111827"/></svg>');
  background-repeat: no-repeat;
  background-size: 11px 10px;
  background-position: calc(100% - 16px) 50%;
  padding-right: 44px;
}
.input_rub-black {
  background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.47008 9.80005V4.81606e-05H5.13808C6.37941 4.81606e-05 7.35475 0.280048 8.06408 0.840048C8.78275 1.40005 9.14208 2.20271 9.14208 3.24805C9.14208 4.30272 8.78275 5.11005 8.06408 5.67005C7.35475 6.23005 6.37941 6.51005 5.13808 6.51005H2.04408L2.50608 6.02005V9.80005H1.47008ZM2.50608 6.10405L2.04408 5.62805H5.15208C6.10408 5.62805 6.83208 5.42272 7.33608 5.01205C7.84941 4.60138 8.10608 4.01805 8.10608 3.26205C8.10608 2.50605 7.84941 1.92272 7.33608 1.51205C6.83208 1.10138 6.10408 0.896048 5.15208 0.896048H2.04408L2.50608 0.406049V6.10405ZM7.81417e-05 7.98005V7.36405H5.65608V7.98005H7.81417e-05Z" fill="%23111827"/></svg>');
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: calc(100% - 16px) 50%;
  padding-right: 44px;
}
.input[type=password] + button {
  color: #cfd1d4;
}
.input[type=password] + button:before {
  opacity: 0;
}
.input + button {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 40px;
  color: #2563eb;
  border: none;
  background-color: transparent;
}
@media (min-width: 992px) {
  .input + button {
    height: 44px;
  }
}
.input + button:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background: #2563eb;
  -webkit-box-shadow: 1px 0 0 0 #fff;
  box-shadow: 1px 0 0 0 #fff;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.input.error {
  border-color: #b42a2a;
  background-color: #fefbfb;
}

.textarea {
  display: block;
  background: #fff;
  border: 1px solid #e8e8ea;
  padding: 12px 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 12px;
  height: 160px;
  color: #111827;
}
@media (min-width: 992px) {
  .textarea {
    font-size: 14px;
    line-height: 20px;
  }
}
.textarea:focus {
  border-color: #2563eb;
}

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  padding: 0 24px;
  border: 1px solid #2563eb;
  background: #2563eb;
  color: #fff;
  height: 40px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 992px) {
  .button {
    font-size: 14px;
  }
}
.button svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.button:hover {
  background: #1e4fbc;
  border-color: #1e4fbc;
  color: #fff;
}
.button:hover svg {
  color: inherit;
}
.button:active {
  background: #163b8d;
  border-color: #163b8d;
  color: #fff;
}
.button:active svg {
  color: inherit;
}
.button[disabled] {
  cursor: not-allowed;
  background: #d3e0fb;
  border-color: #d3e0fb;
}
.button_blue {
  background: #f4f7fe;
  border-color: #f4f7fe;
  color: #2563eb;
}
.button_light {
  background: none;
  color: #2563eb;
}
.button_light:hover {
  color: #fff;
}
.button_light:hover svg {
  color: inherit;
}
.button_light[disabled] {
  cursor: not-allowed;
  background: none;
  color: #d3e0fb;
  border-color: #d3e0fb;
}
.button_light[disabled] svg {
  color: inherit;
}
.button_light-g {
  background: none;
  color: #111827;
  border-color: #e8e8ea;
}
.button_light-g svg {
  color: #2563eb;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.button_light-g:hover {
  color: #fff;
}
.button_light-g:hover svg {
  color: #fff;
}
.button_light-g[disabled] {
  cursor: not-allowed;
  background: none;
  color: #d3e0fb;
  border-color: #d3e0fb;
}
.button_light-g.active {
  color: #2563eb;
  border-color: #2563eb;
}
.button_light-g.active:hover {
  color: #fff;
}

.select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  /*select {
      width: auto;
      height: auto;
      font-size: 16px;
      opacity: 1;
  }*/
}
.select_sort .nice-select {
  padding-left: 44px;
}
.select_sort .nice-select:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-top: -10px;
  top: 50%;
  left: 16px;
  position: absolute;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.16602 5.83331H15.8327" stroke="%23111827" stroke-width="1.5" stroke-linecap="round"/><path d="M4.16602 10H12.4993" stroke="%23111827" stroke-width="1.5" stroke-linecap="round"/><path d="M4.16602 14.1667H9.16602" stroke="%23111827" stroke-width="1.5" stroke-linecap="round"/></svg>') no-repeat 50%/contain;
}
.select .nice-select .option:hover.selected.disabled,
.select .nice-select .option.focus.selected.disabled,
.select .nice-select .option.selected.focus.selected.disabled {
  color: inherit;
  background: none !important;
}
.select .nice-select {
  min-width: 240px;
  max-width: 100%;
  border-color: #e8e8ea;
  padding-right: 44px;
  border-radius: 12px;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .select .nice-select {
    font-size: 14px;
  }
}
.select .nice-select.open {
  border-color: #2563eb;
}
.select .nice-select > .current {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select .nice-select:after {
  border: none;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  right: 16px;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 8L10 13L5 8" stroke="%232563EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 50%/contain;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.select .nice-select.open:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.select .nice-select-dropdown {
  width: 100%;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(17, 24, 39, 0.12);
  box-shadow: 0px 4px 8px 0px rgba(17, 24, 39, 0.12);
  border: 1px solid #d3e0fb;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px;
  max-height: none;
  overflow-y: auto;
  max-height: 280px;
}
@media (min-width: 992px) {
  .select .nice-select-dropdown {
    padding: 16px;
    max-height: 300px;
  }
}
.select .nice-select-dropdown .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  border-radius: 0;
}
.select .nice-select-dropdown .list:hover .selected:not(:hover) {
  background: #2563eb !important;
}
.select .nice-select-dropdown .option {
  font-weight: 400;
  line-height: 16px;
  padding: 8px 12px;
  border-radius: 8px;
}
@media (min-width: 992px) {
  .select .nice-select-dropdown .option {
    line-height: 20px;
  }
}
.select .nice-select-dropdown .option.selected {
  color: #fff;
  background: #2563eb;
}
.select .nice-select-dropdown .option.disabled {
  display: none !important;
  color: #70747d !important;
  background: none !important;
}
.select .nice-select-search-box {
  display: none;
}
.select_search .nice-select-search-box {
  display: block;
  height: 40px;
  position: relative;
  padding: 5px;
  margin-bottom: 2px;
}
.select_search .nice-select-search-box input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 12px;
  padding-left: 40px;
  font-size: 12px;
  line-height: 1;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
  background: #fff no-repeat 12px 50%;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2786 15.8044C6.75094 15.8044 3.8912 13.0128 3.8912 9.5692C3.8912 6.12559 6.75094 3.33398 10.2786 3.33398C13.8063 3.33398 16.666 6.12559 16.666 9.5692C16.666 13.0128 13.8063 15.8044 10.2786 15.8044Z" stroke="%23A0A3A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83594 14.2285L3.33185 16.6667" stroke="%23A0A3A9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .select_search .nice-select-search-box input {
    font-size: 14px;
    background-position: 16px 50%;
    padding: 0 16px;
    padding-left: 44px;
  }
}
.select_search .nice-select-search-box input:hover {
  border-color: #a8c1f7;
}
.select_search .nice-select-search-box input:focus {
  border-color: #2563eb;
}

.text-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-radio input {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: none;
  padding: 0;
  border: none;
  opacity: 0;
}
.text-radio span {
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 16px;
  border: 1px solid #e8e8ea;
  font-size: 12px;
  line-height: 16px;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .text-radio span {
    gap: 20px;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 16px;
    border-radius: 12px;
  }
}
.text-radio span i {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-style: normal;
}
.text-radio span:after {
  content: "";
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 999px;
  border: 1px solid #e8e8ea;
  background: #fff;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.text-radio span:hover {
  border-color: #a8c1f7;
}
.text-radio span:hover:after {
  border-color: #a8c1f7;
}
.text-radio :checked + span {
  border-color: #2563eb;
}
.text-radio :checked + span:after {
  border: 6px solid #2563eb;
}
.text-radio [disabled] + span {
  cursor: not-allowed;
  color: #a0a3a9;
  border: 1px solid #e8e8ea;
}
.text-radio [disabled] + span:after {
  border: 1px solid #e8e8ea;
}

.air-datepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border-color: #d3e0fb;
  width: 294px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(17, 24, 39, 0.12);
  box-shadow: 0px 4px 8px 0px rgba(17, 24, 39, 0.12);
}
@media (min-width: 992px) {
  .air-datepicker {
    width: 390px;
  }
}
.air-datepicker-global-container {
  z-index: 2000;
}
.air-datepicker--pointer {
  display: none;
}
.air-datepicker--pointer:after {
  border-color: #d3e0fb;
}
.air-datepicker--content {
  padding: 0;
}
.air-datepicker-nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 8px;
  background: #f4f7fe;
  border-radius: 12px;
  border: none;
  min-height: 1px;
}
@media (min-width: 992px) {
  .air-datepicker-nav {
    padding: 12px;
  }
}
.air-datepicker-nav--action {
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: relative;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.air-datepicker-nav--action svg {
  display: none;
}
.air-datepicker-nav--action, .air-datepicker-nav--action:hover, .air-datepicker-nav--action:active {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.40039 4L10.4004 8L6.40039 12" stroke="%232563EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 50% 50%;
  background-size: 16px 16px;
}
.air-datepicker-nav--action ~ .air-datepicker-nav--action {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.air-datepicker-nav--title {
  font-family: "Montserrat", sans-serif;
  padding: 0;
  max-width: calc(100% - 32px);
  font-weight: 600;
  color: #111827;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .air-datepicker-nav--title {
    font-size: 14px;
    line-height: 20px;
  }
}
.air-datepicker-nav--title i {
  color: #111827;
}
.air-datepicker-nav--title, .air-datepicker-nav--title:hover, .air-datepicker-nav--title:active {
  background: none;
}
.air-datepicker-body--day-names {
  margin: 0;
}
.air-datepicker-body--day-name {
  font-family: "Montserrat", sans-serif;
  height: 24px;
  color: #111827;
  font-weight: 600;
  text-transform: capitalize;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .air-datepicker-body--day-name {
    font-size: 14px;
    line-height: 20px;
    height: 28px;
  }
}
.air-datepicker-body--day-name:after {
  content: ".";
}
.air-datepicker-body--cells {
  overflow: hidden;
  border-radius: 12px;
  border-top: 1px solid #f3f3f4;
  border-right: 1px solid #f3f3f4;
}
.air-datepicker-body--cells.-days- {
  grid-auto-rows: 36px;
}
@media (min-width: 992px) {
  .air-datepicker-body--cells.-days- {
    grid-auto-rows: 40px;
  }
}
.air-datepicker-cell {
  color: #111827;
  border-radius: 0 !important;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-bottom: 1px solid #f3f3f4;
  border-left: 1px solid #f3f3f4;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .air-datepicker-cell {
    font-size: 14px;
    line-height: 20px;
  }
}
.air-datepicker-cell.-weekend- {
  color: #a0a3a9;
  background: #fafafb;
}
.air-datepicker-cell.-day-.-other-month- {
  color: #111827;
}
.air-datepicker-cell.-day-.-other-month-.-weekend- {
  color: #a0a3a9;
}
.air-datepicker-cell.-current- {
  background: #2563eb;
  color: #fff;
}
.air-datepicker-cell.-focus- {
  background: #f3f3f4;
}
.air-datepicker-cell.-in-range- {
  background: #eaf0fd;
}
.air-datepicker-cell.-range-from- {
  background: #a8c1f7;
}

.noUi-target {
  width: calc(100% - 20px);
  margin: 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: #f3f3f4;
  border-radius: 999px;
  height: 6px;
}
.noUi-connect {
  background: #2563eb;
}
.noUi-horizontal .noUi-handle {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 6px solid #2563eb;
  cursor: col-resize;
  right: -10px;
  top: -7px;
}
.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle div {
  display: none;
}

.range-slider {
  padding-bottom: 7px;
}
.range-slider .field > b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.range-slider__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 12px 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .range-slider__row {
    font-size: 14px;
    line-height: 20px;
  }
}

.tippy-box {
  background: #292f3d;
  padding: 16px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 20px;
}

.files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.files__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.files__item {
  position: relative;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fafafb;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
  height: 40px;
  cursor: pointer;
}
.files__item input {
  display: none;
}
.files__item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 20px);
}
.files__item i {
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
.files__item b {
  width: calc(100% - 16px);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.files__item button {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  color: #2563eb;
}
.files__item button.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.files__bottom {
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}

.const {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .const {
    font-size: 16px;
    line-height: 22px;
  }
}
.const__wrapper {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
}
.const__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .const__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .const__toper {
    font-size: 14px;
    line-height: 20px;
  }
}
.const__toper-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 6px 12px;
}
@media (min-width: 992px) {
  .const__toper-one {
    gap: 8px 16px;
  }
}
.const__toper-one b,
.const__toper-one i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
  padding: 0 12px;
  height: 28px;
  background: #eaf0fd;
  border-radius: 999px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.const__toper-one i {
  background: #fef5d0;
}
.const__toper-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 12px;
}
@media (min-width: 992px) {
  .const__toper-two {
    gap: 8px 16px;
  }
}
.const__toper-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  position: relative;
  padding: 0;
  background: none;
  border: none;
  padding-left: 13px;
}
@media (min-width: 992px) {
  .const__toper-item {
    padding-left: 17px;
  }
}
.const__toper-item:hover {
  color: #2563eb;
}
.const__toper-item:before {
  content: "";
  width: 1px;
  height: 16px;
  background: #cfd1d4;
  border-radius: 999px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
.const__toper-item:first-child {
  padding-left: 0;
}
@media (min-width: 768px) {
  .const__toper-item:first-child {
    padding-left: 13px;
  }
}
@media (min-width: 992px) {
  .const__toper-item:first-child {
    padding-left: 17px;
  }
}
.const__toper-item:first-child:before {
  display: none;
}
@media (min-width: 768px) {
  .const__toper-item:first-child:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.const__toper-item i {
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
@media (min-width: 992px) {
  .const__toper-item i {
    width: 20px;
  }
}
.const__toper-share {
  position: relative;
}
.const__toper-share .const__toper-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.const__toper.active .const__toper-share .const__toper-item {
  color: #2563eb;
}
.const__toper-sub {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
  width: 292px;
  background: #fff;
  padding: 12px;
  padding-right: 44px;
  -webkit-filter: drop-shadow(0px 4px 16px rgba(17, 24, 39, 0.2));
  filter: drop-shadow(0px 4px 16px rgba(17, 24, 39, 0.2));
  border-radius: 12px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: -50px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .const__toper-sub {
    width: 380px;
    padding: 20px;
    padding-right: 52px;
    gap: 20px;
    margin-top: 24px;
  }
}
.const__toper-sub:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 12px solid #fff;
  position: absolute;
  top: -12px;
  left: 85px;
}
@media (min-width: 768px) {
  .const__toper-sub:before {
    left: 95px;
  }
}
@media (min-width: 992px) {
  .const__toper-sub:before {
    border-left-width: 20px;
    border-right-width: 20px;
    border-bottom-width: 16px;
    top: -16px;
    left: 105px;
  }
}
.const__toper-sub-close {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  color: #a0a3a9;
  position: absolute;
  top: 12px;
  right: 12px;
}
.const__toper-sub-close:hover {
  color: #2563eb;
}
.const__toper-sub-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .const__toper-sub-title {
    font-size: 16px;
    line-height: 22px;
  }
}
.const__toper-sub .button span + span {
  display: none;
}
.const__toper-sub .button.active {
  color: #fff;
  background: #2563eb;
}
.const__toper-sub .button.active span {
  display: none;
}
.const__toper-sub .button.active span + span {
  display: block;
}
.const__toper.active .const__toper-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.const__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .const__body {
    font-size: 16px;
    line-height: 22px;
  }
}
.const__body h1,
.const__body .h1 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .const__body h1,
  .const__body .h1 {
    font-size: 28px;
    line-height: 36px;
  }
}
.const__body h1 span,
.const__body .h1 span {
  color: #2563eb;
}
.const__body h1 + *,
.const__body .h1 + * {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .const__body h1 + *,
  .const__body .h1 + * {
    margin-top: 20px;
  }
}
.const__body h2,
.const__body .h2 {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .const__body h2,
  .const__body .h2 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 40px;
  }
}
.const__body h2 + p, .const__body h2 + ul, .const__body h2 + ol,
.const__body .h2 + p,
.const__body .h2 + ul,
.const__body .h2 + ol {
  margin-top: 16px;
}
.const__body h3,
.const__body .h3 {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .const__body h3,
  .const__body .h3 {
    font-size: 20px;
    line-height: 28px;
    margin-top: 40px;
  }
}
.const__body h3 + p, .const__body h3 + ul, .const__body h3 + ol,
.const__body .h3 + p,
.const__body .h3 + ul,
.const__body .h3 + ol {
  margin-top: 12px;
}
.const__body h4,
.const__body .h4 {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .const__body h4,
  .const__body .h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 40px;
  }
}
.const__body h4 + p, .const__body h4 + ul, .const__body h4 + ol,
.const__body .h4 + p,
.const__body .h4 + ul,
.const__body .h4 + ol {
  margin-top: 12px;
}
.const__body h5,
.const__body .h5,
.const__body h6,
.const__body .h6 {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .const__body h5,
  .const__body .h5,
  .const__body h6,
  .const__body .h6 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 40px;
  }
}
.const__body h5 + p, .const__body h5 + ul, .const__body h5 + ol,
.const__body .h5 + p,
.const__body .h5 + ul,
.const__body .h5 + ol,
.const__body h6 + p,
.const__body h6 + ul,
.const__body h6 + ol,
.const__body .h6 + p,
.const__body .h6 + ul,
.const__body .h6 + ol {
  margin-top: 12px;
}
.const__body * + img[title] {
  max-width: 100%;
  height: auto;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .const__body * + img[title] {
    margin-top: 24px;
  }
}
.const__body b {
  font-weight: 600;
}
.const__body p {
  margin: 0;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .const__body p {
    margin-top: 20px;
  }
}
.const__body ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  padding-left: 28px;
}
@media (min-width: 992px) {
  .const__body ul {
    gap: 12px;
    margin-top: 20px;
    padding-left: 40px;
  }
}
.const__body ul li {
  list-style: disc;
}
.const__body ul ul {
  margin-top: 8px;
  padding-left: 24px;
}
@media (min-width: 992px) {
  .const__body ul ul {
    padding-left: 30px;
  }
}
.const__body ul ul li::marker {
  color: #a0a3a9;
}
.const__body ul a {
  text-decoration: underline;
  color: #2563eb;
}
.const__body ul a:hover {
  color: #111827;
}
.const__body ul b {
  font-weight: 500;
}
.const__body ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .const__body ol {
    margin-top: 20px;
  }
}
.const__body ol > li {
  counter-increment: item;
  position: relative;
  padding-left: 40px;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .const__body ol > li {
    margin-top: 12px;
  }
}
.const__body ol > li:first-child {
  margin-top: 0;
}
.const__body ol > li:before {
  content: counters(item, ".") ". ";
  width: 28px;
  text-align: right;
  position: absolute;
  left: 0;
}
.const__body ol li ol {
  counter-reset: subitem;
  list-style-type: none;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .const__body ol li ol {
    margin-top: 12px;
  }
}
.const__body ol li ol > li {
  counter-increment: subitem;
  position: relative;
  margin-top: 8px;
  padding-left: 40px;
}
@media (min-width: 992px) {
  .const__body ol li ol > li {
    margin-top: 12px;
  }
}
.const__body ol li ol > li:before {
  content: counter(item) "." counter(subitem) ". ";
  width: 28px;
  text-align: right;
  position: absolute;
  left: 0;
}
.const__body blockquote {
  margin: 0;
  margin-top: 20px;
  padding: 16px 20px;
  background: #fefcf3;
  border-radius: 16px;
  border-left: 4px solid #facc15;
}
@media (min-width: 992px) {
  .const__body blockquote {
    padding: 24px 40px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
  }
}
.const__body .pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 180px;
  max-height: 480px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 328/180;
  border-radius: 16px;
  margin-top: 28px;
}
@media (min-width: 992px) {
  .const__body .pic {
    border-radius: 24px;
    margin-top: 40px;
  }
}
.const__body .pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.const__body .video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  border: none;
  height: auto;
  min-height: 180px;
  max-height: 480px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 328/180;
  border-radius: 16px;
  margin-top: 28px;
}
@media (min-width: 992px) {
  .const__body .video {
    border-radius: 24px;
    margin-top: 40px;
  }
}
.const__main-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
  aspect-ratio: 328/180;
  width: 100%;
  height: auto;
  min-height: 180px;
  max-height: 480px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .const__main-pic {
    height: 480px;
    margin-top: 24px;
    border-radius: 24px;
  }
}
.const__main-pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.const__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #cdf0f6;
  border-radius: 12px;
  padding: 12px;
  margin-top: 28px;
}
@media (min-width: 992px) {
  .const__author {
    margin-top: 40px;
    border-radius: 20px;
    padding: 20px;
  }
}
.const__author picture {
  width: 60px;
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
@media (min-width: 992px) {
  .const__author picture {
    width: 82px;
    border-radius: 12px;
  }
}
.const__author img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.const__author div {
  width: calc(100% - 60px);
  padding-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .const__author div {
    width: calc(100% - 82px);
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
  }
}
.const__author b {
  font-weight: 500;
}
@media (min-width: 992px) {
  .const__author b {
    font-size: 16px;
    line-height: 22px;
  }
}
.const__author i {
  font-style: normal;
}
.const__anchors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #fafafb;
  border-radius: 16px;
  margin-top: 28px;
}
@media (min-width: 992px) {
  .const__anchors {
    padding: 28px;
    border-radius: 20px;
    margin-top: 40px;
  }
}
.const__anchors b {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .const__anchors b {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 4px;
  }
}
.const__anchors a {
  text-decoration: none;
  border-bottom: 1px dashed;
  color: #2563eb;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .const__anchors a {
    font-size: 16px;
    line-height: 22px;
  }
}
.const__anchors a:hover {
  color: #111827;
}
.const__table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  overflow-x: auto;
  margin: 0 -16px;
  padding: 0 16px;
  margin-top: 16px;
  width: 100vw;
}
@media (min-width: 768px) {
  .const__table {
    margin-left: -24px;
    margin-right: -24px;
    padding: 0 24px;
  }
}
@media (min-width: 992px) {
  .const__table {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 20px;
  }
}
.const__table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
  min-width: 720px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .const__table table {
    font-size: 14px;
    line-height: 20px;
  }
}
.const__table tr td {
  min-width: 240px;
  padding: 12px 8px;
}
@media (min-width: 992px) {
  .const__table tr td {
    padding: 16px;
  }
}
.const__table tr td:first-child {
  padding-left: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.const__table tr td:last-child {
  padding-right: 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.const__table thead td {
  font-weight: 600;
  background: #eaf0fd;
}
.const__table tbody td {
  border: 1px solid #e8e8ea;
  border-left: none;
  border-right: none;
}
.const__table tbody td:first-child {
  border-left: 1px solid #e8e8ea;
}
.const__table tbody td:last-child {
  border-right: 1px solid #e8e8ea;
}
.const__table tbody b {
  font-weight: 500;
}
.const__table tbody i {
  display: block;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.const__table .hl td {
  background: #f4f7fe;
  font-weight: 500;
}
.const__bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 16px;
  border: 1px solid #d3e0fb;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  margin-top: 28px;
}
@media (min-width: 992px) {
  .const__bottom {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 40px;
  }
}
.const__bottom a {
  color: #111827;
  text-decoration: none;
}
.const__bottom a:hover {
  color: #2563eb;
}
.const__bottom-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.const__bottom-back i {
  width: 28px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #2563eb;
  color: #2563eb;
  border-radius: 8px;
}
.const__bottom-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.const__bottom-share-text {
  display: none;
}
@media (min-width: 768px) {
  .const__bottom-share-text {
    display: block;
  }
}
.const__bottom-share-inner {
  position: relative;
}
.const__bottom-share-button {
  height: 36px;
  padding: 0 16px;
  border: none;
  background: #f4f7fe;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #2563eb;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.const__bottom-share-button:hover {
  color: #111827;
}
.const__bottom-share-button i {
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.const__bottom-sub {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
  width: 292px;
  background: #fff;
  padding: 12px;
  padding-right: 44px;
  -webkit-filter: drop-shadow(0px 4px 16px rgba(17, 24, 39, 0.2));
  filter: drop-shadow(0px 4px 16px rgba(17, 24, 39, 0.2));
  border-radius: 12px;
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 0;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .const__bottom-sub {
    width: 380px;
    padding: 20px;
    padding-right: 52px;
    gap: 20px;
    margin-top: 24px;
  }
}
.const__bottom-sub:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 12px solid #fff;
  position: absolute;
  top: -12px;
  right: 45px;
}
@media (min-width: 992px) {
  .const__bottom-sub:before {
    border-left-width: 20px;
    border-right-width: 20px;
    border-bottom-width: 16px;
    right: 40px;
  }
}
.const__bottom-sub-close {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  color: #a0a3a9;
  position: absolute;
  top: 12px;
  right: 12px;
}
.const__bottom-sub-close:hover {
  color: #2563eb;
}
.const__bottom-sub-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .const__bottom-sub-title {
    font-size: 16px;
    line-height: 22px;
  }
}
.const__bottom-sub .button span + span {
  display: none;
}
.const__bottom-sub .button.active {
  color: #fff;
  background: #2563eb;
}
.const__bottom-sub .button.active span {
  display: none;
}
.const__bottom-sub .button.active span + span {
  display: block;
}
.const__bottom.active .const__bottom-share-button {
  background: #2563eb;
  color: #fff;
}
.const__bottom.active .const__bottom-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sitemap {
  display: grid;
  gap: 20px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .sitemap {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .sitemap {
    gap: 24px;
  }
}
.sitemap__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .sitemap__col {
    gap: 24px;
  }
}
.sitemap__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .sitemap__item {
    gap: 16px;
    font-size: 18px;
    line-height: 24px;
  }
}
.sitemap__single {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .sitemap__single {
    font-size: 20px;
    line-height: 28px;
  }
}
.sitemap a.sitemap__single {
  text-decoration: underline;
}
.sitemap a.sitemap__single:hover {
  color: #2563eb;
}
.sitemap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  margin: 0;
  padding-left: 36px;
}
.sitemap__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  margin: 0;
  padding-left: 18px;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .sitemap__list ul {
    padding-left: 24px;
  }
}
.sitemap__list ul li {
  list-style: disc;
}
.sitemap__list a {
  color: #2563eb;
}
.sitemap__list a:hover {
  text-decoration: underline;
}

.bottom-text {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .bottom-text {
    margin-top: 60px;
  }
}
.bottom-text__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
}
.bottom-text__title {
  margin: 0;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .bottom-text__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.bottom-text__text {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bottom-text__text {
    font-size: 16px;
    line-height: 22px;
  }
}
.bottom-text__text p {
  margin: 0;
}
.bottom-text__body.active .bottom-text__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
@media (min-width: 992px) {
  .bottom-text__body.active .bottom-text__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
.bottom-text__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  border: none;
  background: none;
  color: #2563eb;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bottom-text__more {
    font-size: 14px;
    line-height: 20px;
  }
}
.bottom-text__more:hover {
  color: #111827;
}
.bottom-text__more span {
  display: none;
  border-bottom: 1px dashed;
}
.bottom-text__more span + span {
  display: block;
}
.bottom-text__body.active .bottom-text__more span {
  display: block;
}
.bottom-text__body.active .bottom-text__more span + span {
  display: none;
}

.modal {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 24, 39, 0.4);
  backdrop-filter: blur(8px);
  z-index: 1000;
}
@media (min-width: 768px) {
  .modal {
    padding: 40px;
    overflow: hidden;
    overflow-y: auto;
  }
}
.modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  width: 100%;
  height: auto;
  max-height: calc(100% - 150px);
  padding-top: 40px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
@media (min-width: 768px) {
  .modal__content {
    position: static;
    width: 100%;
    max-width: 480px;
    max-height: none;
    padding: 20px;
    border-radius: 20px;
    border: 4px solid #7ca1f3;
    margin: auto;
  }
}
@media (min-width: 992px) {
  .modal__content {
    padding: 32px;
    border-radius: 24px;
  }
}
.modal.modal-visible .modal__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.modal_830 .modal__content {
  max-width: 830px;
}
.modal_1040 .modal__content {
  max-width: 1040px;
}
.modal__touch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  cursor: -webkit-grab;
  cursor: grab;
}
@media (min-width: 768px) {
  .modal__touch {
    display: none;
  }
}
.modal__touch:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
  height: 4px;
  border-radius: 999px;
  background: #111827;
}
.modal__close {
  width: 24px;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: -24px;
  right: -24px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
@media (min-width: 768px) {
  .modal__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.modal__close:hover {
  opacity: 0.75;
}
.modal__body {
  width: calc(100% - 32px);
  margin: 0 auto;
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 190px);
  padding-bottom: 20px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .modal__body {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    max-height: none;
    overflow: visible;
    margin: 0;
    padding: 0;
  }
}
.modal__title {
  font-weight: 600;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .modal__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.modal__title span {
  color: #2563eb;
}
.modal__subtitle {
  font-weight: 400;
  margin: 0;
  color: #414652;
  margin-top: 8px;
}
.modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  margin-top: 20px;
}
.modal__form .fields {
  width: 100%;
}
.modal__required {
  color: #414652;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .modal__required {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal__required i {
  font-style: normal;
  color: #2563eb;
}
.modal__captcha {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal__captcha picture,
.modal__captcha img {
  max-width: 320px;
}
.modal__cities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.modal__cities.active, .modal__cities_two {
  display: none;
}
.modal__cities-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  background: none;
  border: none;
  padding: 0;
  color: #666;
}
@media (min-width: 992px) {
  .modal__cities-back {
    gap: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}
.modal__cities-back:hover {
  color: #2563eb;
}
.modal__cities-back i {
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
@media (min-width: 992px) {
  .modal__cities-back i {
    width: 20px;
  }
}
.modal__cities-toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
.modal__cities-toper-item {
  padding: 0 16px;
  background: #eaf0fd;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  font-size: 12px;
  line-height: 16px;
  border-radius: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal__cities-toper-item:hover {
  background: #2563eb;
  color: #fff;
}
.active + .modal__cities-toper {
  display: none;
}
.modal__cities-list {
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px 16px;
  min-height: 308px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .modal__cities-list {
    height: 308px;
    overflow: hidden;
    overflow-y: auto;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .modal__cities-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.modal__cities-list-item {
  padding: 0;
  background: none;
  border: none;
  text-align: left;
}
.modal__cities-list-item:hover {
  color: #2563eb;
}
.modal__cities_one.active + .modal__cities_two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__poll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  margin-top: 20px;
}
.modal__poll-steps {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
.modal__poll-steps-item {
  width: 28px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  color: #a8c1f7;
  border: 1px solid #a8c1f7;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 999px;
}
.modal__poll-steps-item.active {
  background: #eaf0fd;
  border-color: #eaf0fd;
  color: #2563eb;
}
.modal__poll-steps-item.done {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}
.modal__poll-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal__poll-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  overflow: hidden;
  height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal__poll-form-item[data-form-id="1"].active {
  height: 392px;
}
@media (min-width: 768px) {
  .modal__poll-form-item[data-form-id="1"].active {
    height: 242px;
  }
}
@media (min-width: 992px) {
  .modal__poll-form-item[data-form-id="1"].active {
    height: 260px;
  }
}
.modal__poll-form-item[data-form-id="2"].active {
  height: 316px;
}
@media (min-width: 768px) {
  .modal__poll-form-item[data-form-id="2"].active {
    height: 216px;
  }
}
@media (min-width: 992px) {
  .modal__poll-form-item[data-form-id="2"].active {
    height: 234px;
  }
}
.modal__poll-form-item[data-form-id="3"].active {
  height: 192px;
}
@media (min-width: 768px) {
  .modal__poll-form-item[data-form-id="3"].active {
    height: 142px;
  }
}
@media (min-width: 992px) {
  .modal__poll-form-item[data-form-id="3"].active {
    height: 152px;
  }
}
.modal__poll-form-item[data-form-id="4"].active {
  height: 292px;
}
@media (min-width: 768px) {
  .modal__poll-form-item[data-form-id="4"].active {
    height: 192px;
  }
}
@media (min-width: 992px) {
  .modal__poll-form-item[data-form-id="4"].active {
    height: 206px;
  }
}
.modal__poll-form-item[data-form-id="5"].active {
  height: 780px;
}
@media (min-width: 768px) {
  .modal__poll-form-item[data-form-id="5"].active {
    height: 760px;
  }
}
@media (min-width: 992px) {
  .modal__poll-form-item[data-form-id="5"].active {
    height: 838px;
  }
}
.modal__poll-form .fields {
  width: 100%;
}
.modal__poll-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  color: #414652;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .modal__poll-text {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal__poll-text b {
  display: block;
  font-weight: 600;
  color: #111827;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .modal__poll-text b {
    font-size: 16px;
    line-height: 22px;
  }
}
.modal__poll-radios {
  width: 100%;
  display: grid;
  gap: 8px;
}
@media (min-width: 768px) {
  .modal__poll-radios {
    grid-template-columns: 1fr 1fr;
  }
}
.modal__poll-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}
.modal__text {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.modal__text p,
.modal__text ul,
.modal__text ol {
  color: #111;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .modal__text p,
  .modal__text ul,
  .modal__text ol {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal__text p:first-child,
.modal__text ul:first-child,
.modal__text ol:first-child {
  margin-top: 0;
}
.modal__text p:last-child,
.modal__text ul:last-child,
.modal__text ol:last-child {
  margin-bottom: 0;
}
.modal__text p {
  margin: 0 0 12px;
}
.modal__text ul,
.modal__text ol {
  margin: 0 0 16px;
}
@media (min-width: 992px) {
  .modal__text ul,
  .modal__text ol {
    margin-bottom: 20px;
  }
}
.modal__text ul,
.modal__text ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.modal__text b,
.modal__text strong {
  font-weight: 600;
}
.modal__notice {
  margin: 0;
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .modal__notice {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal__notice a {
  color: #2563eb;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.modal__reg-link {
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
@media (min-width: 992px) {
  .modal__reg-link {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal__service {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .modal__service {
    grid-template-columns: repeat(2, 1fr);
  }
}
.modal__service-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  background: #fafafb;
  padding: 12px;
  font-size: 12px;
  line-height: 16px;
}
.modal__service-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding-right: 12px;
  width: calc(100% - 52px);
}
.modal__service-item b {
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .modal__service-item b {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal__service-item:hover b {
  color: #2563eb;
}
.modal__service-item i {
  font-style: normal;
}
.modal__service-item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 52px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal__service-item:hover picture {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.modal__service-item img {
  width: 100%;
  height: 44px;
  -o-object-fit: contain;
  object-fit: contain;
}
.modal__review {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .modal__review .review-item__name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
  }
}
@media (min-width: 992px) {
  .modal__review .review-item__name b {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .modal__review .review-item__name i {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal__review .review-item__text {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .modal__review .review-item__text {
    font-size: 16px;
    line-height: 22px;
  }
}
.modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

#modal-rules .modal__content {
  max-width: 828px;
}
#modal-rules .modal__form {
  gap: 16px;
}
@media (min-width: 992px) {
  #modal-rules .modal__form {
    gap: 20px;
  }
}
#modal-rules .modal__form.active .modal__notice,
#modal-rules .modal__form.active .modal__btn {
  display: none;
}
#modal-rules .modal__notice {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding: 16px 0 0;
  color: #111;
  border-top: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  #modal-rules .modal__notice {
    padding-top: 24px;
  }
}

#modal-auth .field:has(.modal__reg-link) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 12px;
}

.modal-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.modal-success__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  margin: 0 0 20px;
  background-color: #f4f7fe;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .modal-success__img {
    height: 140px;
    width: 140px;
    margin-bottom: 24px;
  }
}
.modal-success__img img {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
}
@media (min-width: 992px) {
  .modal-success__img img {
    max-width: 80px;
    max-height: 80px;
  }
}
.modal-success__title {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .modal-success__title {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 28px;
  }
}
.modal-success__descr {
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .modal-success__descr {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-success__descr a {
  color: #2563eb;
}

.modal-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal-filter__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .modal-filter__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.modal-filter__title i {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
@media (min-width: 992px) {
  .modal-filter__title i {
    width: 24px;
  }
}
.modal-filter__title b {
  width: calc(100% - 20px);
  padding-left: 8px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .modal-filter__title b {
    width: calc(100% - 24px);
    padding-left: 12px;
  }
}
.modal-filter__subtitle {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: -4px;
}
@media (min-width: 992px) {
  .modal-filter__subtitle {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-filter__text {
  color: #414652;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .modal-filter__text {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-filter .fields {
  gap: 16px;
  margin-top: 16px;
}
.modal-filter__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
.modal-filter .range-slider + .range-slider {
  margin-top: 16px;
}

.modal-graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal-graph__text {
  color: #414652;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .modal-graph__text {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-graph__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .modal-graph__items {
    display: none;
  }
}
.modal-graph__item {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  font-size: 12px;
  line-height: 16px;
  background: #fbfcff;
  border: 1px solid #d3e0fb;
  border-radius: 12px;
}
.modal-graph__item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8e8ea;
}
.modal-graph__item b {
  font-weight: 500;
}
.modal-graph__item span {
  display: block;
}
.modal-graph__item i {
  font-style: normal;
}
.modal-graph .const__table {
  display: none;
  overflow: visible;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .modal-graph .const__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.modal-graph .const__table tr td {
  min-width: 1px;
}

.modal-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .modal-more {
    gap: 20px;
  }
}
.modal-more__thing {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.modal-more__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .modal-more__title {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-more__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.modal-more__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #e8e8ea;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 12px;
  gap: 6px 12px;
}
.modal-more__list-item span,
.modal-more__list-item i {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .modal-more__list-item span,
  .modal-more__list-item i {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-more__list-item i {
  font-style: normal;
  color: #70747d;
}
.modal-more__list-item picture {
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal-more__list-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.modal-documents .modal__content {
  max-width: 1000px;
  height: 100%;
  max-height: none;
  padding-top: 64px;
  border: none;
  border-radius: 0;
}
@media (min-width: 768px) {
  .modal-documents .modal__content {
    padding: 0;
    background-color: transparent;
  }
}
.modal-documents .modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  max-height: none;
  margin: 0;
  width: 100%;
  padding: 0 16px 24px;
}
@media (min-width: 768px) {
  .modal-documents .modal__body {
    padding: 0;
  }
}
.modal-documents .modal__touch {
  display: none;
}
.modal-documents__back {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 44px;
  padding: 0 16px;
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-align: left;
  background-color: transparent;
  border: none;
}
.modal-documents__back i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal-documents__back svg {
  color: #2563eb;
}
@media (min-width: 768px) {
  .modal-documents__back {
    display: none;
  }
}
.modal-documents__main {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fff;
  border: none;
}
@media (min-width: 768px) {
  .modal-documents__main {
    padding: 12px 28px;
    border-radius: 20px;
    border: 4px solid #7ca1f3;
  }
}
@media (min-width: 992px) {
  .modal-documents__main {
    border-radius: 28px;
  }
}
.modal-documents__main-swiper.swiper {
  height: 100%;
  overflow: visible;
}
@media (min-width: 768px) {
  .modal-documents__main-swiper.swiper {
    overflow: hidden;
  }
}
.modal-documents__main-navs.swiper-navs {
  display: none;
}
@media (min-width: 768px) {
  .modal-documents__main-navs.swiper-navs {
    display: grid;
  }
}
.modal-documents__main-navs.swiper-navs .swiper-navs__item {
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modal-documents__main-navs.swiper-navs .swiper-navs__item:nth-child(1) {
  left: 16px;
}
.modal-documents__main-navs.swiper-navs .swiper-navs__item:nth-child(2) {
  right: 16px;
}
.modal-documents__bottom {
  position: relative;
}
@media (min-width: 768px) {
  .modal-documents__bottom {
    padding: 0 48px;
  }
}
.modal-documents__bottom-swiper.swiper {
  overflow: visible;
}
@media (min-width: 768px) {
  .modal-documents__bottom-swiper.swiper {
    overflow: hidden;
  }
}
.modal-documents__bottom-swiper.swiper .swiper-slide-thumb-active .modal-documents__thumb {
  border-color: #2563eb;
}
.modal-documents__bottom-swiper .swiper-slide {
  width: auto;
}
@media (min-width: 768px) {
  .modal-documents__bottom-swiper .swiper-slide {
    width: 100%;
  }
}
.modal-documents__bottom-navs.swiper-navs {
  display: none;
}
@media (min-width: 768px) {
  .modal-documents__bottom-navs.swiper-navs {
    display: grid;
  }
}
.modal-documents__bottom-navs.swiper-navs .swiper-navs__item {
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modal-documents__bottom-navs.swiper-navs .swiper-navs__item:nth-child(1) {
  left: 0;
}
.modal-documents__bottom-navs.swiper-navs .swiper-navs__item:nth-child(2) {
  right: 0;
}
.modal-documents__thumb {
  height: 80px;
  padding: 7px 11px;
  background-color: #fff;
  border: 1px solid #f3f3f4;
  border-radius: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .modal-documents__thumb {
    height: 120px;
    padding: 6px 10px;
    border: 2px solid #fff;
  }
}
.modal-documents__thumb picture {
  height: 100%;
}
.modal-documents__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.modal-documents-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.modal-documents-card__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .modal-documents-card__title {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-documents-card__img {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 80px;
  margin: 16px 0 0;
  padding: 24px;
  border: 1px solid #f3f3f4;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .modal-documents-card__img {
    padding: 0;
    border: none;
    border-radius: 0;
  }
}
@media (min-width: 992px) {
  .modal-documents-card__img {
    min-height: 120px;
    margin-top: 12px;
  }
}
.modal-documents-card__img picture {
  height: 100%;
}
.modal-documents-card__img img {
  position: absolute;
  top: 24px;
  left: 24px;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 768px) {
  .modal-documents-card__img img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.modal-documents-card__qty {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 4px 0 0;
  display: block;
  min-width: 74px;
  background-color: rgba(17, 24, 39, 0.4);
  border-radius: 8px;
  margin: 16px 0 0;
  padding: 6px 8px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 992px) {
  .modal-documents-card__qty {
    margin-top: 4px;
  }
}

.footer {
  background: #fafafb;
  border-top: 1px solid #e8e8ea;
  padding: 20px 0;
  padding-top: 40px;
  border-radius: 20px 20px 0 0;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .footer {
    border-radius: 60px 60px 0 0;
  }
}
@media (min-width: 1300px) {
  .footer {
    font-size: 16px;
    line-height: 22px;
  }
}
.footer__body {
  display: grid;
  gap: 28px;
  position: relative;
}
@media (min-width: 768px) {
  .footer__body {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media (min-width: 1200px) {
  .footer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0;
  }
}
.footer__body-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  border-top: 1px solid #e8e8ea;
  padding-top: 24px;
}
@media (min-width: 1200px) {
  .footer__body-item {
    border-top: none;
    padding-top: 0;
  }
}
.footer__body-item:first-child {
  border-top: none;
  padding-top: 0;
}
@media (min-width: 768px) {
  .footer__body-item:first-child {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 1200px) {
  .footer__body-item:first-child {
    position: relative;
  }
}
.footer__body-item:nth-child(2) {
  border-top: none;
  padding-top: 0;
}
@media (min-width: 768px) {
  .footer__body-item:nth-child(2) {
    border-top: none;
    padding-top: 68px;
  }
}
@media (min-width: 992px) {
  .footer__body-item:nth-child(2) {
    padding-top: 92px;
  }
}
@media (min-width: 1200px) {
  .footer__body-item:nth-child(2) {
    padding-top: 0;
  }
}
@media (min-width: 1300px) {
  .footer__body-item:nth-child(2) {
    width: 160px;
  }
}
@media (min-width: 768px) {
  .footer__body-item:nth-child(3) {
    border-top: none;
    padding-top: 0;
  }
}
@media (min-width: 1300px) {
  .footer__body-item:nth-child(3) {
    width: 200px;
  }
}
@media (min-width: 1300px) {
  .footer__body-item:nth-child(4) {
    width: 180px;
  }
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 178px;
  height: 40px;
  border-radius: 10px;
  background: #fff;
}
@media (min-width: 992px) {
  .footer__logo {
    width: 222px;
    height: 52px;
    border-radius: 12px;
  }
}
.footer__logo svg {
  width: 146px;
  height: auto;
  aspect-ratio: 182/20;
}
@media (min-width: 992px) {
  .footer__logo svg {
    width: 182px;
  }
}
.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
}
@media (min-width: 992px) {
  .footer__menu {
    gap: 12px;
  }
}
.footer__menu .active,
.footer__menu a:hover {
  color: #2563eb;
}
.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
}
.footer__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__contacts-item:hover {
  color: #2563eb;
}
.footer__contacts-item i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  color: #2563eb;
}
@media (min-width: 992px) {
  .footer__contacts-item i {
    width: 22px;
  }
}
.footer__contacts-item svg {
  height: 15px;
}
@media (min-width: 992px) {
  .footer__contacts-item svg {
    height: 17px;
  }
}
.footer__contacts-item span {
  font-weight: 500;
  max-width: calc(100% - 20px);
  padding-left: 8px;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .footer__contacts-item span {
    max-width: calc(100% - 22px);
    padding-left: 10px;
  }
}
.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #e8e8ea;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .footer__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.footer__bottom-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
@media (min-width: 992px) {
  .footer__bottom-copy {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
  }
}
@media (min-width: 1300px) {
  .footer__bottom-copy {
    gap: 30px;
  }
}
.footer__bottom-link.active, .footer__bottom-link:hover {
  color: #2563eb;
}
.footer__dev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
}
.footer__dev svg {
  width: 24px;
  height: auto;
  aspect-ratio: 24/31;
  color: #000;
}
.footer__dev span {
  width: calc(100% - 24px);
  padding-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer__dev u {
  color: #666;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer__dev:hover u {
  color: #2563eb;
}

.offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  padding: 12px;
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  font-size: 12px;
  line-height: 16px;
  min-height: 216px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .offer {
    font-size: 14px;
    padding: 16px;
    line-height: 20px;
    min-height: 240px;
  }
}
.offer:hover {
  border-color: #d3e0fb;
}
.offer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.offer__body-left {
  width: calc(100% - 60px);
  padding-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.offer__body-right {
  width: 60px;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid #e8e8ea;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.offer__body-right picture {
  width: 48px;
  height: auto;
  aspect-ratio: 1;
  position: relative;
}
.offer__body-right img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.offer__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 600;
  overflow: hidden;
  height: 32px;
}
@media (min-width: 992px) {
  .offer__name {
    height: 40px;
  }
}
.offer__name:hover {
  color: #2563eb;
}
.offer__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-weight: 500;
}
.offer__rating i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  color: #facc15;
}
.offer__rating span {
  font-weight: 400;
  color: #70747d;
}
.offer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid #f3f3f4;
}
.offer__list-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  text-align: right;
}
.offer__list-item span {
  color: #70747d;
  text-align: left;
}
.offer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
.offer__bottom-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  background: none;
  border: 1px solid #2563eb;
  height: 40px;
  color: #2563eb;
  border-radius: 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
}
.offer__bottom-button:hover {
  background: #2563eb;
  color: #fff;
}
.offer__bottom-mx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #111827 url(../images/max.jpg) no-repeat 50%/cover;
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 12px;
  color: #fff;
  border: none;
  padding: 0;
}
.offer__bottom-mx:hover {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}
.offer__bottom-chevron {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 12px;
  background: none;
  border: 1px solid #2563eb;
  padding: 0;
  color: #2563eb;
}
.offer__bottom-chevron:hover {
  border-color: #1e4fbc;
  background: #1e4fbc;
  color: #fff;
}
.offer__bottom-chevron:active {
  border-color: #163b8d;
  background: #163b8d;
}

.best-offers {
  overflow: hidden;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .best-offers {
    margin-top: 64px;
  }
}
.best-offers__body {
  position: relative;
}
.best-offers__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .best-offers__toper {
    margin-bottom: 24px;
  }
}
.best-offers__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}
@media (min-width: 768px) {
  .best-offers__title {
    max-width: calc(100% - 112px);
  }
}
.best-offers__tabs {
  margin-top: 16px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .best-offers__tabs {
    margin: 24px 0;
  }
}
.best-offers__bodies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.best-offers__bodies-item {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.best-offers__bodies-item.active {
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  overflow: visible;
}
.best-offers__bodies-item .swiper {
  width: calc(100% - 25px);
  overflow: visible;
}
@media (min-width: 1200px) {
  .best-offers__bodies-item .swiper {
    width: 100%;
    overflow: hidden;
  }
}
.best-offers__bodies-item .swiper-navs {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .best-offers__bodies-item.active .swiper-navs {
    display: grid;
  }
}
.best-offers__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .best-offers__more {
    margin-top: 24px;
  }
}

.companies-rating__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 992px) {
  .companies-rating__tabs {
    gap: 12px;
  }
}
.companies-rating__tabs-item {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px;
  height: 32px;
  border-radius: 8px;
  background: #fbfcff;
  border: 1px solid #fbfcff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .companies-rating__tabs-item {
    height: 36px;
  }
}
.companies-rating__tabs-item.active {
  color: #2563eb;
  border-color: #2563eb;
}
.companies-rating__tabs-item:nth-child(1), .companies-rating__tabs-item:nth-child(2), .companies-rating__tabs-item:nth-child(3), .companies-rating__tabs-item:nth-child(4), .companies-rating__tabs-item:nth-child(5) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .companies-rating__tabs-item:nth-child(6) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.companies-rating__tabs.active .companies-rating__tabs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.companies-rating__tabs-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  padding: 0;
  background: none;
  border: none;
  color: #2563eb;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .companies-rating__tabs-more {
    height: 36px;
  }
}
.companies-rating__tabs-more span {
  border-bottom: 1px dashed;
}
.companies-rating__tabs-more span + span {
  display: none;
}
.companies-rating__tabs.active .companies-rating__tabs-more span {
  display: none;
}
.companies-rating__tabs.active .companies-rating__tabs-more span + span {
  display: block;
}

.companies-rating__items {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .companies-rating__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .companies-rating__items {
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 24px;
  }
}
@media (min-width: 1200px) {
  .companies-rating__items {
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.fin-service {
  overflow: hidden;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .fin-service {
    margin-top: 60px;
  }
}
.fin-service__title {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .fin-service__title {
    margin-bottom: 24px;
  }
}
.fin-service .swiper {
  width: calc(100% - 25px);
  overflow: visible;
}
@media (min-width: 1200px) {
  .fin-service .swiper {
    width: 100%;
    overflow: hidden;
  }
}
.fin-service__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  background: #fbfcff;
  border-radius: 24px;
}
@media (min-width: 992px) {
  .fin-service__item {
    padding: 20px;
  }
}
.fin-service__item-title {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .fin-service__item-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.fin-service__item-text {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .fin-service__item-text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}
.fin-service__item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.fin-service__item img {
  height: 158px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 992px) {
  .fin-service__item img {
    height: 240px;
  }
}
.fin-service__item-button {
  margin-top: 12px;
}
@media (min-width: 992px) {
  .fin-service__item-button {
    margin-top: 20px;
  }
}

.credit-online {
  overflow: hidden;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .credit-online {
    margin-top: 60px;
  }
}
.credit-online__title {
  margin-bottom: 8px;
}
.credit-online__subtitle {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .credit-online__subtitle {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 24px;
  }
}
.credit-online__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-radius: 12px;
  background: #fafafb;
  padding: 16px;
}
@media (min-width: 992px) {
  .credit-online__item {
    padding: 20px;
  }
}
.credit-online__item b {
  width: 100%;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .credit-online__item b {
    font-size: 16px;
    line-height: 22px;
  }
}
.credit-online__item i {
  width: 100%;
  font-style: normal;
  overflow: hidden;
  height: 32px;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .credit-online__item i {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    margin-bottom: 20px;
  }
}
.credit-online__item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 80px;
}
@media (min-width: 992px) {
  .credit-online__item picture {
    width: 110px;
  }
}
.credit-online__item img {
  height: 80px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 992px) {
  .credit-online__item img {
    height: 110px;
  }
}
.credit-online .swiper {
  width: calc(100% - 25px);
  overflow: visible;
}
@media (min-width: 1200px) {
  .credit-online .swiper {
    width: 100%;
    overflow: hidden;
  }
}
.credit-online__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .credit-online__button {
    margin-top: 24px;
  }
}
.credit-online__button > i {
  text-align: center;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}

.live-community {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .live-community {
    margin-top: 60px;
  }
}
.live-community__title {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .live-community__title {
    margin-bottom: 24px;
  }
}
.live-community__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.live-community__item {
  display: grid;
  gap: 40px;
  border: 1px solid #e8e8ea;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding: 16px;
  padding-right: 40px;
}
@media (min-width: 992px) {
  .live-community__item {
    grid-template-columns: 1fr auto;
    padding: 20px;
    padding-right: 100px;
  }
}
.live-community__item:hover {
  border-color: #2563eb;
}
.live-community__item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.live-community__item-left i {
  width: 72px;
  height: auto;
  aspect-ratio: 1;
  background: #fafafb;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 992px) {
  .live-community__item-left i {
    width: 82px;
  }
}
.live-community__item-left svg {
  width: 44px;
  height: auto;
  aspect-ratio: 1;
}
@media (min-width: 992px) {
  .live-community__item-left svg {
    width: 52px;
  }
}
.live-community__item-left span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  width: calc(100% - 72px);
  padding-left: 12px;
}
@media (min-width: 992px) {
  .live-community__item-left span {
    width: calc(100% - 82px);
    padding-left: 24px;
    gap: 8px;
  }
}
.live-community__item-left b {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .live-community__item-left b {
    font-size: 16px;
    line-height: 22px;
  }
}
.live-community__item-left u {
  text-decoration: none;
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media (min-width: 992px) {
  .live-community__item-left u {
    display: block;
    font-size: 14px;
    line-height: 20px;
  }
}
.live-community__item-right {
  display: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
@media (min-width: 992px) {
  .live-community__item-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.live-community__item-right span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.live-community__item-right i {
  font-style: normal;
  color: #70747d;
  font-size: 14px;
  line-height: 20px;
}
.live-community__item-right b {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.live-community__item-chevron {
  position: absolute;
  width: 24px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f4f7fe;
  color: #2563eb;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .live-community__item-chevron {
    top: 50%;
    margin-top: -20px;
    right: 16px;
    width: 40px;
    height: auto;
    aspect-ratio: 1;
    background: none;
    border: 1px solid #2563eb;
    border-radius: 12px;
  }
}
@media (min-width: 992px) {
  .live-community__item:hover .live-community__item-chevron {
    background: #2563eb;
    color: #fff;
  }
}
.live-community__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .live-community__button {
    margin-top: 24px;
  }
}

.live-community-thing {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .live-community-thing {
    margin-top: 60px;
  }
}
.live-community-thing__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  background: #fafafb;
  border-radius: 20px;
  padding: 16px;
  position: relative;
}
@media (min-width: 768px) {
  .live-community-thing__body {
    padding-right: 332px;
  }
}
@media (min-width: 992px) {
  .live-community-thing__body {
    padding: 40px;
    padding-right: 450px;
  }
}
.live-community-thing__title {
  width: 100%;
  font-weight: 600;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .live-community-thing__title {
    font-size: 20px;
    line-height: 28px;
    max-width: 576px;
  }
}
.live-community-thing__text {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .live-community-thing__text {
    max-width: 576px;
    margin-bottom: 32px;
  }
}
.live-community-thing__bottom {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  margin-top: 12px;
}
@media (min-width: 992px) {
  .live-community-thing__bottom {
    max-width: 392px;
  }
}
.live-community-thing picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: auto;
  max-height: 180px;
  aspect-ratio: 1090/671;
  position: relative;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .live-community-thing picture {
    margin: 0;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 300px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    max-height: none;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .live-community-thing picture {
    width: 370px;
    right: 40px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .live-community-thing picture {
    width: auto;
    max-width: 520px;
    height: 110%;
  }
}
.live-community-thing img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.media-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  overflow: hidden;
}
.media-item__pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #e8e8ea;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
  background: #fafafb;
}
.media-item__pic picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.media-item__pic img {
  height: 138px;
}
@media (min-width: 992px) {
  .media-item__pic img {
    height: 178px;
  }
}
.media-item__pic span {
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.media-item__pic b,
.media-item__pic i {
  font-weight: 600;
  font-style: normal;
  padding: 0 12px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #d3e0fb;
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
}
.media-item__pic i {
  background: #fef5d0;
}
.media-item:hover .media-item__pic picture {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.media-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 20px 16px;
  position: relative;
  z-index: 1;
}
.media-item__body i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.media-item__body b {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .media-item__body b {
    font-size: 16px;
    line-height: 22px;
  }
}
.media-item__body span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .media-item__body span {
    font-size: 14px;
    line-height: 20px;
  }
}
.media-item:hover .media-item__body b {
  color: #2563eb;
}

.media-center {
  overflow: hidden;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .media-center {
    margin-top: 60px;
  }
}
.media-center__body {
  position: relative;
}
.media-center__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .media-center__toper {
    margin-bottom: 24px;
  }
}
.media-center__toper .subtitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}
.media-center__toper .swiper-navs {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .media-center__toper .swiper-navs {
    display: grid;
  }
}
.media-center .swiper {
  width: calc(100% - 25px);
  overflow: visible;
}
@media (min-width: 1200px) {
  .media-center .swiper {
    width: 100%;
    overflow: hidden;
  }
}
.media-center__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .media-center__button {
    margin-top: 24px;
  }
}

.media-center-page__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .media-center-page__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .media-center-page__toper {
    gap: 24px;
    margin-bottom: 24px;
  }
}
.media-center-page__toper .select .nice-select {
  width: 100%;
}
@media (min-width: 768px) {
  .media-center-page__toper .select .nice-select {
    width: auto;
  }
}
.media-center-page__tabs {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .media-center-page__tabs {
    margin-bottom: 24px;
  }
}
.media-center-page__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.media-center-page__items-grid {
  width: 100%;
  display: grid;
  gap: 12px;
}
@media (min-width: 768px) {
  .media-center-page__items-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .media-center-page__items-grid {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .media-center-page__items-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/*
.media-center-page__items .media-item {
  display: none;
}
.media-center-page__items .media-item:nth-child(1), .media-center-page__items .media-item:nth-child(2), .media-center-page__items .media-item:nth-child(3), .media-center-page__items .media-item:nth-child(4), .media-center-page__items .media-item:nth-child(5) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .media-center-page__items .media-item:nth-child(6), .media-center-page__items .media-item:nth-child(7), .media-center-page__items .media-item:nth-child(8) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 992px) {
  .media-center-page__items .media-item:nth-child(9), .media-center-page__items .media-item:nth-child(10) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1200px) {
  .media-center-page__items .media-item:nth-child(11), .media-center-page__items .media-item:nth-child(12) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
*/

.media-center-page__items.active .media-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.media-center-page__items-more {
  color: #2563eb;
  background: #f4f7fe;
  border-color: #f4f7fe;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .media-center-page__items-more {
    margin-top: 24px;
  }
}
.media-center-page__items-more:hover {
  color: #fff;
  background: #2563eb;
  border-color: #2563eb;
}
.media-center-page__items-more span + span {
  display: none;
}
.media-center-page__items.active .media-center-page__items-more span {
  display: none;
}
.media-center-page__items.active .media-center-page__items-more span + span {
  display: block;
}
.media-center-page__items .media-center-page__items-more {
  margin-top: 8px;
}
@media (min-width: 992px) {
  .media-center-page__items .media-center-page__items-more {
    margin-top: 12px;
  }
}
.media-center-page__pagination {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .media-center-page__pagination {
    margin-top: 20px;
  }
}

.review-item {
  width: 100%;
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 12px;
}
@media (min-width: 992px) {
  .review-item {
    gap: 16px;
    padding: 20px;
  }
}
.review-item_more {
  border: 1px solid #2563eb;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.review-item_more.hided {
  border: 1px solid #e8e8ea;
}
.review-item__one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .review-item__one {
    gap: 16px;
  }
}
.review-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 992px) {
  .review-item__top {
    gap: 16px;
  }
}
.review-item__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.review-item__name b {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.review-item__name i {
  font-style: normal;
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}
.review-item__star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.review-item__star i {
  display: none;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #facc15;
}
@media (min-width: 768px) {
  .review-item__star i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.review-item__star i:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-item__star i.gray {
  color: #e8e8ea;
}
.review-item__ava {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.review-item__ava i {
  width: 36px;
  height: auto;
  aspect-ratio: 1;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #d3e0fb;
}
.review-item__ava picture {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% - 8px);
  height: calc(100% - 8px);
}
.review-item__ava img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.review-item__ava b {
  width: calc(100% - 36px);
  padding-left: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.review-item__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .review-item__text {
    font-size: 14px;
    line-height: 20px;
  }
}
.review-item__text p {
  margin: 0;
}
.review-item__text p + p {
  margin-top: 8px;
}
@media (min-width: 992px) {
  .review-item__text p + p {
    margin-top: 12px;
  }
}
.review-item__text span {
  display: block;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .review-item__text span {
    margin-bottom: 12px;
  }
}
.review-item__text span i {
  font-style: normal;
  color: #70747d;
}
.review-item__readmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
@media (min-width: 992px) {
  .review-item__readmore {
    gap: 16px;
  }
}
.review-item__readmore-toggle {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  border: none;
  background: none;
  color: #2563eb;
  border-bottom: 1px dashed;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .review-item__readmore-toggle {
    font-size: 14px;
    line-height: 20px;
  }
}
.review-item__readmore-toggle span {
  display: none;
}
.review-item__readmore-toggle span + span {
  display: block;
}
.review-item_more .review-item__readmore-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-item_more.hided .review-item__readmore-toggle span {
  display: block;
}
.review-item_more.hided .review-item__readmore-toggle span + span {
  display: none;
}
.review-item__readmore .review-item__text {
  width: 100%;
  display: block;
}
.review-item_more.hided .review-item__readmore .review-item__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media (min-width: 992px) {
  .review-item_more.hided .review-item__readmore .review-item__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.review-item__two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}
.review-item__two a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .review-item__two a {
    font-size: 14px;
    line-height: 20px;
  }
}
.review-item__two a:hover {
  color: #2563eb;
}
.review-item__two a i {
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 992px) {
  .review-item__two a i {
    width: 20px;
  }
}
.review-item__two b {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  height: 32px;
  background: #f4f7fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 16px;
}
.review-item__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.review-item__btn button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  color: #a0a3a9;
}
.review-item__btn button:hover {
  color: #2563eb;
}
.review-item__btn button svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.review-item__btn button ~ button svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.review-item__btn b {
  color: #a0a3a9;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .review-item__btn b {
    font-size: 14px;
    line-height: 20px;
  }
}
.review-item__btn_plus b {
  color: #46b42a;
}
.review-item__btn_plus b:before {
  content: "+";
  display: inline;
}
.review-item__btn_minus b {
  color: #b42a2a;
}
.review-item__btn_minus b:before {
  content: "-";
  display: inline;
}

.reviews {
  overflow: hidden;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .reviews {
    margin-top: 64px;
  }
}
.reviews__body {
  position: relative;
}
.reviews .subtitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}
.reviews__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
}
@media (min-width: 768px) {
  .reviews__toper {
    max-width: calc(100% - 112px);
  }
}
.reviews__toper .button {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
@media (min-width: 768px) {
  .reviews__toper .button {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.reviews__tabs {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .reviews__tabs {
    margin-top: 24px;
  }
}
.reviews__bodies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .reviews__bodies {
    margin-top: 24px;
  }
}
.reviews__bodies-item {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.reviews__bodies-item.active {
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  overflow: visible;
}
.reviews__bodies-item .swiper {
  overflow: visible;
}
@media (min-width: 1200px) {
  .reviews__bodies-item .swiper {
    overflow: hidden;
  }
}
.reviews__bodies-item .swiper-navs {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .reviews__bodies-item.active .swiper-navs {
    display: grid;
  }
}
.reviews__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .reviews__more {
    margin-top: 24px;
  }
}

.reviews-page__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .reviews-page__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .reviews-page__toper {
    gap: 24px;
  }
}
.reviews-page__tabs {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .reviews-page__tabs {
    margin-top: 24px;
  }
}
.reviews-page__bodies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .reviews-page__bodies {
    margin-top: 24px;
  }
}
.reviews-page__bodies-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  opacity: 0;
  height: 0;
}
.reviews-page__bodies-item.active {
  overflow: visible;
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.reviews-page__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 992px) {
  .reviews-page__items .review-item__name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
  }
}
@media (min-width: 992px) {
  .reviews-page__items .review-item__name b {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .reviews-page__items .review-item__name i {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .reviews-page__items .review-item__text {
    font-size: 16px;
    line-height: 22px;
  }
}
.reviews-page__items.active .review-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reviews-page__items .button {
  margin-top: 8px;
}
@media (min-width: 992px) {
  .reviews-page__items .button {
    margin-top: 12px;
  }
}
.reviews-page__items .button span + span {
  display: none;
}
.reviews-page__items.active .button span {
  display: none;
}
.reviews-page__items.active .button span + span {
  display: block;
}

.reviews .reviews-page__toper {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .reviews .reviews-page__toper {
    margin-bottom: 24px;
  }
}

.lawyer {
  padding: 16px;
  border: 1px solid #e8e8ea;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .lawyer {
    gap: 20px;
  }
}
.lawyer__one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lawyer__one div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 32px);
}
@media (min-width: 992px) {
  .lawyer__one div {
    width: calc(100% - 40px);
  }
}
.lawyer__one picture {
  width: 60px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  border: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  .lawyer__one picture {
    width: 82px;
  }
}
.lawyer__one img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 48px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 8px;
}
@media (min-width: 992px) {
  .lawyer__one img {
    width: 70px;
  }
}
.lawyer__one span {
  width: calc(100% - 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .lawyer__one span {
    width: calc(100% - 82px);
  }
}
.lawyer__one b {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .lawyer__one b {
    font-size: 16px;
    line-height: 22px;
  }
}
.lawyer__one i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .lawyer__one i {
    font-size: 14px;
    line-height: 20px;
  }
}
.lawyer__one .button {
  width: 32px;
  height: auto;
  aspect-ratio: 1;
  padding: 0;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .lawyer__one .button {
    width: 40px;
  }
}
.lawyer__two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
  font-size: 12px;
  line-height: 16px;
  border-top: 1px solid #f3f3f4;
  padding-top: 12px;
}
@media (min-width: 992px) {
  .lawyer__two {
    gap: 16px;
    font-size: 14px;
    line-height: 20px;
    padding-top: 16px;
  }
}
.lawyer__rating {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.lawyer__text {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 48px;
}
@media (min-width: 992px) {
  .lawyer__text {
    height: 60px;
  }
}
.lawyer__email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.lawyer__email:hover {
  color: #2563eb;
}
.lawyer__email i {
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
@media (min-width: 992px) {
  .lawyer__email i {
    width: 20px;
  }
}
.lawyer__email svg {
  width: 16px;
  height: auto;
  aspect-ratio: 20/17;
}
@media (min-width: 992px) {
  .lawyer__email svg {
    width: 18px;
  }
}

.faqs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  border-radius: 12px;
  background: none;
  border: 1px solid #e8e8ea;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: left;
  width: 100%;
}
@media (min-width: 992px) {
  .faqs-item {
    padding: 20px;
  }
}
.faqs-item:hover {
  border-color: #a8c1f7;
}
.faqs-item.active {
  border-color: #2563eb;
}
.faqs-item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.faqs-item-name b {
  width: calc(100% - 24px);
  padding-right: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .faqs-item-name b {
    font-size: 18px;
    line-height: 24px;
  }
}
.faqs-item-name i {
  width: 24px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.faqs-item-name svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.faqs-item.active .faqs-item-name i {
  color: #2563eb;
}
.faqs-item.active .faqs-item-name i svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.faqs-item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  opacity: 0;
  height: 0;
  color: #111;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .faqs-item-body {
    font-size: 16px;
    line-height: 22px;
  }
}
.faqs-item-body span + span {
  margin-top: 8px;
}
@media (min-width: 992px) {
  .faqs-item-body span + span {
    margin-top: 12px;
  }
}
.faqs-item-body p {
  margin: 8px 0 0;
}
@media (min-width: 992px) {
  .faqs-item-body p {
    margin-top: 12px;
  }
}
.faqs-item-body p:first-child {
  margin: 0;
}
.faqs-item.active .faqs-item-body {
  overflow: visible;
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-top: 12px;
}
@media (min-width: 992px) {
  .faqs-item.active .faqs-item-body {
    margin-top: 20px;
  }
}

.faqs {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .faqs {
    margin-top: 64px;
  }
}
.faqs__body {
  position: relative;
  padding-bottom: 52px;
}
@media (min-width: 768px) {
  .faqs__body {
    padding-bottom: 0;
  }
}
.faqs__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .faqs__toper {
    margin-bottom: 24px;
  }
}
.faqs__toper.active {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px 24px;
}
@media (min-width: 768px) {
  .faqs__toper.active {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
  }
}
.faqs__toper.active .subtitle,
.faqs__toper.active .select,
.faqs__toper.active .nice-select {
  width: 100%;
}
@media (min-width: 768px) {
  .faqs__toper.active .subtitle,
  .faqs__toper.active .select,
  .faqs__toper.active .nice-select {
    width: auto;
  }
}
.faqs__toper .subtitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}
.faqs__toper .button {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
@media (min-width: 768px) {
  .faqs__toper .button {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.faqs__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.faqs__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .faqs__more {
    margin-top: 24px;
  }
}

.faqs-page__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .faqs-page__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .faqs-page__toper {
    gap: 24px;
  }
}
.faqs-page__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .faqs-page__items {
    margin-top: 24px;
  }
}
.faqs-page__items .faqs-item {
  display: none;
}
.faqs-page__items .faqs-item:nth-child(1), .faqs-page__items .faqs-item:nth-child(2), .faqs-page__items .faqs-item:nth-child(3), .faqs-page__items .faqs-item:nth-child(4), .faqs-page__items .faqs-item:nth-child(5), .faqs-page__items .faqs-item:nth-child(6), .faqs-page__items .faqs-item:nth-child(7), .faqs-page__items .faqs-item:nth-child(8), .faqs-page__items .faqs-item:nth-child(9), .faqs-page__items .faqs-item:nth-child(10) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faqs-page__items.active .faqs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faqs-page__items .button {
  margin-top: 8px;
}
@media (min-width: 992px) {
  .faqs-page__items .button {
    margin-top: 12px;
  }
}
.faqs-page__items .button span + span {
  display: none;
}
.faqs-page__items.active .button span {
  display: none;
}
.faqs-page__items.active .button span + span {
  display: block;
}

.partners {
  overflow: hidden;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .partners {
    margin-top: 64px;
  }
}
.partners__body {
  position: relative;
}
.partners__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .partners__toper {
    margin-bottom: 24px;
  }
}
.partners__toper .subtitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}
.partners__toper .swiper-navs {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .partners__toper .swiper-navs {
    display: grid;
  }
}
.partners .swiper {
  width: calc(100% - 25px);
  overflow: visible;
}
@media (min-width: 1200px) {
  .partners .swiper {
    width: 100%;
    overflow: hidden;
  }
}
.partners__item {
  width: 100%;
  height: auto;
  aspect-ratio: 116/72;
  border: 1px solid #e8e8ea;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}
@media (min-width: 992px) {
  .partners__item {
    border-radius: 16px;
  }
}
.partners__item picture {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% - 12px);
  height: calc(100% - 12px);
}
@media (min-width: 992px) {
  .partners__item picture {
    width: calc(100% - 24px);
    height: calc(100% - 24px);
  }
}
.partners__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.partners__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .partners__button {
    margin-top: 24px;
  }
}

.spec-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .spec-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .spec-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.spec-item__numb {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 32px;
  height: auto;
  aspect-ratio: 1;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border: 1px solid #e8e8ea;
  background: #fff;
  border-radius: 999px;
}
@media (min-width: 768px) {
  .spec-item__numb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.spec-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #f3f3f4;
  border-radius: 16px;
  padding: 12px;
  font-size: 12px;
  line-height: 16px;
  position: relative;
}
@media (min-width: 768px) {
  .spec-item__body {
    width: calc(100% - 44px);
  }
}
@media (min-width: 992px) {
  .spec-item__body {
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    padding-right: 100px;
  }
}
@media (min-width: 1200px) {
  .spec-item__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.spec-item__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 1200px) {
  .spec-item__name {
    width: calc(100% - 700px);
    padding-right: 40px;
  }
}
.spec-item__name picture {
  width: 60px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #e8e8ea;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .spec-item__name picture {
    width: 82px;
    border-radius: 12px;
  }
}
.spec-item__name img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.spec-item__name div {
  width: calc(100% - 60px);
  padding-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 992px) {
  .spec-item__name div {
    gap: 8px;
    width: calc(100% - 82px);
    padding-left: 24px;
  }
}
.spec-item__name b {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .spec-item__name b {
    font-size: 16px;
    line-height: 22px;
  }
}
.spec-item__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
  margin-top: 20px;
  border-top: 1px solid #f3f3f4;
}
@media (min-width: 992px) {
  .spec-item__list {
    padding-top: 20px;
    margin-top: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
  }
}
@media (min-width: 1200px) {
  .spec-item__list {
    width: 700px;
    padding: 0;
    margin: 0;
    border: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.spec-item__list-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
@media (min-width: 992px) {
  .spec-item__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.spec-item__list-item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
@media (min-width: 992px) {
  .spec-item__list-item > div {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
}
.spec-item__list-item > div a {
  text-decoration: underline;
}
.spec-item__list-item > div a:hover {
  color: #2563eb;
}
.spec-item__list-item > div + div {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .spec-item__list-item > div + div {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.spec-item__list-item span {
  color: #70747d;
}
@media (min-width: 992px) {
  .spec-item__list-item span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
}
.spec-item__list-item b {
  font-weight: 500;
}
.spec-item__list-item i {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #facc15;
}
.spec-item .button {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .spec-item .button {
    width: 40px;
    height: 40px;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -20px;
  }
}
@media (min-width: 992px) {
  .spec-item .button span {
    display: none;
  }
}

.spec-rating__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .spec-rating__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .spec-rating__toper {
    gap: 24px;
    margin-bottom: 24px;
  }
}
.spec-rating__toper .select .nice-select {
  width: 100%;
}
@media (min-width: 768px) {
  .spec-rating__toper .select .nice-select {
    width: auto;
  }
}
.spec-rating__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.spec-rating__items .spec-item {
  display: none;
}
.spec-rating__items .spec-item:nth-child(1), .spec-rating__items .spec-item:nth-child(2), .spec-rating__items .spec-item:nth-child(3), .spec-rating__items .spec-item:nth-child(4), .spec-rating__items .spec-item:nth-child(5), .spec-rating__items .spec-item:nth-child(6), .spec-rating__items .spec-item:nth-child(7), .spec-rating__items .spec-item:nth-child(8) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 992px) {
  .spec-rating__items .spec-item:nth-child(9), .spec-rating__items .spec-item:nth-child(10) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.spec-rating__items.active .spec-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.spec-rating__items-more {
  color: #2563eb;
  background: #f4f7fe;
  border-color: #f4f7fe;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .spec-rating__items-more {
    margin-top: 12px;
  }
}
.spec-rating__items-more:hover {
  color: #fff;
  background: #2563eb;
  border-color: #2563eb;
}
.spec-rating__items-more span + span {
  display: none;
}
.spec-rating__items.active .spec-rating__items-more span {
  display: none;
}
.spec-rating__items.active .spec-rating__items-more span + span {
  display: block;
}
.spec-rating__pagination {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .spec-rating__pagination {
    margin-top: 20px;
  }
}

.spec-page__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px 0;
}
@media (min-width: 768px) {
  .spec-page__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.spec-page__toper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 158px;
}
@media (min-width: 768px) {
  .spec-page__toper-left {
    position: sticky;
    top: 92px;
  }
}
@media (min-width: 992px) {
  .spec-page__toper-left {
    width: 212px;
    top: 112px;
  }
}
@media (min-width: 1200px) {
  .spec-page__toper-left {
    top: 174px;
  }
}
.spec-page__toper-left picture {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e8e8ea;
}
.spec-page__toper-left img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% - 16px);
  height: auto;
  aspect-ratio: 1;
  border-radius: 12px;
}
.spec-page__toper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
}
@media (min-width: 768px) {
  .spec-page__toper-right {
    width: calc(100% - 158px);
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .spec-page__toper-right {
    width: calc(100% - 212px);
    padding-left: 40px;
    gap: 20px;
  }
}
.spec-page__toper-name {
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: -4px;
}
@media (min-width: 992px) {
  .spec-page__toper-name {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: -8px;
  }
}
.spec-page__toper-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0;
}
@media (min-width: 768px) {
  .spec-page__toper-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
  }
}
.spec-page__toper-row .const__toper-sub {
  margin-left: 50px;
}
.spec-page__toper-row .const__toper-sub:before {
  left: 45px;
}
.spec-page__toper-link {
  text-decoration: underline;
  color: #2563eb;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .spec-page__toper-link {
    font-size: 14px;
    line-height: 20px;
  }
}
.spec-page__toper .bottom-text__body {
  width: 100%;
}
@media (min-width: 768px) {
  .spec-page__toper .bottom-text__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.spec-page__toper .bank-item__toper-items {
  width: 100%;
}
@media (min-width: 768px) {
  .spec-page__toper .bank-item__toper-items {
    grid-template-columns: 1fr 1fr;
  }
}
.spec-page__toper .button {
  margin-top: 12px;
}
.spec-page__info {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .spec-page__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .spec-page__info {
    margin-top: 52px;
    padding-top: 40px;
    gap: 20px;
  }
}
.spec-page__info-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
}
@media (min-width: 768px) {
  .spec-page__info-items {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .spec-page__info-items {
    gap: 12px;
  }
}
.spec-page__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.spec-page__info-item:hover {
  color: #2563eb;
}
.spec-page__info-item i {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
.spec-page__info-item span,
.spec-page__info-item u {
  padding-left: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .spec-page__info-item span,
  .spec-page__info-item u {
    font-size: 16px;
    line-height: 22px;
  }
}
.spec-page__text {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.spec-page__text-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 16px;
  background: #fbfcff;
  border: 1px solid #d3e0fb;
  border-radius: 12px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .spec-page__text-item {
    padding: 20px;
    margin-top: 24px;
  }
}
.spec-page__text-item b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 20px);
  padding-right: 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .spec-page__text-item b {
    font-size: 16px;
    line-height: 22px;
  }
}
.spec-page__text-item i {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
.spec-page__text .spec-page__text-item:hover {
  color: #2563eb;
  border-color: #2563eb;
}
.spec-page__reviews {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
@media (min-width: 992px) {
  .spec-page__reviews {
    gap: 24px;
  }
}
.spec-page__reviews-toper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
.spec-page__reviews-toper span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 12px;
}
.spec-page__reviews-toper b {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .spec-page__reviews-toper b {
    font-size: 24px;
    line-height: 32px;
  }
}
.spec-page__reviews-toper i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #70747d;
  position: relative;
  top: 3px;
}
@media (min-width: 992px) {
  .spec-page__reviews-toper i {
    font-size: 14px;
    line-height: 20px;
  }
}
.spec-page__reviews-toper .button {
  display: none;
}
@media (min-width: 768px) {
  .spec-page__reviews-toper .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.spec-page__reviews-items {
  width: 100%;
  display: grid;
  gap: 12px;
}
@media (min-width: 768px) {
  .spec-page__reviews-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .spec-page__reviews-items {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .spec-page__reviews-items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.spec-page__reviews-more {
  color: #2563eb;
  background: #f4f7fe;
  border-color: #f4f7fe;
}
.spec-page__reviews-more:hover {
  color: #fff;
  background: #2563eb;
  border-color: #2563eb;
}

.ratings {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .ratings {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.ratings__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  background: #fafafb;
  padding: 12px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .ratings__item {
    padding: 14px;
  }
}
.ratings__item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding-right: 12px;
  width: calc(100% - 40px);
}
@media (min-width: 992px) {
  .ratings__item span {
    width: calc(100% - 44px);
    padding-right: 20px;
  }
}
.ratings__item b {
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .ratings__item b {
    font-size: 14px;
    line-height: 20px;
  }
}
.ratings__item:hover b {
  color: #2563eb;
}
.ratings__item i {
  font-style: normal;
}
.ratings__item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 40px;
}
@media (min-width: 992px) {
  .ratings__item picture {
    width: 44px;
  }
}
.ratings__item img {
  width: 100%;
  height: 44px;
  -o-object-fit: contain;
  object-fit: contain;
}

.expert {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .expert {
    margin-top: 64px;
  }
}
.expert .subtitle {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .expert .subtitle {
    margin-bottom: 24px;
  }
}
.expert__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid #e8e8ea;
  padding: 12px;
}
@media (min-width: 992px) {
  .expert__item {
    padding: 20px;
  }
}
.expert__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.expert__toper div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 12px;
  width: calc(100% - 40px);
}
.expert__toper picture {
  width: 48px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 992px) {
  .expert__toper picture {
    width: 60px;
  }
}
.expert__toper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.expert__toper span {
  width: calc(100% - 48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding-left: 12px;
}
@media (min-width: 992px) {
  .expert__toper span {
    width: calc(100% - 60px);
    padding-left: 20px;
  }
}
.expert__toper b {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .expert__toper b {
    font-size: 16px;
    line-height: 22px;
  }
}
.expert__toper i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .expert__toper i {
    font-size: 14px;
    line-height: 20px;
  }
}
.expert__link {
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid #2563eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .expert__link {
    width: 36px;
  }
}
.expert__link:hover {
  background: #2563eb;
  color: #fff;
}
.expert__one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  line-height: 16px;
  color: #414652;
  margin-top: 12px;
}
@media (min-width: 992px) {
  .expert__one {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
  }
}
.expert__one p {
  margin: 0;
}
.expert__two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  padding-top: 12px;
  margin-top: 16px;
  border-top: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  .expert__two {
    gap: 16px;
    padding-top: 20px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
  }
}
.expert__two p {
  margin: 0;
}

.solutions {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .solutions {
    margin-top: 64px;
  }
}
.solutions .subtitle {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .solutions .subtitle {
    margin-bottom: 24px;
  }
}
.solutions__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.solutions__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fafafb;
  border-radius: 12px;
}
.solutions__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  padding: 16px;
  background: none;
  border: none;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .solutions__button {
    padding: 20px;
    font-size: 18px;
    line-height: 24px;
  }
}
.solutions__button b {
  font-weight: 600;
  width: calc(100% - 24px);
  padding-right: 20px;
}
.solutions__button i {
  width: 24px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.solutions__button svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.solutions__button.active svg {
  color: #2563eb;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.solutions__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  height: 0;
  overflow: hidden;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .solutions__body {
    padding: 0 20px;
  }
}
.active + .solutions__body {
  opacity: 1;
  height: auto;
  overflow: visible;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  padding-bottom: 16px;
}
@media (min-width: 992px) {
  .active + .solutions__body {
    padding-bottom: 20px;
  }
}
.solutions__things {
  display: grid;
  gap: 8px;
}
@media (min-width: 768px) {
  .solutions__things {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .solutions__things {
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.solutions__things-text {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .solutions__things-text {
    font-size: 14px;
    line-height: 20px;
  }
}
.solutions__things-text:hover {
  color: #2563eb;
}
.solutions__things-text b {
  font-weight: 500;
}
.solutions__things-link {
  height: 36px;
  border: 1px solid #2563eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #2563eb;
  border-radius: 10px;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .solutions__things-link {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 36px;
    margin-top: -18px;
  }
}
.solutions__things-link:hover {
  background: #2563eb;
  color: #fff;
}
.solutions__things-link span {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .solutions__things-link span {
    display: none;
  }
}
.solutions__things-link i {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.solutions__cities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .solutions__cities {
    gap: 20px;
  }
}
.solutions__cities-items {
  width: 100%;
  display: grid;
  gap: 12px 16px;
}
@media (min-width: 768px) {
  .solutions__cities-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .solutions__cities-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.solutions__cities-item {
  display: none;
  font-weight: 500;
}
.solutions__cities-item:nth-child(1), .solutions__cities-item:nth-child(2), .solutions__cities-item:nth-child(3), .solutions__cities-item:nth-child(4), .solutions__cities-item:nth-child(5), .solutions__cities-item:nth-child(6), .solutions__cities-item:nth-child(7), .solutions__cities-item:nth-child(8), .solutions__cities-item:nth-child(9), .solutions__cities-item:nth-child(10), .solutions__cities-item:nth-child(11), .solutions__cities-item:nth-child(12), .solutions__cities-item:nth-child(13), .solutions__cities-item:nth-child(14), .solutions__cities-item:nth-child(15), .solutions__cities-item:nth-child(16), .solutions__cities-item:nth-child(17), .solutions__cities-item:nth-child(18), .solutions__cities-item:nth-child(19), .solutions__cities-item:nth-child(20) {
  display: block;
}
@media (min-width: 992px) {
  .solutions__cities-item:nth-child(21), .solutions__cities-item:nth-child(22), .solutions__cities-item:nth-child(23), .solutions__cities-item:nth-child(24), .solutions__cities-item:nth-child(25), .solutions__cities-item:nth-child(26), .solutions__cities-item:nth-child(27), .solutions__cities-item:nth-child(28), .solutions__cities-item:nth-child(29), .solutions__cities-item:nth-child(30), .solutions__cities-item:nth-child(31), .solutions__cities-item:nth-child(32), .solutions__cities-item:nth-child(33), .solutions__cities-item:nth-child(34), .solutions__cities-item:nth-child(35), .solutions__cities-item:nth-child(36), .solutions__cities-item:nth-child(37), .solutions__cities-item:nth-child(38), .solutions__cities-item:nth-child(39), .solutions__cities-item:nth-child(40) {
    display: block;
  }
}
.solutions__cities-item:hover {
  color: #2563eb;
}
.solutions__cities.active .solutions__cities-item {
  display: block;
}
.solutions__cities button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  padding: 0;
  background: none;
  border: none;
  color: #2563eb;
  border-bottom: 1px dashed;
}
@media (min-width: 992px) {
  .solutions__cities button {
    font-size: 14px;
    line-height: 20px;
  }
}
.solutions__cities button:hover {
  color: #111827;
}
.solutions__cities button span + span {
  display: none;
}
.solutions__cities.active button span {
  display: none;
}
.solutions__cities.active button span + span {
  display: block;
}

.mortgage {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .mortgage {
    margin-bottom: 60px;
  }
}
.mortgage__top-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .mortgage__top-text {
    gap: 12px;
    margin-bottom: 24px;
  }
}
.mortgage__top-text-title {
  margin: 0;
  width: 100%;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 992px) {
  .mortgage__top-text-title {
    font-size: 32px;
    line-height: 44px;
  }
}
.mortgage__top-text-text {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .mortgage__top-text-text {
    font-size: 16px;
    line-height: 22px;
  }
}
.mortgage__top-text-text p {
  margin: 0;
}
.mortgage__top-text.active .mortgage__top-text-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (min-width: 992px) {
  .mortgage__top-text.active .mortgage__top-text-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.mortgage__top-text-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  border: none;
  background: none;
  color: #2563eb;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .mortgage__top-text-more {
    font-size: 14px;
    line-height: 20px;
  }
}
.mortgage__top-text-more:hover {
  color: #111827;
}
.mortgage__top-text-more span {
  display: none;
  border-bottom: 1px dashed;
}
.mortgage__top-text-more span + span {
  display: block;
}
.mortgage__top-text.active .mortgage__top-text-more span {
  display: block;
}
.mortgage__top-text.active .mortgage__top-text-more span + span {
  display: none;
}
.mortgage__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 992px) {
  .mortgage__tabs {
    gap: 12px;
  }
}
.mortgage__tabs-item {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px;
  height: 32px;
  border-radius: 8px;
  background: #fbfcff;
  border: 1px solid #fbfcff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .mortgage__tabs-item {
    height: 36px;
  }
}
.mortgage__tabs-item.active {
  color: #2563eb;
  border-color: #2563eb;
}
.mortgage__tabs-item:nth-child(1), .mortgage__tabs-item:nth-child(2), .mortgage__tabs-item:nth-child(3), .mortgage__tabs-item:nth-child(4), .mortgage__tabs-item:nth-child(5) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .mortgage__tabs-item:nth-child(6), .mortgage__tabs-item:nth-child(7), .mortgage__tabs-item:nth-child(8), .mortgage__tabs-item:nth-child(9), .mortgage__tabs-item:nth-child(10) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 992px) {
  .mortgage__tabs-item:nth-child(11), .mortgage__tabs-item:nth-child(12), .mortgage__tabs-item:nth-child(13), .mortgage__tabs-item:nth-child(14) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.mortgage__tabs.active .mortgage__tabs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mortgage__tabs-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  padding: 0;
  background: none;
  border: none;
  color: #2563eb;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .mortgage__tabs-more {
    height: 36px;
  }
}
.mortgage__tabs-more span {
  border-bottom: 1px dashed;
}
.mortgage__tabs-more span + span {
  display: none;
}
.mortgage__tabs.active .mortgage__tabs-more span {
  display: none;
}
.mortgage__tabs.active .mortgage__tabs-more span + span {
  display: block;
}
.mortgage__tabs + .mortgage__bodies {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .mortgage__tabs + .mortgage__bodies {
    margin-top: 60px;
  }
}
.mortgage__bodies-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  opacity: 0;
  height: 0;
}
.mortgage__bodies-item.active {
  overflow: visible;
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.mortgage__bodies-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .mortgage__bodies-more {
    margin-top: 24px;
  }
}
.mortgage__bodies-more .button {
  border-color: #f4f7fe;
  background: #f4f7fe;
  color: #2563eb;
}
.mortgage__bodies-more .button:hover {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}
.mortgage__bodies-pagination {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .mortgage__bodies-pagination {
    margin-top: 20px;
  }
}
.mortgage__bottom-text {
  color: #414652;
  font-size: 12px;
  line-height: 16px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .mortgage__bottom-text {
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
  }
}
.mortgage__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .mortgage__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
  }
}
.mortgage__toper-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .mortgage__toper-filters {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.mortgage__toper-filters .select .nice-select {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
@media (min-width: 768px) {
  .mortgage__toper-filters .select .nice-select {
    width: auto;
  }
}
@media (min-width: 992px) {
  .mortgage__toper-filters .select .nice-select {
    height: 42px;
    line-height: 42px;
  }
}
.mortgage__toper-filters .button {
  font-weight: 400;
}
@media (min-width: 992px) {
  .mortgage__toper-filters .button {
    height: 42px;
    line-height: 42px;
  }
}
.mortgage__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .mortgage__items {
    gap: 16px;
    margin-top: 24px;
  }
}
.mortgage__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #e8e8ea;
  position: relative;
}
@media (min-width: 992px) {
  .mortgage__item {
    padding: 20px;
  }
}
.mortgage__item-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .mortgage__item-one {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .mortgage__item-one {
    gap: 20px;
  }
}
.mortgage__item-one-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mortgage__item-one-left picture {
  width: 64px;
  height: auto;
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  .mortgage__item-one-left picture {
    width: 82px;
  }
}
.mortgage__item-one-left.active picture {
  width: 100px;
  height: 64px;
  border-color: #d3e0fb;
}
@media (min-width: 992px) {
  .mortgage__item-one-left.active picture {
    width: 130px;
    height: 82px;
  }
}
.mortgage__item-one-left.active picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mortgage__item-one-left img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}
.mortgage__item-one-left picture + div {
  width: calc(100% - 64px);
  padding-left: 16px;
}
@media (min-width: 992px) {
  .mortgage__item-one-left picture + div {
    width: calc(100% - 82px);
    padding-left: 24px;
  }
}
.mortgage__item-one-left div {
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
}
@media (min-width: 992px) {
  .mortgage__item-one-left div {
    font-size: 14px;
    line-height: 20px;
  }
}
.mortgage__item-one-left div b {
  font-weight: 600;
}
@media (min-width: 992px) {
  .mortgage__item-one-left div b {
    font-size: 16px;
    line-height: 22px;
  }
}
.mortgage__item-one-left div span,
.mortgage__item-one-left div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  text-decoration: underline;
  color: #2563eb;
}
@media (min-width: 992px) {
  .mortgage__item-one-left div span,
  .mortgage__item-one-left div a {
    gap: 8px;
  }
}
.mortgage__item-one-left div span:before,
.mortgage__item-one-left div a:before {
  content: "";
  width: 12px;
  height: auto;
  aspect-ratio: 1;
  background: no-repeat 50%/contain;
}
@media (min-width: 992px) {
  .mortgage__item-one-left div span:before,
  .mortgage__item-one-left div a:before {
    width: 16px;
  }
}
.mortgage__item-one-left div a:hover {
  color: #111827;
}
.mortgage__item-one-left div i {
  font-style: normal;
}
.mortgage__item-one-left.active div {
  width: calc(100% - 100px);
}
@media (min-width: 992px) {
  .mortgage__item-one-left.active div {
    width: calc(100% - 130px);
  }
}
.mortgage__item-one-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .mortgage__item-one-right {
    gap: 12px;
    position: relative;
  }
}
.mortgage__item-one-right .button {
  width: calc(100% - 52px);
}
@media (min-width: 768px) {
  .mortgage__item-one-right .button {
    width: auto;
  }
}
.mortgage__item-one-right .button_light {
  padding: 0;
  width: 40px;
  height: 40px;
}
.mortgage__item-one-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .mortgage__item-one-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .mortgage__item-one-list {
    font-size: 14px;
    line-height: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.mortgage__item-one-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 768px) {
  .mortgage__item-one-list-item {
    min-width: 80px;
  }
}
@media (min-width: 992px) {
  .mortgage__item-one-list-item {
    min-width: 100px;
  }
}
.mortgage__item-one-list-item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
@media (min-width: 992px) {
  .mortgage__item-one-list-item > div {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
}
.mortgage__item-one-list-item > div a {
  text-decoration: underline;
}
.mortgage__item-one-list-item > div a:hover {
  color: #2563eb;
}
.mortgage__item-one-list-item span {
  color: #70747d;
}
@media (min-width: 992px) {
  .mortgage__item-one-list-item span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
}
.mortgage__item-one-list-item b {
  font-weight: 500;
}
.mortgage__item-one-list-item i {
  width: 15px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #facc15;
  margin-right: 2px;
}
@media (min-width: 768px) {
  .mortgage__item-one-list-item i {
    width: 20px;
    margin: 0;
  }
}
.mortgage__item-one-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid #2563eb;
  color: #2563eb;
  border-radius: 12px;
  position: absolute;
  top: 28px;
  right: 16px;
}
@media (min-width: 768px) {
  .mortgage__item-one-more {
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.mortgage__item-one-more:hover {
  background: #2563eb;
  color: #fff;
}
@media (min-width: 992px) {
  .mortgage__item_bank .mortgage__item-one {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.mortgage__item_bank .mortgage__item-one-left {
  padding-right: 52px;
}
@media (min-width: 768px) {
  .mortgage__item_bank .mortgage__item-one-left {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .mortgage__item_bank .mortgage__item-one-right {
    padding-right: 80px;
  }
}
@media (min-width: 992px) {
  .mortgage__item_mfo .mortgage__item-one {
    display: grid;
    grid-template-columns: auto auto;
  }
}
.mortgage__item_mfo .mortgage__item-one-left {
  padding-right: 52px;
}
@media (min-width: 768px) {
  .mortgage__item_mfo .mortgage__item-one-left {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .mortgage__item_mfo .mortgage__item-one-right {
    padding-right: 80px;
  }
}
@media (min-width: 992px) {
  .mortgage__item_mfo .mortgage__item-one-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .mortgage__item_mfo .mortgage__item-one-list-item {
    min-width: 160px;
  }
}
@media (min-width: 1200px) {
  .mortgage__item_mfo .mortgage__item-one-list-item {
    min-width: 200px;
  }
}
@media (min-width: 992px) {
  .mortgage__item_mfo .mortgage__item-one-list-item:last-child {
    min-width: 100px;
  }
}
.mortgage__item-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding-top: 16px;
  margin-top: 20px;
  border-top: 1px solid #f3f3f4;
}
@media (min-width: 768px) {
  .mortgage__item-two {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .mortgage__item-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 20px;
  }
}
.mortgage__item-two div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .mortgage__item-two div {
    font-size: 14px;
    line-height: 20px;
    gap: 8px;
  }
}
@media (min-width: 1200px) {
  .mortgage__item-two div {
    min-width: 220px;
  }
}
.mortgage__item-two i {
  font-style: normal;
  color: #70747d;
}
.mortgage__item-two span {
  font-weight: 500;
}
@media (min-width: 992px) {
  .mortgage__item-two span {
    font-size: 16px;
    line-height: 22px;
  }
}
.mortgage__item-two span a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  text-decoration: underline;
}
.mortgage__item-two span a:hover,
.mortgage__item-two span a svg {
  color: #2563eb;
}
.mortgage__item_bank .mortgage__item-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .mortgage__item_bank .mortgage__item-two {
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 16px;
    margin-top: 20px;
    border-top: 1px solid #f3f3f4;
  }
}
@media (min-width: 992px) {
  .mortgage__item_bank .mortgage__item-two {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.mortgage-company__title {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .mortgage-company__title {
    margin-bottom: 24px;
  }
}
.mortgage-company__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .mortgage-company__info {
    gap: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.mortgage-company__info-pic {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
  border: 1px solid #e8e8ea;
}
@media (min-width: 768px) {
  .mortgage-company__info-pic {
    width: 200px;
  }
}
@media (min-width: 992px) {
  .mortgage-company__info-pic {
    width: 278px;
    height: 278px;
  }
}
.mortgage-company__info-pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
  object-fit: contain;
}
.mortgage-company__info.active .mortgage-company__info-pic {
  border-color: #cdf0f6;
  height: auto;
  aspect-ratio: 516/328;
}
@media (min-width: 1200px) {
  .mortgage-company__info.active .mortgage-company__info-pic {
    width: 440px;
  }
}
.mortgage-company__info.active .mortgage-company__info-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mortgage-company__info-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
@media (min-width: 768px) {
  .mortgage-company__info-body {
    width: calc(100% - 200px);
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .mortgage-company__info-body {
    width: calc(100% - 278px);
    padding-left: 40px;
  }
}
@media (min-width: 1200px) {
  .mortgage-company__info.active .mortgage-company__info-body {
    width: calc(100% - 440px);
  }
}
.mortgage-company__info-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-decoration: underline;
  color: #2563eb;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .mortgage-company__info-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.mortgage-company__info-title:hover {
  color: #111827;
}
.mortgage-company__info-title:before {
  content: "";
  width: 24px;
  height: auto;
  aspect-ratio: 1;
  background: no-repeat 50%/contain;
}
.mortgage-company__info-items {
  width: 100%;
  display: grid;
  gap: 12px;
}
@media (min-width: 768px) {
  .mortgage-company__info-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .mortgage-company__info-items {
    gap: 20px;
  }
}
.mortgage-company__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .mortgage-company__info-item {
    font-size: 14px;
    line-height: 20px;
  }
}
.mortgage-company__info-item i {
  font-style: normal;
  color: #70747d;
}
@media (min-width: 992px) {
  .mortgage-company__info-item span {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .mortgage-company__info .button {
    margin-top: 12px;
  }
}
.mortgage-company__thing {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .mortgage-company__thing {
    margin-top: 52px;
    padding-top: 40px;
    gap: 24px;
  }
}
.mortgage-company__thing-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .mortgage-company__thing-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.mortgage-company__thing-subtitle {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .mortgage-company__thing-subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.mortgage-company__thing p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .mortgage-company__thing p {
    font-size: 16px;
    line-height: 22px;
  }
}
.mortgage-company__thing-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .mortgage-company__thing-text {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: -12px;
  }
}
.mortgage-company__thing-items {
  display: grid;
  gap: 12px;
}
@media (min-width: 768px) {
  .mortgage-company__thing-items {
    grid-template-columns: 1fr 1fr;
  }
}
.mortgage-company__thing-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 14px 12px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  .mortgage-company__thing-item {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 20px;
    min-height: 64px;
  }
}
.mortgage-company__thing-item span {
  width: calc(100% - 20px);
  padding-right: 12px;
}
.mortgage-company__thing-item i {
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2563eb;
}
.mortgage-company__about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #e8e8ea;
  gap: 12px;
}
@media (min-width: 992px) {
  .mortgage-company__about {
    gap: 24px;
    margin-top: 52px;
    padding-top: 40px;
  }
}
.mortgage-company__about-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .mortgage-company__about-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.mortgage-company__about .spec-item__body {
  width: 100%;
}
.mortgage-company__about .spec-item__name img {
  width: 80%;
  height: 80%;
}
@media (min-width: 992px) {
  .mortgage-company__about .spec-item__list-item {
    min-width: 100px;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
  }
}
.mortgage-company__conditions {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .mortgage-company__conditions {
    gap: 24px;
    margin-top: 52px;
    padding-top: 40px;
  }
}
.mortgage-company__conditions-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .mortgage-company__conditions-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.mortgage-company__conditions-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.mortgage-company__conditions-items-row {
  display: grid;
  gap: 12px;
}
@media (min-width: 992px) {
  .mortgage-company__conditions-items-row {
    grid-template-columns: 1fr 1fr;
  }
}
.mortgage-company__conditions-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  .mortgage-company__conditions-item {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 20px;
  }
}
.mortgage-company__conditions-item i {
  width: 100%;
  font-style: normal;
  color: #70747d;
}
.mortgage-company__conditions-item b {
  width: 100%;
  font-weight: 400;
}
.mortgage-company__conditions-item b span {
  display: block;
}
.mortgage-company__conditions-item b span + span {
  margin-top: 4px;
}
@media (min-width: 992px) {
  .mortgage-company__conditions-item b span + span {
    margin-top: 8px;
  }
}
.mortgage-company__conditions-item.active > b {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.mortgage-company__conditions-item button {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  color: #2563eb;
}
.mortgage-company__conditions-item button:hover {
  color: #111827;
}
.mortgage-company__conditions-item button span {
  display: none;
  border-bottom: 1px dashed;
}
.mortgage-company__conditions-item button span + span {
  display: block;
}
.mortgage-company__conditions-item.active button span {
  display: block;
}
.mortgage-company__conditions-item.active button span + span {
  display: none;
}
.mortgage-company__rating {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .mortgage-company__rating {
    gap: 24px;
    margin-top: 52px;
    padding-top: 40px;
  }
}
.mortgage-company__rating-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .mortgage-company__rating-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.mortgage-company__rating-items {
  display: grid;
  gap: 12px;
}
.mortgage-company__rating-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 12px;
  padding: 12px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 16px;
  border: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  .mortgage-company__rating-item {
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
  }
}
.mortgage-company__rating-item i {
  font-style: normal;
  color: #70747d;
}
.mortgage-company__calc {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 992px) {
  .mortgage-company__calc {
    margin-top: 52px;
    padding-top: 40px;
  }
}
.mortgage-company__calc-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.mortgage-company__calc-text {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-text {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 24px;
  }
}
.mortgage-company__calc-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-tabs {
    margin-bottom: 24px;
  }
}
.mortgage-company__calc-tabs-inner {
  border: 1px solid #eaf0fd;
  border-radius: 12px;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.mortgage-company__calc-tabs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 12px;
  background: none;
  border: none;
  border-radius: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.mortgage-company__calc-tabs-item.active {
  background: #163b8d;
  color: #fff;
}
.mortgage-company__calc-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px 0;
}
@media (min-width: 1200px) {
  .mortgage-company__calc-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.mortgage-company__calc-body-left {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-left {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .mortgage-company__calc-body-left {
    width: calc(100% - 510px);
    padding-right: 40px;
  }
}
.mortgage-company__calc-body-left.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mortgage-company__calc-body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 16px;
  border: 2px solid #f3f3f4;
  background: #fafafb;
  overflow: hidden;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-right {
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  .mortgage-company__calc-body-right {
    width: 510px;
    position: sticky;
    top: 174px;
  }
}
.mortgage-company__calc-body-wrapper {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  gap: 16px;
  border-radius: 0 0 16px 16px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-wrapper {
    padding: 20px;
    border-radius: 0 0 20px 20px;
  }
}
.mortgage-company__calc-body-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.mortgage-company__calc-body-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.mortgage-company__calc-body-list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-list div {
    font-size: 14px;
    line-height: 20px;
  }
}
.mortgage-company__calc-body-list i {
  font-style: normal;
  color: #70747d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.mortgage-company__calc-body-list i svg {
  color: #2563eb;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mortgage-company__calc-body-list i svg:hover {
  color: #111827;
}
.mortgage-company__calc-body-notify {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding: 12px 16px;
  background: #f4f7fe;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-notify {
    font-size: 14px;
    line-height: 20px;
  }
}
.mortgage-company__calc-body-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
@media (min-width: 768px) {
  .mortgage-company__calc-body-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.mortgage-company__calc-body-text {
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}
.mortgage-company__calc-body-bottom {
  padding: 0 16px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-bottom {
    padding: 0 20px;
    padding-right: 28px;
  }
}
.mortgage-company__calc-body-bottom div {
  width: calc(100% - 88px);
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-bottom div {
    padding-right: 24px;
  }
}
.mortgage-company__calc-body-bottom span {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-bottom span {
    font-size: 14px;
    line-height: 20px;
  }
}
.mortgage-company__calc-body-bottom b {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-bottom b {
    font-size: 28px;
    line-height: 36px;
  }
}
.mortgage-company__calc-body-bottom picture {
  position: relative;
  overflow: hidden;
  width: 88px;
  height: auto;
  aspect-ratio: 1;
}
@media (min-width: 992px) {
  .mortgage-company__calc-body-bottom picture {
    width: 100px;
  }
}
.mortgage-company__calc-body-bottom img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.mortgage-company__calc-days {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 8px;
}
.mortgage-company__calc-days .select .nice-select {
  min-width: 1px;
}
.mortgage-company__calc-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.mortgage__item-one-left div span:before,
.mortgage__item-one-left div a:before,
.mortgage-company__info-title:before {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 8C14 8.78793 13.8448 9.56815 13.5433 10.2961C13.2417 11.0241 12.7998 11.6855 12.2426 12.2426C11.6855 12.7998 11.0241 13.2417 10.2961 13.5433C9.56815 13.8448 8.78793 14 8 14C7.21207 14 6.43185 13.8448 5.7039 13.5433C4.97595 13.2417 4.31451 12.7998 3.75736 12.2426C3.20021 11.6855 2.75825 11.0241 2.45672 10.2961C2.15519 9.56815 2 8.78793 2 8C2 7.21207 2.15519 6.43185 2.45672 5.7039C2.75825 4.97595 3.20021 4.31451 3.75736 3.75736C4.31451 3.20021 4.97595 2.75825 5.7039 2.45672C6.43185 2.15519 7.21207 2 8 2C8.78793 2 9.56815 2.15519 10.2961 2.45672C11.0241 2.75825 11.6855 3.20021 12.2426 3.75736C12.7998 4.31451 13.2417 4.97595 13.5433 5.7039C13.8448 6.43185 14 7.21207 14 8L14 8Z" stroke="%23111827"/><path d="M10 8C10 8.78793 9.94827 9.56815 9.84776 10.2961C9.74725 11.0241 9.59993 11.6855 9.41421 12.2426C9.2285 12.7998 9.00802 13.2417 8.76537 13.5433C8.52272 13.8448 8.26264 14 8 14C7.73736 14 7.47728 13.8448 7.23463 13.5433C6.99198 13.2417 6.7715 12.7998 6.58579 12.2426C6.40007 11.6855 6.25275 11.0241 6.15224 10.2961C6.05173 9.56815 6 8.78793 6 8C6 7.21207 6.05173 6.43185 6.15224 5.7039C6.25275 4.97595 6.40007 4.31451 6.58579 3.75736C6.7715 3.20021 6.99198 2.75825 7.23463 2.45672C7.47728 2.15519 7.73736 2 8 2C8.26264 2 8.52272 2.15519 8.76537 2.45672C9.00802 2.75825 9.2285 3.20021 9.41421 3.75736C9.59993 4.31451 9.74725 4.97595 9.84776 5.7039C9.94827 6.43185 10 7.21207 10 8L10 8Z" stroke="%23111827"/><path d="M2 8H14" stroke="%23111827" stroke-linecap="round"/></svg>');
}

.mfo .search {
  max-width: 616px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .mfo .search {
    margin-bottom: 24px;
  }
}
.mfo__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .mfo__items {
    margin-bottom: 24px;
  }
}
.mfo__items-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
.mfo__items-one .mfo__item:first-child {
  width: auto;
  padding: 0 12px;
}
.mfo__items-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
.mfo__item {
  width: 32px;
  height: 32px;
  padding: 0;
  background: #fbfcff;
  border: 1px solid #d3e0fb;
  border-radius: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}
.mfo__item:hover {
  border-color: #2563eb;
}
.mfo__item.active {
  border-color: #2563eb;
  color: #2563eb;
}
.mfo__item[disabled] {
  border-color: #eaf0fd;
  color: #eaf0fd;
}

.page-404 {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .page-404 {
    padding-top: 90px;
    padding-bottom: 0;
  }
}
.page-404__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-404 picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .page-404 picture {
    margin-bottom: 40px;
  }
}
.page-404 img {
  width: 100%;
  height: 90px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 992px) {
  .page-404 img {
    height: 262px;
  }
}
.page-404 b {
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .page-404 b {
    font-size: 32px;
    line-height: 44px;
  }
}
.page-404 i {
  width: 100%;
  text-align: center;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .page-404 i {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .page-404 .button {
    height: 44px;
  }
}

.bank-item__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px 0;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .bank-item__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .bank-item__toper {
    margin-top: 24px;
  }
}
.bank-item__toper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .bank-item__toper-left {
    width: 200px;
  }
}
@media (min-width: 992px) {
  .bank-item__toper-left {
    width: 212px;
  }
}
.bank-item__toper-left picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid #e8e8ea;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px;
}
@media (min-width: 992px) {
  .bank-item__toper-left picture {
    height: 212px;
  }
}
.bank-item__toper-left img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%;
  -o-object-fit: contain;
  object-fit: contain;
}
.bank-item__toper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .bank-item__toper-right {
    width: calc(100% - 200px);
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .bank-item__toper-right {
    width: calc(100% - 212px);
    padding-left: 40px;
  }
}
.bank-item__toper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
.bank-item__toper-text b {
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bank-item__toper-text b {
    font-size: 20px;
    line-height: 28px;
  }
}
.bank-item__toper-text p {
  width: 100%;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bank-item__toper-text p {
    font-size: 16px;
    line-height: 22px;
  }
}
.bank-item__toper-text.active p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
@media (min-width: 768px) {
  .bank-item__toper-text.active p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
.bank-item__toper-text button {
  background: none;
  padding: 0;
  border: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #2563eb;
}
@media (min-width: 992px) {
  .bank-item__toper-text button {
    font-size: 14px;
    line-height: 20px;
  }
}
.bank-item__toper-text button span {
  display: none;
  border-bottom: 1px dashed;
}
.bank-item__toper-text button span + span {
  display: block;
}
.bank-item__toper-text button:hover {
  color: #2563eb;
}
.bank-item__toper-text.active button span {
  display: block;
}
.bank-item__toper-text.active button span + span {
  display: none;
}
.bank-item__toper-items {
  display: grid;
  gap: 12px;
}
@media (min-width: 768px) {
  .bank-item__toper-items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.bank-item__toper-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bank-item__toper-item {
    font-size: 16px;
    line-height: 22px;
  }
}
.bank-item__toper-item i {
  font-style: normal;
  color: #70747d;
  font-weight: 400;
}
.bank-item__toper-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  text-decoration: underline;
}
.bank-item__toper-item a:hover {
  color: #2563eb;
}
.bank-item__toper-item a svg {
  color: #2563eb;
}
.bank-item__toper-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
@media (min-width: 992px) {
  .bank-item__toper-rating {
    font-weight: 500;
  }
}
.bank-item__toper-rating span {
  color: #70747d;
}
@media (min-width: 992px) {
  .bank-item__toper-rating span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
}
.bank-item__toper-rating b {
  font-weight: 500;
}
.bank-item__toper-rating i {
  width: 15px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #facc15;
  margin-right: 2px;
}
@media (min-width: 768px) {
  .bank-item__toper-rating i {
    width: 20px;
    margin: 0;
  }
}
.bank-item__toper-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
@media (min-width: 768px) {
  .bank-item__toper-btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 12px;
  }
}
.bank-item__toper-btns .button {
  min-width: 180px;
}
.bank-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .bank-item__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.bank-item__body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  .bank-item__body-left {
    width: calc(100% - 384px);
    padding-right: 40px;
  }
}
.bank-item__body-right {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 384px;
  position: sticky;
  top: 132px;
}
@media (min-width: 992px) {
  .bank-item__body-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1200px) {
  .bank-item__body-right {
    top: 194px;
  }
}
.bank-item__body-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  gap: 16px;
}
.bank-item__body-info-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.bank-item__body-info-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.bank-item__body-info-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 80px;
}
.bank-item__body-info-left picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid #e8e8ea;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.bank-item__body-info-left img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%;
  -o-object-fit: contain;
  object-fit: contain;
}
.bank-item__body-info-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  width: calc(100% - 80px);
  padding-left: 16px;
}
.bank-item__body-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.bank-item__body-info-item i {
  font-style: normal;
  color: #70747d;
  font-weight: 400;
}
.bank-item__body-info-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  text-decoration: underline;
}
.bank-item__body-info-item a:hover {
  color: #2563eb;
}
.bank-item__body-info-item a svg {
  color: #2563eb;
}
.bank-item__body-info-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.bank-item__body-info-btns .button {
  padding: 0;
  font-size: 12px;
  gap: 8px;
}
.bank-item__body-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .bank-item__body-item {
    gap: 24px;
  }
}
.bank-item__body-item p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bank-item__body-item p {
    font-size: 14px;
    line-height: 20px;
  }
}
.bank-item__body-item p + p {
  margin-top: -8px;
}
.bank-item__body-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .bank-item__body-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.bank-item__body-products {
  margin: 0;
}
@media (min-width: 992px) {
  .bank-item__body-products {
    grid-template-columns: 1fr 1fr;
  }
}
.bank-item__body-map {
  background: #faf7f0;
  overflow: hidden;
  border-radius: 16px;
  height: 360px;
}
@media (min-width: 768px) {
  .bank-item__body-map {
    height: 340px;
  }
}
.bank-item__body-map-marker {
  width: 52px;
  height: 65px;
  position: relative;
  background: no-repeat 50%/contain;
  top: -65px;
  left: -26px;
}
.bank-item__body-offers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .bank-item__body-offers {
    gap: 16px;
  }
}
.bank-item__body-reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.bank-item__body-reviews .review-item {
  width: 100%;
}
.bank-item__body-cities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
@media (min-width: 992px) {
  .bank-item__body-cities {
    gap: 24px;
  }
}
.bank-item__body-cities-items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}
.bank-item__body-cities-item {
  border: none;
  padding: 0 12px;
  background: #fbfcff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
}
@media (min-width: 992px) {
  .bank-item__body-cities-item {
    height: 36px;
    padding: 0 16px;
  }
}
.bank-item__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .bank-item__controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.bank-item__controls-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px 24px;
}
@media (min-width: 992px) {
  .bank-item__controls-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.bank-item__controls .nice-select {
  width: 100%;
}
@media (min-width: 992px) {
  .bank-item__controls .nice-select {
    width: auto;
  }
}
.bank-item__controls-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}
.bank-item__controls-rating i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: auto;
  aspect-ratio: 1;
  color: #facc15;
}
@media (min-width: 992px) {
  .bank-item__controls-rating i {
    width: 36px;
  }
}
.bank-item__controls-rating b {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}
@media (min-width: 992px) {
  .bank-item__controls-rating b {
    font-size: 28px;
  }
}
.bank-item__controls-rating span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 8px;
}
.bank-item__controls-rating u {
  color: #a0a3a9;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
}
.bank-item__tabs {
  margin: 20px 0;
}
@media (min-width: 992px) {
  .bank-item__tabs {
    margin: 24px 0;
  }
}
.bank-item__reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 992px) {
  .bank-item__reviews .button_blue {
    margin-top: 12px;
  }
}
.bank-item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
.bank-item__text b {
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bank-item__text b {
    font-size: 20px;
    line-height: 28px;
  }
}
.bank-item__text p {
  width: 100%;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bank-item__text p {
    font-size: 16px;
    line-height: 22px;
  }
}
.bank-item__text.active p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
@media (min-width: 768px) {
  .bank-item__text.active p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .bank-item__text.active p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.bank-item__text button {
  background: none;
  padding: 0;
  border: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #2563eb;
}
@media (min-width: 992px) {
  .bank-item__text button {
    font-size: 14px;
    line-height: 20px;
  }
}
.bank-item__text button span {
  display: none;
  border-bottom: 1px dashed;
}
.bank-item__text button span + span {
  display: block;
}
.bank-item__text button:hover {
  color: #2563eb;
}
.bank-item__text.active button span {
  display: block;
}
.bank-item__text.active button span + span {
  display: none;
}

.bottom-form {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .bottom-form {
    margin-top: 60px;
  }
}
.bottom-form__body {
  display: grid;
  gap: 20px;
}
@media (min-width: 992px) {
  .bottom-form__body {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .bottom-form__body {
    gap: 40px;
  }
}
.bottom-form__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.bottom-form__title {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .bottom-form__title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
.bottom-form__text {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .bottom-form__text {
    font-size: 14px;
    line-height: 20px;
  }
}
.bottom-form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.bottom-form__inner > div,
.bottom-form__inner > label {
  width: 100%;
}
.bottom-form__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fafafb;
  border-radius: 12px;
  position: relative;
  height: 200px;
}
@media (min-width: 768px) {
  .bottom-form__right {
    height: 472px;
  }
}
@media (min-width: 992px) {
  .bottom-form__right {
    position: sticky;
    top: 112px;
  }
}
@media (min-width: 1200px) {
  .bottom-form__right {
    top: 194px;
  }
}
.bottom-form__right picture,
.bottom-form__right img {
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .bottom-form__right picture,
  .bottom-form__right img {
    width: 456px;
    height: auto;
    aspect-ratio: 1;
  }
}

.company__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px 0;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .company__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .company__toper {
    margin-top: 24px;
  }
}
.company__toper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .company__toper-left {
    width: 254px;
    position: sticky;
    top: 92px;
  }
}
@media (min-width: 992px) {
  .company__toper-left {
    top: 112px;
  }
}
@media (min-width: 1200px) {
  .company__toper-left {
    top: 174px;
  }
}
.company__toper-left picture {
  width: 100%;
  height: auto;
  aspect-ratio: 33/20;
  border-radius: 16px;
  border: 1px solid #e8e8ea;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .company__toper-left picture {
    aspect-ratio: 1;
  }
}
.company__toper-left img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
  object-fit: contain;
}
.company__toper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
@media (min-width: 768px) {
  .company__toper-right {
    width: calc(100% - 254px);
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .company__toper-right {
    padding-left: 20px;
  }
}
.company__toper-tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
.company__toper-tabs-item {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  background: #fbfcff;
  border-radius: 999px;
}
@media (min-width: 992px) {
  .company__toper-tabs-item {
    height: 36px;
    padding: 0 16px;
  }
}
.company__toper .bank-item__toper-items {
  width: 100%;
}
@media (min-width: 768px) {
  .company__toper .bank-item__toper-items {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 992px) {
  .company__toper .bank-item__toper-items {
    grid-template-columns: 1fr 1fr;
  }
}
.company__toper-info {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.company__toper-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  background: #fafafb;
  border-radius: 12px;
  padding: 12px;
}
@media (min-width: 992px) {
  .company__toper-info-item {
    padding: 12px 20px;
  }
}
.company__toper-info i {
  font-style: normal;
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}
.company__toper-info b {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .company__toper-info b {
    font-size: 18px;
    line-height: 24px;
  }
}
.company__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  border-top: 1px solid #e8e8ea;
  padding-top: 32px;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .company__content {
    gap: 24px;
    padding-top: 48px;
    margin-top: 60px;
  }
}
.company__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .company__content-item {
    gap: 16px;
  }
}
.company__content-title {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .company__content-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.company__content-subtitle {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .company__content-subtitle {
    font-size: 18px;
    line-height: 24px;
  }
}
.company__content-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
@media (min-width: 992px) {
  .company__content-text {
    gap: 16px;
  }
}
.company__content-text div {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.company__content-text.active div {
  display: block;
}
.company__content-text p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .company__content-text p {
    font-size: 16px;
    line-height: 22px;
  }
}
.company__content-text p + p {
  margin-top: 12px;
}
@media (min-width: 992px) {
  .company__content-text p + p {
    margin-top: 16px;
  }
}
.company__content-text button {
  padding: 0;
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #2563eb;
}
@media (min-width: 992px) {
  .company__content-text button {
    font-size: 14px;
    line-height: 20px;
  }
}
.company__content-text button span {
  border-bottom: 1px dashed;
}
.company__content-text button span + span {
  display: none;
}
.company__content-text.active button span {
  display: none;
}
.company__content-text.active button span + span {
  display: block;
}
.company__content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  padding-left: 30px;
  gap: 12px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .company__content-list {
    font-size: 14px;
    line-height: 20px;
  }
}
.company__content-plus-minus {
  display: grid;
  gap: 12px;
}
@media (min-width: 768px) {
  .company__content-plus-minus {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .company__content-plus-minus {
    gap: 16px;
  }
}
.company__content-plus-minus-item {
  background: #effceb;
  border-radius: 16px;
  border: 1px solid #def9d7;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .company__content-plus-minus-item {
    padding: 20px;
    padding-right: 210px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.company__content-plus-minus-item:before {
  content: "";
  background: #fcfefb;
  z-index: 1;
  width: 2000px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 999px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -124px;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  margin-left: 100px;
}
@media (min-width: 992px) {
  .company__content-plus-minus-item:before {
    width: 422px;
    margin: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    left: 100%;
    margin-left: -192px;
    margin-top: 60px;
  }
}
.company__content-plus-minus-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  width: 100%;
  margin: 0;
  padding-left: 18px;
  gap: 12px;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  z-index: 3;
}
@media (min-width: 992px) {
  .company__content-plus-minus-item ul {
    font-size: 14px;
    line-height: 20px;
  }
}
.company__content-plus-minus-item picture {
  position: absolute;
  bottom: 20px;
  right: 46px;
  z-index: 2;
}
@media (min-width: 992px) {
  .company__content-plus-minus-item picture {
    top: 50%;
    bottom: auto;
    right: 42px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.company__content-plus-minus-item + .company__content-plus-minus-item {
  background: #fcebeb;
  border-color: #f9d7d7;
}
.company__content-plus-minus-item + .company__content-plus-minus-item:before {
  background: #fefbfb;
}
.company__content-plus-minus-item + .company__content-plus-minus-item picture {
  bottom: 44px;
}
@media (min-width: 992px) {
  .company__content-plus-minus-item + .company__content-plus-minus-item picture {
    bottom: auto;
  }
}

.company-info {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .company-info {
    margin-top: 64px;
  }
}
.company-info__body {
  display: grid;
  gap: 12px 20px;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .company-info__body {
    grid-template-columns: 1fr 1fr;
    margin-top: 24px;
  }
}
.company-info__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #f3f3f4;
}
@media (min-width: 992px) {
  .company-info__left {
    padding: 28px;
  }
}
.company-info__right {
  background: #faf7f0;
  overflow: hidden;
  border-radius: 16px;
  height: 280px;
}
@media (min-width: 768px) {
  .company-info__right {
    height: 350px;
  }
}
.company-info__right .marker {
  width: 60px;
  height: 70px;
  position: relative;
  background: no-repeat 50%/contain;
  top: -70px;
  left: -30px;
}
.company-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .company-info__item {
    font-size: 16px;
    line-height: 22px;
  }
}
.company-info__item i {
  font-style: normal;
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .company-info__item i {
    font-size: 14px;
    line-height: 20px;
  }
}
.company-info__item a {
  text-decoration: underline;
}
.company-info__item a:hover {
  color: #2563eb;
}

.about__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px 0;
}
@media (min-width: 992px) {
  .about__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.about__body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .about__body-left {
    width: calc(50% - 10px);
  }
}
@media (min-width: 1200px) {
  .about__body-left {
    width: calc(50% - 20px);
  }
}
.about__body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 992px) {
  .about__body-right {
    width: calc(50% - 10px);
    position: sticky;
    top: 112px;
  }
}
@media (min-width: 1200px) {
  .about__body-right {
    width: calc(50% - 20px);
    top: 194px;
  }
}
.about__subtitle {
  width: 100%;
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .about__subtitle {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
  }
}
.about .title {
  width: 100%;
}
.about__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .about__inner {
    gap: 16px;
    margin-top: 24px;
  }
}
.about__inner div {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
@media (min-width: 992px) {
  .about__inner div {
    display: block;
  }
}
.about__inner.active div {
  display: block;
}
.about__inner p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .about__inner p {
    font-size: 16px;
    line-height: 22px;
  }
}
.about__inner p + p {
  margin-top: 12px;
}
@media (min-width: 992px) {
  .about__inner p + p {
    margin-top: 16px;
  }
}
.about__inner button {
  padding: 0;
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #2563eb;
}
@media (min-width: 992px) {
  .about__inner button {
    display: none;
  }
}
.about__inner button span {
  border-bottom: 1px dashed;
}
.about__inner button span + span {
  display: none;
}
.about__inner.active button span {
  display: none;
}
.about__inner.active button span + span {
  display: block;
}
.about .button {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .about .button {
    margin-top: 40px;
  }
}

.about-info {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .about-info {
    margin-top: 64px;
  }
}
.about-info__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .about-info__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.about-info__body.active {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .about-info__body.active {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.about-info__body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
@media (min-width: 992px) {
  .about-info__body-left {
    width: calc(50% - 10px);
  }
}
.about-info__body-left .subtitle,
.about-info__body-left .fields,
.about-info__body-left .modal__required {
  width: 100%;
}
.about-info__body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #fafafb;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .about-info__body-right {
    width: calc(50% - 10px);
    gap: 16px;
    border-radius: 20px;
    padding: 24px;
    position: sticky;
    top: 112px;
  }
}
@media (min-width: 1200px) {
  .about-info__body-right {
    top: 174px;
  }
}
.about-info__body-right div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .about-info__body-right div {
    font-size: 14px;
    line-height: 20px;
    gap: 8px;
  }
}
.about-info__body-right i {
  font-style: normal;
  color: #70747d;
}
.about-info__body-right a:hover {
  text-decoration: underline;
}
.about-info__body-right-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 992px) {
  .about-info__body-right-pic {
    width: calc(50% - 10px);
    position: sticky;
    top: 112px;
  }
}
@media (min-width: 1200px) {
  .about-info__body-right-pic {
    top: 174px;
  }
}

.about-map {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .about-map {
    margin-top: 64px;
  }
}
.about-map__item {
  background: #faf7f0;
  overflow: hidden;
  border-radius: 16px;
  height: 360px;
}
@media (min-width: 768px) {
  .about-map__item {
    height: 440px;
  }
}
.about-map__item .marker {
  width: 60px;
  height: 70px;
  position: relative;
  background: no-repeat 50%/contain;
  top: -70px;
  left: -30px;
}
.about-map__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .about-map__text {
    display: block;
    font-size: 14px;
    line-height: 20px;
  }
}
.about-map__text span {
  color: #70747d;
}

.vacancy-toper {
  overflow: hidden;
}
.vacancy-toper__body {
  background: #fafafb;
  padding: 16px;
  padding-bottom: 0;
  border-radius: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px 0;
}
@media (min-width: 992px) {
  .vacancy-toper__body {
    border-radius: 24px;
    padding: 40px;
  }
}
.vacancy-toper__body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .vacancy-toper__body-left {
    font-size: 16px;
    line-height: 22px;
    min-height: 280px;
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .vacancy-toper__body-left {
    min-height: 360px;
  }
}
.vacancy-toper__body-left .title {
  width: 100%;
}
.vacancy-toper__body-left b {
  width: 100%;
  font-weight: 600;
}
.vacancy-toper__body-left p {
  width: 100%;
  margin: 0;
}
.vacancy-toper__body-left .button {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .vacancy-toper__body-left .button {
    margin-top: 32px;
  }
}
.vacancy-toper__body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% + 60px);
  margin: 0 -30px;
}
@media (min-width: 992px) {
  .vacancy-toper__body-right {
    margin: 0;
    width: 60%;
    height: 100%;
    position: absolute;
    right: -20px;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .vacancy-toper__body-right {
    right: -30px;
  }
}
@media (min-width: 992px) {
  .vacancy-toper__body-right img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
  }
}

.vacancy-why {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .vacancy-why {
    margin-top: 60px;
  }
}
.vacancy-why__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .vacancy-why__body {
    margin-top: 24px;
    gap: 20px;
  }
}
.vacancy-why__one {
  display: grid;
  gap: 12px;
}
@media (min-width: 992px) {
  .vacancy-why__one {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
.vacancy-why__two {
  display: grid;
  gap: 12px;
}
@media (min-width: 992px) {
  .vacancy-why__two {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
}
.vacancy-why__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  background: #fbfcff;
  overflow: hidden;
  border-radius: 12px;
  padding: 16px;
  gap: 32px 0;
}
@media (min-width: 992px) {
  .vacancy-why__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    border-radius: 16px;
    min-height: 240px;
  }
}
.vacancy-why__item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  width: calc(100% - 44px);
  padding-right: 20px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .vacancy-why__item span {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
}
.vacancy-why__item b {
  font-weight: 600;
}
@media (min-width: 992px) {
  .vacancy-why__item b {
    font-size: 20px;
    line-height: 28px;
  }
}
.vacancy-why__item i {
  font-style: normal;
}
.vacancy-why__item picture {
  width: 44px;
  height: auto;
  aspect-ratio: 1;
  position: relative;
}
@media (min-width: 992px) {
  .vacancy-why__item picture {
    width: 110px;
  }
}
.vacancy-why__item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.contacts-our {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .contacts-our {
    margin-top: 60px;
  }
}
.contacts-our__items {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .contacts-our__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .contacts-our__items {
    gap: 20px;
    margin-top: 24px;
  }
}
@media (min-width: 1200px) {
  .contacts-our__items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.contacts-our__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fbfcff;
  border-radius: 12px;
  padding: 16px;
  gap: 20px 0;
}
@media (min-width: 992px) {
  .contacts-our__item {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.contacts-our__item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  width: calc(100% - 44px);
  padding-right: 20px;
}
@media (min-width: 992px) {
  .contacts-our__item div {
    width: 100%;
    padding: 0;
  }
}
.contacts-our__item b,
.contacts-our__item a {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .contacts-our__item b,
  .contacts-our__item a {
    font-size: 20px;
    line-height: 28px;
  }
}
.contacts-our__item a {
  text-decoration: underline;
}
.contacts-our__item a:hover {
  color: #2563eb;
}
.contacts-our__item i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .contacts-our__item i {
    font-size: 14px;
    line-height: 20px;
  }
}
.contacts-our__item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 44px;
  height: auto;
  aspect-ratio: 1;
  position: relative;
}
@media (min-width: 992px) {
  .contacts-our__item picture {
    width: 80px;
  }
}
.contacts-our__item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.contacts-quick {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .contacts-quick {
    margin-top: 60px;
  }
}
.contacts-quick__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .contacts-quick__title {
    margin-top: 60px;
    font-size: 24px;
    line-height: 32px;
  }
}
.contacts-quick__subtitle {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .contacts-quick__subtitle {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 22px;
  }
}
.contacts-quick__body {
  display: grid;
  gap: 20px;
}
@media (min-width: 768px) {
  .contacts-quick__body {
    grid-template-columns: 1fr 1fr;
  }
}
.contacts-quick__body-left {
  display: grid;
  gap: 16px;
}
@media (min-width: 992px) {
  .contacts-quick__body-left {
    gap: 20px;
  }
}
.contacts-quick__body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  aspect-ratio: 33/20;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .contacts-quick__body-right {
    height: 100%;
  }
}
.contacts-quick__body-right img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.contacts-quick__item {
  position: relative;
  border-radius: 16px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #f4fafd;
  position: relative;
}
@media (min-width: 992px) {
  .contacts-quick__item {
    padding: 28px;
    padding-right: 140px;
  }
}
.contacts-quick__item b {
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .contacts-quick__item b {
    font-size: 20px;
    line-height: 28px;
  }
}
.contacts-quick__item i {
  width: 100%;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .contacts-quick__item i {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
  }
}
.contacts-quick__item picture {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  aspect-ratio: 1;
  width: 100px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media (min-width: 992px) {
  .contacts-quick__item picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.contacts-quick__item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.contacts-quick__item + .contacts-quick__item {
  background: #f7fff8;
}

.result-toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .result-toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin-top: 24px;
  }
}
.result-toper__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 992px) {
  .result-toper__left {
    width: 510px;
  }
}
.result-toper__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.result-toper__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .result-toper__row {
    gap: 12px;
  }
}
.result-toper__row .select {
  width: calc(100% - 64px);
}
@media (min-width: 992px) {
  .result-toper__row .select {
    width: 240px;
  }
}
.result-toper__row .nice-select {
  width: 100%;
}
.result-toper__toggle {
  width: 52px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8e8ea;
  color: #111827;
  border-radius: 12px;
  background: none;
  padding: 0;
}
.result-toper__right.active .result-toper__toggle {
  color: #2563eb;
  border-color: #2563eb;
}
.result-toper__range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.result-toper__right.active .result-toper__range {
  opacity: 1;
  height: auto;
  overflow: visible;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-top: 20px;
}
.result-toper__right.active .result-toper__range .input {
  border-color: #2563eb;
}

.result-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .result-text {
    font-size: 16px;
    line-height: 22px;
    margin-top: 24px;
  }
}
.result-text span {
  color: #2563eb;
}

.result-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .result-items {
    margin-top: 24px;
  }
}

.result-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
  padding: 6px;
}
@media (min-width: 992px) {
  .result-item {
    padding: 10px 20px;
  }
}
.result-item.active {
  border-color: #2563eb;
}
.result-item__toggle {
  background: none;
  padding: 10px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
}
@media (min-width: 992px) {
  .result-item__toggle {
    padding-left: 0;
    padding-right: 0;
  }
}
.result-item__toggle:hover {
  color: #2563eb;
}
.result-item__toggle b {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  width: calc(100% - 28px);
  padding-right: 10px;
}
@media (min-width: 992px) {
  .result-item__toggle b {
    width: calc(100% - 32px);
    font-size: 18px;
    line-height: 24px;
  }
}
.result-item__toggle span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #a0a3a9;
}
@media (min-width: 992px) {
  .result-item__toggle span {
    font-size: 16px;
    line-height: 22px;
  }
}
.result-item__toggle i {
  width: 28px;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid;
  color: #2563eb;
  border-radius: 8px;
  position: relative;
}
@media (min-width: 992px) {
  .result-item__toggle i {
    width: 32px;
  }
}
.result-item__toggle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.result-item__toggle svg + svg {
  opacity: 0;
}
.result-item.active .result-item__toggle svg {
  opacity: 0;
}
.result-item.active .result-item__toggle svg + svg {
  opacity: 1;
}
.result-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1px;
  opacity: 0;
  height: 0;
  overflow: hidden;
  padding: 0 5px;
}
@media (min-width: 992px) {
  .result-item__body {
    padding: 0;
  }
}
.result-item__body-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  padding: 5px;
  border-radius: 12px;
  border: 1px solid transparent;
}
@media (min-width: 992px) {
  .result-item__body-item {
    font-size: 14px;
    line-height: 20px;
    padding: 16px;
    border-radius: 16px;
  }
}
.result-item__body-item:hover {
  border-color: #d3e0fb;
}
.result-item__body-item b {
  font-weight: 400;
}
.result-item__body-item span {
  color: #999;
}
.result-item__body-item i {
  font-style: normal;
  color: #70747d;
}
.result-item__body .button {
  background: #f4f7fe;
  border-color: #f4f7fe;
  color: #2563eb;
  margin-top: 12px;
}
@media (min-width: 992px) {
  .result-item__body .button {
    margin-top: 16px;
  }
}
.result-item__body .button:hover {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}
.result-item.active .result-item__body {
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  overflow: visible;
  margin-top: 2px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .result-item.active .result-item__body {
    margin-top: 6px;
  }
}

.community__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  .community__inner {
    gap: 60px;
  }
}
.community__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .community__block {
    gap: 24px;
  }
}
.community__block.active .community__block-more span {
  display: none;
}
.community__block.active .community__block-more span + span {
  display: block;
}
.community__block.active .community-item:nth-child(n+12) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.community__block .community-item:nth-child(n+12) {
  display: none;
}
.community__block-btn {
  -ms-flex-item-align: center;
  align-self: center;
}
.community__block-more {
  -ms-flex-item-align: center;
  align-self: center;
  color: #2563eb;
  background: #f4f7fe;
  border-color: #f4f7fe;
}
.community__block-more:hover {
  color: #fff;
  background: #2563eb;
  border-color: #2563eb;
}
.community__block-more span + span {
  display: none;
}
.community__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .community__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.community__top-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  gap: 12px;
}
@media (min-width: 992px) {
  .community__top-content {
    gap: 8px;
  }
}
.community__top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .community__top-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
  }
}
.community__descr {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .community__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.community__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.community-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  min-height: 76px;
  padding: 12px;
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .community-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 80px 20px 20px;
  }
}
.community-item__chevron {
  position: absolute;
  top: 12px;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #2563eb;
  border: 1px solid #2563eb;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .community-item__chevron {
    top: auto;
    right: 20px;
    width: 36px;
    height: 36px;
  }
}
.community-item__chevron:hover {
  color: #fff;
  background: #2563eb;
}
.community-item__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .community-item__col {
    font-size: 16px;
    line-height: 22px;
  }
}
.community-item__col span:nth-child(1) {
  color: #70747d;
}
@media (min-width: 992px) {
  .community-item__col span:nth-child(1) {
    display: none;
  }
}
.community-item__col a {
  color: #2563eb;
}
.community-item__col a:hover {
  text-decoration: underline;
}
.community-item__col:nth-child(1) {
  min-height: 60px;
  margin: 0 0 8px;
  padding: 4px 56px 23px 0;
  font-weight: 600;
  border-bottom: 1px solid #f3f3f4;
}
@media (min-width: 992px) {
  .community-item__col:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    margin-bottom: 0;
    padding: 0;
    font-weight: 500;
    border: none;
  }
}
@media (min-width: 992px) {
  .community-item__col:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
  }
}
@media (min-width: 992px) {
  .community-item__col:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
  }
}
@media (min-width: 992px) {
  .community-item__col:nth-child(4) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
  }
}
@media (min-width: 1200px) {
  .community-item__col:nth-child(4) {
    -ms-flex-preferred-size: 260px;
    flex-basis: 260px;
  }
}

.community-item-header {
  display: none;
  min-height: 0;
  background: #eaf0fd;
  border: none;
}
@media (min-width: 992px) {
  .community-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.community-item-header .community-item__col {
  font-weight: 600;
}

.community-subtopic-create__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .community-subtopic-create__title {
    margin-bottom: 24px;
  }
}
.community-subtopic-create__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  .community-subtopic-create__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.community-subtopic-create__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .community-subtopic-create__form {
    width: calc(58% - 20px);
  }
}
.community-subtopic-create__editor > img {
  max-width: 100%;
}
.community-subtopic-create__notice {
  margin: 0;
  color: #414652;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .community-subtopic-create__notice {
    font-size: 14px;
    line-height: 20px;
  }
}
.community-subtopic-create__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media (min-width: 992px) {
  .community-subtopic-create__side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(42% - 20px);
  }
}
.community-subtopic-create__side-title {
  margin: 0 0 12px;
}
@media (min-width: 992px) {
  .community-subtopic-create__side-title {
    margin-bottom: 16px;
  }
}
.community-subtopic-create__rules {
  height: 364px;
  border: 1px solid #e8e8ea;
  padding: 16px 12px 12px;
  border-radius: 16px;
  background: #fafafb;
}
@media (min-width: 992px) {
  .community-subtopic-create__rules {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 396px;
    padding: 20px 12px 20px 20px;
    border-radius: 20px;
  }
}
.community-subtopic-create__rules-inner {
  height: 100%;
  padding: 0 16px 0 0;
  overflow-y: auto;
}
.community-subtopic-create__rules-inner ul:last-child,
.community-subtopic-create__rules-inner ol:last-child,
.community-subtopic-create__rules-inner p:last-child {
  margin-bottom: 0;
}
.community-subtopic-create__rules-inner ul,
.community-subtopic-create__rules-inner ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 16px;
}
.community-subtopic-create__rules-inner p {
  margin: 0 0 12px;
}
.community-subtopic-create__rules-inner p,
.community-subtopic-create__rules-inner li {
  color: #111;
  font-size: 14px;
  line-height: 20px;
}
.community-subtopic-create__rules-inner b,
.community-subtopic-create__rules-inner strong {
  font-weight: 600;
}

.community-topic-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #d3e0fb;
  border-radius: 20px;
  padding: 8px;
  background: #fff;
}
@media (min-width: 992px) {
  .community-topic-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    line-height: 20px;
  }
}
.community-topic-card .ql-toolbar.ql-snow {
  border-color: #d3e0fb;
}
.community-topic-card .ql-container.ql-snow {
  border-color: #d3e0fb;
  height: 248px;
}
@media (min-width: 992px) {
  .community-topic-card .ql-container.ql-snow {
    height: 222px;
  }
}
@media (min-width: 992px) {
  .community-topic-card .ql-editor {
    padding-bottom: 64px;
  }
}
.community-topic-card__info {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: auto 1fr auto;
  grid-gap: 16px 12px;
  padding: 12px;
  border-radius: 12px;
  background: #f4f7fe;
}
@media (min-width: 992px) {
  .community-topic-card__info {
    -ms-flex-line-pack: start;
    align-content: start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 260px;
    padding: 16px;
    grid-template-columns: 1fr;
  }
}
.community-topic-card__info.active .community-topic-card__stats,
.community-topic-card__info.active .community-topic-card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.community-topic-card__info.active .community-topic-card__chevron {
  color: #fff;
  background-color: #2563eb;
}
.community-topic-card__info.active .community-topic-card__chevron svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.community-topic-card__info:not(:has(.community-topic-card__chevron)) {
  grid-template-columns: auto 1fr;
}
@media (min-width: 992px) {
  .community-topic-card__info:not(:has(.community-topic-card__chevron)) {
    grid-template-columns: 1fr;
  }
}
.community-topic-card__info:not(:has(.community-topic-card__chevron)) .community-topic-card__stats,
.community-topic-card__info:not(:has(.community-topic-card__chevron)) .community-topic-card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: span 2;
}
@media (min-width: 992px) {
  .community-topic-card__info:not(:has(.community-topic-card__chevron)) .community-topic-card__stats,
  .community-topic-card__info:not(:has(.community-topic-card__chevron)) .community-topic-card__buttons {
    grid-column: span 1;
  }
}
.community-topic-card__avatar {
  display: block;
  width: 62px;
  height: 62px;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .community-topic-card__avatar {
    justify-self: center;
    width: 82px;
    height: 82px;
    margin: 0 0 -4px;
    border-radius: 12px;
  }
}
.community-topic-card__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.community-topic-card__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 992px) {
  .community-topic-card__user {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.community-topic-card__name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-align: center;
}
@media (min-width: 992px) {
  .community-topic-card__name {
    font-size: 16px;
    line-height: 22px;
  }
}
.community-topic-card__position {
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
@media (min-width: 992px) {
  .community-topic-card__position {
    font-size: 14px;
    line-height: 20px;
  }
}
.community-topic-card__chevron {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  color: #2563eb;
  border-radius: 8px;
  border: 1px solid #2563eb;
  background-color: transparent;
}
@media (min-width: 992px) {
  .community-topic-card__chevron {
    display: none;
  }
}
.community-topic-card__chevron svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.community-topic-card__stats {
  display: none;
  grid-column: span 3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 992px) {
  .community-topic-card__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: span 1;
    font-size: 14px;
    line-height: 20px;
  }
}
.community-topic-card__stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .community-topic-card__stat {
    font-size: 14px;
    line-height: 20px;
  }
}
.community-topic-card__buttons {
  display: none;
  grid-column: span 3;
  gap: 8px;
}
@media (min-width: 992px) {
  .community-topic-card__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: span 1;
  }
}
.community-topic-card__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  color: #2563eb;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #fff;
}
.community-topic-card__btn:hover {
  color: #fff;
  border-color: #2563eb;
  background-color: #2563eb;
}
.community-topic-card__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}
.community-topic-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  padding: 12px;
  border-radius: 12px;
  background-color: #f4f7fe;
}
@media (min-width: 992px) {
  .community-topic-card__top {
    gap: 40px;
    padding: 16px;
  }
}
.community-topic-card__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .community-topic-card__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.community-topic-card__arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #2563eb;
  border-radius: 8px;
  border: 1px solid #2563eb;
}
@media (min-width: 992px) {
  .community-topic-card__arrow {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }
}
.community-topic-card__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  padding: 12px;
  background: #f4f7fe;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .community-topic-card__bar {
    padding: 16px;
  }
}
.community-topic-card__date {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .community-topic-card__date {
    font-size: 14px;
    line-height: 20px;
  }
}
.community-topic-card__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 992px) {
  .community-topic-card__control {
    gap: 20px;
  }
}
.community-topic-card__answer {
  display: none;
}
@media (min-width: 992px) {
  .community-topic-card__answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.community-topic-card__answer-btn, .community-topic-card__like-btn, .community-topic-card__share-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  border: none;
  background-color: transparent;
}
@media (min-width: 992px) {
  .community-topic-card__answer-btn, .community-topic-card__like-btn, .community-topic-card__share-btn {
    font-size: 14px;
    line-height: 20px;
  }
}
.community-topic-card__answer-btn svg {
  color: #000;
}
.community-topic-card__like-btn svg, .community-topic-card__share-btn svg {
  color: #2563eb;
}
.community-topic-card__num {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .community-topic-card__num {
    font-size: 14px;
    line-height: 20px;
  }
}
.community-topic-card__editor {
  position: relative;
}
.community-topic-card__editor > img {
  max-width: 100%;
}
.community-topic-card__submit-btn {
  position: absolute;
  left: 12px;
  bottom: 12px;
}
@media (min-width: 992px) {
  .community-topic-card__submit-btn {
    left: auto;
    right: 16px;
    bottom: 16px;
  }
}
.community-topic-card__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 12px;
  border: 1px solid #d3e0fb;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .community-topic-card__content {
    padding: 16px;
  }
}
.community-topic-card__content p,
.community-topic-card__content ul,
.community-topic-card__content ol,
.community-topic-card__content blockquote {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .community-topic-card__content p,
  .community-topic-card__content ul,
  .community-topic-card__content ol,
  .community-topic-card__content blockquote {
    font-size: 14px;
    line-height: 20px;
  }
}
.community-topic-card__content p:first-child,
.community-topic-card__content ul:first-child,
.community-topic-card__content ol:first-child,
.community-topic-card__content blockquote:first-child {
  margin-top: 0;
}
.community-topic-card__content p:last-child,
.community-topic-card__content ul:last-child,
.community-topic-card__content ol:last-child,
.community-topic-card__content blockquote:last-child {
  margin-bottom: 0;
}
.community-topic-card__content h3,
.community-topic-card__content h4 {
  margin: 0 0 8px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .community-topic-card__content h3,
  .community-topic-card__content h4 {
    margin-bottom: 12px;
  }
}
.community-topic-card__content p {
  margin: 0 0 12px;
}
.community-topic-card__content ul,
.community-topic-card__content ol,
.community-topic-card__content blockquote {
  margin: 8px 0;
}
@media (min-width: 992px) {
  .community-topic-card__content ul,
  .community-topic-card__content ol,
  .community-topic-card__content blockquote {
    margin: 16px 0;
  }
}
.community-topic-card__content ul,
.community-topic-card__content ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.community-topic-card__content blockquote {
  padding: 16px 24px 16px 20px;
  background: #fefcf3;
  border-left: 4px solid #facc15;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .community-topic-card__content blockquote {
    padding: 12px 24px 12px 20px;
  }
}
.community-topic-card__content a {
  color: #2563eb;
  text-decoration: underline;
}
.community-topic-card__content b,
.community-topic-card__content strong {
  font-weight: 600;
}

.community-profile__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  .community-profile__inner {
    gap: 52px;
  }
}
.community-profile__block:not(:first-child) {
  padding: 32px 0 0;
  border-top: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  .community-profile__block:not(:first-child) {
    padding-top: 40px;
  }
}
.community-profile__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .community-profile__title {
    margin-bottom: 24px;
  }
}
.community-profile__block-title {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .community-profile__block-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.community-profile__items {
  display: grid;
  gap: 8px;
}
@media (min-width: 992px) {
  .community-profile__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
.community-profile__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 16px;
  border: 1px solid #e8e8ea;
  border-radius: 12px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .community-profile__item {
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
  }
}
.community-profile__item:not(:has(svg)) span:nth-child(1) {
  color: #70747d;
}
.community-profile__item svg {
  color: #2563eb;
}

.community-profile-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .community-profile-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .community-profile-card {
    gap: 40px;
  }
}
.community-profile-card__avatar {
  height: 200px;
  border-radius: 16px;
  border: 1px solid #f3f3f4;
  overflow: hidden;
}
@media (min-width: 768px) {
  .community-profile-card__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 200px;
  }
}
@media (min-width: 992px) {
  .community-profile-card__avatar {
    width: 278px;
    height: 278px;
    border-radius: 20px;
  }
}
.community-profile-card__avatar picture {
  width: 100%;
  height: 100%;
}
.community-profile-card__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 768px) {
  .community-profile-card__avatar img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.community-profile-card__title {
  margin: 0 0 20px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .community-profile-card__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.community-profile-card__items {
  display: grid;
  gap: 12px;
}
@media (min-width: 576px) {
  .community-profile-card__items {
    grid-template-columns: repeat(2, auto);
  }
}
@media (min-width: 992px) {
  .community-profile-card__items {
    gap: 20px;
  }
}
.community-profile-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.community-profile-card__item span:nth-child(1) {
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .community-profile-card__item span:nth-child(1) {
    font-size: 14px;
    line-height: 20px;
  }
}
.community-profile-card__item span:nth-child(2) {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .community-profile-card__item span:nth-child(2) {
    font-size: 16px;
    line-height: 22px;
  }
}

.registration__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .registration__title {
    margin-bottom: 24px;
  }
}
.registration__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  max-width: 480px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .registration__form {
    gap: 24px;
  }
}
.registration__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 20px 16px;
  border-radius: 16px;
  background: #fafafb;
}
@media (min-width: 768px) {
  .registration__body {
    padding: 32px;
    border-radius: 24px;
  }
}
.registration__body .registration__btn {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.registration__form-title {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .registration__form-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.registration__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.registration__notice {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
@media (min-width: 992px) {
  .registration__notice {
    font-size: 14px;
    line-height: 20px;
  }
}
.registration__notice a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #2563eb;
}
.registration__captcha img {
  max-width: 320px;
  width: 100%;
}

.registration-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.registration-success__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  margin: 0 0 20px;
  background-color: #fff;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .registration-success__img {
    height: 140px;
    width: 140px;
  }
}
.registration-success__img img {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
}
@media (min-width: 992px) {
  .registration-success__img img {
    max-width: 80px;
    max-height: 80px;
  }
}
.registration-success__title {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .registration-success__title {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 28px;
  }
}
.registration-success__descr {
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .registration-success__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.registration-success__descr a {
  color: #2563eb;
}

.cabinet__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
}
.cabinet__sidebar {
  display: none;
}
@media (min-width: 992px) {
  .cabinet__sidebar {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 320px;
  }
}
.cabinet__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.cabinet__content .breadcrumbs {
  margin: 0 0 28px;
}
@media (min-width: 992px) {
  .cabinet__content .breadcrumbs {
    margin-bottom: 24px;
  }
}
.cabinet__title {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .cabinet__title {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 40px;
  }
}
.cabinet__items {
  display: grid;
  grid-gap: 12px;
}
@media (min-width: 576px) {
  .cabinet__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .cabinet__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .cabinet__items {
    grid-gap: 20px;
  }
}
.cabinet__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .cabinet__blocks {
    gap: 20px;
  }
}
.cabinet__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #eaf0fd;
  background: #fff;
}
@media (min-width: 992px) {
  .cabinet__block {
    padding: 20px;
  }
}
.cabinet__block-title {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .cabinet__block-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.cabinet__fields {
  display: grid;
  grid-gap: 12px;
}
@media (min-width: 992px) {
  .cabinet__fields {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .cabinet__fields .select .nice-select {
    height: 44px;
    line-height: 44px;
    margin-top: -1px;
  }
}
.cabinet__field--wide {
  grid-column: span 2;
}
.cabinet__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.cabinet__btn {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.cabinet__checkboxes {
  display: grid;
  gap: 8px;
}
@media (min-width: 992px) {
  .cabinet__checkboxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cabinet__checkbox.checkbox {
  padding: 12px 16px 12px 44px;
  border: 1px solid #e8e8ea;
  border-radius: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cabinet__checkbox.checkbox i {
  top: auto;
  left: 16px;
}
.cabinet__checkbox.checkbox:has(input:checked) {
  border-color: #2563eb;
}
.cabinet__select.select {
  display: block;
}
.cabinet__select .nice-select {
  width: auto;
}

.cabinet-menu {
  border-radius: 20px;
  padding: 16px;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(17, 24, 39, 0.08);
  box-shadow: 0 2px 12px 0 rgba(17, 24, 39, 0.08);
}
.cabinet-menu__list {
  padding: 0;
  margin: 0;
}
.cabinet-menu__item {
  list-style-type: none;
}
.cabinet-menu__item + .cabinet-menu__item {
  margin-top: 1px;
}
.cabinet-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 12px;
  color: #70747d;
  font-size: 14px;
  line-height: 143%;
  font-weight: 500;
  border-radius: 12px;
}
.cabinet-menu__link i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.cabinet-menu__link svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cabinet-menu__link:hover, .cabinet-menu__link.active {
  color: #111827;
  background: #eaf0fd;
}
.cabinet-menu__link:hover svg, .cabinet-menu__link.active svg {
  color: #2563eb;
}

.cabinet-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  padding: 16px;
  background: #fff;
  border: 1px solid #eaf0fd;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .cabinet-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 38px;
    padding: 20px;
    border-radius: 16px;
  }
}
.cabinet-item__title {
  color: #111;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .cabinet-item__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.cabinet-item__icon {
  height: 32px;
}
@media (min-width: 992px) {
  .cabinet-item__icon {
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 60px;
  }
}
.cabinet-item__icon img {
  width: auto;
  height: auto;
  max-height: 100%;
}

.cabinet-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.cabinet-user__avatar {
  position: relative;
}
.cabinet-user__img {
  width: 62px;
  height: 62px;
  border-radius: 12px;
  overflow: hidden;
  background: #fafafb;
}
@media (min-width: 992px) {
  .cabinet-user__img {
    width: 82px;
    height: 82px;
  }
}
.cabinet-user__img picture {
  height: 100%;
}
.cabinet-user__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.cabinet-user__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.cabinet-user__content span:nth-child(1) {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .cabinet-user__content span:nth-child(1) {
    font-size: 16px;
    line-height: 22px;
  }
}
.cabinet-user__content span:nth-child(2) {
  color: #70747d;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .cabinet-user__content span:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
  }
}
.cabinet-user__delete {
  position: absolute;
  right: -4px;
  bottom: -4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #2563eb;
  background-color: #fff;
  border-radius: 50%;
  border: none;
}
.cabinet-user__delete.hidden {
  display: none;
}

.cabinet-user-upload {
  position: absolute;
  right: -4px;
  bottom: -4px;
  cursor: pointer;
}
.cabinet-user-upload.hidden {
  display: none;
}
.cabinet-user-upload__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.cabinet-user-upload__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #2563eb;
  background-color: #fff;
  border-radius: 50%;
}

.cabinet-rules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .cabinet-rules {
    gap: 20px;
  }
}
.cabinet-rules__content h1:first-child,
.cabinet-rules__content h2:first-child,
.cabinet-rules__content h3:first-child,
.cabinet-rules__content h4:first-child,
.cabinet-rules__content ul:first-child,
.cabinet-rules__content ol:first-child,
.cabinet-rules__content p:first-child,
.cabinet-rules__content li:first-child {
  margin-top: 0;
}
.cabinet-rules__content h1:last-child,
.cabinet-rules__content h2:last-child,
.cabinet-rules__content h3:last-child,
.cabinet-rules__content h4:last-child,
.cabinet-rules__content ul:last-child,
.cabinet-rules__content ol:last-child,
.cabinet-rules__content p:last-child,
.cabinet-rules__content li:last-child {
  margin-bottom: 0;
}
.cabinet-rules__content h1,
.cabinet-rules__content h2 {
  margin: 16px 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .cabinet-rules__content h1,
  .cabinet-rules__content h2 {
    margin: 20px 0;
    font-size: 20px;
    line-height: 28px;
  }
}
.cabinet-rules__content h3,
.cabinet-rules__content h4 {
  margin: 16px 0 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .cabinet-rules__content h3,
  .cabinet-rules__content h4 {
    margin: 20px 0 12px;
    font-size: 14px;
    line-height: 20px;
  }
}
.cabinet-rules__content ul,
.cabinet-rules__content ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0 0 0 28px;
}
@media (min-width: 992px) {
  .cabinet-rules__content ul,
  .cabinet-rules__content ol {
    margin-bottom: 20px;
    padding-left: 38px;
  }
}
.cabinet-rules__content p,
.cabinet-rules__content li {
  margin: 12px 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .cabinet-rules__content p,
  .cabinet-rules__content li {
    font-size: 14px;
    line-height: 20px;
  }
}
.cabinet-rules__content li {
  margin: 0;
}
.cabinet-rules__content b,
.cabinet-rules__content strong {
  font-weight: 600;
}
.cabinet-rules__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 0 0;
  border-top: 1px solid #e8e8ea;
}

.overview {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .overview {
    margin-top: 60px;
  }
}
.overview__descr {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .overview__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.overview__items {
  display: grid;
  grid-gap: 12px;
  margin: 20px 0 0;
}
@media (min-width: 992px) {
  .overview__items {
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 20px;
    margin-top: 24px;
  }
}

@media (min-width: 992px) {
  .overview--primary .overview-item {
    grid-column: span 6;
  }
}

@media (min-width: 992px) {
  .overview--secondary .overview-item:nth-child(1), .overview--secondary .overview-item:nth-child(4) {
    grid-column: span 7;
  }
}
@media (min-width: 992px) {
  .overview--secondary .overview-item:nth-child(2), .overview--secondary .overview-item:nth-child(3) {
    grid-column: span 5;
  }
}

@media (min-width: 992px) {
  .overview--mod-credit-history .overview-item {
    grid-column: span 4;
  }
}

.overview--mod-resolution .overview-item {
  border: none;
  background-color: #fbfcff;
}
@media (min-width: 992px) {
  .overview--mod-resolution .overview-item {
    grid-column: span 4;
  }
}
@media (min-width: 992px) {
  .overview--mod-resolution .overview-item__img {
    height: 110px;
  }
}

.overview-item {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px 20px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  .overview-item {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 20px;
    border-radius: 16px;
  }
}
.overview-item__title {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .overview-item__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.overview-item__descr {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .overview-item__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.overview-item__img {
  justify-self: end;
  grid-area: 1/2/3/3;
  width: 44px;
}
@media (min-width: 992px) {
  .overview-item__img {
    align-self: end;
    grid-area: auto;
    width: auto;
    height: 80px;
    margin: 12px 0 0;
  }
}
@media (min-width: 992px) {
  .overview-item__img.active {
    height: 110px;
  }
}
.overview-item__img picture {
  height: 100%;
}
.overview-item__img img {
  width: auto;
  height: auto;
  max-width: 100%;
}
@media (min-width: 992px) {
  .overview-item__img img {
    max-width: none;
    max-height: 100%;
  }
}

.feedback {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .feedback {
    margin-top: 60px;
  }
}
.feedback__inner {
  display: grid;
  grid-gap: 20px;
}
@media (min-width: 992px) {
  .feedback__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
.feedback__img {
  grid-area: 2/1/3/2;
  height: 200px;
  border-radius: 20px;
  background-color: #fafafb;
}
@media (min-width: 992px) {
  .feedback__img {
    grid-area: auto;
    padding: 25px 36px;
    height: auto;
  }
}
.feedback__img picture {
  height: 100%;
  width: 100%;
}
.feedback__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.feedback__content {
  padding: 16px;
  border-radius: 16px;
  background-color: #fafafb;
}
@media (min-width: 992px) {
  .feedback__content {
    padding: 28px;
    border-radius: 20px;
  }
}
.feedback__descr {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .feedback__descr {
    margin-top: 12px;
    font-size: 16px;
    line-height: 22px;
  }
}
.feedback__form {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.feedback__notice {
  margin: 0;
  color: #414652;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .feedback__notice {
    font-size: 14px;
    line-height: 20px;
  }
}
.feedback__captcha img {
  max-width: 320px;
  width: 100%;
}
.feedback__btn {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

@media (min-width: 992px) {
  .feedback--reversed .feedback__inner {
    grid-gap: 40px;
  }
}
.feedback--reversed .feedback__img {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
@media (min-width: 992px) {
  .feedback--reversed .feedback__img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 26px 75px;
  }
}
.feedback--reversed .feedback__content {
  padding: 0;
  background-color: transparent;
}

.consultation {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .consultation {
    margin-top: 60px;
  }
}
.consultation__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.consultation__title {
  font-weight: 600;
}

.consultation--primary .consultation__inner {
  border-radius: 16px;
  background-color: #FBFCFF;
  padding: 24px 16px;
}
@media (min-width: 992px) {
  .consultation--primary .consultation__inner {
    padding: 40px;
    border-radius: 24px;
  }
}
.consultation--primary .consultation__title {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .consultation--primary .consultation__title {
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 36px;
  }
}
.consultation--primary .consultation__descr {
  max-width: 800px;
  margin: 0 0 16px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .consultation--primary .consultation__descr {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 22px;
  }
}

.consultation--secondary .consultation__inner {
  border-radius: 20px;
  background-color: #FAFAFB;
  padding: 20px 16px;
}
@media (min-width: 992px) {
  .consultation--secondary .consultation__inner {
    padding: 40px;
    border-radius: 24px;
  }
}
.consultation--secondary .consultation__title {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .consultation--secondary .consultation__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.consultation--secondary .consultation__descr {
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .consultation--secondary .consultation__descr {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
  }
}

.eligibility {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .eligibility {
    margin-top: 60px;
  }
}
.eligibility__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .eligibility__title {
    margin-bottom: 24px;
  }
}
.eligibility__inner {
  display: grid;
  grid-gap: 12px;
}
@media (min-width: 992px) {
  .eligibility__inner {
    grid-template-columns: 510px 1fr;
    grid-gap: 20px;
  }
}
.eligibility__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  counter-reset: items-counter;
}
@media (min-width: 992px) {
  .eligibility__items {
    gap: 20px;
  }
}
.eligibility__content {
  position: relative;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  border-radius: 16px;
  background-color: #FAFAFB;
}
@media (min-width: 992px) {
  .eligibility__content {
    padding: 20px;
    border-radius: 20px;
  }
}
.eligibility__caption {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .eligibility__caption {
    font-size: 20px;
    line-height: 28px;
  }
}
.eligibility__descr {
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .eligibility__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.eligibility__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .eligibility__bottom {
    margin: auto 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.eligibility__btn {
  position: relative;
  z-index: 1;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
@media (min-width: 992px) {
  .eligibility__btn {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.eligibility__img {
  height: 232px;
}
@media (min-width: 992px) {
  .eligibility__img {
    height: 252px;
  }
}
.eligibility__img picture {
  width: 100%;
  height: 100%;
}
.eligibility__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 992px) {
  .eligibility--mod-credit-restructuring .eligibility__inner {
    grid-template-columns: 1fr 510px;
  }
}
@media (min-width: 992px) {
  .eligibility--mod-credit-restructuring .eligibility__items {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.eligibility--mod-credit-restructuring .eligibility-item {
  min-height: 0;
  background-color: #FAFAFB;
  border: none;
}
.eligibility--mod-credit-restructuring .eligibility-item::before {
  display: none;
}
@media (min-width: 992px) {
  .eligibility--mod-credit-restructuring .eligibility__img {
    height: 220px;
  }
}

@media (min-width: 992px) {
  .eligibility--mod-credit-refinancing .eligibility__inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.eligibility--mod-credit-refinancing .eligibility-item {
  border: none;
  min-height: 0;
}
.eligibility--mod-credit-refinancing .eligibility-item::before {
  font-size: 100px;
}
@media (min-width: 992px) {
  .eligibility--mod-credit-refinancing .eligibility-item::before {
    font-size: 120px;
  }
}
@media (min-width: 992px) {
  .eligibility--mod-credit-refinancing .eligibility__content {
    position: sticky;
    top: 174px;
  }
}
.eligibility-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  min-height: 132px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #A8C1F7;
  background-color: #FBFCFF;
  overflow: hidden;
}
@media (min-width: 992px) {
  .eligibility-item {
    border-radius: 20px;
    padding: 20px;
  }
}
.eligibility-item::before {
  content: counter(items-counter);
  counter-increment: items-counter;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  color: #EAF0FD;
  font-size: 120px;
  line-height: 120px;
  font-weight: 600;
}
.eligibility-item__title {
  position: relative;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .eligibility-item__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.eligibility-item__descr {
  position: relative;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .eligibility-item__descr {
    font-size: 14px;
    line-height: 20px;
  }
}

.question {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .question {
    margin-top: 60px;
  }
}
.question__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .question__title {
    margin-top: 24px;
  }
}
.question__inner {
  border: 1px solid #D3E0FB;
  border-radius: 16px;
  background-color: #FBFCFF;
  overflow: hidden;
}
@media (min-width: 992px) {
  .question__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 20px;
  }
}
.question__img {
  padding: 20px 16px 12px;
  height: 132px;
}
@media (min-width: 992px) {
  .question__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 280px;
    height: auto;
    padding: 40px;
  }
}
.question__img picture {
  width: 100%;
  height: 100%;
}
.question__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.question__content {
  border-radius: 16px;
  margin: 0 -1px -1px -1px;
  padding: 16px;
  border: 1px solid #D3E0FB;
  background-color: #fff;
}
@media (min-width: 992px) {
  .question__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    margin: -1px -1px -1px 0;
    padding: 40px;
  }
}
.question__subtitle {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .question__subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.question__descr p {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .question__descr p {
    font-size: 14px;
    line-height: 20px;
  }
}
.question__descr p:last-child {
  margin-bottom: 0;
}
.question__descr b {
  font-weight: 500;
}
.question__descr span,
.question__descr strong {
  color: #5182EF;
  font-weight: 600;
}

.correcting-service {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .correcting-service {
    margin-top: 60px;
  }
}
.correcting-service__inner {
  display: grid;
  grid-gap: 24px;
}
@media (min-width: 992px) {
  .correcting-service__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
  }
}
.correcting-service__title {
  margin: 0 0 12px;
}
.correcting-service__descr {
  margin: 0 0 16px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .correcting-service__descr {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }
}
.correcting-service__content ul,
.correcting-service__content ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0 0 0 28px;
}
.correcting-service__content ul:last-child,
.correcting-service__content ol:last-child {
  margin-bottom: 0;
  padding-left: 34px;
}
.correcting-service__content p,
.correcting-service__content li {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .correcting-service__content p,
  .correcting-service__content li {
    font-size: 14px;
    line-height: 20px;
  }
}
.correcting-service__content p {
  margin: 0 0 12px;
}
.correcting-service__content p:last-child {
  margin-bottom: 0;
}
.correcting-service__coast {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .correcting-service__coast {
    margin-top: 40px;
    font-size: 20px;
    line-height: 28px;
  }
}
.correcting-service__btn {
  margin: 12px 0 0;
}
@media (min-width: 992px) {
  .correcting-service__btn {
    margin-top: 20px;
  }
}
.correcting-service__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.correcting-service-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 20px;
  border-radius: 12px;
  background-color: #FAFAFB;
}
@media (min-width: 992px) {
  .correcting-service-item {
    border-radius: 16px;
    gap: 20px;
  }
}
.correcting-service-item__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 44px;
}
@media (min-width: 992px) {
  .correcting-service-item__img {
    width: 80px;
  }
}
.correcting-service-item__img img {
  max-width: 100%;
}
.correcting-service-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.correcting-service-item__title {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
@media (min-width: 992px) {
  .correcting-service-item__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.correcting-service-item__decsr {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
@media (min-width: 992px) {
  .correcting-service-item__decsr {
    font-size: 14px;
    line-height: 20px;
  }
}

.credit-rating {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .credit-rating {
    margin-top: 60px;
  }
}
.credit-rating__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .credit-rating__title {
    margin-top: 24px;
  }
}
.credit-rating__items {
  display: grid;
  gap: 12px;
}
@media (min-width: 992px) {
  .credit-rating__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

.credit-rating-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: 16px;
}
@media (min-width: 992px) {
  .credit-rating-item {
    gap: 24px;
    padding: 20px;
    border-radius: 20px;
  }
}
.credit-rating-item__title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .credit-rating-item__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.credit-rating-item__img {
  height: 130px;
}
@media (min-width: 992px) {
  .credit-rating-item__img {
    height: 200px;
  }
}
.credit-rating-item__img picture {
  width: 100%;
  height: 100%;
}
.credit-rating-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.credit-rating-item__num {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .credit-rating-item__num {
    font-size: 40px;
    line-height: 56px;
  }
}

.credit-rating-item--red {
  border: 1px solid #F3AEAE;
  background-color: #FEFBFB;
}

.credit-rating-item--green {
  border: 1px solid #BCF3AE;
  background-color: #FCFEFB;
}

.timeline {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .timeline {
    margin-top: 60px;
  }
}
.timeline__title {
  margin: 0 0 32px;
}
@media (min-width: 992px) {
  .timeline__title {
    margin-bottom: 40px;
  }
}
.timeline__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  counter-reset: timeline-counter;
}
@media (min-width: 992px) {
  .timeline__items {
    gap: 60px;
  }
}

.timeline-item {
  position: relative;
  padding: 0 0 0 68px;
  color: #CFD1D4;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  .timeline-item {
    padding-left: 132px;
  }
}
.timeline-item:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 44px;
  height: 16px;
  width: 4px;
  background-color: #F3F3F4;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  border-radius: 10px 10px 0 0;
}
@media (min-width: 992px) {
  .timeline-item:first-child::before {
    left: 81px;
    width: 6px;
  }
}
.timeline-item:last-child::after {
  bottom: 0;
  border-radius: 0 0 10px 10px;
}
.timeline-item::after {
  content: "";
  position: absolute;
  top: 44px;
  left: 44px;
  bottom: -56px;
  width: 4px;
  background-color: #F3F3F4;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
@media (min-width: 992px) {
  .timeline-item::after {
    top: 48px;
    left: 81px;
    bottom: -76px;
    width: 6px;
  }
}
.timeline-item.active {
  color: #111827;
}
.timeline-item.active::before, .timeline-item.active::after {
  background-color: #2563eb;
}
.timeline-item.active .timeline-item__marker::before {
  background-color: #2563eb;
}
.timeline-item__num {
  position: absolute;
  top: 16px;
  left: 5px;
}
.timeline-item__num::before {
  display: block;
  counter-increment: timeline-counter;
  content: "0" counter(timeline-counter);
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
@media (min-width: 992px) {
  .timeline-item__num::before {
    font-size: 24px;
    line-height: 32px;
  }
}
.timeline-item__marker {
  position: absolute;
  top: 16px;
  left: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
}
@media (min-width: 992px) {
  .timeline-item__marker {
    left: 68px;
    width: 32px;
    height: 32px;
  }
}
.timeline-item__marker::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #D3E0FB;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
@media (min-width: 992px) {
  .timeline-item__marker::before {
    width: 16px;
    height: 16px;
  }
}
.timeline-item__title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .timeline-item__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.timeline-item__descr {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .timeline-item__descr {
    font-size: 16px;
    line-height: 22px;
  }
}

.bankruptcy-quiz__descr {
  font-size: 12px;
  line-height: 16px;
  margin: 12px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-quiz__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-quiz__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin: 24px 0 0;
  border: 1px solid #E8E8EA;
  border-radius: 16px;
  padding: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-quiz__main {
    gap: 20px;
    border-radius: 20px;
    padding: 24px;
  }
}

.bankruptcy-quiz-progress {
  padding: 28px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-quiz-progress {
    padding-top: 30px;
  }
}
.bankruptcy-quiz-progress__bar {
  position: relative;
  height: 6px;
  background-color: #F3F3F4;
  border-radius: 10px;
}
.bankruptcy-quiz-progress__line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #2563eb;
  border-radius: 10px;
}
.bankruptcy-quiz-progress__percent {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-quiz-progress__percent {
    font-size: 16px;
    line-height: 22px;
  }
}

.bankruptcy-quiz-item {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-quiz-item {
    gap: 20px;
  }
}
.bankruptcy-quiz-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bankruptcy-quiz-item__title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-quiz-item__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-quiz-item__title b,
.bankruptcy-quiz-item__title strong {
  font-weight: 600;
}
.bankruptcy-quiz-item__descr {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-quiz-item__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-quiz-item__radios {
  display: grid;
  grid-gap: 12px;
}
@media (min-width: 992px) {
  .bankruptcy-quiz-item__radios {
    grid-template-columns: repeat(4, 1fr);
  }
}
.bankruptcy-quiz-item__radios .text-radio span {
  height: 100%;
}
.bankruptcy-quiz-item__radios .text-radio span::after {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.bankruptcy-quiz-item__radios .text-radio i {
  display: block;
}
.bankruptcy-quiz-item__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.bankruptcy-about {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-about {
    margin-top: 60px;
  }
}
.bankruptcy-about__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .bankruptcy-about__title {
    margin-bottom: 24px;
  }
}
.bankruptcy-about__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
  border-radius: 12px;
  background-color: #FAFAFB;
}
@media (min-width: 768px) {
  .bankruptcy-about__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .bankruptcy-about__inner {
    gap: 30px;
    padding: 40px;
    border-radius: 20px;
  }
}
@media (min-width: 768px) {
  .bankruptcy-about__left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.bankruptcy-about__subtitle {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-about__subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.bankruptcy-about__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-about__descr {
    gap: 12px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-about__descr p {
  margin: 0;
}
@media (min-width: 768px) {
  .bankruptcy-about__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    margin: -20px -20px -20px 0;
  }
}
@media (min-width: 992px) {
  .bankruptcy-about__img {
    width: 400px;
    margin: -70px -40px -70px 0;
  }
}
@media (min-width: 1200px) {
  .bankruptcy-about__img {
    width: 530px;
  }
}
.bankruptcy-about__img picture {
  height: 100%;
}
.bankruptcy-about__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.bankruptcy-company {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-company {
    margin-top: 60px;
  }
}
.bankruptcy-company__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .bankruptcy-company__title {
    margin-bottom: 24px;
  }
}
.bankruptcy-company__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  counter-reset: bankruptcy-company-items;
}

.bankruptcy-company-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.bankruptcy-company-item__num {
  display: none;
}
@media (min-width: 1200px) {
  .bankruptcy-company-item__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    border-radius: 59%;
    border: 1px solid #EAF0FD;
  }
  .bankruptcy-company-item__num::before {
    content: counter(bankruptcy-company-items);
    counter-increment: bankruptcy-company-items;
  }
}
.bankruptcy-company-item__inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #E8E8EA;
  background-color: #fff;
}
@media (min-width: 768px) {
  .bankruptcy-company-item__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .bankruptcy-company-item__inner {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-radius: 24px;
  }
}
@media (min-width: 1200px) {
  .bankruptcy-company-item__inner {
    gap: 24px;
    padding: 20px;
  }
}
.bankruptcy-company-item__top {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1200px) {
  .bankruptcy-company-item__top {
    gap: 20px;
  }
}
.bankruptcy-company-item__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  padding: 3px;
  border-radius: 12px;
  border: 1px solid #D3E0FB;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .bankruptcy-company-item__img {
    width: 82px;
    height: 82px;
  }
}
.bankruptcy-company-item__img picture {
  height: 100%;
}
.bankruptcy-company-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.bankruptcy-company-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.bankruptcy-company-item__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .bankruptcy-company-item__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-company-item__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.bankruptcy-company-item__rating i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.bankruptcy-company-item__rating svg {
  color: #facc15;
}
.bankruptcy-company-item__rating b {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .bankruptcy-company-item__rating b {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-company-item__rating span {
  color: #70747D;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-company-item__rating span {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-company-item__row {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 16px 0 0;
  border-top: 1px solid #F3F3F4;
}
@media (min-width: 576px) {
  .bankruptcy-company-item__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .bankruptcy-company-item__row {
    padding: 0 0 0 80px;
    padding-top: 0;
    border: none;
  }
}
@media (min-width: 992px) {
  .bankruptcy-company-item__row {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .bankruptcy-company-item__row {
    gap: 24px;
  }
}
.bankruptcy-company-item__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 768px) {
  .bankruptcy-company-item__col {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.bankruptcy-company-item__col:nth-child(1) {
  width: 180px;
}
@media (min-width: 1200px) {
  .bankruptcy-company-item__col:nth-child(1) {
    width: 200px;
  }
}
.bankruptcy-company-item__col:nth-child(2) {
  width: 160px;
}
@media (min-width: 1200px) {
  .bankruptcy-company-item__col:nth-child(2) {
    width: 180px;
  }
}
.bankruptcy-company-item__col:nth-child(3) {
  width: 120px;
}
@media (min-width: 1200px) {
  .bankruptcy-company-item__col:nth-child(3) {
    width: 150px;
  }
}
.bankruptcy-company-item__col span:nth-child(1) {
  color: #70747D;
  font-size: 12px;
  line-height: 16px;
}
.bankruptcy-company-item__col span:nth-child(2) {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .bankruptcy-company-item__col span:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-company-item__btn.button {
  padding: 0 16px;
  font-size: 12px;
}
@media (min-width: 992px) {
  .bankruptcy-company-item__btn.button {
    gap: 4px;
    height: 36px;
  }
}
.bankruptcy-company-item__btn.button i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.bankruptcy-company-guarantee {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin: 12px 0 0;
  padding: 16px;
  border-radius: 12px;
  background-color: #FBFCFF;
}
@media (min-width: 992px) {
  .bankruptcy-company-guarantee {
    padding: 20px;
    border-radius: 16px;
  }
}
.bankruptcy-company-guarantee__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
@media (min-width: 992px) {
  .bankruptcy-company-guarantee__img {
    width: 62px;
    height: 62px;
  }
}
.bankruptcy-company-guarantee__img picture {
  height: 100%;
}
.bankruptcy-company-guarantee__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.bankruptcy-company-guarantee__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.bankruptcy-company-guarantee__title {
  margin: 0;
  padding: 0 24px 0 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-company-guarantee__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-company-guarantee__descr {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-company-guarantee__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-company-guarantee__tooltip {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
}
@media (min-width: 992px) {
  .bankruptcy-company-guarantee__tooltip {
    right: 20px;
  }
}
.bankruptcy-company-guarantee__tooltip svg {
  color: #2563eb;
}

.bankruptcy-reasons {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-reasons {
    margin-top: 60px;
  }
}
.bankruptcy-reasons__descr {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-reasons__descr {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-reasons__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 20px;
  margin: 20px 0 0;
  padding: 16px;
  border-radius: 12px;
  background-color: #FAFAFB;
}
@media (min-width: 768px) {
  .bankruptcy-reasons__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .bankruptcy-reasons__inner {
    gap: 40px;
    margin-top: 24px;
    padding: 40px;
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  .bankruptcy-reasons__inner {
    gap: 60px;
  }
}
@media (min-width: 768px) {
  .bankruptcy-reasons__img {
    width: 300px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media (min-width: 992px) {
  .bankruptcy-reasons__img {
    width: 400px;
  }
}
@media (min-width: 1200px) {
  .bankruptcy-reasons__img {
    width: 450px;
  }
}
.bankruptcy-reasons__img picture {
  height: 100%;
}
.bankruptcy-reasons__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.bankruptcy-reasons__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .bankruptcy-reasons__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media (min-width: 992px) {
  .bankruptcy-reasons__content {
    gap: 20px;
  }
}
.bankruptcy-reasons__subtitle {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-reasons__subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.bankruptcy-reasons__text {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-reasons__text {
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-reasons__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
}
.bankruptcy-reasons__item {
  position: relative;
  padding: 0 0 0 28px;
  font-size: 12px;
  line-height: 16px;
  list-style-type: none;
}
@media (min-width: 992px) {
  .bankruptcy-reasons__item {
    padding-left: 32px;
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-reasons__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6507 6.31707C18.6507 6.61469 18.5465 6.86766 18.3382 7.076L10.2578 15.1564L8.73995 16.6742C8.53162 16.8825 8.27865 16.9867 7.98103 16.9867C7.68341 16.9867 7.43043 16.8825 7.2221 16.6742L5.70424 15.1564L1.66406 11.1162C1.45573 10.9078 1.35156 10.6549 1.35156 10.3572C1.35156 10.0596 1.45573 9.80665 1.66406 9.59832L3.18192 8.08046C3.39025 7.87213 3.64323 7.76796 3.94085 7.76796C4.23847 7.76796 4.49144 7.87213 4.69978 8.08046L7.98103 11.3729L15.3025 4.04028C15.5108 3.83195 15.7638 3.72778 16.0614 3.72778C16.359 3.72778 16.612 3.83195 16.8203 4.04028L18.3382 5.55814C18.5465 5.76647 18.6507 6.01945 18.6507 6.31707Z' fill='%232563EB'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
  .bankruptcy-reasons__item::before {
    top: 1px;
    width: 20px;
    height: 20px;
  }
}
.bankruptcy-reasons__btn {
  -ms-flex-item-align: start;
  align-self: start;
}

@media (min-width: 992px) {
  .bankruptcy-reasons--mod-resolution .bankruptcy-reasons__img {
    margin: -27px 0;
  }
}

.bankruptcy-stages {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-stages {
    margin-top: 60px;
  }
}
.bankruptcy-stages__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .bankruptcy-stages__inner {
    gap: 24px;
  }
}
.bankruptcy-stages__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 12px;
}
.bankruptcy-stages__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bankruptcy-stages__pagination .swiper-pagination-bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 20px;
  max-width: none;
  background-color: transparent;
}
.bankruptcy-stages__pagination .swiper-pagination-bullet:first-child {
  width: 20px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.bankruptcy-stages__pagination .swiper-pagination-bullet:first-child::before {
  display: none;
}
.bankruptcy-stages__pagination .swiper-pagination-bullet::before {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 6px;
  margin: 0 -1px;
  background-color: #F3F3F4;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.bankruptcy-stages__pagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 6px solid #D3E0FB;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.bankruptcy-stages__pagination .swiper-pagination-bullet-active {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: none;
  background-color: transparent;
}
.bankruptcy-stages__pagination .swiper-pagination-bullet-active::before {
  background-color: #2563eb;
}
.bankruptcy-stages__pagination .swiper-pagination-bullet-active::after {
  border-color: #2563eb;
}
.bankruptcy-stages__navs.swiper-navs {
  display: none;
}
@media (min-width: 768px) {
  .bankruptcy-stages__navs.swiper-navs {
    display: grid;
  }
}
.bankruptcy-stages__swiper.swiper {
  margin: 0 -16px;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .bankruptcy-stages__swiper.swiper {
    margin: 0 -24px;
    padding: 0 24px;
  }
}
@media (min-width: 1200px) {
  .bankruptcy-stages__swiper.swiper {
    margin: 0;
    padding: 0;
  }
}
.bankruptcy-stages__swiper .swiper-slide {
  height: auto;
}

.bankruptcy-stages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  padding: 20px 16px;
  background-color: #fff;
  border: 1px solid #CFD1D4;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .bankruptcy-stages-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .bankruptcy-stages-item {
    padding: 40px 24px;
    border-radius: 20px;
  }
}
.bankruptcy-stages-item__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #5182EF;
  font-size: 80px;
  line-height: 100%;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 768px) {
  .bankruptcy-stages-item__num {
    min-width: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media (min-width: 992px) {
  .bankruptcy-stages-item__num {
    min-width: 120px;
    font-size: 140px;
    line-height: 120px;
  }
}
.bankruptcy-stages-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.bankruptcy-stages-item__title {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-stages-item__title {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 28px;
  }
}
.bankruptcy-stages-item__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 16px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-stages-item__descr {
    gap: 12px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-stages-item__descr p {
  margin: 0;
}
.bankruptcy-stages-item__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin: auto 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-stages-item__date {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-stages-item__date i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
@media (min-width: 992px) {
  .bankruptcy-stages-item__date i {
    width: 24px;
    height: 24px;
  }
}
.bankruptcy-stages-item__date svg {
  color: #2563eb;
}

.bankruptcy-stages-prompt {
  position: relative;
  padding: 16px 16px 16px 52px;
  border-radius: 12px;
  background-color: #FBFCFF;
}
@media (min-width: 992px) {
  .bankruptcy-stages-prompt {
    border-radius: 16px;
    padding: 20px 20px 20px 52px;
  }
}
.bankruptcy-stages-prompt__tooltip {
  position: absolute;
  top: 16px;
  left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
@media (min-width: 992px) {
  .bankruptcy-stages-prompt__tooltip {
    top: 20px;
    left: 20px;
  }
}
.bankruptcy-stages-prompt__tooltip svg {
  color: #5182EF;
}
.bankruptcy-stages-prompt__title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-stages-prompt__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-stages-prompt__descr {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-stages-prompt__descr {
    font-size: 14px;
    line-height: 20px;
  }
}

.bankruptcy-reasons-prompt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .bankruptcy-reasons-prompt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .bankruptcy-reasons-prompt {
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
  }
}
.bankruptcy-reasons-prompt__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  height: auto;
}
@media (min-width: 992px) {
  .bankruptcy-reasons-prompt__img {
    width: 56px;
    height: 56px;
  }
}
.bankruptcy-reasons-prompt__img picture {
  height: 100%;
}
.bankruptcy-reasons-prompt__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.bankruptcy-reasons-prompt__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.bankruptcy-reasons-prompt__title {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-reasons-prompt__title {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-reasons-prompt__descr {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-reasons-prompt__descr {
    font-size: 14px;
    line-height: 20px;
  }
}

.bankruptcy-consultation {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-consultation {
    margin-top: 60px;
  }
}
.bankruptcy-consultation__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 16px;
  background-color: #FAFAFB;
}
@media (min-width: 768px) {
  .bankruptcy-consultation__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .bankruptcy-consultation__inner {
    padding: 40px;
    border-radius: 20px;
  }
}
.bankruptcy-consultation__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-consultation__left {
    gap: 20px;
  }
}
.bankruptcy-consultation__descr {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-consultation__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-consultation__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.bankruptcy-consultation__content p {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
@media (min-width: 992px) {
  .bankruptcy-consultation__content p {
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-consultation__content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
}
.bankruptcy-consultation__content li {
  position: relative;
  padding: 0 0 0 28px;
  font-size: 12px;
  line-height: 16px;
  list-style-type: none;
}
@media (min-width: 992px) {
  .bankruptcy-consultation__content li {
    padding-left: 32px;
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-consultation__content li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6507 6.31707C18.6507 6.61469 18.5465 6.86766 18.3382 7.076L10.2578 15.1564L8.73995 16.6742C8.53162 16.8825 8.27865 16.9867 7.98103 16.9867C7.68341 16.9867 7.43043 16.8825 7.2221 16.6742L5.70424 15.1564L1.66406 11.1162C1.45573 10.9078 1.35156 10.6549 1.35156 10.3572C1.35156 10.0596 1.45573 9.80665 1.66406 9.59832L3.18192 8.08046C3.39025 7.87213 3.64323 7.76796 3.94085 7.76796C4.23847 7.76796 4.49144 7.87213 4.69978 8.08046L7.98103 11.3729L15.3025 4.04028C15.5108 3.83195 15.7638 3.72778 16.0614 3.72778C16.359 3.72778 16.612 3.83195 16.8203 4.04028L18.3382 5.55814C18.5465 5.76647 18.6507 6.01945 18.6507 6.31707Z' fill='%232563EB'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
  .bankruptcy-consultation__content li::before {
    top: 1px;
    width: 20px;
    height: 20px;
  }
}
.bankruptcy-consultation__btn {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.bankruptcy-consultation__img {
  margin: 0 0 -16px;
}
@media (min-width: 768px) {
  .bankruptcy-consultation__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    margin-bottom: 0 0 -20px;
  }
}
@media (min-width: 992px) {
  .bankruptcy-consultation__img {
    width: 400px;
    margin: -20px 0 -40px;
  }
}
@media (min-width: 1200px) {
  .bankruptcy-consultation__img {
    width: 450px;
  }
}
.bankruptcy-consultation__img picture {
  height: 100%;
}
.bankruptcy-consultation__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom;
  object-position: bottom;
}

.bankruptcy-consequences {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-consequences {
    margin-top: 60px;
  }
}
.bankruptcy-consequences__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .bankruptcy-consequences__title {
    margin-bottom: 24px;
  }
}
.bankruptcy-consequences__inner {
  display: grid;
  grid-gap: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-consequences__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
.bankruptcy-consequences__block {
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #111827;
}
@media (min-width: 992px) {
  .bankruptcy-consequences__block {
    padding: 32px;
    border-radius: 20px;
  }
}
.bankruptcy-consequences__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
}
.bankruptcy-consequences__list li {
  position: relative;
  padding: 0 0 0 32px;
  font-size: 12px;
  line-height: 16px;
  list-style-type: none;
}
@media (min-width: 992px) {
  .bankruptcy-consequences__list li {
    padding-left: 36px;
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-consequences__list li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .bankruptcy-consequences__list li::before {
    width: 24px;
    height: 24px;
  }
}
.bankruptcy-consequences__block--green {
  border-color: #BCF3AE;
}
.bankruptcy-consequences__block--green li::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='6' fill='%2358E135'/%3E%3Cpath d='M17.192 9.7899C17.192 9.96847 17.1295 10.1203 17.0045 10.2453L12.1562 15.0935L11.2455 16.0042C11.1205 16.1292 10.9687 16.1917 10.7902 16.1917C10.6116 16.1917 10.4598 16.1292 10.3348 16.0042L9.42411 15.0935L7 12.6694C6.875 12.5444 6.8125 12.3926 6.8125 12.214C6.8125 12.0354 6.875 11.8836 7 11.7586L7.91071 10.8479C8.03571 10.7229 8.1875 10.6604 8.36607 10.6604C8.54464 10.6604 8.69643 10.7229 8.82143 10.8479L10.7902 12.8234L15.183 8.42383C15.308 8.29883 15.4598 8.23633 15.6384 8.23633C15.817 8.23633 15.9687 8.29883 16.0937 8.42383L17.0045 9.33454C17.1295 9.45954 17.192 9.61133 17.192 9.7899Z' fill='white'/%3E%3C/svg%3E");
}
.bankruptcy-consequences__block--red {
  border-color: #F3AEAE;
}
.bankruptcy-consequences__block--red li::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='6' fill='%23E13535'/%3E%3Cpath d='M16 8L8 16' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M8.00002 8L16 16' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.bankruptcy-options {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-options {
    margin-top: 60px;
  }
}
.bankruptcy-options__title {
  margin: 0 0 20px;
}
.bankruptcy-options__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin: 0 -16px 10px;
  padding: 0 16px 10px;
  overflow-x: auto;
  scrollbar-width: none;
}
@media (min-width: 768px) {
  .bankruptcy-options__tabs {
    margin: 0 -24px 10px;
    padding: 0 24px 10px;
  }
}
@media (min-width: 992px) {
  .bankruptcy-options__tabs {
    margin-bottom: 14px;
  }
}
.bankruptcy-options__tabs::-webkit-scrollbar {
  height: 0;
}
.bankruptcy-options__tab {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.bankruptcy-options__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  opacity: 0;
  height: 0;
}
.bankruptcy-options__item.active {
  overflow: visible;
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.bankruptcy-options__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 24px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-options__buttons {
    margin-top: 20px;
  }
}
.bankruptcy-options__btn.button i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-options__btn.button i {
    width: 20px;
    height: 20px;
  }
}

.bankruptcy-options-list {
  margin: 0;
  padding: 0;
}
.bankruptcy-options-list li {
  position: relative;
  padding: 18px 0 18px 32px;
  font-size: 12px;
  line-height: 16px;
  list-style-type: none;
  border-bottom: 1px solid #E8E8EA;
}
@media (min-width: 992px) {
  .bankruptcy-options-list li {
    padding: 20px 0 20px 36px;
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-options-list li::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.78182 3.89076C10.3457 3.41023 10.6276 3.16997 10.9224 3.02907C11.6042 2.7032 12.3968 2.7032 13.0786 3.02907C13.3734 3.16997 13.6553 3.41023 14.2192 3.89076C14.4436 4.08201 14.5558 4.17764 14.6757 4.25796C14.9504 4.44209 15.2589 4.56988 15.5833 4.63393C15.7249 4.66188 15.8718 4.6736 16.1658 4.69706C16.9043 4.75599 17.2735 4.78546 17.5816 4.89427C18.2941 5.14594 18.8546 5.7064 19.1062 6.41893C19.2151 6.72699 19.2445 7.09625 19.3035 7.83475C19.3269 8.12868 19.3386 8.27564 19.3666 8.41718C19.4306 8.74163 19.5584 9.05014 19.7426 9.32485C19.8229 9.44469 19.9185 9.55691 20.1098 9.78133C20.5903 10.3452 20.8305 10.6271 20.9714 10.9219C21.2973 11.6037 21.2973 12.3963 20.9714 13.0781C20.8305 13.3729 20.5903 13.6548 20.1098 14.2187C19.9185 14.4431 19.8229 14.5553 19.7426 14.6752C19.5584 14.9499 19.4306 15.2584 19.3666 15.5828C19.3386 15.7244 19.3269 15.8713 19.3035 16.1653C19.2445 16.9038 19.2151 17.273 19.1062 17.5811C18.8546 18.2936 18.2941 18.8541 17.5816 19.1058C17.2735 19.2146 16.9043 19.244 16.1658 19.303C15.8718 19.3264 15.7249 19.3381 15.5833 19.3661C15.2589 19.4301 14.9504 19.5579 14.6757 19.7421C14.5558 19.8224 14.4436 19.918 14.2192 20.1093C13.6553 20.5898 13.3734 20.8301 13.0786 20.971C12.3968 21.2968 11.6042 21.2968 10.9224 20.971C10.6276 20.8301 10.3457 20.5898 9.78182 20.1093C9.55739 19.918 9.44518 19.8224 9.32534 19.7421C9.05063 19.5579 8.74211 19.4301 8.41767 19.3661C8.27613 19.3381 8.12917 19.3264 7.83524 19.303C7.09673 19.244 6.72748 19.2146 6.41942 19.1058C5.70689 18.8541 5.14643 18.2936 4.89476 17.5811C4.78595 17.273 4.75648 16.9038 4.69755 16.1653C4.67409 15.8713 4.66236 15.7244 4.63442 15.5828C4.57037 15.2584 4.44257 14.9499 4.25845 14.6752C4.17813 14.5553 4.0825 14.4431 3.89125 14.2187C3.41072 13.6548 3.17045 13.3729 3.02956 13.0781C2.70369 12.3963 2.70369 11.6037 3.02956 10.9219C3.17045 10.6271 3.41072 10.3452 3.89125 9.78133C4.0825 9.55691 4.17813 9.4447 4.25845 9.32485C4.44257 9.05014 4.57037 8.74163 4.63442 8.41718C4.66236 8.27564 4.67409 8.12868 4.69755 7.83475C4.75648 7.09625 4.78595 6.72699 4.89476 6.41893C5.14643 5.7064 5.70689 5.14594 6.41942 4.89427C6.72748 4.78546 7.09674 4.75599 7.83524 4.69706C8.12917 4.6736 8.27613 4.66188 8.41767 4.63393C8.74211 4.56988 9.05063 4.44209 9.32534 4.25796C9.44518 4.17764 9.5574 4.08201 9.78182 3.89076Z' stroke='%235182EF' stroke-width='1.5'/%3E%3Cpath d='M8.5 12.5L10.5 14.5L15.5 9.5' stroke='%235182EF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
  .bankruptcy-options-list li::before {
    top: 19px;
    width: 24px;
    height: 24px;
  }
}
.bankruptcy-options-list li:first-child {
  padding-top: 0;
}
.bankruptcy-options-list li:first-child::before {
  top: -2px;
}
@media (min-width: 992px) {
  .bankruptcy-options-list li:first-child::before {
    top: -1px;
  }
}
.bankruptcy-options-list li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.bankruptcy-benefits {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-benefits {
    margin-top: 60px;
  }
}
.bankruptcy-benefits__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .bankruptcy-benefits__title {
    margin-bottom: 24px;
  }
}
.bankruptcy-benefits__items {
  display: grid;
  grid-gap: 12px;
}
@media (min-width: 992px) {
  .bankruptcy-benefits__items {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
  }
}

.bankruptcy-benefits-item {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px 12px;
  padding: 16px;
  border-radius: 12px;
  background-color: #FBFCFF;
}
@media (min-width: 992px) {
  .bankruptcy-benefits-item {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 20px;
    border-radius: 16px;
  }
}
.bankruptcy-benefits-item__title {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-benefits-item__title {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-benefits-item__descr {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-benefits-item__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.bankruptcy-benefits-item__img {
  justify-self: end;
  grid-area: 1/2/3/3;
  width: 44px;
  height: 44px;
}
@media (min-width: 992px) {
  .bankruptcy-benefits-item__img {
    align-self: end;
    grid-area: auto;
    width: 80px;
    height: 80px;
    margin: 12px 0 0;
  }
}
.bankruptcy-benefits-item__img picture {
  height: 100%;
}
.bankruptcy-benefits-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.bankruptcy-reviews {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-reviews {
    margin-top: 60px;
  }
}
.bankruptcy-reviews__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 20px;
  margin: 0 0 24px;
}
.bankruptcy-reviews__descr {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-reviews__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.bankruptcy-reviews__navs.swiper-navs {
  display: none;
}
@media (min-width: 768px) {
  .bankruptcy-reviews__navs.swiper-navs {
    display: grid;
  }
}
.bankruptcy-reviews__swiper.swiper {
  margin: 0 -16px;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .bankruptcy-reviews__swiper.swiper {
    margin: 0 -24px;
    padding: 0 24px;
  }
}
@media (min-width: 1200px) {
  .bankruptcy-reviews__swiper.swiper {
    margin: 0;
    padding: 0;
  }
}
.bankruptcy-reviews__swiper .swiper-slide {
  height: auto;
}

.bankruptcy-reviews-card {
  height: 100%;
  border-radius: 12px;
  border: 1px solid #D3E0FB;
}
@media (min-width: 992px) {
  .bankruptcy-reviews-card {
    border-radius: 20px;
  }
}
.bankruptcy-reviews-card__video {
  aspect-ratio: 1/0.59;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .bankruptcy-reviews-card__video {
    border-radius: 20px;
  }
}
.bankruptcy-reviews-card__video iframe,
.bankruptcy-reviews-card__video video {
  width: 100%;
  height: 100%;
}
.bankruptcy-reviews-card__title {
  display: block;
  padding: 12px 16px 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .bankruptcy-reviews-card__title {
    padding: 16px 16px 20px;
    font-size: 16px;
    line-height: 22px;
  }
}

.bankruptcy-history {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .bankruptcy-history {
    margin-top: 60px;
  }
}
.bankruptcy-history__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 20px;
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .bankruptcy-history__top {
    margin-bottom: 24px;
  }
}
.bankruptcy-history__navs.swiper-navs {
  display: none;
}
@media (min-width: 768px) {
  .bankruptcy-history__navs.swiper-navs {
    display: grid;
  }
}
.bankruptcy-history__swiper.swiper {
  margin: 0 -16px;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .bankruptcy-history__swiper.swiper {
    margin: 0 -24px;
    padding: 0 24px;
  }
}
@media (min-width: 1200px) {
  .bankruptcy-history__swiper.swiper {
    margin: 0;
    padding: 0;
  }
}
.bankruptcy-history__swiper .swiper-slide {
  height: auto;
}

.bankruptcy-history-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 11px;
  border-radius: 12px;
  border: 1px solid #F3F3F4;
  background-color: #fff;
}
@media (min-width: 992px) {
  .bankruptcy-history-item {
    border-radius: 16px;
  }
}
.bankruptcy-history-item__img {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1/1.42;
}
@media (min-width: 992px) {
  .bankruptcy-history-item__img {
    border-radius: 12px;
  }
}
.bankruptcy-history-item__img picture {
  height: 100%;
}
.bankruptcy-history-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.bankruptcy-history-item__qty {
  position: absolute;
  min-width: 60px;
  border-radius: 8px;
  background-color: rgba(17, 24, 39, 0.4);
  padding: 6px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  bottom: 16px;
}
@media (min-width: 992px) {
  .bankruptcy-history-item__qty {
    min-width: 74px;
  }
}
.bankruptcy-history-item__btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid #2563eb;
  background-color: #fff;
}
.bankruptcy-history-item__btn svg {
  color: #2563eb;
}

.restructuring-types {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .restructuring-types {
    margin-top: 60px;
  }
}
.restructuring-types__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
  border-radius: 12px;
  background-color: #FAFAFB;
}
@media (min-width: 768px) {
  .restructuring-types__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 20px;
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  .restructuring-types__inner {
    gap: 40px;
    padding: 40px;
  }
}
@media (min-width: 768px) {
  .restructuring-types__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.restructuring-types__title {
  margin: 0;
}
.restructuring-types__descr {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .restructuring-types__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.restructuring-types__items {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.restructuring-types__img {
  height: 200px;
}
@media (min-width: 768px) {
  .restructuring-types__img {
    width: 300px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media (min-width: 992px) {
  .restructuring-types__img {
    width: 400px;
  }
}
@media (min-width: 1200px) {
  .restructuring-types__img {
    width: 520px;
  }
}
.restructuring-types__img picture {
  height: 100%;
}
.restructuring-types__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 768px) {
  .restructuring-types--reversed .restructuring-types__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.restructuring-types-item {
  background-color: #fff;
  border-radius: 12px;
  padding: 12px;
}
@media (min-width: 1200px) {
  .restructuring-types-item {
    padding: 12px 20px;
  }
}
.restructuring-types-item__title {
  position: relative;
  margin: 0;
  padding: 0 0 0 32px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .restructuring-types-item__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.restructuring-types-item__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6507 6.31695C18.6507 6.61457 18.5465 6.86754 18.3382 7.07588L10.2578 15.1562L8.73995 16.6741C8.53162 16.8824 8.27865 16.9866 7.98103 16.9866C7.68341 16.9866 7.43043 16.8824 7.2221 16.6741L5.70424 15.1562L1.66406 11.1161C1.45573 10.9077 1.35156 10.6547 1.35156 10.3571C1.35156 10.0595 1.45573 9.80653 1.66406 9.5982L3.18192 8.08034C3.39025 7.87201 3.64323 7.76784 3.94085 7.76784C4.23847 7.76784 4.49144 7.87201 4.69978 8.08034L7.98103 11.3728L15.3025 4.04016C15.5108 3.83183 15.7638 3.72766 16.0614 3.72766C16.359 3.72766 16.612 3.83183 16.8203 4.04016L18.3382 5.55802C18.5465 5.76635 18.6507 6.01933 18.6507 6.31695Z' fill='%232563EB'/%3E%3C/svg%3E%0A");
}
.restructuring-types-item__descr {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .restructuring-types-item__descr {
    font-size: 14px;
    line-height: 20px;
  }
}

.resolution-about {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .resolution-about {
    margin-top: 60px;
  }
}
.resolution-about__inner {
  display: grid;
  grid-gap: 20px;
}
@media (min-width: 768px) {
  .resolution-about__inner {
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .resolution-about__inner {
    grid-gap: 40px;
  }
}
.resolution-about__img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .resolution-about__img {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    border-radius: 24px;
  }
}
.resolution-about__img img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.resolution-about__title {
  margin: 0 0 12px;
}
@media (min-width: 992px) {
  .resolution-about__title {
    margin-bottom: 20px;
  }
}
.resolution-about__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 992px) {
  .resolution-about__descr {
    gap: 12px;
  }
}
.resolution-about__descr p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .resolution-about__descr p {
    font-size: 16px;
    line-height: 22px;
  }
}

.resolution-situations {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .resolution-situations {
    margin-top: 60px;
  }
}
.resolution-situations__items {
  display: grid;
  gap: 12px;
  margin: 20px 0 0;
}
@media (min-width: 992px) {
  .resolution-situations__items {
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 24px;
  }
}

.resolution-situations-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  grid-column: span 1;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
}
@media (min-width: 992px) {
  .resolution-situations-item {
    grid-column: span 6;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 20px;
    border-radius: 16px;
  }
}
@media (min-width: 1200px) {
  .resolution-situations-item {
    grid-column: span 3;
  }
}
.resolution-situations-item.active {
  background: #fafafb;
}
@media (min-width: 1200px) {
  .resolution-situations-item:nth-child(1) {
    grid-column: span 4;
    grid-row: span 3;
  }
}
@media (min-width: 1200px) {
  .resolution-situations-item:nth-child(2), .resolution-situations-item:nth-child(3), .resolution-situations-item:nth-child(4) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-column: span 8;
  }
}
@media (min-width: 1200px) {
  .resolution-situations-item:nth-child(2) .resolution-situations-item__content, .resolution-situations-item:nth-child(3) .resolution-situations-item__content, .resolution-situations-item:nth-child(4) .resolution-situations-item__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media (min-width: 1200px) {
  .resolution-situations-item:nth-child(2) .resolution-situations-item__img, .resolution-situations-item:nth-child(3) .resolution-situations-item__img, .resolution-situations-item:nth-child(4) .resolution-situations-item__img {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0;
  }
}
.resolution-situations-item__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media (min-width: 992px) {
  .resolution-situations-item__content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}
.resolution-situations-item__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .resolution-situations-item__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.resolution-situations-item__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0 0;
  padding: 0 0 0 28px;
}
@media (min-width: 992px) {
  .resolution-situations-item__list {
    padding-left: 34px;
  }
}
.resolution-situations-item__list li {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .resolution-situations-item__list li {
    font-size: 14px;
    line-height: 20px;
  }
}
.resolution-situations-item__descr {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .resolution-situations-item__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.resolution-situations-item__btn {
  margin: 16px 0 0;
}
@media (min-width: 992px) {
  .resolution-situations-item__btn {
    margin-top: 20px;
  }
}
.resolution-situations-item__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
}
@media (min-width: 992px) {
  .resolution-situations-item__img {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: auto 0 0;
    width: 80px;
    height: 80px;
  }
}
.resolution-situations-item__img picture {
  height: 100%;
}
.resolution-situations-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.resolution-cases {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .resolution-cases {
    margin-top: 60px;
  }
}
.resolution-cases__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 20px;
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .resolution-cases__top {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .resolution-cases__top {
    gap: 40px;
  }
}
.resolution-cases__descr {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .resolution-cases__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.resolution-cases__navs.swiper-navs {
  display: none;
}
@media (min-width: 768px) {
  .resolution-cases__navs.swiper-navs {
    display: grid;
  }
}
.resolution-cases__swiper.swiper {
  margin: 0 -16px;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .resolution-cases__swiper.swiper {
    margin: 0 -24px;
    padding: 0 24px;
  }
}
@media (min-width: 1200px) {
  .resolution-cases__swiper.swiper {
    margin: 0;
    padding: 0;
  }
}
.resolution-cases__swiper .swiper-slide {
  height: auto;
}
.resolution-cases__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px 0 0;
}
@media (min-width: 992px) {
  .resolution-cases__buttons {
    margin-top: 24px;
  }
}

.resolution-cases-card {
  height: 100%;
  display: grid;
  grid-gap: 12px;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
  padding: 12px;
}
@media (min-width: 768px) {
  .resolution-cases-card {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .resolution-cases-card {
    border-radius: 20px;
  }
}
.resolution-cases-card__left {
  padding: 12px;
}
@media (min-width: 768px) {
  .resolution-cases-card__left {
    -ms-flex-item-align: center;
    align-self: center;
  }
}
@media (min-width: 992px) {
  .resolution-cases-card__left {
    padding: 20px 28px;
  }
}
.resolution-cases-card__title {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .resolution-cases-card__title {
    font-size: 32px;
    line-height: 44px;
  }
}
.resolution-cases-card__title span {
  color: #2563eb;
}
.resolution-cases-card__content {
  padding: 16px;
  border-radius: 8px;
  background-color: #fafafb;
}
@media (min-width: 992px) {
  .resolution-cases-card__content {
    padding: 20px 24px;
    border-radius: 12px;
  }
}
.resolution-cases-card__content h3,
.resolution-cases-card__content h4 {
  margin: 16px 0 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .resolution-cases-card__content h3,
  .resolution-cases-card__content h4 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
  }
}
.resolution-cases-card__content h3:first-child,
.resolution-cases-card__content h4:first-child {
  margin-top: 0;
}
.resolution-cases-card__content h3:last-child,
.resolution-cases-card__content h4:last-child {
  margin-bottom: 0;
}
.resolution-cases-card__content ul {
  padding-left: 28px;
}
@media (min-width: 992px) {
  .resolution-cases-card__content ul {
    padding-left: 34px;
  }
}
.resolution-cases-card__content p,
.resolution-cases-card__content li {
  margin: 8px 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .resolution-cases-card__content p,
  .resolution-cases-card__content li {
    font-size: 16px;
    line-height: 22px;
  }
}
.resolution-cases-card__content p:first-child,
.resolution-cases-card__content li:first-child {
  margin-top: 0;
}
.resolution-cases-card__content p:last-child,
.resolution-cases-card__content li:last-child {
  margin-bottom: 0;
}
.resolution-cases-card__content b,
.resolution-cases-card__content strong {
  font-weight: 600;
}

.resolution-compare {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .resolution-compare {
    margin-top: 60px;
  }
}
.resolution-compare__descr {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .resolution-compare__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.resolution-compare__table {
  margin: 16px -16px 0;
  padding: 0 8px 10px;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .resolution-compare__table {
    margin: 16px -24px 0;
    padding: 0 16px 10px;
  }
}
@media (min-width: 992px) {
  .resolution-compare__table {
    margin: 24px -24px 0;
  }
}
@media (min-width: 1200px) {
  .resolution-compare__table {
    margin: 24px -8px 0;
    padding: 0;
    overflow-x: visible;
  }
}
.resolution-compare__table table {
  width: 1252px;
  border-collapse: separate;
  border-spacing: 8px;
  table-layout: fixed;
}
@media (min-width: 1200px) {
  .resolution-compare__table table {
    width: 100%;
  }
}
.resolution-compare__table table thead th {
  position: relative;
  background-color: #eaf0fd;
  padding: 12px 20px;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .resolution-compare__table table thead th {
    padding: 16px 20px;
    font-size: 14px;
    line-height: 20px;
  }
}
.resolution-compare__table table thead th:first-child {
  width: 200px;
  border-radius: 12px 0 0 12px;
}
.resolution-compare__table table thead th:last-child {
  border-radius: 0 12px 12px 0;
}
.resolution-compare__table table thead th:last-child::before {
  display: none;
}
.resolution-compare__table table thead th::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 12px;
  background-color: #eaf0fd;
}
.resolution-compare__table table tbody td {
  padding: 16px 20px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
  border: 1px solid #e8e8ea;
  border-radius: 12px;
  background: #fff;
}
@media (min-width: 992px) {
  .resolution-compare__table table tbody td {
    font-size: 14px;
    line-height: 20px;
  }
}
.resolution-compare__table table tbody td:first-child {
  font-weight: 500;
}
.resolution-compare__table table tbody td:nth-child(2), .resolution-compare__table table tbody td:nth-child(3) {
  position: relative;
  padding-left: 52px;
}
.resolution-compare__table table tbody td:nth-child(2)::before, .resolution-compare__table table tbody td:nth-child(3)::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.resolution-compare__table table tbody td:nth-child(2) {
  border: 1px solid #def9d7;
  background-color: #fcfefb;
}
.resolution-compare__table table tbody td:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='6' fill='%2358E135'/%3E%3Cpath d='M15 7.56229C15 7.74186 14.9398 7.8945 14.8194 8.0202L10.1484 12.8956L9.27097 13.8114C9.15054 13.9371 9.0043 14 8.83226 14C8.66021 14 8.51398 13.9371 8.39355 13.8114L7.51613 12.8956L5.18065 10.4579C5.06022 10.3322 5 10.1796 5 10C5 9.82043 5.06022 9.66779 5.18065 9.54209L6.05806 8.62626C6.17849 8.50056 6.32473 8.43771 6.49677 8.43771C6.66882 8.43771 6.81505 8.50056 6.93548 8.62626L8.83226 10.6128L13.0645 6.18855C13.1849 6.06285 13.3312 6 13.5032 6C13.6753 6 13.8215 6.06285 13.9419 6.18855L14.8194 7.10438C14.9398 7.23008 15 7.38272 15 7.56229Z' fill='white'/%3E%3C/svg%3E%0A");
}
.resolution-compare__table table tbody td:nth-child(3) {
  background-color: #fefbfb;
  border: 1px solid #f9d7d7;
}
.resolution-compare__table table tbody td:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='6' fill='%23E13535'/%3E%3Cpath d='M13.0003 6.99951L7 12.9998' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6.99969 6.99951L13 12.9998' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.resolution-compare__table table tfoot td {
  background-color: #effceb;
  padding: 12px 20px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .resolution-compare__table table tfoot td {
    padding: 16px 20px;
    font-size: 14px;
    line-height: 20px;
  }
}