@import "../fonts/Lato/lato.css";

:root {
    --color-background: #F0F2F6;
    --color-dark: #181818;
    --color-white: #ffffff;
    --color-primary: #D42222;
    --color-accent: #BF0C0C;
    --color-accent-light: #DF4545;
    --color-accent-dark: #B41515;
    --color-gray: #E0E5EF;
    --color-light-gray: #F0F2F6;
    --color-dark-gray: #535760;
    --color-footer-text: #828896;
    --color-gray-3: #E0E5EF;
    --color-gray-4: #E8ECF3;
    --color-gray-5: #535760;
    --color-gray-tp: rgba(130, 136, 150, 0.4);
    --color-gray-tp2: rgba(130, 136, 150, 0.5);
    --color-green: #3AB25B;
    --color-blue: #0052CC;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

*:focus {
    outline: none;
}

html {
    scroll-behavior: smooth;
    overflow: auto;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    background: var(--color-background);
    color: var(--color-dark);
    position: relative;
    min-height: 100%;
    z-index: 1;
    font-display: swap;
}
body.fancybox-active {
    overflow: hidden;
}
.fancybox-active{
    overflow: hidden !important;
}

.container,
.container-fluid {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.container {
    max-width: 1680px;
}

input, button, textarea {
    font-family: 'Lato', sans-serif;
    font-display: swap;
}

#app-modals {
    display: none;
}

h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: bold;
    margin: 0;
    font-display: swap;
}

h2 {
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    font-weight: normal;
}

.h2 {
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    font-weight: normal;
    font-display: swap;
}

h3 {
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    font-display: swap;
}

h4 {
    font-size: 18px;
    font-weight: bold;
    font-display: swap;
}

h5 {
    font-size: 16px;
    font-weight: bold;
}

.h5 {
    font-size: 16px;
    font-weight: bold;
}

p {
    font-size: 16px;
    line-height: 20px;
    font-display: swap;
}

a, img {
    display: block;
    color: inherit;
}

.app-header__menu {
    display: none;
}

.app-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
}

.app-header__desktop {
    background: var(--color-dark);
    color: var(--color-light-gray);
    height: 64px;
}

.app-header__desktop .container {
    height: 100%;
}

.app-header__inner {
    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;
    height: 100%;
}

.header-burger {
    display: none;
}

.header-nav {
    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;
}



img.lazy{
    opacity: 0;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
img.loaded{
    opacity: 1 !important;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
.lazy{
    
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
.lazy.background-load{
  opacity: 0;
  -webkit-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}

.lazy img {
  opacity: 0;
  -webkit-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}

.lazy source{
  -webkit-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
  
}
.lazy.loaded.background-load{
    opacity: 1;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  }
  .lazy.loaded img{
    opacity: 1;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  }


 /* Keyframes для переливания */
 @keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.header-nav__item {
    height: 64px;
    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;
    padding: 2px 16px 0;
    font-size: 14px;
    text-decoration: none;
    color: var(--color-gray-3);
    border-bottom: 2px solid transparent;
}

.logo__img {
    max-width: 168px;
    max-height: 64px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.header-nav__item:hover {
    color: var(--color-dark-gray)
}

.header-nav__item.header-nav__item_active {
    border-color: var(--color-accent);
}

.header-aside {
    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: 16px;
}

.header-geo {
    font-size: 14px;
    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: 13px;
    max-width: 240px;
}

.header-geo:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1.1835C3.97592 1.1835 1.42493 3.61706 1.63271 6.64776C1.66251 7.08243 1.70706 7.46081 1.76776 7.76106C2.07398 9.27587 3.03519 10.7807 4.11785 12.0581C5.1913 13.3247 6.33423 14.31 6.92481 14.7879C6.97202 14.8261 7.02798 14.8261 7.07518 14.7879C7.66577 14.31 8.80869 13.3247 9.88214 12.0581C10.9648 10.7807 11.926 9.27587 12.2322 7.76106C12.2929 7.46081 12.3375 7.08243 12.3673 6.64776C12.5751 3.61706 10.0241 1.1835 7 1.1835ZM0.515272 6.73325C0.250175 2.86648 3.47743 0 7 0C10.5226 0 13.7498 2.86648 13.4847 6.73324C13.453 7.19639 13.4035 7.6342 13.3279 8.00822C12.9608 9.82424 11.8453 11.5161 10.7169 12.8475C9.57922 14.1898 8.37669 15.2256 7.75647 15.7274C7.30726 16.0909 6.69273 16.0909 6.24353 15.7274C5.62331 15.2256 4.42078 14.1898 3.28314 12.8475C2.15471 11.5161 1.0392 9.82424 0.672092 8.00822C0.596484 7.6342 0.547024 7.19639 0.515272 6.73325Z" fill="%23E0E5EF"/><circle cx="7.00073" cy="6.5" r="2" stroke="%23E0E5EF"/></svg>') center no-repeat;
    width: 14px;
    height: 16px;
}

.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;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    text-decoration: none;
    height: 48px;
    padding: 0 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    gap: 12px;
}

.btn.btn_gray {
    background: var(--color-gray-tp);
    color: #fff;
}

.btn.btn_gray:hover {
    opacity: .9;
}

.btn.btn_favourites {
    width: 48px;
    height: 48px;
    background-image: url('data:image/svg+xml,<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.1111 1C18.6333 1 21 4.3525 21 7.48C21 13.8138 11.1778 19 11 19C10.8222 19 1 13.8138 1 7.48C1 4.3525 3.36667 1 6.88889 1C8.91111 1 10.2333 2.02375 11 2.92375C11.7667 2.02375 13.0889 1 15.1111 1Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.btn.btn_favourites.btn_favourites_active:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 28px;
    width: 8px;
    height: 8px;
    background: var(--color-primary);
    border-radius: 50%;
}

.header-aside .btn {
    height: 40px;
}

.header-aside .btn.btn_favourites {
    width: 40px;
}

.section-hero {
    padding: 20px 0 40px;
    background: var(--color-gray);
    overflow: hidden;
}

.hero-banner {
    background: -o-radial-gradient(-3.64% -11.82%, 49.51% 98.95%, rgb(76, 79, 88) 0%, rgb(24, 24, 24) 100%);
    background: radial-gradient(49.51% 98.95% at -3.64% -11.82%, rgb(76, 79, 88) 0%, rgb(24, 24, 24) 100%);
    height: 240px;
    color: var(--color-white);
    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-left: 80px;
    border-radius: 4px;
    overflow: hidden;
}

.hero-banner__asset {
    width: 680px;
    height: 100%;
    border-radius: 200px 0 0 200px;
    background-position: center;
    background-size: cover;
}

.hero-banner__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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
}

.btn.btn_primary {
    background: var(--color-accent);
    color: var(--color-white);
}

.btn.btn_primary:hover {
    background: var(--color-accent-light);
}

.btn.btn_primary:active {
    background: var(--color-accent);
}

.section-hero .container {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
}

.hero-banner__content .btn {
    padding: 0 40px;
}

.hero-marks__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 20px;
}

.mark-link {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    text-decoration: none;
    background: var(--color-white);
    border-radius: 4px;
    height: 88px;
    position: relative;
    overflow: hidden;
}

.mark-link:hover {
    background: var(--color-background);
}

.mark-link__icon {
   
}
.mark-link__icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      #F0F2F6 50%,
      rgba(255, 255, 255, 0) 100%
    );
    animation: shimmer 1.5s infinite;
    z-index: 1;
    pointer-events: none;
  }

  .mark-link__icon.loaded::before {
    display: none;
  }
  .mark-link__icon img{
    width: 40px;
    height: 40px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.mark-link__title {
    font-size: 14px;
    text-align: center;
}

.mark-link__title span {
    color: var(--color-dark-gray);
}

.hero-nav__title {
    margin-bottom: 24px;
}

.hero-nav__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 8px 20px;
}

.hero-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    text-decoration: none;
    height: 28px;
    cursor: pointer;
}

.header-aside .btn.btn_favourites.btn_favourites_active:after {
    top: 6px;
    left: 24px;
}

.hero-nav__item-count {
    color: var(--color-dark-gray);
}

.hero-nav__item:hover {
    color: var(--color-dark-gray);
}

.hero-nav__item.hero-nav__item_more:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.93778 5.99601C5.78738 5.98239 5.64518 5.92148 5.53158 5.82204L0.246459 1.25437C0.175524 1.19287 0.117404 1.11801 0.0754228 1.03406C0.0334419 0.950107 0.00842299 0.858717 0.00178771 0.765104C-0.00484757 0.671491 0.00702772 0.577488 0.0367482 0.488464C0.0664687 0.39944 0.113452 0.317138 0.175004 0.246256C0.236555 0.175375 0.311471 0.117303 0.395481 0.0753561C0.479492 0.0334093 0.570954 0.00840911 0.664634 0.0017833C0.758314 -0.0048425 0.852381 0.00703576 0.941467 0.0367397C1.03055 0.0664437 1.11291 0.113392 1.18384 0.174903L6.00027 4.33665L10.8167 0.174903C10.8876 0.113392 10.97 0.0664437 11.0591 0.0367397C11.1482 0.00703576 11.2422 -0.0048425 11.3359 0.0017833C11.4296 0.00840911 11.521 0.0334093 11.6051 0.0753561C11.6891 0.117303 11.764 0.175375 11.8255 0.246256C11.8871 0.317138 11.9341 0.39944 11.9638 0.488464C11.9935 0.577488 12.0054 0.671491 11.9988 0.765104C11.9921 0.858717 11.9671 0.950107 11.9251 1.03406C11.8831 1.11801 11.825 1.19287 11.7541 1.25437L6.46896 5.82204C6.39667 5.88524 6.31238 5.93322 6.22111 5.96311C6.12984 5.993 6.03347 6.00419 5.93778 5.99601Z" fill="%23828896"/></svg>') center no-repeat;
    width: 12px;
    height: 6px;
}

.section-home {
    padding: 80px 0;
}

.home {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 380px 40px 1fr;
    grid-template-columns: 380px 1fr;
    grid-gap: 40px;
}

.home > * {
    min-width: 0;
}

.filter {
    background: var(--color-white);
    border-radius: 4px;
    padding: 24px;
    position: sticky;
    left: 0;
    top: 95px;
}

.filter__header {
    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;
    margin-bottom: 24px;
}

.btn.btn_outline {
    border-color: var(--color-dark-gray);
    background-color: transparent;
}

.filter__header .btn {
    height: 36px;
    font-weight: 500;
}

.btn.btn_filter-active:after {
    content: "";
    position: absolute;
    right: -4px;
    top: -4px;
    width: 10px;
    height: 10px;
    background: var(--color-primary);
    border-radius: 50%;
    border: 2px solid var(--color-white);
}

.filter__header .btn {
    display: none;
}

.filter__form-inputs {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
}

.app-label {
    display: block;
    position: relative;
}

.app-select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.app-select-button {
    background: var(--color-light-gray);
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
}

.app-select-button__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: 6px;
    height: 56px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 39px 0 12px;
}

.app-select-button__placeholder {
    font-size: 12px;
    color: var(--color-dark-gray);
}

.app-select-button__title {
    font-size: 14px;
    color: var(--color-dark-gray);
    background: none;
    border: none;
    pointer-events: none;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
}

.app-select-button:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.06222 5.99601C6.21262 5.98239 6.35482 5.92148 6.46842 5.82204L11.7535 1.25437C11.8245 1.19287 11.8826 1.11801 11.9246 1.03406C11.9666 0.950107 11.9916 0.858717 11.9982 0.765104C12.0048 0.671491 11.993 0.577488 11.9633 0.488464C11.9335 0.39944 11.8865 0.317138 11.825 0.246256C11.7634 0.175375 11.6885 0.117303 11.6045 0.0753561C11.5205 0.0334093 11.429 0.00840911 11.3354 0.0017833C11.2417 -0.0048425 11.1476 0.00703576 11.0585 0.0367397C10.9694 0.0664437 10.8871 0.113392 10.8162 0.174903L5.99973 4.33665L1.18329 0.174903C1.11236 0.113392 1.03 0.0664437 0.940916 0.0367397C0.85183 0.00703576 0.757771 -0.0048425 0.664091 0.0017833C0.570412 0.00840911 0.478951 0.0334093 0.394939 0.0753561C0.310928 0.117303 0.236004 0.175375 0.174453 0.246256C0.112902 0.317138 0.0659351 0.39944 0.0362148 0.488464C0.00649452 0.577488 -0.00539875 0.671491 0.00123692 0.765104C0.00787258 0.858717 0.0328913 0.950107 0.074872 1.03406C0.116853 1.11801 0.174973 1.19287 0.245908 1.25437L5.53104 5.82204C5.60333 5.88524 5.68762 5.93322 5.77889 5.96311C5.87016 5.993 5.96653 6.00419 6.06222 5.99601Z" fill="%23828896"/></svg>') center no-repeat;
    width: 12px;
    height: 6px;
    margin: auto;
}

.app-select-button:hover {
    border-color: var(--color-gray-3);
}

.app-select.--active + .app-select-button:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.app-select.--active + .app-select-button {
    border-color: var(--color-gray-3);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.app-select-dropdown__inner {
    background: var(--color-light-gray);
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 12px 24px rgb(0 8 83 / 8%);
    box-shadow: 0 12px 24px rgb(0 8 83 / 8%);
}

.app-select-dropdown__header {
    display: none;
}

.app-select-dropdown__option-error {
    display: none;
}

.app-select-dropdown {
    z-index: 100001;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.app-select-dropdown__options {
    overflow: auto;
    max-height: 299px;
    padding: 10px 0;
}

.app-select-dropdown__option {
    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: 10px 12px;
    background: var(--color-light-gray);
    cursor: pointer;
    font-size: 14px;
    gap: 10px;
}

.app-select-dropdown__option:hover {
    background: var(--color-gray-4)
}

.app-select-dropdown__option.--selected {
    background: var(--color-gray-3);
}

.app-select-dropdown__option-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.app-select-dropdown__options::-webkit-scrollbar {
    width: 12px;
}

.app-select-dropdown__options::-webkit-scrollbar-track {
    background: var(--color-light-gray);
}

.app-select-dropdown__options::-webkit-scrollbar-thumb {
    background: var(--color-dark-gray);
    border-radius: 8px;
    border: 4px solid var(--color-light-gray);
}

.app-select-dropdown__options::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.filter__form-inputs:not(:last-child) {
    margin-bottom: 16px;
}

.filter__form-inputs-grid:not(:last-child) {
    margin-bottom: 16px;
}

.app-select-dropdown__options.--in-search .app-select-dropdown__option {
    display: none;
}

.app-select-dropdown__options.--in-search .app-select-dropdown__option.--search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.app-select-dropdown__options.--error .app-select-dropdown__option-error {
    display: block;
    font-size: 14px;
    background: rgb(193 41 50 / 10%);
    color: #D42222;
    border-radius: 4px;
    line-height: 48px;
    text-align: center;
    max-width: 205px;
    margin: auto;
}

.app-select-dropdown__option-right {
    color: var(--color-dark-gray);
}

.app-select-dropdown__option:hover .app-select-dropdown__option-right, .app-select-dropdown__option.--selected .app-select-dropdown__option-right {
    color: var(--color-dark)
}

.app-select-button.--option-selected .app-select-button__title {
    color: var(--color-dark);
}

.app-input {
    display: block;
    width: 100%;
    height: 56px;
    background: var(--color-light-gray);
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 17px 12px 0;
    font-size: 14px;
}

.app-label__title {
    position: absolute;
    top: 10px;
    left: 12px;
    font-size: 12px;
    color: var(--color-dark-gray);
    pointer-events: none;
}

.filter-hover-range {
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    background: var(--color-white);
    -webkit-box-shadow: 0 12px 24px rgb(0 8 83 / 8%);
    box-shadow: 0 12px 24px rgb(0 8 83 / 8%);
    padding: 10px;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    border-radius: 4px;
}

.filter__form-inputs-grid {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
}

.filter__form-main {
    margin-bottom: 16px;
}

.filter__form-extended {
    margin-bottom: 40px;
}

.filter__form-inputs-grid:hover .filter-hover-range,
.filter-hover-range:hover {
    pointer-events: auto;
    opacity: 1;
}

.irs--flat .irs-line {
    height: 1px;
    background-color: var(--color-gray-5);
    top: 4px;
}

.irs--flat .irs-handle>i:first-child {
    display: none;
}

.irs--flat .irs-handle {
    width: 16px;
    height: 9px;
    background-color: var(--color-dark);
    border-radius: 2px;
    top: 0;
    cursor: pointer;
}

.irs--flat .irs-bar {
    background-color: var(--color-dark);
    height: 1px;
    top: 4px;
}

.irs--flat {
    height: 9px;
}

.app-input:hover,
.app-input:focus {
    border-color: var(--color-gray-3)
}

.app-select-dropdown__option-right.--hidden {
    display: none;
}

.app-label > span.error {
    position: absolute;
    left: 12px;
    top: 10px;
    font-size: 12px;
    color: #D42222;
    background: var(--color-light-gray);
}

.app-input.error {
    border-color: #D42222;
}

.filter__form-actions {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
}

.btn.btn_secondary {
    background-color: var(--color-dark);
    color: var(--color-gray-3);
}

.btn.btn_secondary:active {
    color: var(--color-dark-gray);
}

.btn.btn_light_gray {
    background: var(--color-light-gray);
    color: var(--color-dark-gray);
}

.btn.btn_light_gray:hover {
    color: var(--color-dark);
}

.btn.btn_light_gray:active {
    background: var(--color-gray-3);
    color: var(--color-dark-gray);
}

.home__header {
    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;
}

.home__header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-direction: row-reverse;
    margin-top: 12px;
}

.app-select.app-select_small + .app-select-button {
    border: 1px solid var(--color-dark-gray);
    background: none;
    border-radius: 4px;
}

.app-select-button__placeholder.--hidden {
    display: none;
}

.app-select.app-select_small + .app-select-button .app-select-button__inner {
    height: 36px;
    padding: 0 40px 0 16px;
}

.app-select.app-select_small + .app-select-button .app-select-button__title {
    color: var(--color-dark);
    font-weight: 500;
}

.home__header .app-select-button {
    min-width: 208px;
}

.home__content {
    display: -ms-grid;
    display: grid;
    grid-gap: 24px;
}

.home__content > * {
    min-width: 0;
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tag {
    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: 14px;
    font-size: 14px;
    background: var(--color-gray-3);
    border: none;
    height: 40px;
    padding: 0 16px;
    border-radius: 4px;
    cursor: pointer;
}

.tag:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.227244 0.226756C0.529586 -0.0755854 1.01978 -0.0755854 1.32212 0.226756L6.00049 4.90513L10.6789 0.226756C10.9812 -0.0755854 11.4714 -0.0755854 11.7737 0.226756C12.0761 0.529097 12.0761 1.01929 11.7737 1.32163L7.09536 6L11.7737 10.6784C12.0761 10.9807 12.0761 11.4709 11.7737 11.7732C11.4714 12.0756 10.9812 12.0756 10.6789 11.7732L6.00049 7.09487L1.32212 11.7732C1.01978 12.0756 0.529586 12.0756 0.227244 11.7732C-0.0750971 11.4709 -0.0750971 10.9807 0.227244 10.6784L4.90561 6L0.227244 1.32163C-0.0750971 1.01929 -0.0750971 0.529097 0.227244 0.226756Z" fill="%23828896"/></svg>') center no-repeat;
    width: 12px;
    height: 12px;
}

.tag:hover:after {
    background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.227244 0.226756C0.529586 -0.0755854 1.01978 -0.0755854 1.32212 0.226756L6.00049 4.90513L10.6789 0.226756C10.9812 -0.0755854 11.4714 -0.0755854 11.7737 0.226756C12.0761 0.529097 12.0761 1.01929 11.7737 1.32163L7.09536 6L11.7737 10.6784C12.0761 10.9807 12.0761 11.4709 11.7737 11.7732C11.4714 12.0756 10.9812 12.0756 10.6789 11.7732L6.00049 7.09487L1.32212 11.7732C1.01978 12.0756 0.529586 12.0756 0.227244 11.7732C-0.0750971 11.4709 -0.0750971 10.9807 0.227244 10.6784L4.90561 6L0.227244 1.32163C-0.0750971 1.01929 -0.0750971 0.529097 0.227244 0.226756Z" fill="%23181818"/></svg>') center no-repeat;
}

.products-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.products-grid > * {
    min-width: 0;
}

.car-card {
    background: var(--color-white);
    border-radius: 4px;
    overflow: hidden;
}

.car-card-gallery {
    height: 264px;
}

.car-card-gallery__slide {
    
}
.car-card-gallery__slide-image{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
}
.car-card-gallery__slide-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      90deg,
      rgb(255, 255, 255) 0%,
      #F0F2F6 50%,
      rgb(255, 255, 255) 100%
    );
    animation: shimmer 1.5s infinite;
    z-index: 4;
    pointer-events: none;
  }

  .car-card-gallery__slide-image.loaded::before {
    display: none;
  }

  .car-card-gallery__slide-image img{
    -o-object-fit: scale-down;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.swiper-pagination.car-card-gallery__pag {
    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: 4px;
    bottom: 10px;
    opacity: 0;
}

.swiper-pagination.car-card-gallery__pag .swiper-pagination-bullet {
    margin: 0;
    width: 40px;
    height: 40px;
    border-radius: 0;
    opacity: 1;
    background: none;
    position: relative;
    z-index: 1;
}

.swiper-pagination.car-card-gallery__pag .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-radius: 32px;
    background: var(--color-white);
}

.car-card-gallery:hover .swiper-pagination.car-card-gallery__pag {
    opacity: 1;
}

.car-card-gallery__label {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    background: var(--color-white);
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 14px;
    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: 4px;
}

.car-card-gallery__label:before {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--color-green);
    border-radius: 50%;
}

.car-card-gallery__label-r {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 14px;
    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: 4px;
}

.car-card__content {
    padding: 16px;
    text-decoration: none;
}

.car-card__actions {
    padding: 0 16px 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 48px;
    grid-template-columns: 1fr 48px;
    grid-gap: 12px;
}

.car-card__title {
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    margin-bottom: 10px;
}

h3.car-card__title {
    line-height: unset;
    text-transform: none;
}

.car-card__props {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid var(--color-gray-3);
    padding-bottom: 12px;
    margin-bottom: 15px;
}

.car-card__props-item {
    color: var(--color-dark-gray);
}

.car-card__props-item:not(:first-child) {
    position: relative;
    margin-left: 16px;
}

.car-card__props-item:not(:first-child):after {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    margin: auto;
    width: 3px;
    height: 3px;
    background: var(--color-dark-gray);
    border-radius: 50%;
}

.car-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
}

.car-card__price-main {
    font-size: 22px;
}

.car-card__price-credit {
    background: var(--color-gray-4);
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 14px;
}

.btn.btn_favourites.btn_favourites_filled {
    background-image: url('data:image/svg+xml,<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.1111 1C18.6333 1 21 4.3525 21 7.48C21 13.8138 11.1778 19 11 19C10.8222 19 1 13.8138 1 7.48C1 4.3525 3.36667 1 6.88889 1C8.91111 1 10.2333 2.02375 11 2.92375C11.7667 2.02375 13.0889 1 15.1111 1Z" stroke="%23DF4545" fill="%23DF4545" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.car-card.car-card_discount .car-card__price-main {
    color: var(--color-primary);
}

.hero-banner[onclick] {
    cursor: pointer;
}

.banner-card {
    border-radius: 4px;
    padding: 24px 32px;
    color: var(--color-white);
    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;
    position: relative;
    overflow: hidden;
    background-color: white;
}
.banner-card-image{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.banner-card-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      #F6F6F6 50%,
      rgba(255, 255, 255, 0) 100%
    );
    animation: shimmer 1.5s infinite;
    z-index: 1;
    pointer-events: none;
  }

  .banner-card-image.loaded::before {
    display: none;
  }
  .banner-card-image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.banner-card__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
    position: relative;
    z-index: 2;
}

.pagination__counter {
    display: none;
}

.pagination {
    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;
}

.pagination__prev, .pagination__next {
    background-color: var(--color-gray-tp2);
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
}

.pagination__prev {
    background-image: url('data:image/svg+xml,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.00252724 5.93778C0.0161471 5.78738 0.0770516 5.64518 0.176492 5.53158L4.74416 0.246459C4.80567 0.175524 4.88053 0.117404 4.96448 0.0754228C5.04843 0.0334419 5.13982 0.00842299 5.23343 0.00178771C5.32704 -0.00484757 5.42105 0.00702772 5.51007 0.0367482C5.5991 0.0664687 5.6814 0.113452 5.75228 0.175004C5.82316 0.236555 5.88123 0.311471 5.92318 0.395481C5.96513 0.479492 5.99013 0.570954 5.99675 0.664634C6.00338 0.758314 5.9915 0.852381 5.9618 0.941467C5.93209 1.03055 5.88514 1.11291 5.82363 1.18384L1.66188 6.00027L5.82363 10.8167C5.88514 10.8876 5.93209 10.97 5.9618 11.0591C5.9915 11.1482 6.00338 11.2422 5.99675 11.3359C5.99013 11.4296 5.96513 11.521 5.92318 11.6051C5.88123 11.6891 5.82316 11.764 5.75228 11.8255C5.6814 11.8871 5.5991 11.9341 5.51007 11.9638C5.42105 11.9935 5.32704 12.0054 5.23343 11.9988C5.13982 11.9921 5.04843 11.9671 4.96448 11.9251C4.88053 11.8831 4.80567 11.825 4.74416 11.7541L0.176492 6.46896C0.113297 6.39667 0.0653186 6.31238 0.0354276 6.22111C0.00553656 6.12984 -0.0056529 6.03347 0.00252724 5.93778Z" fill="white"/></svg>');
}

.pagination__next {
    background-image: url('data:image/svg+xml,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.9965 6.06222C5.98288 6.21262 5.92197 6.35482 5.82253 6.46842L1.25486 11.7535C1.19336 11.8245 1.11849 11.8826 1.03454 11.9246C0.950596 11.9666 0.859205 11.9916 0.765592 11.9982C0.671979 12.0048 0.577976 11.993 0.488952 11.9633C0.399928 11.9335 0.317626 11.8865 0.246745 11.825C0.175863 11.7634 0.117791 11.6885 0.0758443 11.6045C0.0338975 11.5205 0.00889739 11.429 0.00227159 11.3354C-0.00435422 11.2417 0.00752404 11.1476 0.037228 11.0585C0.066932 10.9694 0.11388 10.8871 0.175391 10.8162L4.33714 5.99973L0.175391 1.18329C0.11388 1.11236 0.066932 1.03 0.037228 0.940916C0.00752404 0.85183 -0.00435422 0.757771 0.00227159 0.664091C0.00889739 0.570412 0.0338975 0.478951 0.0758443 0.394939C0.117791 0.310928 0.175863 0.236004 0.246745 0.174453C0.317626 0.112902 0.399928 0.0659351 0.488952 0.0362148C0.577976 0.00649452 0.671979 -0.00539875 0.765592 0.00123692C0.859205 0.00787258 0.950596 0.0328913 1.03454 0.074872C1.11849 0.116853 1.19336 0.174973 1.25486 0.245908L5.82253 5.53104C5.88573 5.60333 5.9337 5.68762 5.9636 5.77889C5.99349 5.87016 6.00468 5.96653 5.9965 6.06222Z" fill="white"/></svg>');
}

.pagination__prev:hover, .pagination__next:hover {
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 25%);
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}

.pagination__links {
    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: 12px;
}

.pagination__links-item {
    width: 48px;
    height: 48px;
    border-radius: 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;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--color-gray-5);
    color: var(--color-dark-gray);
    font-size: 14px;
    font-weight: bold;
}

.pagination__links-item.--active {
    color: var(--color-dark);
}

.pagination__links-item:last-child {
    border-color: var(--color-gray);
    color: var(--color-gray-5);
}

.home__footer {
    margin-top: 24px;
}

.section-questions {
    height: 740px;
    background-position: center;
    background-size: cover;
}

.section-questions .container {
    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: 100%;
}

.questions {
    background: var(--color-white);
    border-radius: 4px;
    width: 100%;
    max-width: 645px;
    padding: 64px;
}

.questions__title {
    text-align: center;
    margin-bottom: 24px;
}

.questions__desc {
    text-align: center;
    color: var(--color-dark-gray);
    max-width: 407px;
    margin: 0 auto 24px;
}

.questions__form {
    max-width: 407px;
    margin: auto;
}

.questions__form-inputs {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
    margin-bottom: 40px;
}

.questions__form-submit {
    display: -ms-grid;
    display: grid;
    grid-gap: 12px;
}

.form-terms {
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--color-dark-gray);
    width: 100%;
}

.form-terms a {
    color: var(--color-accent-light);
    text-decoration: none;
}

.app-footer {
    background: var(--color-dark);
    color: var(--color-gray);
    padding: 40px 0;
}

.app-footer__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;
    border-bottom: 1px solid var(--color-dark-gray);
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.footer-nav {
    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: auto;
}

.footer-nav__item {
    padding: 15px 10px;
    text-decoration: none;
    font-size: 14px;
}

.footer-nav__item:hover {
    color: var(--color-dark-gray);
}

.footer-aside {
    margin-left: auto;
    margin-right: 40px;
    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: 24px;
}

.btn.footer-phone {
    height: 40px;
}

.footer-geo:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1.1835C3.97592 1.1835 1.42493 3.61706 1.63271 6.64776C1.66251 7.08243 1.70706 7.46081 1.76776 7.76106C2.07398 9.27587 3.03519 10.7807 4.11785 12.0581C5.1913 13.3247 6.33423 14.31 6.92481 14.7879C6.97202 14.8261 7.02798 14.8261 7.07518 14.7879C7.66577 14.31 8.80869 13.3247 9.88214 12.0581C10.9648 10.7807 11.926 9.27587 12.2322 7.76106C12.2929 7.46081 12.3375 7.08243 12.3673 6.64776C12.5751 3.61706 10.0241 1.1835 7 1.1835ZM0.515272 6.73325C0.250175 2.86648 3.47743 0 7 0C10.5226 0 13.7498 2.86648 13.4847 6.73324C13.453 7.19639 13.4035 7.6342 13.3279 8.00822C12.9608 9.82424 11.8453 11.5161 10.7169 12.8475C9.57922 14.1898 8.37669 15.2256 7.75647 15.7274C7.30726 16.0909 6.69273 16.0909 6.24353 15.7274C5.62331 15.2256 4.42078 14.1898 3.28314 12.8475C2.15471 11.5161 1.0392 9.82424 0.672092 8.00822C0.596484 7.6342 0.547024 7.19639 0.515272 6.73325Z" fill="%23E0E5EF"/><circle cx="7.00073" cy="6.5" r="2" stroke="%23E0E5EF"/></svg>') center no-repeat;
    width: 14px;
    height: 16px;
}

.footer-geo, .footer-worktime {
    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: 13px;
}

.footer-worktime:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 5V11L15 13M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z" stroke="%23828896" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    width: 22px;
    height: 22px;
}

.btn.btn_white_outline {
    background-color: transparent;
    border-color: var(--color-gray-3);
}

.app-footer__top .btn {
    height: 40px;
}

.btn.btn_white_arrow_up {
    background-image: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.35355 0.646446C4.15829 0.451184 3.84171 0.451184 3.64645 0.646446L0.464467 3.82843C0.269205 4.02369 0.269205 4.34027 0.464467 4.53553C0.659729 4.7308 0.976311 4.7308 1.17157 4.53553L4 1.70711L6.82843 4.53553C7.02369 4.7308 7.34027 4.7308 7.53553 4.53553C7.7308 4.34027 7.7308 4.02369 7.53553 3.82843L4.35355 0.646446ZM4.5 13L4.5 1L3.5 1L3.5 13L4.5 13Z" fill="%23F0F2F6"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.app-footer__text {
    font-size: 14px;
    line-height: 22px;
    color: var(--color-footer-text);
}

.filter {
    display: block !important;
}

.filter.fancybox-content {
    display: inline-block !important;
    width: 100%;
    max-width: 732px;
}

.filter.fancybox-content .filter__header .btn {
    display: none;
}

.filter.fancybox-content .filter__form-extended {
    display: block;
    margin-bottom: 20px;
}

.hero-nav {
    height: 144px;
    overflow: hidden;
}

.hero-nav.--loaded {
    height: auto;
}

.app-select-dropdown__bottom {
    display: none;
}

.filter__close {
    display: none;
}

.section-breadcrumbs {
    padding: 15px 0;
}

.breadcrumbs {
    display: block;
    margin-bottom: -10px;
}

.breadcrumbs__item {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 10px;
}

.breadcrumbs__item:last-child {
    color: var(--color-dark-gray);
}

.breadcrumbs__item:not(:first-child):before {
    content: "";
    display: inline-block;
    background: url('data:image/svg+xml,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.99601 6.0632C5.98239 6.2136 5.92148 6.3558 5.82204 6.46939L1.25437 11.7545C1.19287 11.8255 1.11801 11.8836 1.03406 11.9256C0.950107 11.9675 0.858717 11.9926 0.765104 11.9992C0.671491 12.0058 0.577488 11.9939 0.488464 11.9642C0.39944 11.9345 0.317138 11.8875 0.246256 11.826C0.175375 11.7644 0.117303 11.6895 0.0753561 11.6055C0.0334093 11.5215 0.00840911 11.43 0.0017833 11.3363C-0.0048425 11.2427 0.00703576 11.1486 0.0367397 11.0595C0.0664437 10.9704 0.113392 10.8881 0.174903 10.8171L4.33665 6.00071L0.174903 1.18426C0.113392 1.11333 0.0664437 1.03098 0.0367397 0.941893C0.00703576 0.852807 -0.0048425 0.758747 0.0017833 0.665068C0.00840911 0.571388 0.0334093 0.479927 0.0753561 0.395916C0.117303 0.311905 0.175375 0.23698 0.246256 0.175429C0.317138 0.113878 0.39944 0.0669117 0.488464 0.0371914C0.577488 0.00747108 0.671491 -0.00442219 0.765104 0.00221348C0.858717 0.00884914 0.950107 0.0338678 1.03406 0.0758486C1.11801 0.117829 1.19287 0.175949 1.25437 0.246884L5.82204 5.53202C5.88524 5.6043 5.93322 5.6886 5.96311 5.77987C5.993 5.87114 6.00419 5.9675 5.99601 6.0632Z" fill="%23828896"/></svg>') center no-repeat;
    width: 6px;
    height: 12px;
    margin-right: 20px;
}

.breadcrumbs__item:not(:last-child) {
    margin-right: 20px;
}

.section-model-page {
    padding: 24px 0 15px;
}

.model-page {
    display: -ms-grid;
    display: grid;
}

.model-page__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px .75fr;
    grid-template-columns: 1fr .75fr;
    grid-gap: 40px;
}

.model-page__grid > * {
    min-width: 0;
}

.model-page > * {
    min-width: 0;
}

.model-gallery {
    height: 620px;
    border-radius: 4px;
    cursor: pointer;
}

.model-gallery__slide {
    background-position: center;
    background-size: cover;
    background-color: rgb(255 255 255 / 30%);
    position: relative;
    overflow: hidden;
}
.model-gallery__slide-image{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.model-gallery__slide-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 50%,
      rgba(255, 255, 255, 0) 100%
    );
    animation: shimmer 1.5s infinite;
    z-index: 1;
    pointer-events: none;
  }

  .model-gallery__slide-image.loaded::before {
    display: none;
  }
  .model-gallery__slide-image  img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.model-gallery__pag, .model-gallery__prev, .model-gallery__next {
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 4px;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    z-index: 2;
}

.model-gallery__pag:before, .model-gallery__prev:before, .model-gallery__next:before {
    content: "";
    position: absolute;
    left: -50%;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 50%;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: -1;
    filter: blur(50px);
    -webkit-filter: blur(50px);
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
}

.model-gallery__prev, .model-gallery__next {
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1 !important;
    z-index: 3;
}

.model-gallery__prev:after, .model-gallery__next:after {
    display: none;
}

.model-gallery__prev {
    background-image: url('data:image/svg+xml,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.00203896 5.93778C0.0156589 5.78738 0.0765634 5.64518 0.176003 5.53158L4.74367 0.246459C4.80518 0.175524 4.88004 0.117404 4.96399 0.0754228C5.04794 0.0334419 5.13933 0.00842299 5.23294 0.00178771C5.32656 -0.00484757 5.42056 0.00702772 5.50958 0.0367482C5.59861 0.0664687 5.68091 0.113452 5.75179 0.175004C5.82267 0.236555 5.88074 0.311471 5.92269 0.395481C5.96464 0.479492 5.98964 0.570954 5.99626 0.664634C6.00289 0.758314 5.99101 0.852381 5.96131 0.941467C5.9316 1.03055 5.88466 1.11291 5.82314 1.18384L1.66139 6.00027L5.82314 10.8167C5.88466 10.8876 5.9316 10.97 5.96131 11.0591C5.99101 11.1482 6.00289 11.2422 5.99626 11.3359C5.98964 11.4296 5.96464 11.521 5.92269 11.6051C5.88074 11.6891 5.82267 11.764 5.75179 11.8255C5.68091 11.8871 5.59861 11.9341 5.50958 11.9638C5.42056 11.9935 5.32656 12.0054 5.23294 11.9988C5.13933 11.9921 5.04794 11.9671 4.96399 11.9251C4.88004 11.8831 4.80518 11.825 4.74367 11.7541L0.176003 6.46896C0.112808 6.39667 0.0648303 6.31238 0.0349393 6.22111C0.00504827 6.12984 -0.00614119 6.03347 0.00203896 5.93778Z" fill="white"/></svg>');
    left: -65px;
    -webkit-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
}

.model-gallery__next {
    background-image: url('data:image/svg+xml,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.99601 6.06222C5.98239 6.21262 5.92148 6.35482 5.82204 6.46842L1.25437 11.7535C1.19287 11.8245 1.11801 11.8826 1.03406 11.9246C0.950107 11.9666 0.858717 11.9916 0.765104 11.9982C0.671491 12.0048 0.577488 11.993 0.488464 11.9633C0.39944 11.9335 0.317138 11.8865 0.246256 11.825C0.175375 11.7634 0.117303 11.6885 0.0753561 11.6045C0.0334093 11.5205 0.00840911 11.429 0.0017833 11.3354C-0.0048425 11.2417 0.00703576 11.1476 0.0367397 11.0585C0.0664437 10.9694 0.113392 10.8871 0.174903 10.8162L4.33665 5.99973L0.174903 1.18329C0.113392 1.11236 0.0664437 1.03 0.0367397 0.940916C0.00703576 0.85183 -0.0048425 0.757771 0.0017833 0.664091C0.00840911 0.570412 0.0334093 0.478951 0.0753561 0.394939C0.117303 0.310928 0.175375 0.236004 0.246256 0.174453C0.317138 0.112902 0.39944 0.0659351 0.488464 0.0362148C0.577488 0.00649452 0.671491 -0.00539875 0.765104 0.00123692C0.858717 0.00787258 0.950107 0.0328913 1.03406 0.074872C1.11801 0.116853 1.19287 0.174973 1.25437 0.245908L5.82204 5.53104C5.88524 5.60333 5.93322 5.68762 5.96311 5.77889C5.993 5.87016 6.00419 5.96653 5.99601 6.06222Z" fill="white"/></svg>');
    right: -65px;
    -webkit-transition: right .2s;
    -o-transition: right .2s;
    transition: right .2s;
}

.model-gallery__prev:before, .model-gallery__next:before {
    width: 100px;
    height: 100px;
}

.model-gallery:hover .model-gallery__prev:before, .model-gallery:hover .model-gallery__next:before {
    opacity: .5;
}

.model-gallery__prev:hover:before, .model-gallery__next:hover:before {
    opacity: 1;
}

.model-gallery__pag {
    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;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 8px 20px;
    font-size: 14px;
    color: var(--color-white);
    margin: auto;
    left: 0;
    right: 0;
    bottom: -50px;
    -webkit-transition: bottom .2s;
    -o-transition: bottom .2s;
    transition: bottom .2s;
}

.model-gallery:hover .model-gallery__pag {
    bottom: 16px;
}

.model-gallery:hover .model-gallery__prev {
    left: 16px;
}

.model-gallery:hover .model-gallery__next {
    right: 16px;
}

.model-gallery__open {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    border-radius: 4px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1472_3941)"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.7188 5.70476L21.7179 3.89504L15.9475 9.66588C15.5019 10.1112 14.7802 10.1115 14.3348 9.66588C13.8886 9.22053 13.8886 8.49788 14.3339 8.05253L20.1048 2.2817H18.296C17.6663 2.28199 17.1552 1.77089 17.1552 1.14085C17.1561 0.5111 17.6663 0.000598477 18.296 0H22.8592C23.4889 0 24 0.5111 24 1.14085V5.70394C24 6.33398 23.4892 6.84509 22.8589 6.84509C22.2289 6.84538 21.7179 6.3345 21.7188 5.70476ZM22.1175 2.92977L22.1188 5.70457C22.1182 6.11276 22.4496 6.44528 22.8587 6.44509C23.268 6.44509 23.6 6.11315 23.6 5.70394V1.14085C23.6 0.731997 23.268 0.4 22.8592 0.4H18.2962C17.8875 0.400479 17.5559 0.731842 17.5552 1.14108C17.5553 1.55022 17.8874 1.88188 18.2958 1.8817H21.0705L14.6167 8.33537C14.6167 8.33537 14.6167 8.33537 14.6167 8.33537C14.3277 8.62446 14.3277 9.09364 14.6173 9.38276C14.9063 9.67194 15.3752 9.67236 15.6648 9.38295L22.1175 2.92977ZM14.3339 8.05253L20.1048 2.2817H18.296C17.6663 2.28199 17.1552 1.77089 17.1552 1.14085C17.1561 0.5111 17.6663 0.000598477 18.296 0H22.8592C23.4889 0 24 0.5111 24 1.14085V5.70394C24 6.33398 23.4892 6.84509 22.8589 6.84509C22.2289 6.84538 21.7179 6.3345 21.7188 5.70476L21.7179 3.89504L15.9475 9.66588C15.5019 10.1112 14.7802 10.1115 14.3348 9.66588C13.8886 9.22053 13.8886 8.49788 14.3339 8.05253ZM5.70424 2.28202H3.89534L9.66566 8.05319C10.111 8.49855 10.1119 9.22009 9.66566 9.66573C9.22089 10.1114 8.49825 10.1114 8.05284 9.66602L2.2814 3.89567V5.70428C2.28227 6.33433 1.77059 6.84604 1.14115 6.84544C0.510524 6.84544 0 6.33434 0 5.70428V1.14116C0 0.511987 0.5111 0.000897723 1.14115 0L5.70424 0.000292228C6.33399 0.000584437 6.84509 0.511396 6.84509 1.14115C6.84509 1.77178 6.33399 2.28232 5.70424 2.28202ZM18.2958 21.718H20.1047L14.3343 15.9468C13.889 15.5015 13.8881 14.7799 14.3343 14.3343C14.7791 13.8886 15.5017 13.8886 15.9472 14.334L21.7186 20.1043V18.2957C21.7177 17.6657 22.2294 17.154 22.8589 17.1546C23.4895 17.1546 24 17.6657 24 18.2957V22.8588C24 23.488 23.4889 23.9991 22.8589 24L18.2958 23.9997C17.666 23.9994 17.1549 23.4886 17.1549 22.8589C17.1549 22.2282 17.666 21.7177 18.2958 21.718ZM5.70443 1.88202C6.11313 1.88221 6.44509 1.55085 6.44509 1.14115C6.44509 0.732529 6.11329 0.400568 5.70422 0.400292L1.14144 0.4C0.731676 0.400731 0.4 0.733306 0.4 1.14116V5.70428C0.4 6.11356 0.731572 6.44544 1.14115 6.44544C1.54926 6.44583 1.88197 6.11365 1.8814 5.70484L1.8814 2.93011L8.33565 9.38315C8.62496 9.67242 9.09414 9.67213 9.38254 9.38317C9.672 9.09408 9.67226 8.62548 9.38282 8.33604L2.92976 1.88202H5.70443ZM1.14115 0L5.70424 0.000292228C6.33399 0.000584437 6.84509 0.511396 6.84509 1.14115C6.84509 1.77178 6.33399 2.28232 5.70424 2.28202H3.89534L9.66566 8.05319C10.111 8.49855 10.1119 9.22009 9.66566 9.66573C9.22089 10.1114 8.49825 10.1114 8.05284 9.66602L2.2814 3.89567V5.70428C2.28227 6.33433 1.77059 6.84604 1.14115 6.84544C0.510524 6.84544 0 6.33434 0 5.70428V1.14116C0 0.511987 0.5111 0.000897723 1.14115 0ZM18.2956 22.118C17.8869 22.1178 17.5549 22.4492 17.5549 22.8589C17.5549 23.2675 17.8867 23.5994 18.2958 23.5997L22.8586 23.6C23.2683 23.5993 23.6 23.2667 23.6 22.8588V18.2957C23.6 17.8864 23.2684 17.5546 22.8589 17.5546C22.4507 17.5542 22.118 17.8863 22.1186 18.2952V21.0699L15.6643 14.6168C15.375 14.3276 14.9059 14.3279 14.6175 14.6168C14.328 14.9059 14.3277 15.3745 14.6172 15.664L21.0702 22.118H18.2956ZM22.8589 24L18.2958 23.9997C17.666 23.9994 17.1549 23.4886 17.1549 22.8589C17.1549 22.2282 17.666 21.7177 18.2958 21.718H20.1047L14.3343 15.9468C13.889 15.5015 13.8881 14.7799 14.3343 14.3343C14.7791 13.8886 15.5017 13.8886 15.9472 14.334L21.7186 20.1043V18.2957C21.7177 17.6657 22.2294 17.154 22.8589 17.1546C23.4895 17.1546 24 17.6657 24 18.2957V22.8588C24 23.488 23.4889 23.9991 22.8589 24ZM2.28104 18.2956L2.28191 20.105L8.05232 14.334C8.49797 13.8887 9.21975 13.8887 9.66518 14.334C10.1114 14.7793 10.1114 15.5014 9.66635 15.9473L3.89451 21.7181H5.70345C6.33321 21.7178 6.84522 22.2289 6.84432 22.8589C6.84432 23.4886 6.33321 23.9991 5.70345 24L1.14146 23.9997C0.511411 23.9997 0.000292231 23.4886 0.000292231 22.8586L0 18.2962C0 17.6656 0.511111 17.1551 1.14117 17.1551C1.77093 17.1545 2.28193 17.6656 2.28104 18.2956ZM1.88104 18.295C1.88162 17.8863 1.55004 17.5547 1.14154 17.5551C0.732257 17.5551 0.400014 17.8866 0.4 18.2962C0.4 18.2962 0.4 18.2962 0.4 18.2962L0.400292 22.8586C0.400292 23.2677 0.732307 23.5997 1.14146 23.5997L5.70288 23.6C6.11257 23.5994 6.44432 23.2673 6.44432 22.8589C6.4449 22.4506 6.11277 22.1179 5.70363 22.1181H2.9287L9.38323 15.6647C9.38315 15.6648 9.38331 15.6647 9.38323 15.6647C9.67224 15.3749 9.67214 14.9061 9.38262 14.6171C9.09344 14.328 8.62457 14.3276 8.33507 14.6169L1.88238 21.0703L1.88104 18.295ZM8.05232 14.334C8.49797 13.8887 9.21975 13.8887 9.66518 14.334C10.1114 14.7793 10.1114 15.5014 9.66635 15.9473L3.89451 21.7181H5.70345C6.33321 21.7178 6.84522 22.2289 6.84432 22.8589C6.84432 23.4886 6.33321 23.9991 5.70345 24L1.14146 23.9997C0.511411 23.9997 0.000292231 23.4886 0.000292231 22.8586L0 18.2962C0 17.6656 0.511111 17.1551 1.14117 17.1551C1.77093 17.1545 2.28193 17.6656 2.28104 18.2956L2.28191 20.105L8.05232 14.334Z" fill="%23828896"/></g><defs><clipPath id="clip0_1472_3941"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>') var(--color-white) center no-repeat;
}

.model-gallery__open:hover {
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 25%);
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}

.model-gallery-thumbs__item {
    height: 80px;
    border-radius: 4px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}

.model-gallery-thumbs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 12px;
    margin-top: 24px;
}

.model-gallery-thumbs__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(255 255 255 / 30%);
}

.model-gallery-thumbs__item.--active:after {
    opacity: 0;
}

.model-gallery-thumbs__item.--active {
    -webkit-box-shadow: inset 0 0 0 1px var(--color-primary);
    box-shadow: inset 0 0 0 1px var(--color-primary);
}

.model-photos-block {
    position: sticky;
    top: calc(64px + 24px);
    left: 0;
}

.modal-gallery-template .fancybox-slide.fancybox-slide--html {
    padding: 0;
    background: var(--color-dark);
}

.modal-gallery {
    padding: 0;
    width: 100%;
    background: none;
    margin: 24px 0;
    overflow: hidden;
}

.modal-gallery__container {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 1100px;
    margin: auto;
    gap: 40px;
}

.modal-gallery__container > * {
    min-width: 0;
    width: 100%;
}

.modal-gallery-carousel {
    width: 100%;
    height: 65vh;
    margin-bottom: 20px;
    overflow: visible;
}

.modal-gallery-carousel__slide {
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.modal-gallery-thumbs__slide {
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    height: 80px;
}

.modal-gallery-thumbs__slide.swiper-slide-thumb-active {
    -webkit-box-shadow: inset 0 0 0 1px var(--color-primary);
    box-shadow: inset 0 0 0 1px var(--color-primary);
}

.modal-gallery-thumbs .modal-gallery-thumbs__pag {
    background: rgb(255 255 255 / 30%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--color-white);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 16px auto 0;
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 4px;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    z-index: 2;
}

.modal-gallery__header {
    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;
    color: var(--color-white);
    font-size: 32px;
    line-height: 48px;
    position: relative;
}

.modal-gallery__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    text-transform: uppercase;
}

.modal-gallery__price {
    white-space: nowrap;
}

.modal-gallery-thumbs__slide:not(.swiper-slide-thumb-active) {
    position: relative;
}

.modal-gallery-thumbs__slide:not(.swiper-slide-thumb-active):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgb(255 255 255 / 30%);
}

.modal-gallery-carousel__slide:not(.swiper-slide-active) {
    position: relative;
}

.modal-gallery-carousel__slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    z-index: 0;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: -o-linear-gradient(left, rgba(24, 24, 24, 0.9) 0%, rgba(24, 24, 24, 0.7) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0.9)), to(rgba(24, 24, 24, 0.7)));
    background: linear-gradient(90deg, rgba(24, 24, 24, 0.9) 0%, rgba(24, 24, 24, 0.7) 100%);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 1;
    pointer-events: none;
}

.modal-gallery-carousel__slide.swiper-slide-active:after {
    opacity: 0;
}

.modal-gallery-carousel__prev, .modal-gallery-carousel__next {
    background-color: var(--color-gray-tp2);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
}

.modal-gallery-carousel__prev:after, .modal-gallery-carousel__next:after {
    display: none;
}

.modal-gallery-carousel__prev {
    background-image: url('data:image/svg+xml,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.00203896 5.93778C0.0156589 5.78738 0.0765634 5.64518 0.176003 5.53158L4.74367 0.246459C4.80518 0.175524 4.88004 0.117404 4.96399 0.0754228C5.04794 0.0334419 5.13933 0.00842299 5.23294 0.00178771C5.32656 -0.00484757 5.42056 0.00702772 5.50958 0.0367482C5.59861 0.0664687 5.68091 0.113452 5.75179 0.175004C5.82267 0.236555 5.88074 0.311471 5.92269 0.395481C5.96464 0.479492 5.98964 0.570954 5.99626 0.664634C6.00289 0.758314 5.99101 0.852381 5.96131 0.941467C5.9316 1.03055 5.88466 1.11291 5.82314 1.18384L1.66139 6.00027L5.82314 10.8167C5.88466 10.8876 5.9316 10.97 5.96131 11.0591C5.99101 11.1482 6.00289 11.2422 5.99626 11.3359C5.98964 11.4296 5.96464 11.521 5.92269 11.6051C5.88074 11.6891 5.82267 11.764 5.75179 11.8255C5.68091 11.8871 5.59861 11.9341 5.50958 11.9638C5.42056 11.9935 5.32656 12.0054 5.23294 11.9988C5.13933 11.9921 5.04794 11.9671 4.96399 11.9251C4.88004 11.8831 4.80518 11.825 4.74367 11.7541L0.176003 6.46896C0.112808 6.39667 0.0648303 6.31238 0.0349393 6.22111C0.00504827 6.12984 -0.00614119 6.03347 0.00203896 5.93778Z" fill="white"/></svg>');
    left: -22%;
}

.modal-gallery-carousel__next {
    background-image: url('data:image/svg+xml,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.99601 6.06222C5.98239 6.21262 5.92148 6.35482 5.82204 6.46842L1.25437 11.7535C1.19287 11.8245 1.11801 11.8826 1.03406 11.9246C0.950107 11.9666 0.858717 11.9916 0.765104 11.9982C0.671491 12.0048 0.577488 11.993 0.488464 11.9633C0.39944 11.9335 0.317138 11.8865 0.246256 11.825C0.175375 11.7634 0.117303 11.6885 0.0753561 11.6045C0.0334093 11.5205 0.00840911 11.429 0.0017833 11.3354C-0.0048425 11.2417 0.00703576 11.1476 0.0367397 11.0585C0.0664437 10.9694 0.113392 10.8871 0.174903 10.8162L4.33665 5.99973L0.174903 1.18329C0.113392 1.11236 0.0664437 1.03 0.0367397 0.940916C0.00703576 0.85183 -0.0048425 0.757771 0.0017833 0.664091C0.00840911 0.570411 0.0334093 0.47895 0.0753561 0.394939C0.117303 0.310929 0.175375 0.236004 0.246256 0.174453C0.317138 0.112901 0.39944 0.0659353 0.488464 0.0362148C0.577488 0.00649433 0.671491 -0.00539837 0.765104 0.00123692C0.858717 0.0078722 0.950107 0.0328912 1.03406 0.074872C1.11801 0.116853 1.19287 0.174973 1.25437 0.245908L5.82204 5.53104C5.88524 5.60333 5.93322 5.68762 5.96311 5.77889C5.993 5.87016 6.00419 5.96653 5.99601 6.06222Z" fill="white"/></svg>');
    right: -22%;
}

.modal-gallery-template .fancybox-close-small {
    display: none;
}

.modal-gallery__close {
    position: absolute;
    right: -22%;
    width: 48px;
    height: 48px;
    border: none;
    z-index: 2;
    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 fill-rule="evenodd" clip-rule="evenodd" d="M0.226756 0.226756C0.529097 -0.0755854 1.01929 -0.0755854 1.32163 0.226756L8 6.90513L14.6784 0.226756C14.9807 -0.0755854 15.4709 -0.0755854 15.7732 0.226756C16.0756 0.529097 16.0756 1.01929 15.7732 1.32163L9.09487 8L15.7732 14.6784C16.0756 14.9807 16.0756 15.4709 15.7732 15.7732C15.4709 16.0756 14.9807 16.0756 14.6784 15.7732L8 9.09487L1.32163 15.7732C1.01929 16.0756 0.529097 16.0756 0.226756 15.7732C-0.0755854 15.4709 -0.0755854 14.9807 0.226756 14.6784L6.90513 8L0.226756 1.32163C-0.0755854 1.01929 -0.0755854 0.529097 0.226756 0.226756Z" fill="%23E0E5EF"/></svg>') center no-repeat;
    cursor: pointer;
}

.car-card-gallery__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.car-card-gallery__bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.model-page__heading {
    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: 24px;
    margin-bottom: 12px;
}

.model-page__heading-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.model-page__label {
    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: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: 4px;
    background: var(--color-white);
    border-radius: 4px;
    padding: 8px 8px;
    font-size: 14px;
}

.model-page__label:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color-green);
}

.model-page__info {
    margin-top: 40px;
}

.model-info {
    background: var(--color-white);
    border-radius: 4px;
    padding: 16px 24px;
    position: relative;
    margin-bottom: 24px;
}

.model-info__label {
    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;
    gap: 8px;
    background: #E9F3E0;
    border-radius: 0 4px 0 4px;
    padding: 8px 12px;
    color: #55A110;
}

.model-info__label:before {
    content: "";
    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 fill-rule="evenodd" clip-rule="evenodd" d="M13.0146 13.7917L11.0926 13.3517L10.8654 14.3429L14.4702 15.168L15.2438 11.3782L14.2471 11.1748L13.8363 13.1883L11.5095 9.49139H7.12036L5.73867 5.10156L4.76918 5.40665L6.3746 10.5083H10.9482L13.0146 13.7917Z" fill="%2355A110"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.9831 3.35593V16.6441C18.9827 17.2643 18.7361 17.859 18.2976 18.2976C17.859 18.7361 17.2643 18.9827 16.6441 18.9831H3.35593C2.73571 18.9827 2.14099 18.7361 1.70242 18.2976C1.26385 17.859 1.01731 17.2643 1.01695 16.6441V3.35593C1.01731 2.73571 1.26385 2.14099 1.70242 1.70242C2.14099 1.26385 2.73571 1.01731 3.35593 1.01695H16.6441C17.2643 1.01731 17.859 1.26385 18.2976 1.70242C18.7361 2.14099 18.9827 2.73571 18.9831 3.35593ZM20 3.35593C19.9996 2.46599 19.646 1.61261 19.0167 0.983327C18.3874 0.354045 17.534 0.000359353 16.6441 0H3.35593C2.46599 0.000359353 1.61261 0.354045 0.983327 0.983327C0.354045 1.61261 0.000359353 2.46599 0 3.35593V16.6441C0.000359353 17.534 0.354045 18.3874 0.983327 19.0167C1.61261 19.646 2.46599 19.9996 3.35593 20H16.6441C17.534 19.9996 18.3874 19.646 19.0167 19.0167C19.646 18.3874 19.9996 17.534 20 16.6441V3.35593Z" fill="%2355A110"/></svg>') center no-repeat;
    width: 20px;
    height: 20px;
}

.model-info__price {
    max-width: 74%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px;
    margin-bottom: 10px;
}

.model-info__price-main {
    color: var(--color-primary);
    font-size: 32px;
    font-weight: 500;
    white-space: nowrap;
}

.model-info__price-sec {
    font-size: 20px;
    color: var(--color-dark-gray);
    text-decoration: line-through;
    white-space: nowrap;
}

.model-info__price-desc {
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 18px;
    font-weight: 600;
}

.model-info__credit {
    font-size: 16px;
}

.model-info__actions {
    margin-top: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
}

.model-info__actions .btn.btn_primary {
    background: var(--color-primary);
}

.model-info__actions .btn.btn_primary:hover {
    background: var(--color-accent-light);
}

.btn.btn_icon_vin:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5464 23.791H13.4359C13.4359 22.2571 13.5766 18.7908 9.69687 14.5873C7.3962 12.0946 2.69847 10.6565 0.301394 10.5607L0.301394 15.3543C1.35625 15.3543 3.46544 15.7378 5.86225 17.7511C8.19569 19.7112 8.45053 22.4168 8.5464 23.791Z" fill="%23B149FF"/><path d="M0.304177 10.5619V15.3555C2.70098 15.3554 7.12356 14.875 11.3295 10.7535C14.8526 7.30108 15.5479 2.12508 15.5479 0.20767H10.6584C10.6584 1.35701 10.1703 4.80841 7.87808 7.30108C5.48128 9.90753 1.74226 10.5619 0.304177 10.5619Z" fill="%2300A8FF"/><path d="M15.5484 0.207031H10.659C10.659 1.74099 10.4241 5.20725 14.3038 9.41076C16.6045 11.9034 21.3022 13.0539 23.6993 13.1498V8.35616C22.6444 8.35616 20.5352 8.26029 18.1384 6.24698C15.805 4.28689 15.6442 1.5812 15.5484 0.207031Z" fill="%23FF4254"/><path d="M23.6957 13.1491V8.35547C21.2989 8.35549 16.8763 8.83595 12.6704 12.9574C9.14719 16.4099 8.54785 21.8746 8.54785 23.792H13.4373C13.4373 22.6427 13.8296 18.9025 16.1218 16.4099C18.5186 13.8034 22.2576 13.1491 23.6957 13.1491Z" fill="%2346E650"/></svg>') center no-repeat;
    width: 24px;
    height: 24px;
}

.model-graph {
    background: var(--color-white);
    border-radius: 4px;
    padding: 15px 16px 6px;
    position: relative;
    z-index: 1;
}

.model-graph__steps {
    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: 4px;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.model-graph__steps-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 4px;
    border-radius: 2px;
}

.model-graph__text {
    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;
}

.model-graph__text-item {
    font-size: 14px;
    color: var(--color-dark-gray);
}

.model-graph__steps-pointer {
    position: absolute;
    top: -9px;
    left: 0;
}

.model-content {
    margin-top: 64px;
    display: -ms-grid;
    display: grid;
    grid-gap: 64px;
}

.model-content__section-title {
    border-bottom: 1px solid var(--color-gray-3);
    padding-bottom: 8px;
    margin-bottom: 24px;
}

.model-props {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
    max-width: 546px;
}

.model-props__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
}

.model-props__title {
    font-size: 14px;
    color: var(--color-dark-gray);
    margin-bottom: 4px;
}

.model-props__value {
    font-size: 16px;
}

.model-props__icon {
    width: 24px;
    height: 24px;
}

.model-props__icon.model-props__icon_body {
    background: url('data:image/svg+xml,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5L3.54415 1.86754C3.81638 1.05086 4.58066 0.5 5.44152 0.5H12.5585C13.4193 0.5 14.1836 1.05086 14.4558 1.86754L15.5 5" stroke="%23181818"/><path d="M0.5 6.5C0.5 5.67157 1.17157 5 2 5H16C16.8284 5 17.5 5.67157 17.5 6.5V10.5C17.5 10.7761 17.2761 11 17 11H1C0.723858 11 0.5 10.7761 0.5 10.5V6.5Z" stroke="%23181818"/><path d="M1.5 12.5C1.5 13.3284 2.17157 14 3 14H4C4.82843 14 5.5 13.3284 5.5 12.5V11.5C5.5 11.2239 5.27614 11 5 11H2C1.72386 11 1.5 11.2239 1.5 11.5V12.5Z" stroke="%23181818"/><mask id="path-4-inside-1_1514_4137" fill="white"><path d="M3 8C3 8.27614 3.22386 8.5 3.5 8.5H5.5C5.77614 8.5 6 8.27614 6 8C6 7.72386 5.77614 7.5 5.5 7.5H3.5C3.22386 7.5 3 7.72386 3 8Z"/></mask><path d="M3.5 7.5H5.5V9.5H3.5V7.5ZM5.5 8.5H3.5V6.5H5.5V8.5ZM3.5 8.5C3.77614 8.5 4 8.27614 4 8H2C2 7.17157 2.67157 6.5 3.5 6.5V8.5ZM5 8C5 8.27614 5.22386 8.5 5.5 8.5V6.5C6.32843 6.5 7 7.17157 7 8H5ZM5.5 7.5C5.22386 7.5 5 7.72386 5 8H7C7 8.82843 6.32843 9.5 5.5 9.5V7.5ZM3.5 9.5C2.67157 9.5 2 8.82843 2 8H4C4 7.72386 3.77614 7.5 3.5 7.5V9.5Z" fill="%23181818" mask="url(%23path-4-inside-1_1514_4137)"/><mask id="path-6-inside-2_1514_4137" fill="white"><path d="M12 8C12 8.27614 12.2239 8.5 12.5 8.5H14.5C14.7761 8.5 15 8.27614 15 8C15 7.72386 14.7761 7.5 14.5 7.5H12.5C12.2239 7.5 12 7.72386 12 8Z"/></mask><path d="M12.5 7.5H14.5V9.5H12.5V7.5ZM14.5 8.5H12.5V6.5H14.5V8.5ZM12.5 8.5C12.7761 8.5 13 8.27614 13 8H11C11 7.17157 11.6716 6.5 12.5 6.5V8.5ZM14 8C14 8.27614 14.2239 8.5 14.5 8.5V6.5C15.3284 6.5 16 7.17157 16 8H14ZM14.5 7.5C14.2239 7.5 14 7.72386 14 8H16C16 8.82843 15.3284 9.5 14.5 9.5V7.5ZM12.5 9.5C11.6716 9.5 11 8.82843 11 8H13C13 7.72386 12.7761 7.5 12.5 7.5V9.5Z" fill="%23181818" mask="url(%23path-6-inside-2_1514_4137)"/><path d="M12.5 12.5C12.5 13.3284 13.1716 14 14 14H15C15.8284 14 16.5 13.3284 16.5 12.5V11.5C16.5 11.2239 16.2761 11 16 11H13C12.7239 11 12.5 11.2239 12.5 11.5V12.5Z" stroke="%23181818"/></svg>') center no-repeat;
}

.model-props__icon.model-props__icon_distance {
    background: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.97335 6.25H5.98436C5.88167 6.25 5.79521 6.22234 5.72495 6.16701C5.65739 6.11169 5.59389 6.03008 5.53444 5.9222L4.28604 3.9056C4.25361 3.84751 4.21849 3.80048 4.18066 3.76452C4.14553 3.7258 4.10635 3.69537 4.06311 3.67324C4.02258 3.64834 3.97529 3.63174 3.92125 3.62344C3.86991 3.61515 3.81046 3.611 3.7429 3.611H3.09033V6.25H2V0.25H3.09033V2.76452H3.64157C3.75236 2.76452 3.84829 2.74516 3.92935 2.70643C4.01042 2.6677 4.08608 2.59578 4.15634 2.49066L5.44122 0.548755C5.49526 0.460235 5.55876 0.388313 5.63172 0.332987C5.70468 0.277662 5.7925 0.25 5.89519 0.25H6.82744L5.2345 2.65664C5.16695 2.76176 5.08859 2.84889 4.99941 2.91805C4.91024 2.98721 4.81161 3.04115 4.70353 3.07988C4.86566 3.1269 5.00212 3.20159 5.11291 3.30394C5.2264 3.40353 5.33448 3.54184 5.43717 3.71888L6.97335 6.25Z" fill="%23181818"/><path d="M14 0.25V6.25H13.0394V2.37448C13.0394 2.21957 13.0475 2.05221 13.0637 1.87241L11.2924 5.27905C11.2087 5.44225 11.0803 5.52386 10.9074 5.52386H10.7533C10.5804 5.52386 10.452 5.44225 10.3683 5.27905L8.57674 1.85996C8.58484 1.95124 8.5916 2.04115 8.597 2.12967C8.60241 2.21819 8.60511 2.29979 8.60511 2.37448V6.25H7.64448V0.25H8.4673C8.51594 0.25 8.55782 0.251383 8.59295 0.25415C8.62808 0.256916 8.65915 0.263831 8.68617 0.274896C8.7159 0.285961 8.74157 0.303942 8.76319 0.328838C8.7875 0.353735 8.81047 0.386929 8.83209 0.428423L10.5872 3.76037C10.6331 3.84889 10.675 3.94018 10.7128 4.03423C10.7533 4.12829 10.7925 4.2251 10.8303 4.32469C10.8682 4.22234 10.9074 4.12414 10.9479 4.03008C10.9884 3.93326 11.0317 3.84059 11.0776 3.75207L12.8083 0.428423C12.83 0.386929 12.8529 0.353735 12.8772 0.328838C12.9016 0.303942 12.9272 0.285961 12.9543 0.274896C12.984 0.263831 13.0164 0.256916 13.0515 0.25415C13.0867 0.251383 13.1285 0.25 13.1772 0.25H14Z" fill="%23181818"/><path d="M14.5 10.7503C14.5 10.7503 13.5009 16.9046 8.00044 12.2501C2.5 7.59565 1.5 13.75 1.5 13.75" stroke="%23181818"/><circle cx="1.5" cy="13.75" r="1" fill="%23181818"/><circle cx="14.5" cy="10.75" r="1" fill="%23181818"/></svg>') center no-repeat;
}

.model-props__icon.model-props__icon_transmission {
    background: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="2" y1="2.5" x2="2" y2="12.5" stroke="%23181818" stroke-linecap="round"/><line x1="8" y1="2.5" x2="8" y2="12.5" stroke="%23181818" stroke-linecap="round"/><line x1="2" y1="7.5" x2="14" y2="7.5" stroke="%23181818" stroke-linecap="round"/><line x1="14" y1="2.5" x2="14" y2="7.5" stroke="%23181818" stroke-linecap="round"/><circle cx="2" cy="1.5" r="1" stroke="%23181818"/><circle cx="8" cy="1.5" r="1" stroke="%23181818"/><circle cx="14" cy="1.5" r="1" stroke="%23181818"/><circle cx="8" cy="13.5" r="1" stroke="%23181818"/><circle cx="2" cy="13.5" r="1" stroke="%23181818"/></svg>') center no-repeat;
}

.model-props__icon.model-props__icon_engine {
    background: url('data:image/svg+xml,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.67773 1.18181H5.85707C5.64012 1.18181 5.43971 1.06917 5.33131 0.886358C5.2229 0.703546 5.2229 0.478262 5.33131 0.295453C5.43971 0.112643 5.64013 0 5.85707 0H8.28482H10.7137C10.9307 0 11.1311 0.11264 11.2395 0.295453C11.3479 0.478265 11.3479 0.703549 11.2395 0.886358C11.1311 1.06917 10.9307 1.18181 10.7137 1.18181H8.89189V2.36426H11.3214C11.5061 2.36505 11.6804 2.44775 11.7948 2.58875L14.041 5.3188H14.3568V4.13699C14.3568 3.98029 14.4207 3.82993 14.5346 3.71913C14.6484 3.60834 14.8029 3.54608 14.9639 3.54608H16.178C16.6611 3.54608 17.1243 3.73285 17.4659 4.06524C17.8074 4.39775 17.9993 4.84857 17.9993 5.3188V10.046C17.9993 10.5163 17.8074 10.9671 17.4659 11.2996C17.1243 11.632 16.6611 11.8188 16.178 11.8188H14.9639C14.8029 11.8188 14.6484 11.7565 14.5346 11.6457C14.4207 11.5349 14.3568 11.3846 14.3568 11.2279V11.046H13.7497V12.4097C13.7497 12.5664 13.6857 12.7167 13.5719 12.8275C13.4581 12.9383 13.3036 13.0006 13.1426 13.0006H7.07183C6.88076 13.0006 6.70081 12.913 6.58616 12.7642L4.94705 10.6369H3.42935C3.26836 10.6369 3.11388 10.5747 3.00005 10.4639C2.88623 10.3531 2.82227 10.2027 2.82227 10.046V8.27361H1.21416V10.0457C1.21416 10.2024 1.1502 10.3527 1.03637 10.4635C0.922547 10.5743 0.768064 10.6366 0.60708 10.6366C0.446096 10.6366 0.291614 10.5743 0.177788 10.4635C0.063962 10.3527 0 10.2024 0 10.0457V7.6827V5.31844C0 5.10727 0.115723 4.9122 0.30354 4.80668C0.491357 4.70116 0.722807 4.70116 0.91062 4.80668C1.09843 4.9122 1.21416 5.10727 1.21416 5.31844V7.0918H2.82227V4.72788C2.82227 4.57119 2.88623 4.42082 3.00005 4.31003C3.11388 4.19923 3.26836 4.13697 3.42935 4.13697H4.64351V2.95516C4.64351 2.79847 4.70747 2.6481 4.82129 2.53731C4.93512 2.42652 5.0896 2.36426 5.25059 2.36426H7.67773V1.18181ZM4.0365 7.70764V9.45511H5.25066C5.44172 9.45511 5.62167 9.54269 5.73632 9.69147L7.37537 11.8187H12.5355V10.4551C12.5355 10.2984 12.5995 10.1481 12.7133 10.0373C12.8272 9.92648 12.9816 9.86422 13.1426 9.86422H14.9639C15.1249 9.86422 15.2793 9.92648 15.3932 10.0373C15.507 10.1481 15.5709 10.2984 15.5709 10.4551V10.6369H16.178C16.339 10.6369 16.4935 10.5747 16.6073 10.4639C16.7211 10.3531 16.7851 10.2027 16.7851 10.046V5.31879C16.7851 5.16209 16.7211 5.01172 16.6073 4.90093C16.4935 4.79014 16.339 4.72788 16.178 4.72788H15.5709V5.90969C15.5709 6.06639 15.507 6.21675 15.3932 6.32755C15.2793 6.43834 15.1249 6.5006 14.9639 6.5006H13.7497C13.565 6.49981 13.3907 6.4171 13.2763 6.27611L11.0301 3.54606H5.85774V4.72787C5.85774 4.88456 5.79377 5.03493 5.67995 5.14572C5.56612 5.25651 5.41164 5.31877 5.25066 5.31877H4.0365V7.65777C4.03722 7.67438 4.03722 7.69102 4.0365 7.70764ZM7.77773 1.08181V2.46426H5.25059C5.11525 2.46426 4.98591 2.51663 4.89104 2.60897C4.79627 2.70122 4.74351 2.82586 4.74351 2.95516V4.23697H3.42935C3.29401 4.23697 3.16467 4.28934 3.0698 4.38168C2.97503 4.47394 2.92227 4.59858 2.92227 4.72788V7.1918H1.11416V5.31844C1.11416 5.14433 1.01874 4.98212 0.861639 4.89386C0.704244 4.80543 0.50992 4.80543 0.352521 4.89386C0.195417 4.98213 0.1 5.14432 0.1 5.31844V10.0457C0.1 10.175 0.152761 10.2996 0.247537 10.3919C0.342406 10.4842 0.471748 10.5366 0.60708 10.5366C0.742413 10.5366 0.871754 10.4842 0.966623 10.3919C1.0614 10.2996 1.11416 10.175 1.11416 10.0457V8.17361H2.92227V10.046C2.92227 10.1753 2.97503 10.3 3.0698 10.3922C3.16467 10.4846 3.29401 10.5369 3.42935 10.5369H4.99624L6.66537 12.7032C6.76071 12.8269 6.91115 12.9006 7.07183 12.9006H13.1426C13.278 12.9006 13.4073 12.8482 13.5022 12.7559C13.5969 12.6636 13.6497 12.539 13.6497 12.4097V10.946H14.4568V11.2279C14.4568 11.3572 14.5095 11.4818 14.6043 11.5741C14.6992 11.6664 14.8285 11.7188 14.9639 11.7188H16.178C16.6354 11.7188 17.0734 11.5419 17.3961 11.228C17.7186 10.914 17.8993 10.4889 17.8993 10.046V5.3188C17.8993 4.876 17.7186 4.4509 17.3962 4.13691C17.0735 3.82295 16.6354 3.64608 16.178 3.64608H14.9639C14.8285 3.64608 14.6992 3.69845 14.6043 3.79079C14.5095 3.88304 14.4568 4.00769 14.4568 4.13699V5.4188H13.9938L11.7176 2.65228C11.6224 2.53502 11.4763 2.46497 11.3211 2.46426H8.79189V1.08181H10.7137C10.8962 1.08181 11.0635 0.987031 11.1535 0.835352C11.2432 0.68399 11.2432 0.497824 11.1535 0.346459C11.0635 0.194777 10.8962 0.1 10.7137 0.1H5.85707C5.67455 0.1 5.50727 0.19478 5.41732 0.34646C5.32756 0.497821 5.32756 0.683987 5.41732 0.835352C5.50727 0.987034 5.67454 1.08181 5.85707 1.08181H7.77773ZM11.3214 2.36426C11.5061 2.36505 11.6804 2.44775 11.7948 2.58875L14.041 5.3188H14.3568V4.13699C14.3568 3.98029 14.4207 3.82993 14.5346 3.71913C14.6484 3.60834 14.8029 3.54608 14.9639 3.54608H16.178C16.6611 3.54608 17.1243 3.73285 17.4659 4.06524C17.8074 4.39775 17.9993 4.84857 17.9993 5.3188V10.046C17.9993 10.5163 17.8074 10.9671 17.4659 11.2996C17.1243 11.632 16.6611 11.8188 16.178 11.8188H14.9639C14.8029 11.8188 14.6484 11.7565 14.5346 11.6457C14.4207 11.5349 14.3568 11.3846 14.3568 11.2279V11.046H13.7497V12.4097C13.7497 12.5664 13.6857 12.7167 13.5719 12.8275C13.4581 12.9383 13.3036 13.0006 13.1426 13.0006H7.07183C6.88076 13.0006 6.70081 12.913 6.58616 12.7642L4.94705 10.6369H3.42935C3.26836 10.6369 3.11388 10.5747 3.00005 10.4639C2.88623 10.3531 2.82227 10.2027 2.82227 10.046V8.27361H1.21416V10.0457C1.21416 10.2024 1.1502 10.3527 1.03637 10.4635C0.922547 10.5743 0.768064 10.6366 0.60708 10.6366C0.446096 10.6366 0.291614 10.5743 0.177788 10.4635C0.063962 10.3527 0 10.2024 0 10.0457V5.31844C0 5.10727 0.115723 4.9122 0.30354 4.80668C0.491357 4.70116 0.722807 4.70116 0.91062 4.80668C1.09843 4.9122 1.21416 5.10727 1.21416 5.31844V7.0918H2.82227V4.72788C2.82227 4.57119 2.88623 4.42082 3.00005 4.31003C3.11388 4.19923 3.26836 4.13697 3.42935 4.13697H4.64351V2.95516C4.64351 2.79847 4.70747 2.6481 4.82129 2.53731C4.93512 2.42652 5.0896 2.36426 5.25059 2.36426H7.67773V1.18181H5.85707C5.64012 1.18181 5.43971 1.06917 5.33131 0.886358C5.2229 0.703546 5.2229 0.478262 5.33131 0.295453C5.43971 0.112643 5.64013 0 5.85707 0H10.7137C10.9307 0 11.1311 0.11264 11.2395 0.295453C11.3479 0.478265 11.3479 0.703549 11.2395 0.886358C11.1311 1.06917 10.9307 1.18181 10.7137 1.18181H8.89189V2.36426H11.3214ZM3.9365 9.55511V7.70331C3.93709 7.68958 3.93718 7.67583 3.93659 7.6621L3.9364 7.65777L3.9365 5.21877H5.25066C5.38599 5.21877 5.51533 5.1664 5.6102 5.07406C5.70498 4.98181 5.75774 4.85717 5.75774 4.72787V3.44606H11.0773L13.3535 6.21257C13.4487 6.32982 13.5947 6.39987 13.7499 6.4006H14.9639C15.0992 6.4006 15.2285 6.34823 15.3234 6.25589C15.4182 6.16364 15.4709 6.03899 15.4709 5.90969V4.62788H16.178C16.3647 4.62788 16.5443 4.70003 16.6771 4.82927C16.8099 4.95861 16.8851 5.1347 16.8851 5.31879V10.046C16.8851 10.2301 16.8099 10.4062 16.6771 10.5355C16.5443 10.6648 16.3647 10.7369 16.178 10.7369H15.4709V10.4551C15.4709 10.3258 15.4182 10.2012 15.3234 10.1089C15.2285 10.0166 15.0992 9.96422 14.9639 9.96422H13.1426C13.0073 9.96422 12.878 10.0166 12.7831 10.1089C12.6883 10.2012 12.6355 10.3258 12.6355 10.4551V11.9187H7.32618L5.65711 9.75251C5.56177 9.62879 5.41133 9.55511 5.25066 9.55511H3.9365ZM5.73632 9.69147L7.37537 11.8187H12.5355V10.4551C12.5355 10.2984 12.5995 10.1481 12.7133 10.0373C12.8272 9.92648 12.9816 9.86422 13.1426 9.86422H14.9639C15.1249 9.86422 15.2793 9.92648 15.3932 10.0373C15.507 10.1481 15.5709 10.2984 15.5709 10.4551V10.6369H16.178C16.339 10.6369 16.4935 10.5747 16.6073 10.4639C16.7211 10.3531 16.7851 10.2027 16.7851 10.046V5.31879C16.7851 5.16209 16.7211 5.01172 16.6073 4.90093C16.4935 4.79014 16.339 4.72788 16.178 4.72788H15.5709V5.90969C15.5709 6.06639 15.507 6.21675 15.3932 6.32755C15.2793 6.43834 15.1249 6.5006 14.9639 6.5006H13.7497C13.565 6.49981 13.3907 6.4171 13.2763 6.27611L11.0301 3.54606H5.85774V4.72787C5.85774 4.88456 5.79377 5.03493 5.67995 5.14572C5.56612 5.25651 5.41164 5.31877 5.25066 5.31877H4.0365V7.65777C4.03722 7.67438 4.03722 7.69102 4.0365 7.70764V9.45511H5.25066C5.44172 9.45511 5.62167 9.54269 5.73632 9.69147Z" fill="%23181818"/></svg>') center no-repeat;
}

.model-props__icon.model-props__icon_drive {
    background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9991 6.25292H14.1268C14.4913 6.25218 14.8406 6.11525 15.098 5.87234C15.3554 5.62925 15.5 5.30001 15.5 4.95664V1.29629C15.5 0.953874 15.3562 0.62534 15.1 0.382433C14.8437 0.139521 14.496 0.00203964 14.1325 0H13.0046C12.6402 0.000741149 12.2911 0.137481 12.0336 0.380578C11.7762 0.623675 11.6316 0.952911 11.6316 1.29628V2.59515H9.65799C9.50026 2.15825 9.15509 1.80358 8.70665 1.61779C8.25821 1.43199 7.74745 1.43194 7.29905 1.61779C6.85064 1.80363 6.50545 2.15829 6.3477 2.59515H4.37408V1.29628C4.37408 0.952945 4.22952 0.623675 3.97208 0.380578C3.71463 0.137481 3.36532 0.000739963 3.0009 0H1.87318C1.50874 0.000741149 1.15944 0.137481 0.902005 0.380578C0.644557 0.623675 0.5 0.952911 0.5 1.29628V4.95663C0.5 5.29997 0.644557 5.62924 0.902005 5.87234C1.15945 6.11525 1.50876 6.25217 1.87318 6.25291H3.0009C3.36534 6.25217 3.71464 6.11525 3.97208 5.87234C4.22952 5.62924 4.37408 5.3 4.37408 4.95663V3.65757H6.3477C6.52275 4.14025 6.92435 4.51953 7.43609 4.68574V13.5468H4.37408V12.0326V12.0328C4.37408 11.6895 4.22952 11.3602 3.97208 11.1171C3.71463 10.874 3.36532 10.7373 3.0009 10.7365H1.87318C1.50874 10.7373 1.15944 10.874 0.902005 11.1171C0.644557 11.3602 0.5 11.6894 0.5 12.0328V15.7065C0.500787 16.0483 0.644949 16.3761 0.901018 16.6185C1.15709 16.8608 1.5046 16.998 1.86746 17H2.99538C3.35923 16.9993 3.70812 16.8629 3.9654 16.6203C4.22285 16.378 4.3676 16.0493 4.36839 15.7065V14.6094H11.6257V15.6957C11.6235 16.0405 11.7671 16.3718 12.0247 16.6166C12.2824 16.8614 12.6328 16.9992 12.9989 17H14.1266C14.4906 16.9992 14.8393 16.8628 15.0968 16.6203C15.3541 16.3779 15.499 16.0493 15.4998 15.7064V12.0433C15.4998 11.7 15.3552 11.3707 15.0978 11.1276C14.8403 10.8847 14.491 10.7478 14.1266 10.747H12.9989C12.6345 10.7478 12.2852 10.8847 12.0277 11.1276C11.7703 11.3707 11.6257 11.6999 11.6257 12.0433V13.5467H8.5637V4.68565C9.07665 4.52019 9.47944 4.14073 9.65486 3.65748H11.6285V4.95654C11.6285 5.29933 11.7728 5.6282 12.0295 5.8713C12.2864 6.11421 12.6348 6.25132 12.9989 6.25281L12.9991 6.25292ZM3.24653 4.95666C3.24653 5.08469 3.13698 5.18882 3.00108 5.1903H1.87337C1.73747 5.18882 1.62812 5.08469 1.62812 4.95666V1.29631C1.62733 1.2346 1.6529 1.17513 1.69892 1.13121C1.74494 1.0873 1.80788 1.06247 1.87336 1.06247H3.00108C3.06677 1.06247 3.12951 1.0873 3.17553 1.13121C3.22175 1.17513 3.24712 1.2346 3.24653 1.29631L3.24653 4.95666ZM3.24653 15.7065C3.24653 15.834 3.13659 15.9376 3.00108 15.9376H1.87337C1.73786 15.9376 1.62812 15.834 1.62812 15.7065V12.0434C1.62812 11.9153 1.73747 11.8112 1.87337 11.8097H3.00108C3.13698 11.8112 3.24653 11.9153 3.24653 12.0434V15.7065ZM12.7539 12.0434C12.7539 11.9153 12.8635 11.8112 12.9994 11.8097H14.1271C14.263 11.8112 14.3723 11.9153 14.3723 12.0434V15.7065C14.3723 15.834 14.2626 15.9376 14.1271 15.9376H12.9994C12.8638 15.9376 12.7539 15.834 12.7539 15.7065V12.0434ZM8.00027 3.71878C7.74833 3.71878 7.52097 3.57574 7.42458 3.35636C7.32821 3.13698 7.38151 2.88462 7.5597 2.71677C7.73789 2.5489 8.00595 2.4985 8.2386 2.58948C8.47146 2.68027 8.62329 2.89446 8.62329 3.13183C8.62329 3.28747 8.5576 3.43682 8.44078 3.54688C8.32396 3.65694 8.16543 3.71882 8.00023 3.71882L8.00027 3.71878ZM12.7539 1.30152C12.7533 1.23982 12.7787 1.18035 12.8249 1.13643C12.8709 1.09252 12.9337 1.06788 12.9994 1.06788H14.1271C14.1926 1.06788 14.2555 1.09252 14.3015 1.13643C14.3475 1.18034 14.3731 1.23982 14.3723 1.30152V4.9567C14.3723 5.08474 14.263 5.18887 14.1271 5.19035H12.9993C12.8634 5.18887 12.7539 5.08474 12.7539 4.9567L12.7539 1.30152Z" fill="%23181818"/></svg>') center no-repeat;
}

.model-props__icon.model-props__icon_color {
    background: url('data:image/svg+xml,<svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 10.6136C13 4.9772 7 0.75 7 0.75C7 0.75 1 4.97727 1 10.6136C1 12.1085 1.63217 13.5421 2.75738 14.5991C3.88251 15.6561 5.4086 16.25 6.99993 16.25C8.59126 16.25 10.1173 15.6561 11.2425 14.5991C12.3677 13.5421 12.9999 12.1085 12.9999 10.6136H13Z" stroke="%23181818" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5 13.6665C8.29569 13.6665 9.05869 13.2311 9.62135 12.456C10.184 11.6808 10.5 10.6295 10.5 9.5332" stroke="%23181818" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
}

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

.app-list__item {
    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="M10 0C4.4898 0 0 4.4898 0 10C0 15.5102 4.4898 20 10 20C15.5102 20 20 15.5102 20 10C20 4.4898 15.5102 0 10 0ZM13.5714 8.46939L9.4898 12.551C9.28572 12.6531 9.18367 12.7551 8.97959 12.7551C8.77551 12.7551 8.57143 12.6531 8.46939 12.551L6.42857 10.5102C6.12245 10.2041 6.12245 9.69388 6.42857 9.38776C6.73469 9.08163 7.2449 9.08163 7.55102 9.38776L9.08163 10.9184L12.6531 7.34694C12.9592 7.04082 13.4694 7.04082 13.7755 7.34694C13.8776 7.7551 13.8776 8.16327 13.5714 8.46939Z" fill="%23181818"/></svg>') center left no-repeat;
    padding-left: 32px;
    line-height: 20px;
}

.model-desc-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.model-desc-grid__col {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
}

.model-desc-block {
    width: 100%;
    background: var(--color-white);
    border-radius: 4px;
    padding: 16px 24px;
}

.model-desc-block__title {
    font-size: 14px;
    color: var(--color-dark-gray);
    line-height: 200%;
    margin-bottom: 4px;
}

.model-desc-block__list {
    display: -ms-grid;
    display: grid;
    grid-gap: 4px;
}

.model-desc-block__list-item {
    line-height: 24px;
}

.section-finance-form {
    background: var(--color-gray-3);
    padding-bottom: 100px;
    /* height: 620px; */
    margin-top: 160px;
}

.finance-form {
    max-width: 1080px;
    background: var(--color-light-gray);
    -webkit-box-shadow: 0 12px 24px rgb(0 8 83 / 8%);
    box-shadow: 0 12px 24px rgb(0 8 83 / 8%);
    padding: 60px 120px;
    position: relative;
    margin-top: -64px;
    border-radius: 4px;
    border-top: 4px solid var(--color-primary);
    width: 100%;
}

.section-finance-form .container {
    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;
}

.finance-form__heading {
    margin-bottom: 40px;
}

.finance-form__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.finance-form__grid.finance-form__grid_type_credit {
    -ms-grid-columns: 1fr 40px .5fr;
    grid-template-columns: 1fr .5fr;
}

.finance-form__ranges {
    display: -ms-grid;
    display: grid;
    grid-gap: 32px;
    position: relative;
}

.finance-form__ranges > * {
    min-width: 0;
}

.finance-form__bottom-info {
    margin-top: 20px;
    border-radius: 4px;
    padding: 16px 16px 16px 44px;
    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 fill-rule="evenodd" clip-rule="evenodd" d="M8 1.23077C4.26146 1.23077 1.23077 4.26146 1.23077 8C1.23077 11.7385 4.26146 14.7692 8 14.7692C11.7385 14.7692 14.7692 11.7385 14.7692 8C14.7692 4.26146 11.7385 1.23077 8 1.23077ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8Z" fill="%23828896"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 11.4872C8.33987 11.4872 8.61539 11.2117 8.61539 10.8718V7.58974C8.61539 7.24988 8.33987 6.97436 8 6.97436C7.66013 6.97436 7.38462 7.24988 7.38462 7.58974V10.8718C7.38462 11.2117 7.66013 11.4872 8 11.4872Z" fill="%23828896"/><path d="M8.82051 5.12821C8.82051 4.67505 8.45316 4.30769 8 4.30769C7.54684 4.30769 7.17949 4.67505 7.17949 5.12821C7.17949 5.58136 7.54684 5.94872 8 5.94872C8.45316 5.94872 8.82051 5.58136 8.82051 5.12821Z" fill="%23828896"/></svg>') var(--color-gray-3) top 18px left 16px no-repeat;
    color: var(--color-dark-gray);
}

.range-slider__title {
    line-height: 20px;
    color: var(--color-dark-gray);
    margin-bottom: 4px;
}

.range-slider__from {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
    position: relative;
}

.range-slider__from-input {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: inherit;
    min-width: 34px;
}

.range-slider__from-input:focus {
    color: var(--color-dark-gray)
}

.range-slider__from-input[disabled] {
    pointer-events: none;
    cursor: default;
}

.irs-grid-text {
    font-size: 16px;
    padding: 8px 3px;
    font-family: 'Lato', sans-serif;
    line-height: normal;
}

.irs-grid-pol {
    display: none;
}

.irs-with-grid .irs-grid {
    height: 20px;
}

.irs-grid-text.irs-grid-text-clickable {
    cursor: pointer;
    color: var(--color-dark-gray);
}

.irs-grid-text.irs-grid-text-clickable:hover {
    color: var(--color-dark);
}

.irs-grid-text.irs-grid-text-active {
    color: var(--color-dark);
}

.irs--flat.irs-with-grid {
    height: 50px;
}

.js-auto-width-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    color: transparent;
    pointer-events: none;
    cursor: default;
    font-size: 24px;
}

.finance-form__content {
    background: -o-radial-gradient(100% 100%, 71.67% 92.21%, rgb(64, 64, 64) 0%, rgb(24, 24, 24) 100%);
    background: radial-gradient(71.67% 92.21% at 100% 100%, rgb(64, 64, 64) 0%, rgb(24, 24, 24) 100%);
    min-height: 325px;
    border-radius: 4px;
    color: var(--color-gray-3);
    padding: 24px;
    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: 24px;
}

.finance-price-block {
    display: -ms-grid;
    display: grid;
    grid-gap: 4px;
}

.finance-price-block__title {
    font-size: 16px;
    line-height: 24px;
}

.finance-price-block__value {
    font-size: 32px;
    line-height: 48px;
}

.finance-price-block:not(:first-child) {
    margin-bottom: auto;
}

.app-section {
    margin: 80px 0;
}

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

.stock-item {
    background: var(--color-dark);
    color: var(--color-white);
    position: relative;
    z-index: 1;
    height: 280px;
    padding: 36px 32px;
    text-decoration: none;
    overflow: hidden;
    border-radius: 4px;
}

.stock-item__content {
    max-width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.stock-item__asset {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 230px;
    background-position: center;
    background-size: cover;
    border-radius: 200px 0 0 200px;
    -webkit-transform: translate(5px, 0) rotate(-9deg);
    -ms-transform: translate(5px, 0) rotate(-9deg);
    transform: translate(5px, 0) rotate(-9deg);
    z-index: -1;
}

.stock-item__title {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 24px;
    min-height: 96px;
}

.stock-item__content .btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 40px;
}

.stock-item:after {
    content: "";
    position: absolute;
    left: -136px;
    top: -23%;
    width: 421px;
    height: 159px;
    -webkit-transform: rotate(21deg);
    -ms-transform: rotate(21deg);
    transform: rotate(21deg);
    background: #4C4C4C;
    -webkit-filter: blur(99px);
    filter: blur(99px);
    opacity: .84;
    pointer-events: none;
    z-index: -1;
}

.stock-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: transparent;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    pointer-events: none;
}

.stock-item:hover:before {
    background-color: rgba(255,255,255,.1);
}

.catalog__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.app-section__title {
    margin-bottom: 60px;
}

.banks__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}

.bank-card {
    height: 140px;
    background: var(--color-white);
    border-radius: 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;
    padding: 24px;
}

.bank-card__logo {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -webkit-filter: contrast(0);
    filter: contrast(0);
}

.banks__text {
    line-height: 20px;
}

.banks {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
}

.range-slider__from.--editable:after {
    content: "";
    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 fill-rule="evenodd" clip-rule="evenodd" d="M10.743 0.782495C11.686 -0.160573 13.2151 -0.16057 14.1581 0.782496L15.2189 1.84325C16.1619 2.78632 16.1619 4.31533 15.2189 5.2584L5.25937 15.2179C4.8065 15.6708 4.19226 15.9252 3.5518 15.9252H0.680229C0.346617 15.9252 0.0761719 15.6547 0.0761719 15.3211V12.4496C0.0761719 11.8091 0.330596 11.1949 0.783472 10.742L10.743 0.782495ZM13.3039 1.63676C12.8326 1.16549 12.0685 1.16549 11.5972 1.63676L9.73621 3.49779C9.70692 3.52708 9.70692 3.57457 9.73621 3.60386L12.3975 6.26516C12.4116 6.27923 12.4307 6.28713 12.4505 6.28713C12.4704 6.28713 12.4895 6.27923 12.5036 6.26516L14.3646 4.40413C14.8359 3.93286 14.8359 3.16878 14.3646 2.69751L13.3039 1.63676ZM8.88194 4.45812C8.85265 4.42883 8.80517 4.42883 8.77588 4.45812L1.63774 11.5963C1.41143 11.8226 1.28429 12.1295 1.28429 12.4496V14.6421C1.28429 14.6835 1.31786 14.7171 1.35929 14.7171H3.5518C3.87185 14.7171 4.1788 14.5899 4.40511 14.3636L11.5432 7.22549C11.5573 7.21143 11.5652 7.19235 11.5652 7.17246C11.5652 7.15257 11.5573 7.13349 11.5432 7.11943L8.88194 4.45812Z" fill="%23828896"/></svg>') center no-repeat;
    width: 24px;
    height: 24px;
}

.range-slider__from.--editable {
    gap: 12px;
    cursor: pointer;
}

.range-slider__from.--editable.--focus:after {
    display: none;
}

.stock-item-id-1__title {
    font-size: 32px;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 16px;
}

.stock-item-id-1__accent {
    background: var(--color-accent-dark);
    border-radius: 35px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 12px 20px;
    font-size: 32px;
    font-weight: 900;
    line-height: 40px;
}

.stock-item-id-2__title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 900;
    margin-bottom: 20px;
}

.stock-item-id-2__accent {
    background: var(--color-accent-dark);
    border-radius: 35px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 12px 20px;
    font-size: 24px;
    font-weight: 900;
    line-height: 16px;
}

.stock-item-id-2__accent:not(:last-child) {
    margin-bottom: 4px;
}

.stock-item-id-2__accent:last-child {
.stock-item-id-2__accent: not(: last-child); margin-left: 40px;
}

.stock-item-id-3__title {
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 40px;
}

.stock-item-id-3__text {
    font-size: 35px;
    font-weight: 900;
    line-height: 48px;
    text-transform: uppercase;
}

.stock-item-id-3__text span {
    background: var(--color-accent-dark);
    border-radius: 35px;
    padding: 12px 20px;
    font-size: 24px;
    font-weight: 900;
    line-height: 16px;
    display: inline-block;
    position: relative;
    -webkit-transform: translate(0, -6%);
    -ms-transform: translate(0, -6%);
    transform: translate(0, -6%);
}

.stock-item-id-4__title {
    font-size: 40px;
    font-weight: 900;
    line-height: 48px;
    margin-bottom: 40px;
}

.stock-item-id-4__label {
    background: var(--color-accent-dark);
    border-radius: 35px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 12px 20px;
    font-size: 32px;
    font-weight: 900;
    line-height: 40px;
}

.hero-banner__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px;
}

.finance-form__content .finance-form__bottom-info {
    background-color: rgb(247 248 251 / 10%);
    color: var(--color-white);
    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 fill-rule="evenodd" clip-rule="evenodd" d="M8 1.23077C4.26146 1.23077 1.23077 4.26146 1.23077 8C1.23077 11.7385 4.26146 14.7692 8 14.7692C11.7385 14.7692 14.7692 11.7385 14.7692 8C14.7692 4.26146 11.7385 1.23077 8 1.23077ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8Z" fill="%23FFFFFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 11.4872C8.33987 11.4872 8.61539 11.2117 8.61539 10.8718V7.58974C8.61539 7.24988 8.33987 6.97436 8 6.97436C7.66013 6.97436 7.38462 7.24988 7.38462 7.58974V10.8718C7.38462 11.2117 7.66013 11.4872 8 11.4872Z" fill="%23FFFFFF"/><path d="M8.82051 5.12821C8.82051 4.67505 8.45316 4.30769 8 4.30769C7.54684 4.30769 7.17949 4.67505 7.17949 5.12821C7.17949 5.58136 7.54684 5.94872 8 5.94872C8.45316 5.94872 8.82051 5.58136 8.82051 5.12821Z" fill="%23FFFFFF"/></svg>');
    background-size: 20px;
    padding: 50px 16px 16px 16px;
    margin-top: 0;
}

.section-hero.section-hero_nobg {
    background: none;
}

.futures {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.futures-item {
    background: var(--color-white);
    padding: 24px 40px;
    border-radius: 4px;
}

.futures-item__title {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 56px;
    background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="20" fill="%23E0E5EF"/><path d="M20 10C14.4898 10 10 14.4898 10 20C10 25.5102 14.4898 30 20 30C25.5102 30 30 25.5102 30 20C30 14.4898 25.5102 10 20 10ZM23.5714 18.4694L19.4898 22.551C19.2857 22.6531 19.1837 22.7551 18.9796 22.7551C18.7755 22.7551 18.5714 22.6531 18.4694 22.551L16.4286 20.5102C16.1224 20.2041 16.1224 19.6939 16.4286 19.3878C16.7347 19.0816 17.2449 19.0816 17.551 19.3878L19.0816 20.9184L22.6531 17.3469C22.9592 17.0408 23.4694 17.0408 23.7755 17.3469C23.8776 17.7551 23.8776 18.1633 23.5714 18.4694Z" fill="%23181818"/></svg>') center left no-repeat;
    margin-bottom: 16px;
}

.futures-item__text {
    line-height: 24px;
    color: var(--color-dark-gray);
}

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

.steps-block {
    background: var(--color-white);
    border-radius: 4px;
    padding: 40px;
}

.steps-block__icon {
    width: 120px;
    height: 120px;
    display: block;
    margin-bottom: 16px;
}

.steps-block__title {
    margin-bottom: 16px;
}

.steps-block__desc {
    line-height: 24px;
    color: var(--color-dark-gray);
}

.steps-block__desc a {
    color: var(--color-blue);
    display: inline;
    text-decoration: none;
}

.app-section.section-banks.section-banks_dark {
    background: var(--color-dark);
    color: var(--color-light-gray);
    padding: 80px 0;
}

.app-section.section-banks.section-banks_dark .bank-card {
    background: #2D2D2E;
}

.app-section.section-banks.section-banks_dark .bank-card__logo {
    -webkit-filter: none;
    filter: none;
}

.app-section.section-banks.section-banks_dark + .section-questions {
    margin-top: -120px;
}

.section-finance-form + .app-section.section-banks.section-banks_dark {
    margin-top: 0;
}

.finance-form__section {
    margin-bottom: 40px;
}

.finance-form__section-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
}

.finance-form__section-text {
    max-width: 500px;
    line-height: 24px;
    color: var(--color-dark-gray);
    margin-bottom: 16px;
}

.finance-form__grid.finance-form__grid_type_inputs {
    grid-gap: 16px 40px;
}

.finance-form__bottom {
    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;
}

.finance-form__bottom .form-terms {
    text-align: left;
    /*max-width: 251px;*/
    width: 100%;
}

.form-terms a {
    display: inline;
    color: var(--color-blue);
}

.finance-form__bottom .btn {
    width: 100%;
    max-width: 200px;
}

.app-select.app-select_white + .app-select-button {
    background: var(--color-white);
}

.app-input.app-input_white {
    background: var(--color-white);
}

.app-section.section-documents {
    background: -o-radial-gradient(93.1% 63.86%, 53.03% 53.03%, rgb(48, 48, 48) 0%, rgb(24, 24, 24) 100%);
    background: radial-gradient(53.03% 53.03% at 93.1% 63.86%, rgb(48, 48, 48) 0%, rgb(24, 24, 24) 100%);
    padding: 120px 0;
    margin: 0;
    color: var(--color-light-gray);
}

.documents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
}

.documents-card {
    padding: 24px 40px;
    width: 400px;
    background: rgb(255 255 255 / 10%);
    border-radius: 4px;
    min-height: 116px;
    position: relative;
    z-index: 1;
}

.documents-card__number {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
}

.documents-card__text {
    line-height: 20px;
}

.documents-card__label {
    background: rgb(212 34 34 / 50%);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px;
    padding: 4px 8px;
    line-height: 120%;
    font-size: 14px;
}

.finance-form__grid-col.finance-form__grid-col_inputs {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
}

.app-textarea {
    padding: 30px 12px 12px;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--color-light-gray);
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    resize: none;
}

.app-label.app-label_full {
    height: 100%;
}

.app-textarea.app-textarea_white {
    background: var(--color-white);
}

.documents.documents_3x {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.documents-card {
    width: 100%;
    height: 100%;
}

.documents-card__icon {
    width: 48px;
    height: 64px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    margin-bottom: 16px;
}

.documents-card__title {
    margin-bottom: 16px;
}

.documents-card__description {
    color: var(--color-gray-3);
}

.futures-item.futures-item_large {
    -ms-grid-row-span: 2;
    grid-row: 2 span;
    background-image: url(../img/futures-item-large-bg.webp);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.faq {
    width: 100%;
    max-width: 50%;
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
}

.faq-item {
    display: -ms-grid;
    display: grid;
    grid-gap: 8px;
}

.faq-item__title {
    position: relative;
    z-index: 1;
    padding-left: calc(40px + 16px);
    cursor: pointer;
}

.faq-item__title:after {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" rx="20" fill="white"/><g clip-path="url(%23clip0_1618_11717)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 9.0072C20.4276 9.0072 20.7742 9.35382 20.7742 9.7814L20.7742 19.226L30.2188 19.226C30.6464 19.226 30.993 19.5727 30.993 20.0002C30.993 20.4278 30.6464 20.7744 30.2188 20.7744L20.7742 20.7744V30.2191C20.7742 30.6466 20.4276 30.9933 20 30.9933C19.5724 30.9933 19.2258 30.6466 19.2258 30.2191V20.7744L9.78117 20.7744C9.35359 20.7744 9.00697 20.4278 9.00697 20.0002C9.00697 19.5727 9.35359 19.226 9.78117 19.226L19.2258 19.226L19.2258 9.7814C19.2258 9.35382 19.5724 9.0072 20 9.0072Z" fill="%23181818"/></g><defs><clipPath id="clip0_1618_11717"><rect width="24" height="24" fill="white" transform="translate(20 3.0293) rotate(45)"/></clipPath></defs></svg>') center no-repeat;
    width: 40px;
    height: 40px;
}

.faq-item__content {
    padding-left: calc(40px + 16px);
    display: none;
    line-height: 20px;
    color: var(--color-dark-gray);
}

.faq-item.--active .faq-item__title:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" rx="20" fill="white"/><g clip-path="url(%23clip0_1618_4362)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 9.0072C20.4276 9.0072 20.7742 9.35382 20.7742 9.7814L20.7742 19.226L30.2188 19.226C30.6464 19.226 30.993 19.5727 30.993 20.0002C30.993 20.4278 30.6464 20.7744 30.2188 20.7744L20.7742 20.7744V30.2191C20.7742 30.6466 20.4276 30.9933 20 30.9933C19.5724 30.9933 19.2258 30.6466 19.2258 30.2191V20.7744L9.78117 20.7744C9.35359 20.7744 9.00697 20.4278 9.00697 20.0002C9.00697 19.5727 9.35359 19.226 9.78117 19.226L19.2258 19.226L19.2258 9.7814C19.2258 9.35382 19.5724 9.0072 20 9.0072Z" fill="%23828896"/></g><defs><clipPath id="clip0_1618_4362"><rect width="24" height="24" fill="white" transform="translate(20 3.0293) rotate(45)"/></clipPath></defs></svg>') center no-repeat;
}

.faq-item.--active .faq-item__content {
    display: block;
}

.app-select-dropdown__option.--disabled {
    opacity: .6;
    pointer-events: none;
    cursor: default;
}

.--ml-auto {
    margin-left: auto;
}

.ffs-secondary {
    display: none;
}

.futures-item__number {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" rx="20" fill="%23E0E5EF"/><rect x="8" y="8" width="24" height="24" rx="12" fill="%23181818"/></svg>') center no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: var(--color-white);
    margin: auto;
}

.futures-item.futures-item_single-row {
    position: relative;
}

.futures-item.futures-item_single-row .futures-item__title {
    margin-bottom: 0;
    background: none;
    height: auto;
}

.finance-form-stages__content {
    position: relative;
}

.btn.ffs-item-back {
    height: 36px;
    position: absolute;
    right: 0;
    top: 7px;
}

.finance-form__section:last-child {
    margin-bottom: 0;
}

.fin-model {
    margin-bottom: 40px;
    background: var(--color-white);
    border-radius: 4px;
    padding: 16px 24px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.fin-model__title {
    margin-bottom: 16px;
}

.fin-model__props {
    display: -ms-grid;
    display: grid;
    grid-gap: 8px;
}

.fin-model__props-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
}

.fin-model__props-row__name {
    font-size: 14px;
    line-height: 120%;
    color: var(--color-dark-gray);
}

.fin-model__props-row__value {
    font-size: 16px;
}

.fin-model__price {
    color: var(--color-primary);
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}

.fin-model__term {
    padding: 12px 16px 12px 50px;
    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 fill-rule="evenodd" clip-rule="evenodd" d="M8 1.23077C4.26146 1.23077 1.23077 4.26146 1.23077 8C1.23077 11.7385 4.26146 14.7692 8 14.7692C11.7385 14.7692 14.7692 11.7385 14.7692 8C14.7692 4.26146 11.7385 1.23077 8 1.23077ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8Z" fill="%23828896"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 11.4872C8.33987 11.4872 8.61539 11.2117 8.61539 10.8718V7.58974C8.61539 7.24988 8.33987 6.97436 8 6.97436C7.66013 6.97436 7.38462 7.24988 7.38462 7.58974V10.8718C7.38462 11.2117 7.66013 11.4872 8 11.4872Z" fill="%23828896"/><path d="M8.82051 5.12821C8.82051 4.67505 8.45316 4.30769 8 4.30769C7.54684 4.30769 7.17949 4.67505 7.17949 5.12821C7.17949 5.58136 7.54684 5.94872 8 5.94872C8.45316 5.94872 8.82051 5.58136 8.82051 5.12821Z" fill="%23828896"/></svg>') var(--color-light-gray) top 13px left 16px no-repeat;
    font-size: 14px;
    line-height: 120%;
    color: var( --color-dark-gray);
}

.fin-block {
    background: var(--color-white);
    border-radius: 4px;
    padding: 16px 24px;
    height: 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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fin-block__desc {
    margin-bottom: auto;
    line-height: 24px;
    color: var(--color-dark-gray);
}

.fin-block__title {
    margin-bottom: 16px;
}

.fin-block__buttons {
    margin-top: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
}

.fin-model__price.fin-model__price_not {
    color: var(--color-dark);
}

.ffs-item .finance-form__section-text {
    max-width: 100%;
}

.offer-stock-item .stock-item {
    border-radius: 4px 4px 0 0;
}

.offer-stock-item {
    border-radius: 4px;
    overflow: hidden;
}

.offer-stock-item__content {
    background: var(--color-white);
    padding: 40px;
    height: calc(100% - 272px);
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.offer-stock-item__content-title {
    margin-bottom: 16px;
}

.offer-stock-item__content-text {
    line-height: 24px;
    color: var(--color-dark-gray);
    margin-bottom: auto;
}

.offer-stock-item__content-buttons {
    margin-top: 40px;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
}

.section-hero.section-hero_dark {
    background: var(--color-dark);
}

.section-map {
    background: var(--color-dark);
    padding-bottom: 80px;
}

.map-iframe {
    width: 100%;
    height: 500px;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.hero-banner__contacts-geo {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
}

.hero-banner__contacts-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 40px;
}

.ct-info {
    display: -ms-grid;
    display: grid;
    grid-gap: 4px;
}

.ct-info__title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: var(--color-dark-gray);
}

.ct-info__value {
    font-size: 16px;
    line-height: 24px;
}

.ct-info__link {
    text-decoration: none;
}

.home.home-without-sidebar {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.home.home-without-sidebar .products-grid {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
}

.section-favourites {
    padding: 24px 0 80px;
}

.home.home-without-sidebar .home__content {
    grid-gap: 60px;
}

.modal-aside {
    background: var(--color-light-gray);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 1090px;
    padding: 64px 120px;
}

.modal-aside__body .finance-form {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-aside__header {
    margin-bottom: 40px;
}

.modal-aside .fancybox-button.fancybox-close-small {
    right: 24px;
    top: 24px;
    padding: 6px;
    color: var(--color-dark-gray);
    position: fixed;
}

.modal-aside .finance-form__section {
    margin-top: 80px;
}

.app-label > .app-input.app-input_white + span.error {
    background-color: var(--color-white);
}

.modal-aside__header-flex-addon {
    margin-left: auto;
    font-size: 16px;
    text-transform: none;
    color: var(--color-dark-gray);
    font-weight: normal;
}

.modal-aside__header.modal-aside__header-flex {
    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: 12px;
}

.modal-aside__header-flex-addon b {
    color: #000;
}

.modal-aside__vin-number {
    font-size: 24px;
    line-height: 32px;
    color: black;
}

.modal-aside__vin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    color: var(--color-dark-gray);
    line-height: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modal-aside__vin + .model-content {
    margin-top: 40px;
}

.modal-aside__body.model-content .model-props {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(4, 1fr);
    max-width: 100%;
}

.modal-aside__body.model-content .app-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.vin-bottom__price {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 8px;
}

.vin-bottom__text {
    line-height: 20px;
}

.vin-bottom__col:last-child {
    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: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 395px;
}

.modal-aside__loader {
    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: auto;
    background: url('data:image/svg+xml,<svg width="100" height="125" viewBox="0 0 100 125" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40 37H36C35.4477 37 35 36.5523 35 36C35 35.4477 35.4477 35 36 35H40C40.5523 35 41 35.4477 41 36C41 36.5523 40.5523 37 40 37Z" fill="%23D42222"/><path d="M20 37H24C24.5523 37 25 36.5523 25 36C25 35.4477 24.5523 35 24 35H20C19.4477 35 19 35.4477 19 36C19 36.5523 19.4477 37 20 37Z" fill="%23D42222"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.683 29.8574L19.7009 24.0199C20.1188 22.811 21.2572 22 22.5363 22H37.4645C38.7436 22 39.882 22.811 40.2999 24.0199L42.3178 29.8574H43C44.6569 29.8574 46 31.2006 46 32.8574V40.8574C46 41.4097 45.5523 41.8574 45 41.8574H44V45C44 46.1046 43.1046 47 42 47H37C35.8954 47 35 46.1046 35 45V41.8574H25V45C25 46.1046 24.1046 47 23 47H18C16.8954 47 16 46.1046 16 45V41.8574H15C14.4477 41.8574 14 41.4097 14 40.8574V32.8574C14 31.2006 15.3431 29.8574 17 29.8574H17.683ZM21.5911 24.6733C21.7304 24.2703 22.1099 24 22.5363 24H37.4645C37.8909 24 38.2703 24.2703 38.4096 24.6733L40.2017 29.8574H19.7991L21.5911 24.6733ZM17 31.8574H43C43.5523 31.8574 44 32.3051 44 32.8574V39.8574H16V32.8574C16 32.3051 16.4477 31.8574 17 31.8574ZM37 45H42V42H37V45ZM23 45H18V42H23V45Z" fill="%23D42222"/><path d="M34 1H66C67.6569 1 69 2.34315 69 4V7C69 8.65685 67.6569 10 66 10H34C32.3431 10 31 8.65685 31 7V4C31 2.34315 32.3431 1 34 1Z" stroke="%23A3A8B3" stroke-width="2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M30 5H4C1.79086 5 0 6.79086 0 9V121C0 123.209 1.79086 125 4 125H96C98.2091 125 100 123.209 100 121V9C100 6.79086 98.2091 5 96 5H70V7L96 7C97.1046 7 98 7.89543 98 9V121C98 122.105 97.1046 123 96 123H4C2.89543 123 2 122.105 2 121V9C2 7.89543 2.89543 7 4 7L30 7V5Z" fill="%23A3A8B3"/><path d="M55 23H85" stroke="%23C6CBD4" stroke-width="2" stroke-linecap="round"/><path d="M55 23H70" stroke="%23828896" stroke-width="2" stroke-linecap="round"/><path d="M55 35H85" stroke="%23C6CBD4" stroke-width="2" stroke-linecap="round"/><path d="M55 47H85" stroke="%23C6CBD4" stroke-width="2" stroke-linecap="round"/><path d="M15 59L85 59" stroke="%23C6CBD4" stroke-width="2" stroke-linecap="round"/><path d="M15 83L85 83" stroke="%23C6CBD4" stroke-width="2" stroke-linecap="round"/><path d="M15 71L85 71" stroke="%23C6CBD4" stroke-width="2" stroke-linecap="round"/><path d="M15 95L85 95" stroke="%23C6CBD4" stroke-width="2" stroke-linecap="round"/><path d="M15 107L85 107" stroke="%23C6CBD4" stroke-width="2" stroke-linecap="round"/></svg>') center top no-repeat;
    padding-top: calc(125px + 12px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    gap: 24px;
}

.modal-aside__loader-text-row {
    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: 6px;
}

.modal-aside__loader-text {
    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;
}

.CountDown {
    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: 4px;
    font-size: 16px;
    line-height: 24px;
}

.modal-aside__loader {
    margin-top: 30%;
}

.modal-recall {
    width: 736px;
    padding: 48px 64px;
    border-radius: 4px;
}

.modal-recall__content {
    max-width: 410px;
    position: relative;
    z-index: 2;
}

.modal-logo {
    margin: 0 auto 24px;
}

.modal-recall__title {
    text-align: center;
    margin-bottom: 24px;
}

.modal-recall__text {
    text-align: center;
    line-height: 24px;
    margin-bottom: 24px;
}

.modal-recall__form {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
}

.modal-recall__inputs {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
}

.modal-recall__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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
}

.form-terms a {
    color: var(--color-primary);
}

.modal-recall__btn .btn {
    width: 100%;
}

#modal-recall:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: url(../img/recall-section-car.webp) center left/contain no-repeat; */
    background: url(../img/recall-section-asset-right.webp) bottom right/contain no-repeat;
    max-width: 468px;
    max-height: 400px;
}

.modal-recall .fancybox-button.fancybox-close-small {
    right: 10px;
}

.app-input.app-input_border {
    border: 1px solid #535760;
    background-color: transparent;
    color: #535760;
}

#modal-offer {
    width: 100%;
    max-width: 600px;
    padding: 64px 120px;
    border-radius: 4px;
}
 .modal-offer-freer{
    padding: 0 !important;
}

.modal-offer-freer-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px;
    position: relative;
    height: 100%;
    overflow: hidden;
    aspect-ratio: 17 / 9;
    
}
.modal-offer-freer-wrap h2{
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
    color: white;
    z-index: 1;

}
.modal-offer-freer-wrap p{
    z-index: 1;
    color: white;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    display: flex;
}
.modal-offer-freer-wrap p span{
    z-index: 1;
    color: white;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    border-radius: 35px;
    background-color: #B41515;  
    padding: 12px 20px; 
}
.modal-offer-freer-image{
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
}
.modal-offer-freer-image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.modal-offer-freer-content{
    padding: 64px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 405px;
    width: 100%;
    margin: 0 auto;
}
.modal-offer-freer-content .modal-offer__form{
    width: 100%;
}

.modal-offer__title {
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 24px;
}

.modal-offer__text {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-dark-gray);
}

.modal-offer__form {
    margin-top: 24px;
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
}

.modal-offer__form-inputs {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px;
}

.fancybox-slide--html .fancybox-close-small {
    right: 0;
}

.modal-offer__form-btn {
    display: -ms-grid;
    display: grid;
    grid-gap: 12px;
}

.modal-offer-banner {
    width: 645px;
    border-radius: 4px;
}

.modal-offer-banner .stock-item {
    margin: -44px -44px 64px;
}

#modal-offer-banner .modal-offer__form {
    max-width: 405px;
    margin: 24px auto 0;
}

.modal-offer-banner .stock-item__asset {
    width: 69%!important;
    height: 192px!important;
    right: -17%!important;
    top: 16%!important;
    -webkit-transform: translate(5px, 0) rotate(-9deg);
    -ms-transform: translate(5px, 0) rotate(-9deg);
    transform: translate(5px, 0) rotate(-9deg);
}

.modal-message {
    background: -o-radial-gradient(93.1% 63.86%, 53.03% 53.03%, rgb(48, 48, 48) 0%, rgb(24, 24, 24) 100%);
    background: radial-gradient(53.03% 53.03% at 93.1% 63.86%, rgb(48, 48, 48) 0%, rgb(24, 24, 24) 100%);
    color: var(--color-white);
    width: 645px;
    border-radius: 4px;
}

.modal-message__heading {
    text-align: center;
    margin-bottom: 24px;
}

.modal-message__text {
    text-align: center;
    margin-bottom: 40px;
    color: var(--color-gray-3);
}

.modal-message .btn {
    width: 150px;
    margin: auto;
}

.modal-message__icon {
    background: url( 'data: image/svg+xml,url("data:image/svg+xml,<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 0C9.47959 0 0.5 8.97959 0.5 20C0.5 31.0204 9.47959 40 20.5 40C31.5204 40 40.5 31.0204 40.5 20C40.5 8.97959 31.5204 0 20.5 0ZM27.6429 16.9388L19.4796 25.102C19.0714 25.3061 18.8673 25.5102 18.4592 25.5102C18.051 25.5102 17.6429 25.3061 17.4388 25.102L13.3571 21.0204C12.7449 20.4082 12.7449 19.3878 13.3571 18.7755C13.9694 18.1633 14.9898 18.1633 15.602 18.7755L18.6633 21.8367L25.8061 14.6939C26.4184 14.0816 27.4388 14.0816 28.051 14.6939C28.2551 15.5102 28.2551 16.3265 27.6429 16.9388Z" fill="%23DF4545"/></svg>")'); background: url('data:image/svg+xml,<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 0C9.47959 0 0.5 8.97959 0.5 20C0.5 31.0204 9.47959 40 20.5 40C31.5204 40 40.5 31.0204 40.5 20C40.5 8.97959 31.5204 0 20.5 0ZM27.6429 16.9388L19.4796 25.102C19.0714 25.3061 18.8673 25.5102 18.4592 25.5102C18.051 25.5102 17.6429 25.3061 17.4388 25.102L13.3571 21.0204C12.7449 20.4082 12.7449 19.3878 13.3571 18.7755C13.9694 18.1633 14.9898 18.1633 15.602 18.7755L18.6633 21.8367L25.8061 14.6939C26.4184 14.0816 27.4388 14.0816 28.051 14.6939C28.2551 15.5102 28.2551 16.3265 27.6429 16.9388Z" fill="%23DF4545"/></svg>') center no-repeat;
    width: 41px;
    height: 40px;
    margin: 0 auto 28px;
}

.fancybox-button svg path {
    color: #585858;
}

.modal-message {
    max-width: 328px;
    padding: 32px 16px;
}

.ffs-item-next[disabled] {
    background: var(--color-dark-gray);
    cursor: no-drop;
}

.header-mobile-phone {
    display: none;
}


.cross-icon {
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDdMNyAxN003IDdMMTcgMTciIHN0cm9rZT0iIzY0Njk3MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDdMNyAxN003IDdMMTcgMTciIHN0cm9rZT0iIzY0Njk3MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-color: #151515
}

.cross-icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    mask-repeat: no-repeat;
    -webkit-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center;
    -webkit-position: no-repeat;
    -webkit-mask-position: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: block;
    -webkit-mask-size: 100%
}

/* Колесо фортуны начало */

/* .fancybox__slide {
    backdrop-filter: blur(8px);
    background-color: #191A1CCC;
    } */
    .fortuna-popup .fancybox-slide{
        padding-right: 107px;
        
    }
    .fortuna-popup .fancybox-button.fancybox-close-small{
        right: -8% !important;
        top: 0 !important;
    }
    .fortuna-popup .fancybox-button svg path {
        fill: white;
        stroke-width: 0;
        transform: scale(1.7);
    }
.wheel-of-fortune {
    font-family: "Lato", sans-serif;
}
.fortuna.fancybox-content{
    padding: 0;
    max-width: 1000px;
    width: 100% !important;
    padding: 0px 40px 0px 0px;
    transition: all 0.4s ease-in-out;
    background-color: transparent !important;
    overflow: visible;
    
}


.wheel-modal__form-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 407px;
    width: 100%;


}

.wheel-modal__title {
    font-size: 28px;
    font-weight: 400;
    margin: 0 0 20px;
    color: #fff;
}

.wheel-modal__description {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.4;
    color: #ccc;
}

.wheel-modal__form {
    display: flex;
    flex-direction: column;
}

.fancybox__backdrop {
    background-color: transparent;
}

.wheel-modal__form-group {
    margin-bottom: 16px;
    border: 1px solid rgba(130, 136, 150, 0.50);
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-radius: 4px;
    background-color: #181818;
}

.wheel-modal__label {
    display: block;

    color: #828896;
    /* font-size: 14px; */
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

.wheel-modal__input {
    width: 100%;
    padding: 0px;
    border-radius: 4px;
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 16px;
}

.wheel-modal__input:focus {
    outline: none !important;
    border: none;
    list-style: none;
}

.wheel-modal__spin-button {
    background-color: #e3000f;
    border: none;
    padding: 15px 20px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.wheel-modal__spin-button:disabled {
    background-color: #444;
    cursor: not-allowed;
}

.wheel-modal__spin-button:hover:not([disabled]) {
    background-color: #c9000c;
}

.wheel-modal__note {
    color: #828896;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.wheel-modal__note a {
    color: #D42222 !important;
    text-decoration: none;
}

/* Add the styles from wheel-of-fortune.css */
.wheel-of-fortune {
    position: relative;
    width: 521px;
    height: 521px;
    font: 12px/1 'Roboto', sans-serif;
}

.wheel-of-fortune__container {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(103.11% 100.46% at 7.49% 88.9%, #303030 0%, #181818 100%);
    border: 13px solid rgba(24, 24, 24, 0.59);
    box-shadow: -4px -4px 10px 0px rgba(255, 255, 255, 0.25), 0px 0px 0px 15px rgba(255, 255, 255, 6.25);
}

.wheel-of-fortune__segment {
    position: absolute;
    left: 50%;
    top: -50%;
    width: 100%;
    height: 100%;
    transform-origin: 0 100%;
    /* box-shadow: inset 4px 4px 16px 0px rgba(255, 255, 255, 0.25), -4px -4px 16px 0px rgba(255, 255, 255, 0.25); */
    border: 1px solid rgba(217, 217, 217, 0.60);
    transition: all 0.4s ease-in-out;

}



.wheel-of-fortune__segment:nth-child(3n+1) {
    background-color: #B41515;
    
}


.wheel-of-fortune__segment:nth-child(3n+2) {
    background-color: black;
    
}


.wheel-of-fortune__segment:nth-child(3n) {
    background-color: #828896;
    
}


.wheel-of-fortune__arroww {
    position: relative;
    top: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    transform: rotate(90deg);
}

.wheel-of-fortune__label {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 50%;
    transform-origin: 0 100%;
}

.wheel-of-fortune__label-text {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    margin-left: -20px;
    padding-left: 100px;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    text-align: center;
}

.wheel-of-fortune__label-text-name {
    padding: 0;
    margin: 0;
    transform: rotate(90deg);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    letter-spacing: -1.2px;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wheel-of-fortune__label-text-name p {
    padding: 0;
    margin: 0;
    color: white;
    text-align: center;

    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -1.2px;
    line-height: 24px;
}

.wheel-of-fortune__label-text-name span {
    color: white;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.85px;
}


.open-modal-button {
    display: inline-block;
    padding: 15px 25px;
    background-color: #e3000f;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    margin: 50px auto;
}

.open-modal-button:hover {
    background-color: #c9000c;
}

.wheel-modal {
    position: relative;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    max-width: 1000px;
    width: 100%;
    color: #fff;
    padding: 34px 50px !important;
    border-radius: 1px;
    background-image: radial-gradient(103.11% 100.46% at 7.49% 88.9%, #303030 0%, #181818 100%);
    transition: all 0.4s ease-in-out;
}

.wheel-of-fortune {
    transform: rotate(-90deg);
    flex-shrink: 0;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-shrink: 0;
    flex-basis: 30%;
    max-width: 521px;
    height: 521px;
    right: -14%;
    top: -6%;
    aspect-ratio: 1;


}


.spin-button {
    display: inline-block;
    padding: 16px 20px;
    margin-top: 20px;
    background-color: #D42222;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.spin-button:focus {
    outline: none !important;
}

.spin-button:disabled {
    background-color: #aaa;
    cursor: not-allowed;
}

.prizes li {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.carousel__button.is-close {
    top: 0 !important;
    right: -6% !important;
    transition: all 0.2s ease-in-out;
}
.carousel__button.is-close:hover {
    transform: scale(1.1);
}

.popup-prize {
    position: fixed;
    transition: all 0.4s ease-in-out;
    z-index: 2000;
    bottom: 20px;
    right: 20px;
    background-color: #4caf50;
    color: white;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    opacity: 0;
    transform: translateY(20px);

}

.popup-prize.hidden {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.popup-prize.visible {
    opacity: 1;
    transform: translateY(0);

}




/* Колесо фортуны конец */

.offer-banner__section {
    display: none;
    background: radial-gradient(4367.33% 80.71% at 40.13% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(103, 0, 0, 0.2) 100%) #bf0c0c;
    overflow: hidden
}

.offer-banner__container {
    position: relative;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offer-banner__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
}

.offer-banner__title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase
}

.offer-banner__desc {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    position: relative
}

.offer-banner__timer {
    width: 240px;
    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-radius: 16px;
    background: #151515;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 28px;
    padding: 10px 22px;
    justify-content: center;
    align-items: center;
    position: relative
}

.offer-banner__timer__text {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px
}

.offer-banner__timer__container {
    margin-left: 23%;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.offer-banner__close {
    position: absolute;
    width: 32px;
    height: 32px;
    min-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: 1px solid #fff;
    border-radius: 16px;
    right: 0;
    top: 16px;
    cursor: pointer
}

.offer-banner__close .cross-icon {
    background: #fff;
    width: 32px;
    height: 32px
}

.offer-banner__bg-1 {
    position: absolute;
    background-image: url(../img/offer-banner-1.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 216px;
    top: -50px;
    height: 214px;
    left: 83.2%
}

.offer-banner__bg-2 {
    background-image: url(../img/offer-banner-2.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 308px;
    height: 105px;
    top: 8px;
    left: 67.8%;
    position: absolute
}

.offer-banner__bg-3 {
    position: absolute;
    background-image: url(../img/offer-banner-3.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 250px;
    top: -33px;
    height: 250px;
    left: 25.9%
}
.fancybox-slide:has(.popup-megasave){
    padding:0 !important;  
  }
  

.popup-megasave{
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important; 
    height: 100%;
}


.popup-megasave .fancybox-slide {
    padding: 0 !important;

}
.popup-megasave .fancybox__content {
    background-color: inherit;
    padding: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
  }
  
  .popup-megasave .fancybox__content .is-close-btn {
    top: 26px !important;
    right: 38px !important;
    background-color: inherit;
  }
  
  .popup-megasave.fancybox__content .is-close-btn svg {
    stroke: #828896 !important;
    fill: #828896 !important;
  }
  
  .popup-megasave.fancybox__content .is-close-btn {
    display: none;
  }
  
  .popup-megasave__wrap {
    position: relative;
    padding: 24px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    height: 100vh;
    margin: 0 auto;
    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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    padding: 5vw 16px 16px;
  }
  
  .popup-megasave__wrap .button {
    max-width: 100%;
    width: 100%;
  }
  .popupopup-megasave .fancybox-close-small{
    display: none !important;
  }
  .popup-megasave__wrap .popup__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    padding: 20px;
    -webkit-transition: all 0.2 ease-in-out;
    transition: all 0.2 ease-in-out;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 1vw 1.7vw;
    border-radius: 4px;
    border: 1px solid #E0E5EF;
    background-color: transparent;
    cursor: pointer;
  }
  
  .popup-megasave__wrap .popup__close span {
    color: white;
    font-size: 0.9vw;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .popup-megasave__wrap .popup__close svg {
    max-width: 24px;
    width: 1.3vw;
    height: 1.3vw;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    fill: #828896;
  }
  
  .popup-megasave__wrap .popup__close:hover svg {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    fill: white;
  }
  
  .popup-megasave__inner {
    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;
    max-width: 1305px;
    width: 100%;
    margin: 0 auto;
  }
  
  .popup-megasave__content {
    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%;
    width: 100%;
  }
  
  .popup-megasave__content-title {
    font-family: Lato;
    z-index: 2;
    color: #FFF;
    font-size: 3.5vw;
    font-style: normal;
    font-weight: 800;
    line-height: 5vw;
    text-transform: uppercase;
  }
  
  .popup-megasave__content-subtitle {
    font-family: Lato;
    z-index: 2;
    color: #FFF;
    font-size: 2.56vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.5vw;
  }
  
  .popup-megasave__content-text {
    font-family: Lato;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 17.6px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .popup-megasave__content-text-mobil {
    display: none;
    text-align: center;
  }
  
  .popup-megasave__form {
    height: 100%;
    z-index: 2;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
  }
  
  .popup-megasave__form-wrap {
    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;
    max-width: 44vw;
    width: 100%;
    padding: 1vw 2.2vw;
    border-radius: 8px;
    background-color: #181818;
  }
  
  .popup-megasave__form-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: 1vw;
  }
  
  .popup-megasave__form-top-title h4 {
    font-family: Lato;
    color: #E0E5EF;
    font-size: 1.75vw;
    font-weight: 400;
    line-height: 2.3vw;
  }
  
  .popup-megasave__form-top-title span {
    color: #FFF;
    font-weight: 700;
  }
  
  .popup-megasave__form-top-text {
    font-family: Lato;
    color: #FFF;
    font-size: 0.9vw;
    font-weight: 400;
    line-height: 1vw;
  }
  
  .popup-megasave__form-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  
  .popup-megasave__form-fields-button {
    width: 100%;
  }
  
  .popup-megasave__form-fields-button-wrap {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  
  .popup-megasave__form-fields-button-btn {
    color: white;
    font-size: 0.9vw;
    font-weight: 700;
    line-height: 0.9vw;
    border-radius: 4px;
    background: var(--red, #D42222);
    padding: 1vw 2vw;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: none;
    cursor: pointer;
  }
  
  .popup-megasave__form-fields-button-btn:hover {
    background-color: #DF4545;
    color: white;
  }
  
  .popup-megasave__form-fields-confidentiality {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-family: Lato;
  }
  
  .popup-megasave__form-fields-confidentiality span {
    color: #828896;
    text-align: center;
    font-size: 0.6vw;
    font-weight: 400;
    line-height: 0.6vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .popup-megasave__form-fields-confidentiality a {
    color: #D42222;
    text-align: center;
    font-weight: 400;
    line-height: 16px;
  }
  
  .popup-megasave__form-fields-confidentiality a:hover {
    color: #828896;
  }
  
  .popup-megasave__input {
    color: white;
    background-color: transparent;
    max-width: 100%;
    width: 100%;
    font-family: Lato;
    font-size: 0.9vw;
    border: none;
  }
  
  .popup-megasave__input-field {
    border-radius: 4px;
    border: 1px solid rgba(130, 136, 150, 0.5);
    background: var(--black, #181818);
    padding: 0.6vw 0.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.3vw;
    max-width: 360px;
    width: 100%;
  }
  
  .popup-megasave__input-field label {
    font-size: 0.8vw;
    color: #828896;
    font-weight: 400;
    line-height: 0.9vw;
    cursor: pointer;
    font-family: Lato;
  }
  
  .popup-megasave__input::-webkit-input-placeholder {
    color: #828896;
  }
  
  .popup-megasave__input::-moz-placeholder {
    color: #828896;
  }
  
  .popup-megasave__input:-ms-input-placeholder {
    color: #828896;
  }
  
  .popup-megasave__input::-ms-input-placeholder {
    color: #828896;
  }
  
  .popup-megasave__input::placeholder {
    color: #828896;
  }
  
  .popup-megasave__image {
    max-width: 70vw;
    width: 100%;
    z-index: 1;
    top: 0%;
    left: 0;

  }
  .popup-megasave__image img{
    max-width: 100%;
    width: 100%;
    object-fit: cover;

  }
  .popup-megasave__image-photo {
    max-width: 247px;
    z-index: 2;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin-bottom: 14px;
  }

@media(max-width: 1100px) {
    .offer-banner__container {
        padding:12px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .offer-banner__text {
        gap: 8px
    }

    .offer-banner__text .br-mobile {
        display: block
    }

    .offer-banner__title {
        position: relative;
        font-size: 20px;
        line-height: 24px
    }

    .offer-banner__desc {
        font-size: 12px;
        line-height: 16px
    }

    .offer-banner__timer {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: 16px;
        line-height: 28px;
        padding: 4px 13px
    }

    .offer-banner__timer__text {
        font-size: 16px;
        line-height: 14px
    }

    .offer-banner__timer__container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin: 0;
        margin-top: 8px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 8px
    }

    .offer-banner__bg-2,.offer-banner__bg-1 {
        display: none
    }

    .offer-banner__bg-3 {
        width: 218px;
        top: 23px;
        height: 210px;
        left: auto;
        right: -40px
    }
}

.fancybox__slide {
    padding: 0 !important;
}
  
.popup-preset.fancybox-content {
    background-color: inherit;
    padding: 5px;
    width: 100%;
    cursor: inherit;
}
  
.popup-preset.fancybox-content .is-close-btn {
    top: 26px !important;
    right: 38px !important;
    background-color: inherit;
}
  
.popup-preset.fancybox-content .is-close-btn svg {
    stroke: var(--grey1) !important;
}
  
.popup-preset.fancybox-content .fancybox-close-small {
    display: none;
}
  
.popup-preset__wrap {
    position: relative;
    border-radius: 4px;
    background: radial-gradient(48.42% 53.26% at 14.15% 48.21%, #303030 0%, #181818 100%);
    max-width: 1210px;
    width: 100%;
    backdrop-filter: blur(2px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}
  
.popup-preset__wrap .button {
    max-width: 100%;
    width: 100%;
}
  
.popup-preset__wrap .popup__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    padding: 20px;
    -webkit-transition: all 0.2 ease-in-out;
    transition: all 0.2 ease-in-out;
    border: none;
    background: none;
    cursor: pointer;
}
  
.popup-preset__wrap .popup__close:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
  
.popup-preset__content {
    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%;
    width: 100%;
    padding: 60px 60px 78px;
}
  
.popup-preset__content-title {
    z-index: 2;
    font-size: 50px;
    font-weight: 700;
    line-height: 70px;
    color: white;
    margin-bottom: 13px;
}
  
.popup-preset__content-subtitle {
    z-index: 2;
    color: white;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
}
  
.popup-preset__content-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 17.6px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
  
.popup-preset__content-text-mobil {
    display: none;
    text-align: center;
}
  
.popup-preset__form {
    height: 100%;
    z-index: 2;
    padding: 104px 100px 116px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
  
.popup-preset__form-wrap {
    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;
    max-width: 407px;
    width: 100%;
}
  
.popup-preset__form-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;
}
  
.popup-preset__form-top-title {
    font-size: 32px;
    text-align: center;
    font-weight: 400;
    line-height: 48px;
    text-transform: uppercase;
    color: white;
}
  
.popup-preset__form-top-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: white;
}
  
.popup-preset__form-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;
}
  
.popup-preset__form-fields-button {
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    border-radius: 4px;
    background: var(--red, #D42222);
    padding: 16px 40px;
    width: 100%;
    margin-top: 16px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border: none;
}
  
.popup-preset__form-fields-button:hover {
    background-color: #DF4545;
    color: white;
}
  
.popup-preset__form-fields-confidentiality {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
  
.popup-preset__form-fields-confidentiality span {
    color: #828896;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
  
.popup-preset__form-fields-confidentiality a {
    color: #D42222;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
  
.popup-preset__form-fields-confidentiality a:hover {
    color: #828896;
}
  
.popup-preset__input {
    color: white;
    background-color: transparent;
    border: none;
}
  
.popup-preset__input-field {
    border-radius: 4px;
    border: 1px solid rgba(130, 136, 150, 0.5);
    background: var(--black, #181818);
    padding: 10px 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: 6px;
}
  
.popup-preset__input-field label {
    color: #828896;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    cursor: pointer;
}
  
.popup-preset__input::-webkit-input-placeholder {
    color: #828896;
}
  
.popup-preset__input::-moz-placeholder {
    color: #828896;
}
  
.popup-preset__input:-ms-input-placeholder {
    color: #828896;
}
  
.popup-preset__input::-ms-input-placeholder {
    color: #828896;
}
  
.popup-preset__input::placeholder {
    color: #828896;
}
  
.popup-preset__image {
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 0;
}
  
.popup-preset__image-photo {
    max-width: 247px;
    z-index: 2;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 14px;
}

.popup-preset__image-photo img{
    object-fit: contain;
    width: 100%;
}
  
.main-form-checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

.main-form-checkbox__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.main-form-checkbox__checkmark {
    width: 16px;
    height: 16px;
    border: 1px solid #D42222;
    border-radius: 4px;
    position: relative;
    z-index: 1;
}

.main-form-checkbox__text {
    font-size: 12px;
    line-height: 120%;
    text-align: left;
    flex: 1;
}

.agreement-error-placeholder span.error {
    font-size: 12px;
    color: #D42222;
}

.main-form-checkbox__input:checked ~ .main-form-checkbox__checkmark:after {
    opacity: 1;
}

.main-form-checkbox__checkmark:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.83464 0.5L3.2513 5.08333L1.16797 3" stroke="%23D42222" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    opacity: 0;
}

.main-form-checkbox{
    display: flex;
    align-items: center;
}