:root {
  --primary-color: #FFDA05;
  --secondary-color: #FFB905;
  --color-text: #0C0D0D;
}

.theme-blue {
  --primary-color: #405DFF;
  --secondary-color: #2F4DFF;
  --color-text: #fff;
}

@font-face {
  font-family: "Montserrat", serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat", serif;
  font-weight: 500;
  font-style: normal;
}
/* CSS Reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Montserrat", serif;
  background-color: #0C0D0D;
  color: #0C0D0D;
}

h1, h2, h3, h4 {
  font-weight: 400;
}

h2 {
  font-size: 72px;
  line-height: 1;
}
@media screen and (max-width: 1280px) {
  h2 {
    font-size: 52px;
  }
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  font-size: 40px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  h3 {
    font-size: 28px;
  }
}

h4 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  h4 {
    font-size: 24px;
  }
}

.section-content {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
}
.section-content p {
  margin-bottom: 20px;
}
.section-content b, .section-content strong {
  color: #fff;
}
.section-content h2, .section-content h3, .section-content h4 {
  font-weight: 500;
  line-height: 1.1;
  color: #fff;
}
.section-content h2 {
  font-size: 42px;
  margin: 60px 0 30px;
}
.section-content h3 {
  font-size: 34px;
  margin: 40px 0 20px;
}
.section-content ol, .section-content ul {
  padding-left: 30px;
  margin-bottom: 20px;
}
.section-content ol {
  counter-reset: list-counter;
  list-style: none;
}
.section-content ol > li {
  counter-increment: list-counter;
  position: relative;
}
.section-content ol > li::before {
  content: "[" counter(list-counter) "]";
  position: absolute;
  left: -30px;
  color: var(--primary-color);
}
.section-content ul > li {
  position: relative;
}
.section-content ul > li::before {
  content: "";
  display: flex;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 10px;
  left: -16px;
  background-color: var(--primary-color);
}
.section-content li:not(:last-child) {
  margin-bottom: 10px;
}
.section-content img {
  margin: 30px 0;
}
.section-content a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.section-content a:hover {
  color: inherit;
  text-decoration: unset;
}
.section-content blockquote {
  padding: 50px 100px;
  margin: 50px 0;
  border: 1px solid #3B3B3B;
  background-color: #1D1D1D;
  font-size: 22px;
  width: 75%;
  min-width: 750px;
  position: relative;
}
.section-content blockquote::before, .section-content blockquote::after {
  content: "";
  position: absolute;
  width: 39px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='35' viewBox='0 0 39 35' fill='none'%3E%3Cpath d='M9.78545 20.241C11.3927 20.7095 12.6218 21.5997 13.4727 22.9116C14.4182 24.1299 14.8909 25.6292 14.8909 27.4096C14.8909 29.6586 14.1818 31.486 12.7636 32.8916C11.3455 34.2972 9.59636 35 7.51636 35C5.24727 35 3.40364 34.2972 1.98545 32.8916C0.661818 31.3922 0 29.5649 0 27.4096C0 26.2851 0.0945451 25.2075 0.283636 24.1767C0.567272 23.0522 1.08727 21.4592 1.84364 19.3976L7.8 0H14.6073L9.78545 20.241ZM33.8945 20.241C35.5018 20.7095 36.7309 21.5997 37.5818 22.9116C38.5273 24.1299 39 25.6292 39 27.4096C39 29.6586 38.2909 31.486 36.8727 32.8916C35.4545 34.2972 33.7055 35 31.6255 35C29.3564 35 27.5127 34.2972 26.0945 32.8916C24.7709 31.3922 24.1091 29.5649 24.1091 27.4096C24.1091 26.2851 24.2036 25.2075 24.3927 24.1767C24.6764 23.0522 25.1964 21.4592 25.9527 19.3976L31.9091 0H38.7164L33.8945 20.241Z' fill='%23FFDA05'/%3E%3C/svg%3E");
}
.section-content blockquote::before {
  top: 23px;
  left: 42px;
}
.section-content blockquote::after {
  bottom: 23px;
  right: 42px;
}
.section-content blockquote p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .section-content h2 {
    font-size: 28px;
    margin: 60px 0 20px;
  }
  .section-content h3 {
    font-size: 24px;
  }
  .section-content blockquote {
    font-size: 16px;
    width: auto;
    min-width: unset;
    padding: 25px 45px;
    margin: 25px 0;
  }
  .section-content blockquote::before, .section-content blockquote::after {
    width: 20px;
    height: 18px;
    background-size: 100% 100%;
  }
  .section-content blockquote::before {
    left: 17px;
  }
  .section-content blockquote::after {
    right: 17px;
  }
}

.section-title {
  font-size: 72px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
}
.section-title span {
  color: var(--primary-color);
}
.section-title span.white {
  color: #fff;
}
@media screen and (max-width: 1280px) {
  .section-title {
    font-size: 52px;
  }
}
@media screen and (max-width: 768px) {
  .section-title {
    font-size: 32px;
  }
}

.section-title__wrap {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .section-title__wrap {
    margin-bottom: 30px;
  }
}

.section-title:empty {
  display: none;
}

.small-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

.default-text {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
}

section {
  padding: 100px 0;
  background-color: #0C0D0D;
  position: relative;
  z-index: 2;
}
section.dark {
  color: #fff;
}
section.light {
  color: #000;
}
@media screen and (max-width: 1024px) {
  section {
    padding: 60px 0;
  }
}
@media screen and (max-width: 768px) {
  section {
    overflow: hidden;
    padding: 40px 0;
  }
}

.scroll-section {
  z-index: 1;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.delete-contract-confirm.loading {
  position: relative;
  pointer-events: none;
  opacity: 0.7;
  gap: 10px;
}

.delete-contract-confirm.loading::before {
  content: "";
  position: relative;
  width: 16px;
  height: 16px;
  border: 2px solid #151515;
  border-top-color: #fff; /* spinner color */
  border-radius: 50%;
  animation: spin 1s linear infinite; /* Apply the spin animation */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* For Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
  transition: 0.3s ease;
}
a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

p, label {
  margin-bottom: 0;
}

ul,
ol {
  list-style: none;
  padding-left: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

code,
pre {
  font-family: "Courier New", Courier, monospace;
}

.container-full {
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .container-full {
    padding: 0 20px;
  }
}

.default-btn {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: normal;
  padding: 17px 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 8px;
  cursor: pointer;
  border: unset;
}
.default-btn svg {
  color: inherit;
}
.default-btn.yellow {
  color: var(--color-text);
  background-color: var(--primary-color);
}
.default-btn.black {
  color: var(--primary-color);
  background-color: #0C0D0D;
}
.default-btn.black-default {
  color: #fff;
  background-color: #0C0D0D;
}
.default-btn.transparent {
  color: #fff;
  border: 1px solid #fff;
}
.default-btn.transparent-dirty {
  color: #888;
  border: 1px solid #888;
  background-color: transparent;
}
.default-btn.transparent-dirty:hover {
  border-color: #fff;
  color: #fff;
}
.default-btn.bordered {
  color: #0C0D0D;
  border: 1px solid #0C0D0D;
  background-color: transparent;
}
.default-btn.border-yellow {
  color: #fff;
  border: 1px solid var(--primary-color);
  background-color: transparent;
}
.default-btn.border-yellow:hover {
  background-color: var(--primary-color);
}
.default-btn.border-yellow:hover svg path {
  fill: #0C0D0D;
}
.default-btn.border-yellow:hover span::before {
  color: #0C0D0D;
}
.default-btn.small {
  font-size: 15px;
}
.default-btn.submit {
  grid-column-start: span 2;
}
@media screen and (max-width: 768px) {
  .default-btn.submit {
    grid-column-start: unset;
  }
}
.default-btn.disabled, .default-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.default-btn svg path {
  transition: 0.3s ease;
}
@media screen and (max-width: 768px) {
  .default-btn {
    padding: 17px 10px;
  }
}

.default-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1700px) {
  .default-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .default-list.hide-last .default-item:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .default-list {
    grid-template-columns: 1fr 1fr;
  }
  .default-list.hide-last .default-item:nth-child(4) {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .default-list {
    grid-template-columns: 1fr;
  }
}

.with-flag:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 32px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
}

.default-item__img.united-states:after,
.with-flag.united-states:after {
  background-image: url("../img/flags/united-states.svg");
}

.default-item__img.european-union:after,
.with-flag.european-union:after {
  background-image: url("../img/flags/european-union.svg");
}

.default-item__img.south-korea:after,
.with-flag.south-korea::after {
  background-image: url("../img/flags/south-korea.svg");
}

.default-item {
  padding: 20px;
  border: 1px solid #3B3B3B;
  background: #0C0D0D;
  overflow: hidden;
}
.default-item__img {
  position: relative;
  overflow: hidden;
  height: 16vw;
  min-height: 270px;
}
.default-item__img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 32px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
}
.default-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}
.default-item__img:hover img {
  scale: 1.05;
}
.default-item__road {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  color: #0C0D0D;
  z-index: 11;
}
.default-item__road--text {
  font-weight: 500;
}
.default-item__name {
  display: inline-block;
  font-weight: 500;
  margin: 20px 0 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 320px;
}
@media screen and (min-width: 2000px) {
  .default-item__name {
    max-width: 440px;
  }
}
@media screen and (max-width: 1700px) {
  .default-item__name {
    max-width: 260px;
  }
}
@media screen and (max-width: 1024px) {
  .default-item__name {
    max-width: 300px;
  }
}
.default-item__info {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.default-item__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.default-item__top {
  display: flex;
  align-items: center;
}
.default-item__type {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 10px;
  color: var(--primary-color);
}
.default-item__type.miles {
  justify-content: flex-end;
  margin-top: 5px;
}
.default-item__type span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}
.default-item__type span img {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.default-item__icons {
  position: absolute;
  top: 0;
  right: 0;
  background: #0C0D0D;
  padding: 5px 5px 10px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.default-item__compare svg path {
  transition: 0.3s ease;
}
.default-item__compare.active svg path {
  fill: var(--primary-color);
  opacity: 1;
}
.default-item__price {
  color: var(--primary-color);
}
.default-item__year {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--primary-color);
}
.default-item__year span {
  color: #fff;
}
.default-item__btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  padding: 0 20px;
  margin: 20px -20px 0;
}
.default-item__btn {
  font-size: 14px;
  padding: 10px 0;
}
.default-item__inner {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .default-item {
    padding: 10px 10px 20px;
  }
  .default-item__img {
    height: 220px;
    min-height: unset;
  }
  .default-item__btns {
    padding: 0 10px;
    margin: 20px -10px 0;
  }
  .default-item__info {
    flex-direction: column;
  }
  .default-item__type.miles {
    justify-content: flex-start;
  }
  .default-item__type {
    margin-left: 0;
  }
}

.header-wrap {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .header-wrap {
    margin-bottom: 30px;
  }
}

.dropdown-menu {
  top: 9px;
  display: flex;
  background-color: unset;
  opacity: 0;
  visibility: hidden;
  padding-left: 6px;
  transition: 0.3s ease;
}

.dropdown-header {
  color: #fff;
  font-size: 15px;
  padding: 0;
  transition: 0.3s ease;
}

.dropdown-header:hover {
  color: var(--primary-color);
}

.switcher:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.favourites {
  position: relative;
}
.favourites::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: auto;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 17.1768L8.39625 16.1845C6.73858 14.6807 5.36775 13.3884 4.28375 12.3077C3.19975 11.2269 2.34075 10.265 1.70675 9.422C1.07275 8.57917 0.629833 7.81025 0.378 7.11525C0.126 6.42042 0 5.71533 0 5C0 3.58083 0.4785 2.39267 1.4355 1.4355C2.39267 0.4785 3.58083 0 5 0C5.873 0 6.698 0.204167 7.475 0.6125C8.252 1.02083 8.927 1.60642 9.5 2.36925C10.073 1.60642 10.748 1.02083 11.525 0.6125C12.302 0.204167 13.127 0 14 0C15.4192 0 16.6073 0.4785 17.5645 1.4355C18.5215 2.39267 19 3.58083 19 5C19 5.71533 18.874 6.42042 18.622 7.11525C18.3702 7.81025 17.9272 8.57917 17.2932 9.422C16.6592 10.265 15.8018 11.2269 14.721 12.3077C13.6403 13.3884 12.2679 14.6807 10.6038 16.1845L9.5 17.1768Z' fill='%23FFDA05'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.favourites.active::before, .favourites.has-favourites::before {
  opacity: 1;
  visibility: visible;
}
.favourites .count {
  position: absolute;
  bottom: 60%;
  right: -60%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5em;
  border-radius: 1em;
  padding: 0.3em;
  line-height: 1;
  background-color: #242525;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear;
}
.favourites .count.show {
  opacity: 1;
  visibility: visible;
}

.card {
  border-radius: unset;
  border: unset;
}
.card:hover img {
  scale: 1.05;
}
.card__img {
  display: block;
  width: 100%;
  height: 580px;
  overflow: hidden;
  position: relative;
}
.card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}
.card__fav {
  position: absolute;
  top: 20px;
  right: 20px;
}
.card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.card__characters {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card__name, .card__price {
  font-size: 32px;
  font-weight: 500;
  color: #0C0D0D;
}
.card__info {
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
}
.card__list {
  display: flex;
  align-items: center;
  gap: 22px;
}
.card__item {
  font-size: 15px;
  color: rgba(12, 13, 13, 0.7);
  text-transform: uppercase;
  position: relative;
}
.card__item:not(:last-child)::after {
  content: "/";
  color: rgba(12, 13, 13, 0.3);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -14px;
}
.card__new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  color: #0C0D0D;
  background-color: var(--primary-color);
}
.card__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 540px;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
  .card__name {
    max-width: 350px;
  }
}
@media screen and (max-width: 768px) {
  .card__img {
    height: 280px;
  }
  .card__name, .card__price {
    font-size: 18px;
  }
  .card__info {
    padding: 16px 0;
  }
  .card__item {
    font-size: 12px;
  }
  .card__name {
    max-width: 230px;
  }
  .card__new {
    font-size: 15px;
    padding: 8px 12px;
  }
  .card__characters {
    flex-direction: column;
    align-items: flex-start;
  }
  .card__head {
    margin-bottom: 6px;
  }
  .card__list:first-child {
    margin-bottom: 8px;
  }
}

.slider-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}

.swiper-button-next, .swiper-button-prev {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  transition: 0.3s ease;
  z-index: 2;
}
.swiper-button-next::after, .swiper-button-prev::after {
  content: "";
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  background-color: #fff;
}

.swiper-button-next::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.127 13.25H5V11.75H17.127L11.4308 6.05375L12.5 5L20 12.5L12.5 20L11.4308 18.9462L17.127 13.25Z' fill='%230C0D0D'/%3E%3C/svg%3E");
}

.swiper-button-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.873 13.25L13.5693 18.9462L12.5 20L5 12.5L12.5 5L13.5693 6.05375L7.873 11.75H20V13.25H7.873Z' fill='%230C0D0D'/%3E%3C/svg%3E");
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 12px;
}
@media screen and (max-width: 768px) {
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
  }
}

@media screen and (min-width: 768px) {
  .bestseller__prev, .bestseller__next {
    display: none;
  }
}
.swiper-pagination {
  position: static;
  padding: 0;
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
}
.swiper-pagination-bullet {
  background: rgba(12, 13, 13, 0.08);
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: var(--primary-color);
}

.arrow-link {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.arrow-link.yellow {
  color: var(--primary-color);
}
.arrow-link.white {
  color: #fff;
}
.arrow-link.dark {
  color: #0C0D0D;
}
.arrow-link svg {
  min-width: 29px;
  width: 29px;
  height: 18px;
  margin-left: 8px;
  color: var(--primary-color);
}
@media screen and (max-width: 768px) {
  .arrow-link.hide-mobile span {
    display: none;
  }
}

.flip-animate {
  perspective: 1000px;
}
.flip-animate span {
  position: relative;
  display: inline-block;
  padding: 0;
  transition: 0.3s ease;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
}
@media screen and (min-width: 1025px) {
  .flip-animate span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    content: attr(data-hover);
    transition: 0.3s ease;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
    text-align: center;
    opacity: 0;
  }
  .flip-animate:hover span {
    transform: rotateX(90deg) translateY(-22px);
  }
  .flip-animate.border-yellow:focus span, .flip-animate.yellow:focus span {
    transform: none;
  }
  .flip-animate.border-yellow:hover span, .flip-animate.yellow:hover span {
    color: #0f0f0f;
  }
  .flip-animate:hover span::before {
    height: 100%;
    opacity: 1;
  }
}

.search-tags__list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.search-tags__item {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
.search-tags__item::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg opacity='0.8'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.93189 11.3806C9.02876 12.0826 7.89393 12.5007 6.66146 12.5007C3.71594 12.5007 1.32812 10.1128 1.32812 7.16732C1.32812 4.2218 3.71594 1.83398 6.66146 1.83398C9.60698 1.83398 11.9948 4.2218 11.9948 7.16732C11.9948 8.39979 11.5767 9.53462 10.8747 10.4377L14.4662 14.0292C14.7265 14.2896 14.7265 14.7117 14.4662 14.9721C14.2058 15.2324 13.7837 15.2324 13.5234 14.9721L9.93189 11.3806ZM10.6615 7.16732C10.6615 9.37646 8.8706 11.1673 6.66146 11.1673C4.45232 11.1673 2.66146 9.37646 2.66146 7.16732C2.66146 4.95818 4.45232 3.16732 6.66146 3.16732C8.8706 3.16732 10.6615 4.95818 10.6615 7.16732Z' fill='%23FCFCFD'/%3E%3C/g%3E%3C/svg%3E");
}
.search-tags__item:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.search-tags__item:hover a {
  color: inherit;
}
@media screen and (max-width: 1024px) {
  .search-tags__list {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 768px) {
  .search-tags {
    margin-bottom: 20px;
  }
}

.multiselect {
  width: 100%;
  position: relative;
  display: inline-block;
}
.multiselect.open .multiselect-arrow {
  rotate: 180deg;
}
.multiselect__wrap {
  padding: 16px 0;
  border: 1px solid #4B4B4B;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.multiselect__wrap .default-input__character {
  color: rgba(12, 13, 13, 0.5);
  padding-left: 24px;
}

.multiselect-selectbox {
  font-size: 21px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 0 24px;
}

.multiselect-selected {
  color: #0C0D0D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 20px);
  display: inline-block;
  vertical-align: middle;
}

.multiselect-selected.placeholder {
  color: #999;
}

.multiselect-arrow {
  transition: 0.3s ease;
}
.multiselect-arrow svg {
  width: 20px;
  height: 20px;
}

.multiselect-checkboxes {
  display: none;
  border: 1px solid #0C0D0D;
  background-color: #fff;
  position: absolute;
  top: 48px;
  left: -1px;
  z-index: 1;
  width: calc(100% + 2px);
  max-height: 280px;
  overflow-y: auto;
}

.multiselect__wrapper {
  margin-left: 26px;
}

.multiselect__wrap.error {
  border: 1px solid #962323;
}

.contract-from__error {
  color: #962323;
}

.multiselect-checkboxes label {
  padding: 6px 24px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  transition: 0.3s ease;
}
.multiselect-checkboxes label.disabled {
  opacity: 0.5;
}
.multiselect-checkboxes label .multiselect__pseudo-checkbox {
  position: absolute;
  top: 10px;
  left: 26px;
  border: 1px solid #000;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.multiselect-checkboxes label .multiselect__pseudo-checkbox svg {
  width: 11px;
  transform: translateX(1px);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.multiselect-checkboxes label input {
  display: none;
}
.multiselect-checkboxes label input:checked + span .multiselect__pseudo-checkbox {
  background-color: #0C0D0D;
}
.multiselect-checkboxes label input:checked + span .multiselect__pseudo-checkbox svg {
  opacity: 1;
  visibility: visible;
}

.multiselect-checkboxes label:hover {
  background-color: #f1f1f1;
}

.range-wrap {
  padding: 36px 0;
}

.default-form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  color: #fff;
}
.default-form button[type=submit] {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .default-form > label, .default-form > div {
    width: 100%;
  }
}

input:focus-visible {
  outline: unset;
}

.corner-wrap {
  position: relative;
}
.corner-wrap::before {
  content: "";
  width: 60px;
  height: 60px;
  border-top: 2px solid var(--primary-color);
  border-right: 2px solid var(--primary-color);
  position: absolute;
  top: -50px;
  right: 0;
}
.corner-wrap::after {
  content: "";
  width: 60px;
  height: 60px;
  border-bottom: 2px solid var(--primary-color);
  border-right: 2px solid var(--primary-color);
  position: absolute;
  bottom: -33px;
  right: 0;
}

.corner-after, .corner-before {
  width: 60px;
  height: 60px;
  position: absolute;
}

.corner-before {
  border-top: 2px solid var(--primary-color);
  border-left: 2px solid var(--primary-color);
  top: -50px;
  left: 0;
}

.corner-after {
  border-bottom: 2px solid var(--primary-color);
  border-left: 2px solid var(--primary-color);
  bottom: -33px;
  left: 0;
}

@media screen and (max-width: 768px) {
  .corner-before, .corner-after, .corner-wrap::before, .corner-wrap::after {
    width: 40px;
    height: 40px;
    border-width: 1px;
  }
  .corner-before {
    top: -70px;
    left: -10px;
  }
  .corner-after {
    left: -10px;
    bottom: -80px;
  }
  .corner-wrap::before {
    top: -70px;
    right: -10px;
  }
  .corner-wrap::after {
    right: -10px;
    bottom: -80px;
  }
}
.auto-calc {
  margin-bottom: 100px;
}

.auto-calc__block {
  max-width: 1000px;
  width: 100%;
}

.calculator-link {
  display: flex;
  color: var(--primary-color);
  text-decoration: underline;
  width: fit-content;
  margin: 50px auto 0;
  font-weight: 500;
}
.calculator-link:hover {
  color: var(--primary-color);
  text-decoration: unset;
}

.auto-calc__title {
  text-align: center;
  margin: 20px 0 40px;
}

.auto-calc__label .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
}
.auto-calc__label.locations .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}
.auto-calc__label .select2-container .select2-selection--single {
  height: 45px;
}
.auto-calc__label .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}

.auto-calc__box.accent_select .auto-calc__label-text {
  font-weight: 700;
}
.auto-calc__box.accent_select .select2-container--default .select2-selection--single {
  border: 1px solid #000;
}

.auto-calc__location .select2-container {
  width: 100% !important;
}

.auto-calc__wrap {
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auto-calc__form {
  background: #FFFFFF;
  border: 1px solid #FAF5EC;
  box-shadow: 0 4px 54px rgba(82, 76, 115, 0.1);
  border-radius: 30px 30px 0 0;
  padding: 56px 48px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 786px) {
  .auto-calc__form {
    padding: 30px 25px;
  }
}

.auto-calc__box {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 786px) {
  .auto-calc__box {
    flex-direction: column;
  }
}

.auto-calc__box-auction {
  margin-bottom: 30px !important;
}

.auto-calc__box:not(:last-child) {
  margin-bottom: 20px;
}

.auto-calc__label {
  display: inline-block;
  width: 100%;
}

.auto-calc__label-text {
  display: block;
}

.auto-calc__input {
  width: 100%;
  background-color: transparent;
  height: 45px;
  border-radius: 23px;
  border: 1px solid #c1c0c5;
  color: #16151B;
  font-size: 16px;
  font-weight: 400 !important;
  text-align: center;
}

.auto-calc__input:focus {
  border-color: #FEA50E;
  transition: all 0.3s;
}

.auto-calc__select {
  display: block;
  outline: 0;
  appearance: none;
  width: 100%;
  background-color: transparent;
  height: 45px;
  border-radius: 23px;
  border: 1px solid #c1c0c5;
  color: #16151B;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  transition: all 0.3s;
}

.auto-calc__select:focus {
  border-color: #FEA50E;
  transition: all 0.3s;
}

.auto-calc__btn-inner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 786px) {
  .auto-calc__btn-inner {
    flex-direction: column;
  }
}

.auto-calc__btn {
  font: inherit;
  border: none;
  background-color: transparent;
  display: inline-block;
  background: linear-gradient(90deg, #FEA50E 0%, #FFD998 99.56%);
  box-shadow: 0 4px 74px rgba(254, 165, 14, 0.2), inset 0 0 6px rgba(255, 255, 255, 0.25);
  border: 1px solid transparent;
  text-transform: uppercase;
  transition: all 0.4s;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
  max-width: 300px;
  width: 100%;
}
@media screen and (max-width: 786px) {
  .auto-calc__btn {
    max-width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (min-width: 320px) {
  .auto-calc__btn:active {
    background: #fff;
    border-color: #FEA50E;
    transition: all 0.4s;
  }
}
@media screen and (min-width: 1200px) {
  .auto-calc__btn:hover {
    background: #fff;
    border-color: #FEA50E;
    transition: all 0.4s;
  }
}
.auto-calc__result {
  background: #FFFFFF;
  border: 1px solid #FAF5EC;
  box-shadow: 0 4px 54px rgba(82, 76, 115, 0.1);
  border-radius: 0 0 30px 30px;
  position: relative;
  z-index: 2;
}

.auto-calc__list {
  padding: 56px 48px 0 48px;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 786px) {
  .auto-calc__list {
    padding: 40px 20px 0 20px;
  }
}

.auto-calc__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}

.auto-calc__item p {
  margin: 10px 0;
}

.auto-calc__item:nth-child(even) {
  background-color: #f2f2f2;
}

.auto-calc__item-result {
  background-color: #fff !important;
  padding: 0 48px 56px 48px;
}
@media screen and (max-width: 786px) {
  .auto-calc__item-result {
    padding: 0 20px 40px 20px;
  }
}

@media screen and (max-width: 786px) {
  .auto-calc__item .auto-calc__result-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 786px) {
  .auto-calc__item .auto-calc__result-text:first-child {
    max-width: 180px;
  }
}
.auto-calc__result-text-all {
  font-size: 18px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .site_catalog .breadcrumbs {
    margin-top: 10px;
  }
  .site_catalog .blog-hero {
    margin-top: 120px;
  }
  .site_catalog .blog-hero .blog-hero__img, .site_catalog .blog-hero .blog-hero__text {
    display: none;
  }
  .site_catalog .blog-hero .catalog-title {
    margin-bottom: 0;
  }
  .site_catalog .def-hero .def-hero__text {
    display: none;
  }
  .site_catalog .def-hero .def-hero__content {
    padding-bottom: 0;
  }
  .site_catalog .def-hero .catalog-title {
    margin-bottom: 0;
  }
}
.hero-404 {
  padding: 167px 0 33px;
}
@media screen and (min-width: 769px) {
  .hero-404 {
    margin-bottom: 30px;
  }
}
.hero-404__img {
  margin-bottom: 50px;
}
.hero-404__img img {
  width: 100%;
  height: auto;
}
.hero-404__content {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 60px;
}
.hero-404 h1 {
  font-size: 22px;
  font-weight: 400;
  text-align: right;
  color: #fff;
}
.hero-404 h1 span {
  color: var(--primary-color);
}
.hero-404__link {
  font-size: 15px;
}
.hero-404__text {
  color: rgba(255, 255, 255, 0.5);
  max-width: 370px;
}
@media screen and (max-width: 1024px) {
  .hero-404__content {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .hero-404 h1 {
    text-align: center;
    order: 1;
  }
  .hero-404__text {
    order: 2;
    text-align: center;
    max-width: 50%;
    margin-bottom: 15px;
  }
  .hero-404__link {
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  .hero-404 {
    padding-bottom: 100px;
  }
  .hero-404__img {
    margin-bottom: 40px;
  }
  .hero-404__text {
    max-width: 90%;
  }
}

.thank-page {
  padding: 167px 0 33px;
}
@media screen and (min-width: 769px) {
  .thank-page {
    margin-bottom: 30px;
  }
}
.thank-page__wrap {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  height: calc(100vh - 292px);
}
.thank-page__title {
  font-size: 64px;
  margin-bottom: 32px;
  max-width: 714px;
}
.thank-page__text {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .thank-page {
    padding-bottom: 100px;
  }
  .thank-page__wrap {
    height: auto;
  }
  .thank-page__title {
    font-size: 34px;
  }
  .thank-page__title br {
    display: none;
  }
  .thank-page__text {
    font-size: 16px;
    margin-bottom: 35px;
  }
  .thank-page__text br {
    display: none;
  }
}

.error__text, .error__response {
  font-size: 14px;
  color: #962323;
  line-height: 1;
  position: relative;
  bottom: 0;
  left: 0;
  padding-left: 24px;
  transition: 0.3s ease;
}
.error__text::before, .error__response::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 14C8.38447 14 9.73785 13.5895 10.889 12.8203C12.0401 12.0511 12.9373 10.9579 13.4672 9.67879C13.997 8.3997 14.1356 6.99224 13.8655 5.63437C13.5954 4.2765 12.9287 3.02922 11.9497 2.05026C10.9708 1.07129 9.7235 0.404603 8.36563 0.134506C7.00776 -0.13559 5.6003 0.003033 4.32122 0.532846C3.04213 1.06266 1.94888 1.95987 1.17971 3.11101C0.410543 4.26215 0 5.61553 0 7C0.00207756 8.85588 0.740242 10.6351 2.05255 11.9475C3.36485 13.2598 5.14412 13.9979 7 14ZM7.00011 11.4904C6.85604 11.4904 6.71521 11.4477 6.59542 11.3677C6.47563 11.2876 6.38227 11.1739 6.32714 11.0408C6.272 10.9077 6.25758 10.7612 6.28568 10.6199C6.31379 10.4786 6.38316 10.3488 6.48503 10.2469C6.5869 10.1451 6.71669 10.0757 6.85799 10.0476C6.99929 10.0195 7.14575 10.0339 7.27885 10.089C7.41196 10.1442 7.52572 10.2375 7.60576 10.3573C7.6858 10.4771 7.72852 10.6179 7.72852 10.762C7.72852 10.9552 7.65177 11.1405 7.51517 11.2771C7.37857 11.4137 7.1933 11.4904 7.00011 11.4904ZM6.22359 3.2862C6.22359 3.08026 6.3054 2.88276 6.45101 2.73715C6.59663 2.59153 6.79413 2.50972 7.00007 2.50972C7.206 2.50972 7.4035 2.59153 7.54912 2.73715C7.69474 2.88276 7.77654 3.08026 7.77654 3.2862V8.20752C7.77654 8.41346 7.69474 8.61096 7.54912 8.75657C7.4035 8.90219 7.206 8.984 7.00007 8.984C6.79413 8.984 6.59663 8.90219 6.45101 8.75657C6.3054 8.61096 6.22359 8.41346 6.22359 8.20752V3.2862Z' fill='%23962323'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.default-input {
  padding: 16px 24px;
  border: 1px solid #4B4B4B;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
@media screen and (min-width: 769px) {
  .default-input.error.right-border {
    border: 1px solid red;
  }
  .default-input.error.right-border + .left-border {
    border-left: unset;
  }
  .default-input.error.left-border {
    border: 1px solid red;
  }
  .default-input.right-border {
    border-right: unset;
  }
}
@media screen and (max-width: 768px) {
  .default-input.error.right-border {
    border: 1px solid red;
  }
  .default-input.error.right-border + .left-border {
    border-top: unset;
  }
  .default-input.error.left-border {
    border: 1px solid red;
  }
  .default-input.right-border {
    border-bottom: unset;
  }
}
.default-input .error__text {
  font-size: 12px;
  color: red;
  text-transform: uppercase;
  line-height: 1.5;
  position: absolute;
  top: 16px;
  right: 24px;
}
.default-input__character {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.default-input input, .default-input textarea {
  font-size: 21px;
  border: unset;
  background: transparent;
  width: 100%;
  resize: none;
}
.default-input input:focus-visible, .default-input textarea:focus-visible {
  outline: unset;
}
.default-input textarea {
  height: 120px;
}
.default-input.range {
  display: flex;
}
.default-input.range input {
  width: 35px;
}
.default-input.range span {
  margin: 0 8px;
}

.info-card {
  padding: 20px;
  border: 1px solid #3B3B3B;
  background-color: #0C0D0D;
  display: flex;
  flex-direction: column;
}
.info-card__icon {
  margin-bottom: 80px;
  color: var(--primary-color);
}
.info-card__title {
  margin-bottom: 15px;
}
.info-card__icon + .default-text {
  margin-top: auto;
}
.info-card.active {
  background-color: var(--primary-color);
}
.info-card.active .info-card__title {
  color: #000;
}
.info-card.active .info-card__text {
  color: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 768px) {
  .info-card__icon {
    margin-bottom: 50px;
  }
  .info-card__icon svg {
    width: 127px;
  }
}

.switcher {
  font-size: 15px;
  padding-left: 6px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.switcher > svg {
  transition: 0.3s ease;
}
.switcher:hover > svg {
  rotate: 180deg;
}
.switcher:hover .switcher__list {
  opacity: 1;
  visibility: visible;
}
.switcher__list {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #000;
  padding-left: 6px;
  transition: 0.3s ease;
}
.switcher__item a {
  display: flex;
}

@media screen and (max-width: 768px) {
  .filter__top .modern-wrap.active.filter__select {
    margin-bottom: 80px;
  }
  .filter__top .modern-wrap.active.filter__select.select-radiobutton {
    margin-bottom: 180px;
  }
  .filter__top .select-radiobutton .modern-wrap__placeholder {
    padding: 13px 30px 13px 13px;
  }
}
.modern-wrap {
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  transition: 0.3s ease;
}
.modern-wrap.active .modern-range {
  display: grid;
}
@media screen and (max-width: 768px) {
  .modern-wrap.active.hero__select {
    margin-bottom: 80px;
  }
}
.modern-wrap.active .modern-wrap__placeholder::after {
  rotate: 180deg;
}
.modern-wrap.error {
  border: 1px solid #962323;
}
.modern-wrap .default-input__character {
  font-size: 14px;
  display: flex;
  padding: 15px 13px 0;
}
.modern-wrap__placeholder {
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  padding: 7px 13px;
  position: relative;
  cursor: pointer;
}
.modern-wrap__placeholder::after {
  content: "";
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  right: 18px;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
@media screen and (max-width: 768px) {
  .modern-wrap .default-input__character {
    font-size: 12px;
    display: flex;
    padding: 8px 12px 0;
  }
  .modern-wrap .modern-selection.white {
    height: 35px !important;
  }
  .modern-wrap .modern-selection.white .select2-selection__rendered {
    line-height: 35px;
  }
  .modern-wrap__placeholder, .modern-wrap .modern-selection .select2-selection__rendered {
    font-size: 16px;
  }
}

.modern-range {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 10;
  padding: 20px 13px;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  border-top: 1px solid #3B3B3B;
  background: #242525;
  display: none;
  max-height: 214px;
  overflow: hidden;
  overflow-y: auto;
}
.modern-range .select2-selection__rendered {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.modern-range-year {
  gap: 4px;
}
.modern-range .modern-wrap.active .modern-range {
  display: grid;
  gap: 4px;
}
.modern-range .modern-selection .select2-selection__arrow {
  right: 8px !important;
}
.modern-range input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  line-height: 1;
}
.modern-range input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.modern-range input.focused {
  border-color: var(--primary-color);
}

.modern-input {
  display: flex;
  margin-bottom: 0;
  position: relative;
  transition: 0.3s ease;
  /*
  We target all input fields that can be autofilled.
  This works for Chrome, Safari (WebKit), and Firefox.
  */
}
.modern-input input:-webkit-autofill,
.modern-input input:-webkit-autofill:hover,
.modern-input input:-webkit-autofill:focus,
.modern-input input:-webkit-autofill:active,
.modern-input input:autofill {
  box-shadow: 0 0 0 1000px #2B2C2C inset !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  transition: background-color 5000s ease-in-out 0s;
}
.modern-input:not(.phone) input, .modern-input:not(.phone) textarea {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: #2B2C2C;
  line-height: 1;
  border: unset;
  padding: 15px 13px;
  resize: unset;
  width: 100%;
}
.modern-input:not(.phone) input:focus-visible, .modern-input:not(.phone) textarea:focus-visible {
  outline: unset;
}
.modern-input:not(.phone) input::placeholder, .modern-input:not(.phone) textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.modern-input textarea {
  height: 116px;
}
.modern-input .char-count {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.modern-input .error__text, .modern-input .error__response {
  position: absolute;
  bottom: -26px;
}
.modern-input.error {
  margin-bottom: 25px;
}
.modern-input.error.cta__input .error__text {
  color: #fff;
}
.modern-input.error input, .modern-input.error textarea {
  border: 1px solid #962323 !important;
}

.date-input-wrapper {
  position: relative;
  width: 100%;
}
.date-input-wrapper label {
  display: block;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}
.date-input-wrapper {
  /* Chrome, Safari, Edge */
}
.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  visibility: hidden;
}
.date-input-wrapper {
  /* Firefox */
}
.date-input-wrapper input[type=date] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.date-input-wrapper input[type=date] {
  padding: 20px 35px 20px 13px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23b5b5b5' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 612 612' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M499.641,320.573c-12.207-3.251-25.021-5.011-38.25-5.011c-1.602,0-3.189,0.071-4.781,0.119 c-78.843,2.506-142.118,66.556-143.375,145.709c-0.015,0.799-0.062,1.587-0.062,2.391c0,15.85,2.515,31.102,7.119,45.422 C339.474,568.835,395.381,612,461.391,612c81.859,0,148.219-66.359,148.219-148.219 C609.609,395.151,562.954,337.441,499.641,320.573z M461.391,561.797c-54.133,0-98.016-43.883-98.016-98.016 s43.883-98.016,98.016-98.016s98.016,43.883,98.016,98.016S515.523,561.797,461.391,561.797z'/%3E%3Cpolygon points='475.734,396.844 442.266,396.844 442.266,449.438 389.672,449.438 389.672,482.906 442.266,482.906 442.266,535.5 475.734,535.5 475.734,482.906 528.328,482.906 528.328,449.438 475.734,449.438 '/%3E%3Cpath d='M126.703,112.359c9.228,0,16.734-7.507,16.734-16.734V54.984v-38.25C143.438,7.507,135.931,0,126.703,0h-14.344 c-9.228,0-16.734,7.507-16.734,16.734v38.25v40.641c0,9.228,7.506,16.734,16.734,16.734H126.703z'/%3E%3Cpath d='M389.672,112.359c9.228,0,16.734-7.507,16.734-16.734V54.984v-38.25C406.406,7.507,398.899,0,389.672,0h-14.344 c-9.228,0-16.734,7.507-16.734,16.734v38.25v40.641c0,9.228,7.507,16.734,16.734,16.734H389.672z'/%3E%3Cpath d='M274.922,494.859c-2.333-11.6-3.572-23.586-3.572-35.859c0-4.021,0.177-7.999,0.435-11.953H74.109 c-15.845,0-28.688-12.843-28.688-28.688v-229.5h411.188v88.707c3.165-0.163,6.354-0.253,9.562-0.253 c11.437,0,22.61,1.109,33.469,3.141V93.234c0-21.124-17.126-38.25-38.25-38.25h-31.078v40.641c0,22.41-18.23,40.641-40.641,40.641 h-14.344c-22.41,0-40.641-18.231-40.641-40.641V54.984H167.344v40.641c0,22.41-18.231,40.641-40.641,40.641h-14.344 c-22.41,0-40.641-18.231-40.641-40.641V54.984H40.641c-21.124,0-38.25,17.126-38.25,38.25v363.375 c0,21.124,17.126,38.25,38.25,38.25H274.922z'/%3E%3Ccircle cx='137.165' cy='260.578' r='37.954'/%3E%3Ccircle cx='251.016' cy='260.578' r='37.954'/%3E%3Ccircle cx='364.867' cy='260.578' r='37.954'/%3E%3Ccircle cx='251.016' cy='375.328' r='37.953'/%3E%3Ccircle cx='137.165' cy='375.328' r='37.953'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 35px center;
  background-size: 20px 20px;
}
.date-input-wrapper .placeholder-text {
  position: absolute;
  background-color: #2b2c2c;
  top: 50%;
  transform: translateY(-50%);
  left: 13px;
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
  font-size: 16px;
  font-weight: 500;
  transition: opacity 0.3s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
}
.date-input-wrapper input[type=date]:focus + .placeholder-text,
.date-input-wrapper input[type=date]:valid + .placeholder-text {
  top: 10px;
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
}

.notification {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  background-color: #282828;
  width: 455px;
  padding: 15px;
  cursor: default;
}
.notification__title {
  color: #FFF;
  font-weight: 500;
  display: block;
  margin-bottom: 15px;
}
.notification__text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.notification__close {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.209209 0.20921C0.488155 -0.0697364 0.940416 -0.0697364 1.21936 0.20921L5 3.98985L8.78064 0.209209C9.05958 -0.0697365 9.51184 -0.0697365 9.79079 0.209209C10.0697 0.488155 10.0697 0.940416 9.79079 1.21936L6.01015 5L9.79079 8.78064C10.0697 9.05958 10.0697 9.51184 9.79079 9.79079C9.51184 10.0697 9.05958 10.0697 8.78064 9.79079L5 6.01015L1.21936 9.79079C0.940416 10.0697 0.488155 10.0697 0.20921 9.79079C-0.0697364 9.51184 -0.0697364 9.05958 0.20921 8.78064L3.98985 5L0.209209 1.21936C-0.0697365 0.940416 -0.0697365 0.488155 0.209209 0.20921Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  .notification {
    width: 270px;
  }
}

.notify-action {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: transparent;
  border: none;
  cursor: pointer;
  box-shadow: none;
}
.notify-action__count {
  display: none;
  position: absolute;
  width: 21px;
  height: 21px;
  left: 19.84px;
  top: -1.98px;
  background-color: #52B47D;
  border-radius: 50%;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}

.auth-page {
  padding-top: 120px;
}
.auth-page.reset .auth-page__wrap {
  max-width: 790px;
  width: 100%;
}
.auth-page h1 {
  text-align: center;
}
.auth-page__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.auth-page__body {
  background-color: #0C0D0D;
  padding: 46px 80px;
  border: 1px solid #3B3B3B;
}
.auth-page__header {
  margin-bottom: 20px;
}
.auth-page__header .section-title {
  font-weight: 600;
  font-size: 60px;
  line-height: 100%;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.auth-page__header .section-text {
  font-weight: 500;
  font-size: 22px;
  line-height: 140%;
  color: #FFFFFF;
}
.auth-page__wrap {
  padding: 50px 80px 50px;
  width: 100%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.05);
}
.auth-page__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 440px;
  margin: 0 auto;
}
.auth-page__form .form-group {
  margin-bottom: 0;
  width: 100%;
}
.auth-page__submit {
  padding: 20px 23px;
}
.auth-page__agree .default-text a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.auth-page__agree .default-text a:hover {
  text-decoration: unset;
}
.auth-page .sing-in-btn {
  margin: 45px auto 10px;
  width: 100%;
}
.auth-page__varaints {
  display: flex;
  align-items: center;
  gap: 35px;
  max-width: 440px;
  margin: 0 auto 30px;
}
.auth-page input[type=text], .auth-page input[type=email], .auth-page input[type=tel], .auth-page input[type=password] {
  padding: 20px 13px;
  height: auto;
}
@media screen and (max-width: 1580px) {
  .auth-page__wrap {
    padding: 40px 50px 30px;
  }
  .auth-page__body {
    padding: 40px 50px;
  }
}
@media screen and (max-width: 1280px) {
  .auth-page__header {
    margin-bottom: 40px;
  }
  .auth-page__header .section-title {
    font-size: 52px;
  }
  .auth-page__varaints {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .auth-page__content {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 768px) {
  .auth-page {
    padding-top: 100px;
  }
  .auth-page__header {
    margin-bottom: 20px;
  }
  .auth-page__header .section-title {
    font-size: 32px;
  }
  .auth-page__header .section-text {
    font-size: 16px;
  }
  .auth-page__wrap {
    padding: 20px 10px;
    width: 100%;
  }
  .auth-page__body {
    padding: 20px 18px;
  }
  .auth-page__varaints {
    flex-direction: column;
    text-align: center;
  }
  .auth-page .sing-in-btn {
    margin: 26px auto 10px;
  }
}

.delivery-service__header {
  display: flex;
  align-items: center;
  gap: 20px 40px;
  margin-bottom: 20px;
}
.delivery-service .section-title {
  font-size: 30px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.delivery-service__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.delivery-service__sliders {
  display: none;
  overflow: hidden;
  width: 100%;
}
.delivery-service .site-logo {
  flex-shrink: 0;
}
.delivery-service__icon, .delivery-service__item {
  display: flex;
}
.delivery-service__item {
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 20px 35px;
  border: 1px solid #3B3B3B;
  background-color: #0C0D0D;
  transition: 0.3s ease;
}
.delivery-service__icon {
  align-items: center;
  width: 75px;
  height: 61px;
  flex-shrink: 0;
}
.delivery-service__item-title {
  max-width: 262px;
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #FFFFFF;
  margin-top: 88px;
  margin-bottom: 15px;
}
.delivery-service__item-text {
  max-width: 250px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 1280px) {
  .delivery-service__grid {
    grid-template-columns: 1fr;
  }
  .delivery-service__item-title {
    margin-top: 58px;
  }
}
@media screen and (min-width: 1025px) {
  .delivery-service .swiper-pagination {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .delivery-service__header {
    flex-direction: column;
    gap: 10px 0;
  }
  .delivery-service .section-title {
    font-size: 24px;
    text-align: center;
  }
  .delivery-service__grid, .delivery-service .site-logo {
    display: none;
  }
  .delivery-service__sliders {
    display: block;
  }
  .delivery-service__item {
    padding: 15px 15px 25px;
  }
  .delivery-service__icon {
    width: 60px;
    height: 46px;
  }
  .delivery-service__item-title {
    font-size: 18px;
    margin-top: 58px;
    max-width: 100%;
  }
  .delivery-service__item-text {
    font-size: 14px;
    max-width: 100%;
  }
  .delivery-service__slider {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
  }
  .delivery-service__slider .title {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .delivery-service__slider .icon {
    width: 65px;
    height: 51px;
  }
  .delivery-service .swiper-pagination {
    bottom: 0 !important;
    position: relative;
    margin: 10px auto 0;
  }
  .delivery-service .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #ccc;
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 5px;
  }
  .delivery-service .swiper-pagination-bullet-active {
    width: 30px;
    background: var(--primary-color);
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .delivery-service {
    padding: 10px;
  }
  .delivery-service__slider {
    gap: 10px;
    padding: 15px;
  }
  .delivery-service__slider .title {
    font-size: 16px;
  }
  .delivery-service__slider .icon {
    width: 55px;
    height: 40px;
  }
  .delivery-service__slider .icon img {
    object-fit: contain;
  }
}

.site_catalog .feedbacks, .site_catalog .catalog-on-road {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .site_catalog .feedbacks, .site_catalog .catalog-on-road, .site_catalog .car-description, .site_catalog .description {
    padding: 40px 0;
  }
}

.password-toggle, .clear-input {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  pointer-events: auto;
  z-index: 2;
  padding: 10px;
}

.password-toggle {
  right: 33px;
}
.password-toggle.active svg path {
  fill-opacity: 1;
}
.password-toggle svg path {
  transition: 0.3s ease;
}

.clear-input {
  right: 3px;
}

.password-toggle-icon {
  right: 14px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M9.49876 12.544C10.2008 12.544 10.8742 12.2759 11.3706 11.7985C11.8671 11.3211 12.146 10.6737 12.146 9.99858C12.146 9.32348 11.8671 8.67604 11.3706 8.19867C10.8742 7.72131 10.2008 7.45312 9.49876 7.45312C8.79668 7.45312 8.12336 7.72131 7.62691 8.19867C7.13046 8.67604 6.85156 9.32348 6.85156 9.99858C6.85156 10.6737 7.13046 11.3211 7.62691 11.7985C8.12336 12.2759 8.79668 12.544 9.49876 12.544Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0787004 9.53079C1.39171 5.73721 5.11279 3 9.50097 3C13.8865 3 17.6058 5.73467 18.9206 9.52485C19.0265 9.832 19.0265 10.1629 18.9206 10.4692C17.6085 14.2628 13.8865 17 9.4992 17C5.11367 17 1.39348 14.2653 0.0795828 10.4752C-0.0265276 10.1686 -0.0265276 9.83731 0.0795828 9.53079H0.0787004ZM14.1327 10C14.1327 11.1814 13.6446 12.3145 12.7758 13.1498C11.907 13.9852 10.7287 14.4545 9.50008 14.4545C8.27144 14.4545 7.09312 13.9852 6.22434 13.1498C5.35556 12.3145 4.86748 11.1814 4.86748 10C4.86748 8.81858 5.35556 7.68555 6.22434 6.85016C7.09312 6.01477 8.27144 5.54545 9.50008 5.54545C10.7287 5.54545 11.907 6.01477 12.7758 6.85016C13.6446 7.68555 14.1327 8.81858 14.1327 10Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.password-toggle-icon.active {
  opacity: 0.3;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.17153 0.186966C2.03947 0.0639145 1.86481 -0.0030757 1.68433 0.000108531C1.50386 0.00329276 1.33167 0.0764029 1.20404 0.204036C1.0764 0.33167 1.00329 0.503861 1.00011 0.684334C0.996924 0.864807 1.06391 1.03947 1.18697 1.17153L17.9059 17.8905C17.9697 17.9589 18.0466 18.0138 18.1321 18.0519C18.2175 18.09 18.3098 18.1104 18.4033 18.1121C18.4968 18.1137 18.5897 18.0965 18.6765 18.0615C18.7632 18.0265 18.842 17.9743 18.9082 17.9082C18.9743 17.842 19.0265 17.7632 19.0615 17.6765C19.0965 17.5897 19.1137 17.4968 19.1121 17.4033C19.1104 17.3098 19.09 17.2175 19.0519 17.1321C19.0138 17.0466 18.9589 16.9697 18.8905 16.9059L2.17153 0.186966ZM19.9549 9.55237C19.4542 11.0547 18.6186 12.4236 17.5112 13.5556L14.6327 10.6772C14.9433 9.80772 15.0006 8.86797 14.7981 7.96721C14.5955 7.06644 14.1414 6.24168 13.4886 5.58885C12.8358 4.93601 12.011 4.48192 11.1102 4.27938C10.2095 4.07684 9.26972 4.13418 8.40027 4.44473L6.09955 2.14401C7.35071 1.63498 8.68891 1.37409 10.0397 1.37587C14.6559 1.37587 18.571 4.36949 19.9549 8.51858C20.0664 8.85482 20.0664 9.21706 19.9549 9.55237Z' fill='white'/%3E%3Cpath d='M13.4826 9.03853C13.4826 9.20572 13.4705 9.37013 13.4482 9.53081L9.50625 5.58978C10.0004 5.5191 10.5039 5.55545 10.9827 5.69636C11.4616 5.83727 11.9046 6.07946 12.2816 6.4065C12.6587 6.73355 12.9611 7.13782 13.1683 7.59193C13.3755 8.04605 13.4827 8.53939 13.4826 9.03853ZM10.4917 12.4873L6.55071 8.54532C6.47413 9.08077 6.52331 9.62669 6.69435 10.1398C6.86539 10.653 7.15358 11.1192 7.5361 11.5017C7.91861 11.8841 8.38494 12.1722 8.89812 12.3431C9.4113 12.514 9.95724 12.5631 10.4927 12.4864L10.4917 12.4873Z' fill='white'/%3E%3Cpath d='M5.12343 9.04127C5.12343 8.46632 5.22282 7.9146 5.40579 7.40281L2.52642 4.52344C1.41935 5.65554 0.584037 7.02443 0.0835948 8.5267C-0.0278649 8.86293 -0.0278649 9.22518 0.0835948 9.56142C1.46662 13.7105 5.38164 16.7041 9.99886 16.7041C11.3921 16.7041 12.7231 16.431 13.939 15.936L11.6382 13.6353C10.9023 13.8978 10.114 13.9797 9.33982 13.8739C8.56563 13.7682 7.82818 13.4779 7.18959 13.0276C6.55101 12.5773 6.02999 11.9801 5.67042 11.2864C5.31084 10.5926 5.12325 9.82266 5.12343 9.04127Z' fill='white'/%3E%3C/svg%3E%0A");
}

.pass-validation {
  display: none;
}
.pass-validation__list {
  margin-bottom: 10px;
  display: flex;
  gap: 8px;
  width: 90%;
}
.pass-validation__list.step-1 .pass-validation__item:first-child {
  background-color: #C93600;
}
.pass-validation__list.step-2 .pass-validation__item:first-child, .pass-validation__list.step-2 .pass-validation__item:nth-child(2) {
  background-color: #F7A700;
}
.pass-validation__list.step-3 .pass-validation__item {
  background-color: #7FF200;
}
.pass-validation__item {
  display: flex;
  width: 100%;
  height: 3px;
  background-color: #2F3133;
}
.pass-validation__text {
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: -0.48px;
}
@media screen and (max-width: 768px) {
  .pass-validation__text br {
    display: none;
  }
}

.hero__select, .modern-select {
  height: fit-content;
  position: relative;
}
.hero__select .error__text, .modern-select .error__text {
  position: absolute;
  bottom: -26px;
}
.hero__select.error, .modern-select.error {
  margin-bottom: 25px;
}
.hero__select.error .select2.select2-container.select2-container--default, .modern-select.error .select2.select2-container.select2-container--default {
  width: 100%;
}
.hero__select.error input, .hero__select.error textarea, .modern-select.error input, .modern-select.error textarea {
  border: 1px solid #962323;
}

.hero__select .modern-wrap__placeholder.active, .modern-wrap__placeholder.selected {
  color: #fff;
}

.question-form__agree {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
}
.question-form__agree a {
  color: var(--primary-color);
}
.question-form__agree a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.question-form__agree input[type=checkbox] {
  display: none;
}
.question-form__agree input[type=checkbox]:checked + .question-form__checkbox::before {
  opacity: 1;
  visibility: visible;
}
.question-form__agree .error__text {
  position: absolute;
  bottom: -20px;
}
.question-form__checkbox {
  display: inline-block;
  min-width: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--primary-color);
  margin: 0 10px -2px 0;
  position: relative;
}
.question-form__checkbox::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 13px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.2 2.09961L4.25 6.89961L2 4.71779' stroke='%230C0D0D' stroke-width='1.66667' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .question-form__agree {
    font-size: 14px;
    display: flex;
  }
  .question-form__agree .default-text {
    margin-top: -2px;
  }
}

.def-hero {
  height: calc(100vh - 100px);
  max-height: 54.188em;
  padding: 7em 1.25em 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  font-size: 1em;
}
.def-hero.catalog-hero {
  height: unset;
}
.def-hero.catalog-hero .def-hero__content {
  padding-bottom: 0;
}
.def-hero.catalog-hero .def-hero__img img {
  padding-bottom: 20vw;
}
@media screen and (max-width: 1700px) {
  .def-hero.catalog-hero .def-hero__img img {
    padding-bottom: 14vw;
  }
}
@media screen and (max-width: 1024px) {
  .def-hero.catalog-hero .def-hero__img img {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .def-hero.catalog-hero {
    padding-top: 120px;
  }
  .def-hero.catalog-hero .def-hero__img {
    display: none;
  }
  .def-hero.catalog-hero .def-hero__text {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .def-hero.catalog-hero .catalog-title p {
    font-size: 34px;
  }
}
@media screen and (min-width: 1024px) {
  .def-hero.catalog-hero .search_name {
    width: 85%;
  }
}
@media screen and (max-width: 768px) {
  .def-hero.instruction-hero .def-hero__text {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .def-hero.shipping .def-hero__text {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1700px) {
  .def-hero {
    font-size: calc(0.1008462623em + 0.8462623413vw);
  }
}
@media screen and (max-width: 991px) {
  .def-hero {
    font-size: 1em;
  }
}
@media screen and (max-width: 390px) {
  .def-hero {
    font-size: calc(-0.1142857143em + 4.5714285714vw);
  }
}
.def-hero h1 {
  position: relative;
  z-index: 1;
  font-size: 64px;
  line-height: 1.2;
  margin-bottom: 30px;
  max-width: 970px;
}
.def-hero__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
}
.def-hero__container {
  z-index: 10;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 1.125em;
  padding-right: 3.125em;
  display: flex;
  position: relative;
  margin-top: auto;
}
.def-hero__content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 3.75em;
  display: flex;
  position: relative;
}
.def-hero__link {
  display: none;
}
.def-hero__svg-1 {
  z-index: 0;
  width: 86.875em;
  height: 19.375em;
  position: absolute;
  bottom: -0.2725em;
  left: -0.3125em;
}
.def-hero__svg-1 svg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.def-hero__svg-2 {
  z-index: 2;
  width: 58.5625em;
  height: 20.5em;
  position: absolute;
  bottom: -0.34em;
  left: -0.375em;
}
.def-hero__wrap {
  z-index: 1;
  position: absolute;
  inset: 7em 1.25em 0 1.25em;
  border: 0.063em solid #3b3b3b;
  border-radius: 1.25em;
  padding: 1.25em;
}
.def-hero__img {
  z-index: 1;
  border-radius: 0.75em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  padding-top: 6vh;
}
.def-hero__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1620px) {
  .def-hero h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1300px) {
  .def-hero__content {
    padding-bottom: 1.5em;
  }
}
@media screen and (max-width: 1024px) {
  .def-hero {
    padding-top: 100px;
    flex-direction: column-reverse;
    max-height: unset;
    height: auto;
  }
  .def-hero__container {
    padding: 0;
    flex-flow: unset;
  }
  .def-hero__content {
    padding-bottom: 20px;
  }
  .def-hero__wrap {
    position: static;
    border: unset;
    padding: 0;
    width: 100%;
  }
  .def-hero__link {
    display: flex;
  }
  .def-hero__img {
    position: static;
    margin-bottom: 20px;
    border-radius: 6px;
    padding-top: 0;
  }
  .def-hero__img picture {
    width: 100%;
  }
  .def-hero__text {
    margin-bottom: 40px;
  }
  .def-hero__svg-1, .def-hero__svg-2 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .def-hero {
    padding: 92px 10px 0;
  }
  .def-hero h1 {
    font-size: 34px;
    margin-bottom: 20px;
  }
  .def-hero h1 br {
    display: none;
  }
  .def-hero__container {
    padding: 0 10px;
  }
  .def-hero__text {
    font-size: 18px;
  }
  .def-hero__text br {
    display: none;
  }
  .def-hero__link {
    font-size: 16px;
  }
}

.blog-hero {
  padding: 0;
  margin: 112px 0 0;
  position: relative;
}
.blog-hero .container-full {
  padding: 0 20px;
}
.blog-hero h1 {
  margin-bottom: 30px;
}
.blog-hero__wrap {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
}
.blog-hero__text {
  font-weight: 500;
  max-width: 788px;
}
@media screen and (max-width: 1024px) {
  .blog-hero {
    margin-top: 100px;
  }
  .blog-hero__wrap {
    position: static;
    transform: unset;
  }
  .blog-hero__img {
    margin: 0 -10px 30px;
    border-radius: 10px;
    border: 1px solid #3B3B3B;
    overflow: hidden;
  }
  .blog-hero__img img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .blog-hero h1 {
    font-size: 34px;
    margin-bottom: 20px;
  }
  .blog-hero__text {
    font-size: 18px;
  }
}

section.feedbacks.dark {
  padding-top: 20px;
}

/**/
.status-label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px;
  min-width: 220px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.status-label .custom-tooltip {
  cursor: pointer;
  flex-shrink: 0;
}
.status-label .check {
  border: 2px solid var(--primary-color);
  margin-left: auto;
  overflow: hidden;
}
.status-label .custom-tooltip.active svg path {
  fill: var(--primary-color);
}
.status-label .check-arrow {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: border-color 0.2s, background 0.2s;
}
.status-label .check-arrow svg {
  transform: scale(0);
}
.status-label input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.status-label .check input:checked + .check-arrow {
  background-color: var(--primary-color);
}
.status-label .check input:checked + .check-arrow svg {
  transform: scale(1);
}
.status-label .check:active {
  transform: scale(0.95);
}

.feedbacks {
  font-size: 16px;
}
.feedbacks__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.feedbacks__result {
  display: flex;
  align-items: center;
  gap: 10px;
}
.feedbacks__result p:not([class]) {
  color: #fff;
}
.feedbacks__result .default-text {
  color: rgba(255, 255, 255, 0.5);
}
.feedbacks__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 30px;
}
.feedbacks__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.feedbacks__count {
  color: rgba(255, 255, 255, 0.5);
}
.feedbacks__leave {
  font-size: 14px;
  padding: 12px 36px;
}
.feedbacks__right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(50% - 35px);
}
@media screen and (max-width: 1600px) {
  .feedbacks__right {
    width: 70%;
  }
}
@media screen and (max-width: 1024px) {
  .feedbacks__list {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
  .feedbacks__bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .feedbacks__right {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .feedbacks__top {
    margin-bottom: 40px;
  }
  .feedbacks__right {
    display: contents;
  }
  .feedbacks__leave {
    order: 1;
    width: 100%;
    justify-content: center;
    padding: 17px 0;
  }
  .feedbacks__count {
    order: 2;
  }
  .feedbacks .default-pagination {
    order: 3;
  }
  .feedbacks__result {
    align-items: flex-start;
    flex-direction: column;
  }
}

.remodal-overlay {
  background: rgba(0, 0, 0, 0.52);
}

.remodal .thank_subscription__close, .video-preview .thank_subscription__close {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  z-index: 10;
}
.remodal .thank_subscription__corner, .video-preview .thank_subscription__corner {
  position: absolute;
  width: 16px;
  height: 16px;
}
.remodal .thank_subscription__corner.top-left, .video-preview .thank_subscription__corner.top-left {
  top: 20px;
  left: 20px;
  border-top: 1px solid var(--primary-color);
  border-left: 1px solid var(--primary-color);
}
.remodal .thank_subscription__corner.bottom-left, .video-preview .thank_subscription__corner.bottom-left {
  bottom: 20px;
  left: 20px;
  border-bottom: 1px solid var(--primary-color);
  border-left: 1px solid var(--primary-color);
}
.remodal .thank_subscription__corner.bottom-right, .video-preview .thank_subscription__corner.bottom-right {
  bottom: 20px;
  right: 20px;
  border-bottom: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color);
}

.remodal {
  width: 500px;
  border: 1px solid #3B3B3B;
  background: #151515;
  padding: 30px;
  border-radius: 0;
}
.remodal__close {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  z-index: 20;
}
.remodal.thank_subscription {
  padding: 80px 38px;
}
.remodal.thank_subscription .small-title {
  margin-bottom: 15px;
}
.remodal.thank_subscription .default-text span {
  color: var(--primary-color);
}
.remodal.thank_subscription .thank_subscription__icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 20px;
}
.remodal .small-title span {
  color: var(--primary-color);
}
.remodal.request {
  width: 640px;
  padding: 60px;
}
.remodal.request form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.remodal.request form input, .remodal.request form textarea {
  padding: 16px 13px;
  background-color: #242525;
}
.remodal.request .small-title {
  font-size: 40px;
  text-align: left;
  margin-bottom: 30px;
}
.remodal.request .question-form__agree {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .remodal.request {
    width: 100%;
    padding: 40px;
  }
  .remodal.request .small-title {
    font-size: 28px;
  }
}
.remodal.feedback .feedback__rating {
  display: flex;
  align-items: center;
  gap: 20px;
  transition: 0.3s ease;
}
.remodal.feedback .feedback__rating.error {
  position: relative;
  margin-bottom: 25px;
}
.remodal.feedback .feedback__rating .error__text {
  display: block;
  position: absolute;
  bottom: -27px;
}
.remodal.feedback .feedback__submit {
  font-size: 16px;
  justify-content: center;
}
.remodal.feedback .feedback__extension {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  margin: -5px 0;
}
.remodal.feedback .feedback__file {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.remodal.feedback .feedback__file input {
  display: none;
}
.remodal.feedback .file-errors {
  display: none;
}
.remodal.feedback .file-errors p {
  color: red;
  text-align: left;
}
.remodal.feedback .file-list {
  display: none;
  list-style-type: none;
}
.remodal.feedback .file-list.show {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.remodal.feedback .file-list li {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 15px 5px 5px;
  border: 1px dashed rgba(255, 255, 255, 0.3);
  background-color: rgba(36, 37, 37, 0.5);
}
.remodal.feedback .file-list li img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.remodal.feedback .file-list li .wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.remodal.feedback .file-list li .filename {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 14px;
}
.remodal.feedback .file-list li .weight {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.remodal.feedback .file-list li .wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.remodal.feedback .file-list li .remove-file {
  cursor: pointer;
}
.remodal.feedback form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.remodal.feedback form input, .remodal.feedback form textarea {
  padding: 20px 13px;
  background-color: #242525;
}
.remodal.feedback .small-title {
  text-align: left;
  margin-bottom: 30px;
}
.remodal .delete-contract__btns {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 40px;
}
.remodal .delete-contract__btns .default-btn {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .remodal {
    width: 100%;
  }
  .remodal.thank_subscription {
    padding: 64px 38px;
  }
  .remodal .delete-contract__btns {
    margin-top: 20px;
    flex-direction: column;
  }
}

/***/
.video-preview-box {
  cursor: pointer;
}

.video-play-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  margin: auto;
  width: 101px;
  height: 101px;
  border-radius: 50%;
  background-color: transparent;
  transition: transform 0.4s ease;
  border: none;
}

.video-play-btn:hover {
  transform: scale(0.98);
}
.video-play-btn:hover svg path {
  fill: var(--primary-color);
}
.video-play-btn:hover svg circle {
  stroke: var(--primary-color);
}

.delete-contract .thank_subscription__icon {
  margin-bottom: 10px;
}
.delete-contract__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.delete-contract form {
  display: grid;
  gap: 10px;
}
.delete-contract span {
  text-transform: uppercase;
}
.delete-contract .delete-contract__btns {
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .delete-contract .delete-contract__btns {
    flex-direction: column;
  }
}

body > .select2-container {
  z-index: 10000;
}

.label, .modern-selection .select2-selection__rendered,
.modern-dropdown .select2-results__option--selectable {
  text-transform: capitalize;
}

.modern-selection {
  border-radius: 0 !important;
  background-color: #242525 !important;
  border: unset !important;
  text-align: left;
}
.modern-selection .select2-selection__rendered {
  font-size: 18px;
  color: #fff !important;
  padding-left: 13px !important;
}
.modern-selection .select2-selection__arrow {
  right: 13px !important;
}
.modern-selection.snowy {
  height: 51px !important;
  color: #0C0D0D !important;
  background-color: #fff !important;
}
.modern-selection.snowy .select2-selection__placeholder {
  font-weight: 500 !important;
  color: rgba(12, 13, 13, 0.6) !important;
}
.modern-selection.snowy.select2-selection--single .select2-selection__arrow b {
  border-top-color: #0C0D0D;
}
.modern-selection.snowy .select2-selection__arrow {
  height: 51px !important;
}
.modern-selection.snowy .select2-selection__rendered {
  color: #0C0D0D !important;
  font-weight: 500 !important;
  line-height: 51px;
  padding-left: 20px !important;
}
@media screen and (max-width: 768px) {
  .modern-selection.snowy .select2-selection__rendered {
    font-size: 16px;
  }
}
.modern-selection.transparent {
  background-color: transparent !important;
  height: 60px !important;
}
.modern-selection.transparent .select2-selection__arrow {
  height: 60px !important;
}
.modern-selection.transparent .select2-selection__placeholder {
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.modern-selection.transparent .select2-selection__rendered {
  font-size: 16px !important;
  color: #fff !important;
  line-height: 60px;
}
.modern-selection.prime {
  background-color: #fff !important;
  height: 50px !important;
  border-radius: 0 !important;
}
.modern-selection.prime .select2-selection__arrow {
  height: 50px !important;
}
.modern-selection.prime .select2-selection__placeholder {
  font-size: 16px !important;
  color: 0C0D0D !important;
}
.modern-selection.prime .select2-selection__rendered {
  font-size: 16px !important;
  color: #0C0D0D !important;
  line-height: 50px;
}
.modern-selection.white {
  height: 40px !important;
}
.modern-selection.white .select2-selection__placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}
.modern-selection.white.select2-selection--single .select2-selection__arrow b {
  border-top-color: #fff;
}
.modern-selection.white .select2-selection__arrow {
  height: 40px !important;
}
.modern-selection.white .select2-selection__rendered {
  line-height: 40px;
}
.modern-selection.white-large {
  height: 59px !important;
}
.modern-selection.white-large .select2-selection__placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}
.modern-selection.white-large.select2-selection--single .select2-selection__arrow b {
  border-top-color: #fff;
}
.modern-selection.white-large .select2-selection__arrow {
  height: 59px !important;
}
.modern-selection.white-large .select2-selection__rendered {
  font-size: 16px;
  line-height: 59px;
}
.modern-selection.filter {
  height: 50px !important;
}
.modern-selection.filter .select2-selection__placeholder {
  color: #fff !important;
}
.modern-selection.filter.select2-selection--single .select2-selection__arrow b {
  border-top-color: #fff;
}
.modern-selection.filter .select2-selection__arrow {
  height: 50px !important;
}
.modern-selection.filter .select2-selection__rendered {
  font-size: 16px;
  line-height: 50px;
}
.modern-selection.grey {
  height: 60px !important;
}
.modern-selection.grey .select2-selection__placeholder {
  color: #888 !important;
}
.modern-selection.grey.select2-selection--single .select2-selection__arrow b {
  border-top-color: #fff;
}
.modern-selection.grey .select2-selection__arrow {
  height: 60px !important;
}
.modern-selection.grey .select2-selection__rendered {
  line-height: 60px;
}

.prime .select-radiobutton__list {
  background-color: #fff;
  color: #0C0D0D;
}
.prime .select-radiobutton__item .select-radiobutton__text:before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23FFD600'/%3E%3Ccircle cx='7.0013' cy='6.99935' r='5.83333' fill='white'/%3E%3C/svg%3E ");
}
.prime .select-radiobutton__item:has(input:checked) .select-radiobutton__text:before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23FFD600'/%3E%3Ccircle cx='7.0013' cy='6.99935' r='5.83333' fill='white'/%3E%3Ccircle cx='7.00495' cy='6.99909' r='3.26667' fill='%23FFD600'/%3E%3C/svg%3E ");
}

.modern-dropdown {
  border: unset !important;
}
.modern-dropdown .select2-results__option--selectable {
  color: #fff;
  font-weight: 500;
  padding: 4px 13px;
}
.modern-dropdown .select2-results__option--disabled {
  padding: 4px 13px;
}
.modern-dropdown .select2-results__option--highlighted, .modern-dropdown .select2-results__option--selected {
  color: #0C0D0D !important;
  background-color: var(--primary-color) !important;
}
.modern-dropdown .select2-results__options {
  max-height: 360px !important;
}
.modern-dropdown.snowy .select2-results__option--selectable {
  color: #0C0D0D !important;
}
.modern-dropdown.snowy .select2-results__option--highlighted, .modern-dropdown.snowy .select2-results__option--selected {
  color: #fff !important;
  background-color: #0C0D0D !important;
}
.modern-dropdown.white .select2-results__options, .modern-dropdown.white-large .select2-results__options, .modern-dropdown.filter .select2-results__options {
  background-color: #191919 !important;
}
.modern-dropdown.transparent .select2-results__option--selectable {
  color: #0C0D0D !important;
}
.modern-dropdown.prime .select2-results__option--selectable {
  color: #0C0D0D !important;
}
.modern-dropdown.grey .select2-results__options {
  background-color: #242525 !important;
}

.breadcrumbs {
  margin-top: 50px;
  position: relative;
  z-index: 12;
}
.breadcrumbs.ship {
  margin-top: 0;
  padding-top: 60px;
  background-color: #0C0D0D;
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  gap: 24px;
}
.breadcrumbs__item:not(:last-child) a::after {
  content: "";
  width: 10px;
  height: 14px;
  position: absolute;
  top: 3px;
  right: -17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.70607 11.8618C3.52177 12.0436 3.2194 12.0467 3.03198 11.8672C2.84456 11.6878 2.84206 11.395 3.02636 11.2131L7.29955 7L3.02636 2.78687C2.84206 2.60501 2.84456 2.31221 3.03198 2.13278C3.2194 1.95334 3.52177 1.95637 3.70607 2.13823L8.3085 6.67568C8.49029 6.85512 8.49154 7.14428 8.3085 7.32432L3.70607 11.8618Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E");
}
.breadcrumbs__item:last-child p {
  color: #fff;
  font-weight: 500;
}
.breadcrumbs__item a {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
  position: relative;
}
.breadcrumbs__item a:hover {
  color: var(--primary-color);
}
.breadcrumbs__item p {
  color: #fff;
  line-height: 1;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    margin-top: 20px;
  }
  .breadcrumbs__list {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
}

.empty-response {
  grid-column-start: span 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-top: 150px;
}
.empty-response > svg {
  margin-bottom: 10px;
  color: var(--primary-color);
}
.empty-response .default-text {
  max-width: 470px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.empty-response__btns {
  display: flex;
  align-items: center;
  gap: 20px;
}
.empty-response__btns svg {
  color: var(--primary-color);
}
@media screen and (max-width: 1024px) {
  .empty-response {
    margin-top: 50px;
  }
  .empty-response__btns {
    flex-direction: column;
    width: 80%;
  }
  .empty-response__btn {
    width: 100%;
  }
  .empty-response .small-title {
    text-align: center;
  }
}

.mCSB_scrollTools {
  border-left: 1px solid #3B3B3B;
  width: 14px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: var(--primary-color) !important;
  width: 6px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #242525;
}

.mCSB_inside > .mCSB_container {
  margin-right: 15px;
}

.default-stars {
  display: flex;
  width: fit-content;
}
.default-stars .star {
  cursor: pointer;
}
.default-stars .star:not(:last-child) {
  padding-right: 7px;
}
.default-stars .star svg * {
  transition: 0.3s ease;
}
.default-stars:not(.default-feedback__stars):hover .star svg path,
.default-stars .star.ranked svg path {
  fill: var(--primary-color);
}
.default-stars .star:hover ~ .star svg path {
  fill: #5B5B5B;
}

.default-pagination__list {
  display: flex;
  align-items: center;
}
.default-pagination__item a, .default-pagination__item span {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  width: 44px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #3B3B3B;
  border-bottom: 1px solid #3B3B3B;
  border-left: 1px solid #3B3B3B;
  cursor: pointer;
  transition: 0.3s ease;
}
.default-pagination__item svg * {
  transition: 0.3s ease;
}
.default-pagination__item:hover a, .default-pagination__item:hover span, .default-pagination__item.current a, .default-pagination__item.current span {
  color: #0C0D0D;
  background-color: var(--primary-color);
  border-top-color: var(--primary-color);
  border-bottom-color: var(--primary-color);
}
.default-pagination__item:hover a svg path, .default-pagination__item:hover span svg path, .default-pagination__item.current a svg path, .default-pagination__item.current span svg path {
  stroke: #0C0D0D;
  stroke-opacity: 1;
}
.default-pagination__item:last-child a, .default-pagination__item:last-child span {
  border-right: 1px solid #3B3B3B;
}
@media screen and (max-width: 768px) {
  .default-pagination {
    width: 100%;
  }
  .default-pagination__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
  }
  .default-pagination__list[data-linkscount="3"], .default-pagination__list[data-linkscount="4"], .default-pagination__list[data-linkscount="5"], .default-pagination__list[data-linkscount="6"] {
    display: flex;
    align-items: center;
  }
  .default-pagination__list[data-linkscount="3"] .default-pagination__item, .default-pagination__list[data-linkscount="4"] .default-pagination__item, .default-pagination__list[data-linkscount="5"] .default-pagination__item, .default-pagination__list[data-linkscount="6"] .default-pagination__item {
    min-width: 34px;
    width: 34px;
  }
  .default-pagination__item a, .default-pagination__item span {
    width: auto;
    height: 34px;
  }
}

.best-feedbacks.models {
  padding: 20px 0;
}
.best-feedbacks__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media screen and (max-width: 1024px) {
  .best-feedbacks__list {
    grid-template-columns: 1fr;
  }
}

.select-radiobutton {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.select-radiobutton__accent {
  color: var(--primary-color);
}
.select-radiobutton__result {
  margin-left: 7px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
}
.select-radiobutton__arrow {
  transition: 0.3s ease;
}
.select-radiobutton__list {
  position: absolute;
  background-color: #242525;
  padding: 20px 13px;
  display: none;
  z-index: 10;
  top: 30px;
  left: 0;
  width: 100%;
}
.select-radiobutton__item {
  display: block;
  cursor: pointer;
  position: relative;
}
.select-radiobutton__item:not(:last-child) {
  margin-bottom: 15px;
}
.select-radiobutton__item input {
  display: none;
}
.select-radiobutton__item .select-radiobutton__text {
  position: relative;
  padding-left: 24px;
}
.select-radiobutton__item .select-radiobutton__text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23FFD600'/%3E%3Ccircle cx='7.0013' cy='7.00033' r='5.83333' fill='%23242525'/%3E%3C/svg%3E");
  border-radius: 50%;
}
.select-radiobutton__item:has(input:checked) .select-radiobutton__text::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23FFD600'/%3E%3Ccircle cx='7.0013' cy='7.00033' r='5.83333' fill='%23242525'/%3E%3Ccircle cx='7.00495' cy='6.99909' r='3.26667' fill='%23FFD600'/%3E%3C/svg%3E");
}
.select-radiobutton__item:has(input:disabled) .select-radiobutton__text::before {
  filter: grayscale(100%);
  cursor: not-allowed;
  opacity: 0.3;
}
.select-radiobutton__item:has(input:disabled) .select-radiobutton__text {
  color: #5B5B5B;
}
.select-radiobutton__text {
  display: inline-block;
}
.select-radiobutton__open {
  transform: rotate(180deg);
}
.select-radiobutton__mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .select-radiobutton__accent:nth-child(2), .select-radiobutton__result {
    display: none;
  }
  .select-radiobutton__list {
    left: unset;
    right: 0;
    width: max-content;
  }
  .select-radiobutton__mobile {
    display: flex;
  }
}

.radiobutton-list {
  display: grid;
  position: relative;
  top: unset;
  padding: 0;
  text-align: left;
  background-color: transparent;
}

.default-feedback {
  border: 1px solid #3B3B3B;
  background-color: #151515;
  padding: 20px 25px;
  background-image: url("/assets/img/dotted-bg.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.default-feedback::before, .default-feedback::after {
  content: "";
  width: 35px;
  height: 34px;
  position: absolute;
  background-repeat: no-repeat;
}
.default-feedback::before {
  top: -1px;
  left: -1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30' viewBox='0 0 26 30' fill='none'%3E%3Cpath d='M13.1569 2.84317L2.84315 13.1569C1.34286 14.6571 0.500001 16.692 0.500001 18.8137L0.5 30L-9 30L-9 -3.5L26 -3.5L26 0.500031L18.8137 0.50003C16.692 0.50003 14.6571 1.34288 13.1569 2.84317Z' fill='%230C0D0D'/%3E%3Cpath d='M0.5 30L0.500001 17.9853C0.500001 16.394 1.13214 14.8679 2.25737 13.7426L13.7426 2.25738C14.8679 1.13217 16.394 0.50003 17.9853 0.50003L26 0.500031' stroke='%233B3B3B'/%3E%3C/svg%3E");
}
.default-feedback::after {
  right: -10px;
  bottom: -5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30' viewBox='0 0 26 30' fill='none'%3E%3Cpath d='M12.8431 27.1568L23.1568 16.8431C24.6571 15.3429 25.5 13.308 25.5 11.1863V0H35V33.5H0V29.5H7.1863C9.30803 29.5 11.3429 28.6571 12.8431 27.1568Z' fill='%230C0D0D'/%3E%3Cpath d='M25.5 0V12.0147C25.5 13.606 24.8679 15.1321 23.7426 16.2574L12.2574 27.7426C11.1321 28.8678 9.60602 29.5 8.01472 29.5H0' stroke='%233B3B3B'/%3E%3C/svg%3E");
}
.default-feedback svg * {
  transition: 0.3s ease;
}
.default-feedback .swiper {
  width: 100%;
  height: 100%;
}
.default-feedback .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.default-feedback .swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.default-feedback .swiper-slide {
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.default-feedback .swiper-slide img, .default-feedback .swiper-slide video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.default-feedback__play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
}
.default-feedback__play svg {
  width: 100%;
  height: 100%;
}
.default-feedback__slider.first {
  height: 3vw;
}
.default-feedback__slider.first .swiper-slide {
  width: 25%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.default-feedback__slider.first .swiper-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: auto;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
}
.default-feedback__slider.first .swiper-slide-thumb-active::after {
  opacity: 0;
  visibility: hidden;
}
.default-feedback__slider.second {
  height: 12vw;
  width: 100%;
  position: relative;
}
.default-feedback__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.default-feedback__arrow svg {
  width: 1vw;
  height: 1vw;
}
.default-feedback__img {
  border-radius: 50%;
  overflow: hidden;
}
.default-feedback__prev {
  left: 3px;
}
.default-feedback__next {
  right: 3px;
}
.default-feedback__stars .star {
  pointer-events: none;
  user-select: none;
  width: 24px;
  height: 24px;
}
.default-feedback__stars .star:last-child {
  padding-right: 7px;
}
.default-feedback__stars .star svg {
  width: 100%;
  height: 100%;
}
.default-feedback__links {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.default-feedback__link:hover svg * {
  fill: var(--primary-color);
}
.default-feedback__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}
.default-feedback__sliders {
  width: 30%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.default-feedback__content {
  width: 66%;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.default-feedback__content.without-media {
  width: 100%;
}
.default-feedback__name {
  margin-bottom: 10px;
}
.default-feedback__car {
  color: #5B5B5B;
  margin-bottom: 15px;
}
.default-feedback__rate {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
.default-feedback__rating {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #0C0D0D;
  width: 45px;
  min-width: 45px;
  height: 25px;
  background-color: var(--primary-color);
}
.default-feedback__text {
  margin-bottom: 15px;
}
.default-feedback__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.default-feedback__date {
  font-size: 16px;
  font-weight: 500;
  color: #5B5B5B;
}
.default-feedback__right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.default-feedback__reply {
  color: #5B5B5B;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s ease;
}
.default-feedback__reply:hover {
  color: var(--primary-color);
}
.default-feedback__marks {
  display: flex;
  align-items: center;
  gap: 15px;
}
.default-feedback__mark {
  display: flex;
  align-items: center;
  gap: 5px;
}
.default-feedback__mark p {
  color: #5B5B5B;
  font-weight: 500;
}
.default-feedback__icon {
  cursor: pointer;
}
.default-feedback__icon.active svg path {
  fill: var(--primary-color);
}
@media screen and (max-width: 1024px) {
  .default-feedback__wrap {
    flex-direction: column;
    gap: 20px;
  }
  .default-feedback__sliders {
    width: 100%;
  }
  .default-feedback__content {
    width: 100%;
    position: relative;
  }
  .default-feedback__links {
    top: 0;
    right: 0;
  }
  .default-feedback__slider.first {
    display: none;
  }
  .default-feedback__slider.second {
    height: 400px;
    width: 100%;
  }
  .default-feedback__arrow svg {
    width: 20px;
    height: 20px;
  }
  .default-feedback__play {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .default-feedback {
    padding: 20px 15px;
  }
  .default-feedback__slider.second {
    height: 180px;
  }
  .default-feedback__name {
    font-size: 18px;
  }
  .default-feedback__text, .default-feedback__rate {
    margin-bottom: 20px;
  }
  .default-feedback__car {
    margin-bottom: 10px;
  }
  .default-feedback__link svg, .default-feedback__icon svg {
    width: 16px;
    height: 16px;
  }
  .default-feedback__date, .default-feedback__reply, .default-feedback__mark {
    font-size: 14px;
  }
  .default-feedback__right {
    align-items: flex-end;
    flex-direction: column-reverse;
  }
  .default-feedback__left {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.start-release {
  display: none !important;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 11;
  padding: 16px 0;
  color: #fff;
  background-color: #000;
  transition: 0.3s ease;
}
.header.second {
  font-size: 15px;
}
.header.second .header__link {
  font-size: 15px;
}
.header.hidden {
  translate: 0 -100%;
}
.header__list {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-right: 32px;
}
.header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__content {
  display: flex;
  align-items: center;
}
.header__call {
  font-size: 18px;
  font-weight: 500;
  margin-right: 32px;
}
.header__ring {
  margin: 0 16px;
  position: relative;
}
.header__ring::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--primary-color);
}
.header__ring.active::after {
  opacity: 1;
  visibility: visible;
}
.header__link {
  margin-right: 16px;
}
.header__compare {
  margin: 0 16px 0 14px;
  position: relative;
}
.header__compare span {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  right: -2px;
  background-color: var(--primary-color);
  opacity: 0;
  visibility: hidden;
}
.header__compare.active span {
  opacity: 1;
  visibility: visible;
}
.header__favourites {
  margin-right: 10px;
}
.header__favourites:hover::before {
  opacity: 1;
  visibility: visible;
}
.header__burger, .header__mobile {
  display: none;
}
.header__mobile {
  flex-direction: column;
  transform: translateY(-200%);
}
@media screen and (max-width: 1024px) {
  .header {
    background-color: #0C0D0D;
  }
  .header__link, .header__call {
    display: none;
  }
  .header__link {
    margin-right: 0;
    justify-content: center;
  }
  .header__link:first-child {
    margin-bottom: 16px;
  }
  .header__link.active {
    display: flex;
  }
  .header__switcher {
    display: none;
    font-size: 21px;
  }
  .header__switcher.active {
    display: flex;
  }
  .header__switcher .dropdown-header {
    font-size: 21px;
  }
  .header__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header__burger {
    display: flex;
    width: 30px;
    height: 30px;
    margin-left: 24px;
    position: relative;
    z-index: 2;
    overflow: hidden;
  }
  .header__burger span {
    width: 30px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--primary-color);
    transition: all 0.3s ease-in-out;
  }
  .header__burger span:nth-of-type(2) {
    top: calc(50% - 9px);
  }
  .header__burger span:nth-of-type(3) {
    top: calc(50% + 9px);
  }
  .header__mobile {
    position: absolute;
    top: 100%;
    left: 0;
    height: calc(100dvh - 92px);
    width: 100%;
    background-color: #0C0D0D;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 0 20px 20px;
    overflow: hidden;
    transition: 0.3s ease;
  }
  .header__mobile .header__list {
    align-items: unset;
    flex-direction: column;
    gap: 24px;
    padding: 35px 0;
    margin-right: 0;
    margin-bottom: 20px;
    border-top: 1px solid #202022;
    overflow-y: auto;
    height: 40vh;
  }
  .header__mobile .header__bottom {
    border-top: 1px solid #202022;
    border-bottom: 1px solid #202022;
    padding: 20px 0;
    margin-bottom: 35px;
  }
  .header__mobile .header__phone {
    font-size: 22px;
    font-weight: 500;
    color: var(--primary-color);
    margin: auto 0 20px;
  }
}

.site-logo, .header__logo {
  color: var(--primary-color);
}
.site-logo:hover, .header__logo:hover {
  color: var(--primary-color);
}

.grecaptcha-badge {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .only-desktop {
    display: none !important;
  }
}
.miles svg, .default-feedback__play svg, .car__details svg {
  color: var(--primary-color);
}

.theme-blue .header__list--blue {
  margin: 0 32px 0 auto;
}
.theme-blue .header__call--blue {
  display: none;
}
.theme-blue .help form .default-btn {
  color: #fff;
}
.theme-blue .swiper-button-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.65156 9.625L9.89188 16.8653L9 17.75L0.25 9L9 0.25L9.89188 1.13469L2.65156 8.375H17.75V9.625H2.65156Z' fill='white'/%3E%3C/svg%3E%0A");
}
.theme-blue .swiper-button-next::after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3484 8.375L8.10813 1.13469L9 0.249999L17.75 9L9 17.75L8.10812 16.8653L15.3484 9.625L0.250001 9.625L0.250001 8.375L15.3484 8.375Z' fill='white'/%3E%3C/svg%3E%0A");
}
.theme-blue .swiper-button-next:hover, .theme-blue .swiper-button-prev:hover {
  background-color: rgba(64, 93, 255, 0.5215686275);
}
.theme-blue .stages__next {
  color: #fff;
}
.theme-blue .select-radiobutton__text:before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23405DFF'/%3E%3Ccircle cx='7.0013' cy='6.99935' r='5.83333' fill='%23242525'/%3E%3C/svg%3E%0A");
}
.theme-blue .select-radiobutton__item:has(input:checked) .select-radiobutton__text::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23405DFF'/%3E%3Ccircle cx='7.0013' cy='6.99935' r='5.83333' fill='%23242525'/%3E%3Ccircle cx='7.00495' cy='6.99909' r='3.26667' fill='%23405DFF'/%3E%3C/svg%3E%0A");
}
.theme-blue .prime .select-radiobutton__item .select-radiobutton__text:before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23405DFF'/%3E%3Ccircle cx='7.0013' cy='6.99935' r='5.83333' fill='white'/%3E%3C/svg%3E ");
}
.theme-blue .prime .select-radiobutton__item:has(input:checked) .select-radiobutton__text:before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23405DFF'/%3E%3Ccircle cx='7.0013' cy='6.99935' r='5.83333' fill='white'/%3E%3Ccircle cx='7.00495' cy='6.99909' r='3.26667' fill='%23405DFF'/%3E%3C/svg%3E ");
}
.theme-blue .header__favourites svg path {
  fill: var(--primary-color);
}
.theme-blue .favourites:before {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 17.1768L8.39625 16.1845C6.73858 14.6807 5.36775 13.3884 4.28375 12.3077C3.19975 11.2269 2.34075 10.265 1.70675 9.422C1.07275 8.57917 0.629833 7.81025 0.378 7.11525C0.126 6.42042 0 5.71533 0 5C0 3.58083 0.4785 2.39267 1.4355 1.4355C2.39267 0.4785 3.58083 0 5 0C5.873 0 6.698 0.204167 7.475 0.6125C8.252 1.02083 8.927 1.60642 9.5 2.36925C10.073 1.60642 10.748 1.02083 11.525 0.6125C12.302 0.204167 13.127 0 14 0C15.4192 0 16.6073 0.4785 17.5645 1.4355C18.5215 2.39267 19 3.58083 19 5C19 5.71533 18.874 6.42042 18.622 7.11525C18.3702 7.81025 17.9272 8.57917 17.2932 9.422C16.6592 10.265 15.8018 11.2269 14.721 12.3077C13.6403 13.3884 12.2679 14.6807 10.6038 16.1845L9.5 17.1768Z' fill='%23405DFFFF'/%3E%3C/svg%3E%0A");
}
.theme-blue .hero__video {
  right: unset;
  left: 0;
}
.theme-blue .hero__link {
  margin-bottom: 20px;
}
.theme-blue .car__benefit:before {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4740_139185)'%3E%3Cpath d='M1 1L8 8M8 8L8 1M8 8L1 8' stroke='%23405DFFFF' stroke-width='1.4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4740_139185'%3E%3Crect width='9' height='9' fill='white' transform='translate(9) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.theme-blue .car__detail svg path, .theme-blue .clients__play svg path {
  fill: var(--primary-color) !important;
}
.theme-blue .clients__play svg rect {
  stroke: var(--primary-color) !important;
}
.theme-blue .filter__search svg path {
  fill: #fff;
}
.theme-blue .success-story__year:before {
  background-image: url("data:image/svg+xml,%3Csvg width='86' height='37' viewBox='0 0 86 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.5' y='2.30762' width='79' height='33' rx='1.5' stroke='%23405dff'/%3E%3Crect x='13' y='33' width='60' height='4' fill='%230C0D0D'/%3E%3Crect x='13' width='60' height='4' fill='%230C0D0D'/%3E%3Crect x='80' y='9' width='6' height='20' fill='%230C0D0D'/%3E%3Crect y='9' width='6' height='20' fill='%230C0D0D'/%3E%3C/svg%3E%0A");
}
.theme-blue .digits__list::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='4' viewBox='0 0 200 4' fill='none'%3E%3Cpath d='M2 2C65.2527 2.00001 193.006 2.00002 198 2.00002' stroke='%23405dff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 8'/%3E%3C/svg%3E");
}
.theme-blue .default-item__type img, .theme-blue .car__detail img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(94%) saturate(2960%) hue-rotate(223deg) brightness(102%) contrast(102%);
}
@media screen and (max-width: 1280px) {
  .theme-blue .container-full {
    padding: 0 20px;
  }
  .theme-blue .header__list--blue {
    margin-right: 16px;
    gap: 16px;
  }
  .theme-blue .header__compare {
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  body.active-menu {
    overflow: hidden;
  }
  body.active-menu .header__mobile {
    transform: translateY(0);
  }
  body.active-menu .header__burger span:nth-of-type(1) {
    display: none;
  }
  body.active-menu .header__burger span:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(45deg);
  }
  body.active-menu .header__burger span:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(-45deg);
  }
}
.fixed-menu {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 13;
  padding: 21px 0;
  background-color: #000;
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
}
.fixed-menu.hide {
  opacity: 0;
  visibility: hidden;
}
.fixed-menu__wrap {
  display: flex;
  justify-content: space-between;
}
.fixed-menu__list {
  display: flex;
  margin-bottom: 0;
}
.fixed-menu .hide-desktop {
  display: none;
}
.fixed-menu .account-link-item a {
  color: var(--primary-color);
}
.fixed-menu .account-link-item svg path {
  fill: var(--primary-color);
}
.fixed-menu__item:hover a {
  color: var(--primary-color);
}
.fixed-menu__item:hover svg path {
  fill: var(--primary-color);
}
.fixed-menu__item:not(:last-child) {
  margin-right: 2.5vw;
}
.fixed-menu__item a {
  font-size: 15px;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: capitalize;
}
.fixed-menu__item svg {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}
.fixed-menu__item svg * {
  transition: 0.3s ease;
}
.fixed-menu__socials {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.fixed-menu__social:not(:last-child) {
  margin-right: 16px;
}
.fixed-menu__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  width: 34px;
  height: 34px;
  background-color: #FFF;
  transition: 0.3s ease;
}
.fixed-menu__social:hover a {
  background-color: var(--primary-color);
}

@media screen and (max-width: 1024px) {
  .fixed-menu__socials {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .fixed-menu .hide-mobile {
    display: none;
  }
  .fixed-menu .hide-desktop {
    display: block;
  }
  .fixed-menu__list {
    width: 100%;
    justify-content: space-between;
  }
  .fixed-menu__list .fixed-menu__item a {
    font-size: 13px;
  }
  .fixed-menu__item:not(:last-child) {
    margin-right: 1vw;
  }
  .header__bottom .fixed-menu__socials {
    display: flex;
  }
}
#yii-debug-toolbar {
  display: none !important;
}

.search {
  padding: 10px 0 0;
}
.search .container-full {
  padding: 0 20px;
}
.search__top, .search__bottom {
  height: 35px;
  border-right: 1px solid #3B3B3B;
  border-left: 1px solid #3B3B3B;
}
.search__top {
  border-top: 1px solid #3B3B3B;
}
.search__bottom {
  border-bottom: 1px solid #3B3B3B;
}
.search__back {
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 124px 0 -30px;
  width: fit-content;
}
.search__wrap {
  margin: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.search .tag__item:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.search .tag__item.active {
  color: rgba(12, 13, 13, 0.8);
  background-color: var(--primary-color);
  cursor: default;
}
.search__label {
  width: 100%;
  position: relative;
}
.search__label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.69998 13.3934C8.20855 13.3945 9.67279 12.8832 10.8531 11.9433L14.9083 16L16 14.9079L11.9448 10.8513C12.885 9.66211 13.3941 8.18896 13.3887 6.67278C13.3833 5.1566 12.8637 3.68713 11.9149 2.50474C10.9662 1.32235 9.64438 0.497027 8.16578 0.163772C6.68719 -0.169484 5.1393 0.0090556 3.77532 0.670185C2.41134 1.33131 1.31201 2.4359 0.657132 3.80326C0.00225714 5.17062 -0.16939 6.71982 0.170268 8.19745C0.509926 9.67508 1.34078 10.9937 2.52693 11.9375C3.71308 12.8814 5.18432 13.3947 6.69998 13.3934ZM6.69998 1.5454C7.71845 1.5454 8.71406 1.84752 9.56089 2.41355C10.4077 2.97959 11.0678 3.78411 11.4575 4.72539C11.8473 5.66668 11.9492 6.70243 11.7505 7.70169C11.5518 8.70095 11.0614 9.61883 10.3412 10.3393C9.62106 11.0597 8.7035 11.5503 7.7046 11.7491C6.70569 11.9478 5.67029 11.8458 4.72934 11.4559C3.78839 11.066 2.98415 10.4058 2.41831 9.55864C1.85247 8.71151 1.55046 7.71555 1.55046 6.69672C1.55046 5.3305 2.093 4.02025 3.05872 3.05419C4.02444 2.08813 5.33424 1.5454 6.69998 1.5454Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.search__label input[type=search] {
  padding-left: 40px;
}
.search__submit {
  font-size: 16px;
  padding: 15px 40px;
}
.search__submit svg {
  display: none;
}
@media screen and (max-width: 768px) {
  .search__top {
    height: 25px;
  }
  .search__bottom {
    display: none;
  }
  .search__back {
    margin-bottom: 0;
  }
  .search__wrap {
    margin: 10px 10px 28px;
    gap: 10px;
  }
  .search__text, .search__link {
    margin-bottom: 20px;
  }
  .search__submit {
    padding: 0;
    width: 56px;
    min-width: 56px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .search__submit svg {
    display: flex;
  }
  .search__submit span {
    display: none;
  }
  .search__label::before {
    display: none;
  }
  .search__label input {
    padding-left: 13px;
  }
  .search .container-full {
    padding: 0 10px;
  }
}

.blog {
  padding-top: 60px;
}
.blog.last-posts .section-title__wrap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .blog.last-posts .blog__wrap {
    display: flex;
    flex-direction: column;
  }
  .blog.last-posts .section-title__wrap {
    display: contents;
  }
  .blog.last-posts .section-title {
    order: 1;
    margin-bottom: 30px;
  }
  .blog.last-posts .blog__slider {
    order: 2;
    width: 100%;
    overflow: hidden;
  }
  .blog.last-posts .blog__arrows {
    order: 3;
    gap: 20px;
    margin: 50px auto 0;
  }
}
.blog__result {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.blog__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.blog__arrows {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 1024px) {
  .blog__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .blog.last-posts {
    padding-top: 30px;
  }
  .blog__list {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
  .blog__count {
    order: 1;
  }
  .blog__count + .default-pagination {
    order: 2;
  }
}

.tags__list {
  display: flex;
  gap: 10px;
  margin: 0 20px;
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 10px;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .tags__list {
    margin: 0 10px;
  }
}

.default-tag {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  padding: 5px 10px;
  background-color: #3B3B3B;
  width: fit-content;
  cursor: pointer;
  transition: 0.3s ease;
  min-width: fit-content;
}
.default-tag input {
  display: none;
}
.default-tag.active {
  order: -1;
}

.default-blog {
  border: 1px solid #3B3B3B;
  background-color: #0C0D0D;
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.default-blog__img {
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  height: 15vw;
}
.default-blog__img:hover img {
  scale: 1.1;
}
.default-blog__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}
.default-blog__date {
  font-size: 16px;
  font-weight: 500;
  color: #5B5B5B;
}
.default-blog__title {
  display: block;
  margin-bottom: 15px;
}
.default-blog__text {
  font-size: 14px;
  color: #C0C5D0;
  margin-bottom: 25px;
}
.default-blog__link {
  font-size: 14px;
  width: fit-content;
  padding: 16px 40px;
  margin-bottom: 25px;
}
.default-blog__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin-bottom: 15px;
}
.default-blog__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.default-blog .tags__list {
  margin: 0;
  flex-wrap: wrap;
  overflow: hidden;
}
.default-blog__views {
  display: flex;
  align-items: center;
  gap: 10px;
}
.default-blog__views svg {
  min-width: 20px;
  min-height: 20px;
  width: 20px;
}
.default-blog__views p {
  color: #5B5B5B;
  font-weight: 500;
}
@media screen and (min-width: 1025px) {
  .default-blog .tags__list {
    height: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .default-blog__img {
    height: 260px;
  }
}
@media screen and (max-width: 768px) {
  .default-blog {
    padding: 10px 10px 20px;
  }
  .default-blog__img {
    height: 180px;
    border-radius: unset;
  }
  .default-blog__text {
    line-clamp: 5;
    -webkit-line-clamp: 5;
  }
}

.specials {
  padding-bottom: 50px;
}
.specials .catalog__list {
  margin-bottom: 0;
}

.catalog-title {
  font-size: 64px;
  line-height: 1;
  font-weight: 500;
}
.catalog-title h1 {
  margin-bottom: 0;
  display: inline;
}
.catalog-title span {
  font-size: 64px;
  color: var(--primary-color);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1620px) {
  .catalog-title {
    font-size: 50px;
  }
  .catalog-title h1, .catalog-title span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1300px) {
  .catalog-title {
    font-size: 34px;
  }
  .catalog-title h1, .catalog-title span {
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  .catalog-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
  }
  .catalog-title span {
    font-size: 34px;
  }
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.loader__car {
  width: 350px;
  height: 120px;
  background: #5c5d5d;
  clip-path: url(#svgPath);
  position: absolute;
  top: 210px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}
.loader .blue {
  background: var(--primary-color);
  width: 350px;
  height: 200px;
  position: absolute;
  top: 120px;
  left: 0;
  animation: carFill 2.5s infinite ease-in-out;
}
@keyframes carFill {
  100% {
    top: -200px;
  }
}
.loader.active {
  opacity: 1;
  visibility: visible;
  z-index: 14;
}
@media screen and (max-width: 768px) {
  .loader__car {
    transform: unset;
    margin-left: -175px;
  }
}

.catalog {
  position: relative;
}
.catalog.model {
  padding: 20px 0 50px;
}
.catalog__above, .catalog__under {
  height: 35px;
  border-right: 1px solid #3B3B3B;
  border-left: 1px solid #3B3B3B;
  margin: 0 -20px;
}
.catalog__above {
  border-top: 1px solid #3B3B3B;
  position: relative;
  z-index: 1;
}
.catalog__under {
  border-bottom: 1px solid #3B3B3B;
}
.catalog__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 60px 0 30px;
  z-index: 12;
}
.catalog__list {
  margin-bottom: 30px;
}
.catalog .feedbacks__result.mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .catalog__above, .catalog__under, .catalog .filter-search-desktop {
    display: none;
  }
  .catalog .feedbacks__result.mobile {
    display: flex;
    padding: 0 0 15px;
  }
  .catalog__form {
    order: 1;
  }
  .catalog__top {
    justify-content: space-between;
    flex-direction: row;
    margin: 0 0 30px;
    gap: 30px;
    order: 2;
  }
  .catalog__wrapper {
    display: flex;
    flex-direction: column;
  }
  .catalog__wrapper .filter {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .catalog__wrapper .filter__expended {
    order: 3;
  }
  .catalog__wrapper .feedbacks__bottom {
    order: 4;
  }
  .catalog__list {
    order: 3;
  }
}

.expended {
  margin-top: 20px;
  display: none;
}
.expended__list {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .expended {
    width: 100%;
    margin-top: 0;
    order: 2;
  }
  .expended__list {
    flex-direction: column;
    gap: 15px;
  }
}

.filter__top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px 0;
  position: relative;
  z-index: 99;
}
.filter select {
  background: rgb(37, 38, 38);
  border: unset;
  color: #fff;
  width: 100%;
  height: 46px;
}
.filter__expended {
  width: fit-content;
  margin-top: 10px;
}
.filter__mobile {
  display: none;
}
.filter .modern-wrap {
  height: fit-content;
}
.filter .modern-wrap__placeholder {
  font-size: 16px;
  padding: 11px 13px;
  color: #fff;
}
.filter__search {
  font-size: 16px;
  padding: 15px 5px;
  width: 10%;
}
.filter__search.mobile {
  display: none;
}
.filter__select {
  width: 18%;
  display: flex;
}
.filter__select .modern-wrap__placeholder {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 20px);
  display: inline-block;
  vertical-align: middle;
}
.filter__select .modern-wrap__placeholder::after {
  right: 0;
}
.filter__select .select-radiobutton__list {
  top: 100%;
  border-top: 1px solid #3B3B3B;
}
@media screen and (max-width: 1024px) {
  .filter__top {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    margin: 0;
  }
  .filter__top > * {
    order: unset !important;
  }
  .filter__expended {
    width: 100%;
    margin-top: 0;
  }
  .filter__mobile {
    display: flex;
    gap: 7px;
  }
  .filter__mobile span {
    color: var(--primary-color);
  }
  .filter__select {
    width: 100%;
  }
  .filter__select .modern-wrap__placeholder {
    font-size: 16px;
    color: #fff;
    text-align: left;
    padding: 13px 13px;
    max-width: unset;
  }
  .filter__select .modern-wrap__placeholder::after {
    right: 18px;
  }
  .filter__select .select-radiobutton__list {
    width: 100%;
    text-align: left;
    color: #fff;
  }
  .filter__search {
    width: 100%;
    margin-top: 5px;
  }
  .filter__search.mobile {
    display: flex !important;
    margin: 0 0 30px;
    order: 4;
  }
}

.remodal-filter {
  padding: 55px 20px 30px;
}
.remodal-filter__wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

.filter__select_price .select2-selection--single .select2-selection__rendered {
  text-transform: unset;
}
.filter__select_price .default-input__character span {
  text-transform: lowercase;
}

.labels {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.labels__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.labels__clear {
  display: none;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: 0.3s ease;
}
.labels__clear:hover {
  color: var(--primary-color);
}
.labels [data-label=years_min] {
  order: 2;
}
.labels [data-label=years_max] {
  order: 3;
}
@media screen and (max-width: 1024px) {
  .labels {
    flex-wrap: wrap;
  }
  .labels__wrap {
    flex-wrap: wrap;
    order: 3;
    gap: 10px;
  }
  .labels__wrap.active {
    margin-bottom: 20px;
    margin-top: 10px;
  }
}

.label {
  color: #0C0D0D;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 10px;
}
.label__text {
  font-weight: 500;
}
.label__close {
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M7.03616 7L10.7558 3.28038C10.8886 3.14752 10.9684 2.93502 10.9949 2.74899C11.0214 2.53642 10.9417 2.32393 10.8089 2.19106C10.6761 2.05819 10.4636 1.97849 10.251 2.00511C10.0384 2.00511 9.85248 2.11135 9.71962 2.24422L6 5.96384L2.28038 2.24422C2.14752 2.11135 1.93502 2.03165 1.74899 2.00511C1.53642 1.97857 1.32393 2.05827 1.19106 2.19106C1.05819 2.32393 0.978487 2.53642 1.00511 2.74899C1.00511 2.96156 1.11135 3.14752 1.24422 3.28038L4.96384 7L1.24422 10.7196C1.11135 10.8525 1.03165 11.065 1.00511 11.251C0.978567 11.4636 1.05827 11.6761 1.19106 11.8089C1.32393 11.9418 1.53642 12.0215 1.74899 11.9949C1.96156 11.9949 2.14752 11.8886 2.28038 11.7558L6 8.03616L9.71962 11.7558C9.85248 11.8886 10.065 11.9684 10.251 11.9949C10.4636 12.0214 10.6761 11.9417 10.8089 11.8089C10.9418 11.6761 11.0215 11.4636 10.9949 11.251C10.9949 11.0384 10.8886 10.8525 10.7558 10.7196L7.03616 7Z' fill='black'/%3E%3C/svg%3E");
}
.label__text span {
  font-size: 13px;
  text-transform: lowercase;
  color: #3b3b3b;
}
.label:hover {
  background-color: #ffe341;
}

.model-benefits {
  padding-top: 20px;
}
.model-benefits__wrap {
  display: flex;
  justify-content: space-between;
}
.model-benefits__img {
  width: 49%;
}
.model-benefits__content {
  width: 49%;
}
.model-benefits__content h4 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}
.model-benefits__content p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .model-benefits__wrap {
    flex-direction: column;
    gap: 20px;
  }
  .model-benefits__img {
    width: 100%;
    overflow: hidden;
  }
  .model-benefits__content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .model-benefits__content h4 {
    margin-bottom: 15px;
  }
  .model-benefits__content p {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .top-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .top-wrapper .breadcrumbs {
    margin-top: 100px;
  }
  .top-wrapper .def-hero {
    padding-top: 20px;
  }
  .top-wrapper .blog-hero {
    margin-top: 20px;
  }
  .top-wrapper .border_top {
    border-right: 1px solid #3B3B3B;
    border-top: 1px solid #3B3B3B;
    border-left: 1px solid #3B3B3B;
    height: 25px;
    margin: 0 -10px 10px;
  }
}

.main__wrapper {
  border-top: 1px solid #3B3B3B;
  border-right: 1px solid #3B3B3B;
  border-left: 1px solid #3B3B3B;
  margin: 112px 20px 0;
  overflow: hidden;
}
.main__wrapper .instruction {
  padding-top: 80px;
}
.main__wrapper .instruction__item:first-child {
  border-top: unset;
}
.main__wrapper .container-full {
  padding: 0 20px;
}
@media screen and (max-width: 1024px) {
  .main__wrapper {
    border: unset;
    margin: 170px 0 0;
  }
  .main__wrapper .instruction {
    padding-top: 0;
  }
  .main__wrapper .instruction__item:first-child {
    margin-bottom: 50px;
  }
  .main__wrapper .instruction__item:first-child .instruction__title {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .main__wrapper .instruction__item:first-child {
    margin-bottom: 30px;
  }
}

.fixed-buy {
  position: fixed;
  top: 130px;
  right: 40px;
  color: #fff;
  background-color: #282828;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px;
  width: 100%;
  max-width: 340px;
  cursor: pointer;
}
.fixed-buy__img {
  min-width: 70px;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
}
.fixed-buy__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fixed-buy__icon {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 14px;
  height: 15px;
}
.fixed-buy__icon svg {
  color: var(--primary-color);
}
.fixed-buy__content {
  display: flex;
  flex-direction: column;
}
.fixed-buy__title {
  font-weight: 600;
  color: #fff;
}
.fixed-buy__text {
  font-size: 14px;
  color: #fff;
}
.fixed-buy__close {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
}
@media screen and (max-width: 768px) {
  .fixed-buy {
    right: 50%;
    transform: translateX(50%);
    width: calc(100% - 20px);
    max-width: unset;
    transition: 0.3s ease;
  }
  .fixed-buy.hide {
    opacity: 0;
    visibility: hidden;
  }
}

.instruction__list:not(:last-child) {
  margin-bottom: 60px;
}
.instruction__list .section-title {
  width: 98%;
}
.instruction__item {
  display: grid;
  grid-template-columns: 300px 1fr;
  align-items: flex-start;
  gap: 40px;
}
.instruction__item:first-child {
  margin-bottom: 60px;
}
.instruction__item > h2 {
  margin-bottom: 0;
}
.instruction h2.section-title {
  font-size: 55px;
  text-transform: uppercase;
}
.instruction__title {
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
  font-size: 21px;
}
.instruction__title h3, .instruction__title p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}
.instruction__content {
  border-top: 1px solid #3B3B3B;
  padding: 30px 0;
}
.instruction__content h2 {
  font-size: 56px;
  font-weight: 500;
  margin: 50px 0 20px;
}
.instruction__content h2 span {
  color: var(--primary-color);
}
.instruction__content h4 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}
.instruction__content h4:not(:first-child) {
  margin-top: 20px;
}
.instruction__content p, .instruction__content li {
  color: rgba(255, 255, 255, 0.8);
}
.instruction__content p:not(:last-child) {
  margin-bottom: 20px;
}
.instruction__content li:not(:last-child) {
  margin-bottom: 10px;
}
.instruction__content b, .instruction__content strong {
  color: #fff;
  font-weight: 500;
}
.instruction__content ol {
  padding-left: 30px;
}
.instruction__content ul {
  padding-left: 23px;
}
.instruction__content ol, .instruction__content ul {
  margin-bottom: 20px;
}
.instruction__content ol ol, .instruction__content ol ul, .instruction__content ul ol, .instruction__content ul ul {
  margin-top: 20px;
}
.instruction__content ol {
  counter-reset: list-counter;
  list-style: none;
}
.instruction__content ol > li {
  counter-increment: list-counter;
  position: relative;
}
.instruction__content ol > li::before {
  content: "[" counter(list-counter) "]";
  position: absolute;
  left: -30px;
  color: var(--primary-color);
}
.instruction__content ul > li {
  position: relative;
}
.instruction__content ul > li::before {
  content: "";
  display: flex;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 8px;
  left: -21px;
  border-radius: 50%;
  background-color: var(--primary-color);
}
.instruction__inner {
  max-width: 900px;
  overflow: hidden;
}
@media screen and (min-width: 2000px) {
  .instruction__inner {
    max-width: 80%;
  }
}
@media screen and (max-width: 1280px) {
  .instruction h2.section-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .instruction {
    padding-bottom: 10px;
  }
  .instruction__list .section-title {
    font-size: 28px;
  }
  .instruction h2.section-title {
    font-size: 26px;
  }
  .instruction__item {
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 1px solid #3B3B3B;
  }
  .instruction__title:empty {
    display: none;
  }
  .instruction__list, .instruction__content {
    width: 98%;
    overflow: hidden;
  }
  .instruction__content {
    border-top: unset;
  }
  .instruction__content h2 {
    font-size: 28px;
    margin-top: 30px;
  }
}

.compare {
  padding: 20px 0 150px;
}
.compare__top {
  border-right: 1px solid #3B3B3B;
  border-top: 1px solid #3B3B3B;
  border-left: 1px solid #3B3B3B;
  height: 35px;
  margin: 0 -10px 20px;
}
.compare__wrap {
  display: flex;
  align-items: flex-end;
  background: #151515;
  padding: 30px;
}
.compare__left {
  width: 20%;
}
.compare__left .compare__item {
  font-weight: 500;
}
.compare__left .compare__item:last-child {
  background-color: transparent;
}
.compare__link {
  height: 40px;
  margin: 14px 0 0;
  width: 100%;
  font-size: 15px;
}
.compare__right {
  width: 80%;
  position: relative;
}
.compare__right::after {
  content: "";
  position: absolute;
  bottom: 40px;
  right: 0;
  z-index: 1;
  width: 70px;
  height: 48%;
  background: linear-gradient(270deg, #151515 0%, rgba(21, 21, 21, 0) 100%);
}
.compare-item {
  padding: 10px 10px 20px;
  margin-bottom: 10px;
  overflow: hidden;
}
.compare-item .default-item__img {
  min-height: 200px;
  height: 11vw;
}
.compare-item .default-item__info {
  justify-content: space-between;
}
.compare-item .default-item__price {
  font-size: 18px;
}
.compare__item {
  width: calc(100% + 15px);
  padding: 15px 10px;
}
.compare__item:nth-child(odd) {
  background-color: #282828;
}
.compare-arrow {
  position: absolute;
  top: 120px;
  transition: 0.3s ease;
}
.compare-arrow:not(.swiper-button-disabled) {
  cursor: pointer;
}
.compare-arrow:not(.swiper-button-disabled):hover {
  scale: 1.2;
}
.compare-arrow:not(.swiper-button-disabled) svg path {
  fill: var(--primary-color);
}
.compare__prev {
  left: -20px;
}
.compare__next {
  right: -20px;
}
.compare .swiper-wrapper .swiper-slide:last-child {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .compare {
    padding-bottom: 60px;
  }
  .compare__top {
    height: 25px;
  }
  .compare__wrap {
    padding: 15px 0 15px 15px;
  }
  .compare__left {
    display: none;
  }
  .compare .default-item__name {
    max-width: 200px;
  }
  .compare__item {
    font-size: 14px;
    padding: 14px 10px;
  }
  .compare__right {
    width: 100%;
  }
  .compare__right::after {
    display: none;
  }
  .compare-arrow {
    display: none;
  }
}

.info__top {
  height: 35px;
  border-top: 1px solid #3B3B3B;
  border-right: 1px solid #3B3B3B;
  border-left: 1px solid #3B3B3B;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  .info__top--feedbacks {
    margin: 0 -20px 30px;
  }
}
@media screen and (max-width: 768px) {
  .info__top {
    margin: 0 -10px 10px;
    height: 25px;
  }
}

.description {
  padding: 20px 0 10px;
}
.description__img {
  float: right;
  margin: 0 0 20px 20px;
}
@media screen and (max-width: 1024px) {
  .description__img {
    float: unset;
    margin-left: 0;
  }
  .description__img img {
    width: 100%;
    height: 100%;
  }
}

.car-description {
  padding: 20px 0 60px;
  display: flex;
}
.car-description:not(.car-description__footer) h3 {
  display: none;
}
.car-description:not(.car-description__footer) h3.show {
  display: block;
}
.car-description h3 {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}
.car-description-search {
  padding-bottom: 0;
  display: none;
}
.car-description-search.show {
  display: block;
}

.car-description__links, .description__links {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 10px 66px;
  color: rgba(255, 255, 255, 0.6);
  width: fit-content;
}
.car-description__link, .description__link {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .car-description, .description {
    padding-top: 0;
  }
  .car-description__links, .description__links {
    grid-template-columns: 1fr;
  }
}

.content {
  color: rgba(255, 255, 255, 0.6);
}
.content h2, .content h3, .content h4 {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  margin: 30px 0 20px;
}

/** Youtube modal **/
.video-preview-overlay {
  position: fixed;
  top: 100px;
  right: 20px;
  transform: translateX(100%);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 9999;
}
.video-preview-overlay.show {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 927px) and (orientation: landscape) {
  .video-preview-overlay {
    top: 82px;
    right: 10px;
  }
}
@media screen and (max-height: 522px) {
  .video-preview-overlay {
    top: 80px;
    right: 5px;
  }
}

.video-preview {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(312px, 1fr);
  background-color: #000;
  border: 1px solid #0C0D0D;
  gap: 20px;
  color: #fff;
  padding: 26px;
  position: relative;
  max-width: 792px;
  width: 100%;
}
.video-preview__media {
  position: relative;
}
.video-preview__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.video-preview__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 101px;
  height: 101px;
  border-radius: 50%;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s linear;
}
.video-preview__play:hover {
  background: rgba(255, 255, 255, 0.1);
}
.video-preview__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 15px;
  position: relative;
  padding-right: 30px;
}
.video-preview__close {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 5px;
  right: 0;
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  z-index: 2;
}
.video-preview__close:hover {
  opacity: 0.6;
}
.video-preview__title {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}
.video-preview__title span {
  font-weight: 500;
  margin-top: 16px;
}
.video-preview__desc, .video-preview__title span {
  display: block;
  font-size: 16px;
  color: rgba(246, 246, 246, 0.6);
  opacity: 0.6;
}
.video-preview__desc {
  margin: 0 auto;
}
.video-preview .default-btn {
  margin-top: auto;
  max-width: 165px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .video-preview {
    grid-template-columns: 1fr;
    padding: 40px 28px;
  }
  .video-preview__title {
    font-size: 16px;
  }
  .video-preview__content {
    align-items: center;
    text-align: center;
    padding-right: 0;
  }
}
@media screen and (max-width: 927px) and (orientation: landscape) {
  .video-preview {
    grid-template-columns: 60% 38%;
    padding: 28px;
    gap: 12px;
  }
}
@media screen and (max-height: 522px) {
  .video-preview {
    padding: 24px;
    grid-template-columns: 60% 38%;
    gap: 12px;
  }
  .video-preview .default-btn {
    padding: 14px 10px;
  }
}

.youtube_car.thank_subscription, .video-registration.thank_subscription {
  padding: 28px 20px 28px 28px !important;
  width: calc(100% - 80px);
}
.youtube_car.thank_subscription .youtube_car__wrap, .video-registration.thank_subscription .youtube_car__wrap {
  display: grid;
  grid-template-columns: 73% 25%;
  gap: 20px;
}
.youtube_car.thank_subscription .youtube_car__content, .video-registration.thank_subscription .youtube_car__content {
  text-align: left;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  gap: 40px;
}
.youtube_car.thank_subscription .youtube_car__text, .video-registration.thank_subscription .youtube_car__text {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.25;
  color: #FFFFFF;
}
.youtube_car.thank_subscription .youtube_car__text span, .video-registration.thank_subscription .youtube_car__text span {
  display: block;
  color: var(--primary-color);
}
.youtube_car.thank_subscription .youtube_car__iframe, .video-registration.thank_subscription .youtube_car__iframe {
  position: relative;
  width: 100%;
  padding-top: 56.774%;
  overflow: hidden;
}
.youtube_car.thank_subscription iframe, .youtube_car.thank_subscription video, .video-registration.thank_subscription iframe, .video-registration.thank_subscription video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
.youtube_car.thank_subscription .car__order, .video-registration.thank_subscription .car__order {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}
.youtube_car.thank_subscription .thank_subscription__close, .video-registration.thank_subscription .thank_subscription__close {
  color: var(--primary-color);
}
@media screen and (max-width: 1024px) {
  .youtube_car.thank_subscription, .video-registration.thank_subscription {
    padding: 40px 28px !important;
    width: 100%;
  }
  .youtube_car.thank_subscription .youtube_car__wrap, .video-registration.thank_subscription .youtube_car__wrap {
    grid-template-columns: 1fr;
  }
  .youtube_car.thank_subscription .youtube_car__content, .video-registration.thank_subscription .youtube_car__content {
    gap: 20px;
  }
  .youtube_car.thank_subscription .youtube_car__text, .video-registration.thank_subscription .youtube_car__text {
    text-align: center;
    font-size: 16px;
  }
}
@media screen and (max-width: 926px) and (orientation: landscape) {
  .youtube_car.thank_subscription, .video-registration.thank_subscription {
    padding: 24px 20px 24px 24px !important;
  }
  .youtube_car.thank_subscription .youtube_car__wrap, .video-registration.thank_subscription .youtube_car__wrap {
    grid-template-columns: 60% 38%;
    gap: 12px;
  }
  .youtube_car.thank_subscription .youtube_car__text, .video-registration.thank_subscription .youtube_car__text {
    font-size: 16px;
  }
}
@media screen and (max-height: 520px) {
  .youtube_car.thank_subscription .youtube_car__wrap, .video-registration.thank_subscription .youtube_car__wrap {
    grid-template-columns: 60% 38%;
    gap: 12px;
  }
  .youtube_car.thank_subscription .youtube_car__text, .video-registration.thank_subscription .youtube_car__text {
    font-size: 14px;
    line-height: 1.15;
  }
}

@media only screen and (min-width: 641px) {
  .remodal.youtube_car, .remodal.video-registration {
    max-width: calc(100% - 80px);
  }
}
.footer {
  padding: 100px 0 24px;
  background-color: #0C0D0D;
  border-top: 1px solid #3B3B3B;
  font-size: 18px;
  color: #fff;
  position: relative;
}
.footer a {
  width: fit-content;
}
.footer__wrap {
  display: grid;
  grid-template-columns: 16% 38% 27% 16%;
  margin-bottom: 60px;
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer__address {
  color: rgba(255, 255, 255, 0.7);
  display: inline-block;
}
.footer__address svg {
  display: inline-flex;
  margin: 0 0 -6px 7px;
}
.footer .address-4, .footer .footer__title {
  order: -1;
}
.footer__links {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer__info {
  display: grid;
  grid-template-columns: 16% 65% 0% 16%;
}
.footer__info p {
  color: rgba(255, 255, 255, 0.3);
}
.footer__policy {
  display: flex;
  align-items: center;
  gap: 10px 20px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}
.footer__payment {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 1560px) {
  .footer__info {
    grid-template-columns: 70% 48px auto;
  }
  .footer__info > div:first-child {
    display: none;
  }
}
@media screen and (max-width: 1460px) {
  .footer__policy {
    font-size: 14px;
  }
}
@media screen and (max-width: 1300px) {
  .footer__policy {
    gap: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .footer__wrap {
    grid-template-columns: 55% 30% 15%;
  }
  .footer__logo {
    display: none;
  }
  .footer__policy {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
  .footer__info {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .footer__info div:empty {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    padding: 40px 0 16px;
  }
  .footer__wrap {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
  }
  .footer__links {
    gap: 16px;
  }
  .footer__contacts {
    gap: 16px;
    grid-column-start: span 2;
    margin-bottom: 40px;
  }
  .footer__policy {
    font-size: 18px;
  }
  .footer__info {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .footer__info p {
    text-align: left;
  }
}