@charset "UTF-8";
:root {
  --primary-color: #FFDA05;
  --primary-color-rgb: 255, 218, 5;
  --secondary-color: #FFB905;
  --color-text: #0C0D0D;
}

.theme-blue {
  --primary-color: #405DFF;
  --primary-color-rgb: 64, 93, 255;
  --secondary-color: #2F4DFF;
  --color-text: #fff;
}

/* 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.border-yellow-accent {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  background-color: transparent;
}
.default-btn.border-yellow-accent:hover {
  background-color: var(--primary-color);
  color: #0C0D0D;
}
.default-btn.border-yellow-accent: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);
  flex-shrink: 0;
  min-width: max-content;
}
.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;
}

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

.site-logo-logistic {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 106px;
}

.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__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__close svg path, .video-preview .thank_subscription__close svg path {
  transition: fill 0.3s ease;
}
.remodal .thank_subscription__close:hover svg path, .video-preview .thank_subscription__close:hover svg path {
  fill: var(--primary-color);
}
.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);
}

.thank_subscription__content {
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
}
.thank_subscription__content span {
  color: 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.welcome-modal {
  padding: 46px 34px;
  width: 712px;
  background-color: #242525;
  border: 1px solid #3B3B3B;
  border-radius: 6px;
  text-align: left;
}
.remodal.welcome-modal .thank_subscription__close {
  color: var(--primary-color);
}
.remodal.welcome-modal .thank_subscription__action {
  margin: 29px auto 0;
}
.remodal.welcome-modal .small-title {
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 32px;
}
.remodal.welcome-modal .default-btn {
  width: 100%;
  padding: 13px 15px;
}
.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.welcome-modal {
    padding: 49px 40px;
    width: 100%;
  }
  .remodal.welcome-modal .small-title {
    margin-bottom: 15px;
  }
  .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;
  transition: background-color 0.2s, color 0.2s;
}
.modern-dropdown .select2-results__option--disabled {
  padding: 4px 13px;
}
.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 .select2-results__option--selectable:hover, .modern-dropdown .select2-results__option--highlighted {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: white !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.prime .select2-results__option--selectable:hover, .modern-dropdown.prime .select2-results__option--highlighted {
  background-color: rgba(var(--primary-color-rgb), 0.3) !important;
  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;
  flex-shrink: 0;
}
.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: 99;
  top: 30px;
  right: 0;
  width: max-content;
  min-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: 13;
  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 (min-width: 1024px) {
  .header__link {
    height: 56px;
  }
}
@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);
}
@media screen and (max-width: 1024px) {
  .site-logo, .header__logo {
    max-width: 56px;
  }
}

.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;
}
.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%;
}

.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;
}
.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__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;
  }
}

@media screen and (max-width: 768px) {
  .blog.dark .default-pagination__list {
    width: 100%;
  }
}
/* ============================
   Albert Chat Widget
   ============================ */
.albert-widget {
  position: fixed;
  bottom: 28px;
  right: 24px;
  z-index: 9998;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.albert-widget.albert-widget--visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Panel */
.albert-widget__panel {
  width: 248px;
  background: #151515;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(64, 93, 255, 0.08);
  opacity: 0;
  transform: translateY(8px) scale(0.96);
  transform-origin: bottom right;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  position: absolute;
  top: 0;
  right: 0;
}

.albert-widget.albert-widget--open .albert-widget__panel {
  opacity: 1;
  transform: translateY(calc(-100% - 8px)) scale(1);
  pointer-events: auto;
}

.albert-widget__panel-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.albert-widget__avatar-sm {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2F4DFF 0%, #2F4DFF 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.5px;
}

.albert-widget__panel-name {
  display: block;
  font-family: "Montserrat", serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}

.albert-widget__panel-status {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Montserrat", serif;
  font-size: 11px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.45);
  margin-top: 3px;
}

.albert-widget__panel-status::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #2ECC71;
  border-radius: 50%;
  flex-shrink: 0;
}

.albert-widget__write-us {
  font-family: "Montserrat", serif;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 14px;
  line-height: 1.4;
}

.albert-widget__btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.albert-widget__btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 15px;
  border-radius: 12px;
  border: none;
  box-shadow: none;
  font-family: "Montserrat", serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.albert-widget__btn:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  filter: brightness(1.1);
}

.albert-widget__btn svg {
  flex-shrink: 0;
}

.albert-widget__btn.albert-tg--loading {
  opacity: 0.6;
  cursor: wait;
  pointer-events: none;
}

.albert-widget__btn--ig {
  background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.albert-widget__btn--fb {
  background: #1877F2;
}

.albert-widget__btn--tg {
  background: #2AABEE;
}

.albert-widget__btn--wa {
  background: #25D366;
}

/* Trigger row */
.albert-widget__row {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Label pill — hidden by default, fades in on row hover (desktop only) */
.albert-widget__label {
  background: #fff;
  color: #0C0D0D;
  font-family: "Montserrat", serif;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 100px;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  user-select: none;
  opacity: 0;
  top: 50%;
  right: 0;
  transform: translateX(10px) translateY(-50%);
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
  position: absolute;
}

@media (hover: hover) {
  .albert-widget__row:hover .albert-widget__label {
    opacity: 1;
    transform: translateX(-70px) translateY(-50%);
    pointer-events: auto;
  }
}
.albert-widget--open .albert-widget__label {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Bubble trigger button */
.albert-widget__trigger {
  position: relative;
  width: 60px;
  height: 60px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  animation: albert-float 4s ease-in-out infinite;
  filter: drop-shadow(0 4px 20px rgba(47, 77, 255, 0.5));
  transition: filter 0.3s ease;
}

.albert-widget__trigger:focus {
  outline: none;
}

.albert-widget__trigger:hover {
  filter: drop-shadow(0 6px 30px rgba(47, 77, 255, 0.7));
}

.albert-widget--open .albert-widget__trigger {
  animation-play-state: paused;
  transform: scale(0.93);
}

/* Bubble wrapper — stacks rotating wheel and static face */
.albert-widget__bubble {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Rotating wheel ring */
.albert-widget__wheel {
  position: absolute;
  inset: 0;
  width: 60px;
  height: 60px;
  animation: albert-spin 5s linear infinite;
  transform-origin: center center;
  will-change: transform;
}

.albert-widget--open .albert-widget__wheel {
  animation-play-state: paused;
}

/* Static face — does NOT rotate */
.albert-widget__face {
  position: relative;
  z-index: 1;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}

/* Pulse rings */
.albert-widget__pulse,
.albert-widget__pulse-2 {
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  background: rgba(64, 93, 255, 0.22);
  pointer-events: none;
  z-index: 0;
  animation: albert-pulse 2.6s ease-out infinite;
}

.albert-widget__pulse-2 {
  animation-delay: 1.3s;
}

.albert-widget--open .albert-widget__pulse,
.albert-widget--open .albert-widget__pulse-2 {
  animation: none;
  opacity: 0;
}

.albert-widget__avatar-sm--ig {
  background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.albert-widget__bubble--ig {
  background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  overflow: hidden;
  width: 44px;
  height: 44px;
  animation: albert-ig-breathe 2.6s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.albert-widget--open .albert-widget__bubble--ig {
  animation-play-state: paused;
}

.albert-widget__trigger--ig {
  width: 46px;
  height: 46px;
  filter: drop-shadow(0 4px 16px rgba(220, 39, 67, 0.45));
}

.albert-widget__trigger--ig .albert-widget__bubble--ig svg {
  width: 22px;
  height: 22px;
}

.albert-widget__trigger--ig .albert-widget__pulse,
.albert-widget__trigger--ig .albert-widget__pulse-2 {
  background: rgba(220, 39, 67, 0.22);
  border-radius: 20px;
}

.albert-widget__trigger--ig:hover {
  filter: drop-shadow(0 6px 30px rgba(220, 39, 67, 0.65));
}

@keyframes albert-ig-breathe {
  0%, 100% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.1);
    filter: brightness(1.15);
  }
}
/* Keyframe animations */
@keyframes albert-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
@keyframes albert-spin {
  0% {
    transform: rotate(0deg);
    animation-timing-function: ease-in;
  }
  8% {
    transform: rotate(20deg);
    animation-timing-function: ease-in;
  }
  18% {
    transform: rotate(120deg);
    animation-timing-function: linear;
  }
  28% {
    transform: rotate(480deg);
    animation-timing-function: linear;
  }
  38% {
    transform: rotate(840deg);
    animation-timing-function: linear;
  }
  48% {
    transform: rotate(1200deg);
    animation-timing-function: linear;
  }
  53% {
    transform: rotate(1320deg);
    animation-timing-function: ease-out;
  }
  57% {
    transform: rotate(1400deg);
    animation-timing-function: ease-out;
  }
  60% {
    transform: rotate(1440deg);
    animation-timing-function: linear;
  }
  100% {
    transform: rotate(1440deg);
  }
}
@keyframes albert-pulse {
  0% {
    transform: scale(1);
    opacity: 0.55;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}
/* Mobile */
@media screen and (max-width: 768px) {
  .albert-widget {
    bottom: 20px;
    right: 16px;
    gap: 10px;
  }
  .albert-widget__panel {
    width: calc(100vw - 48px);
    max-width: 248px;
    padding: 16px;
    border-radius: 16px;
  }
  .albert-widget__trigger {
    width: 54px;
    height: 54px;
  }
  .albert-widget__bubble {
    width: 54px;
    height: 54px;
  }
  .albert-widget__wheel {
    width: 54px;
    height: 54px;
  }
  .albert-widget__face {
    width: 39px;
    height: 39px;
  }
  .albert-widget__pulse,
  .albert-widget__pulse-2 {
    inset: -6px;
  }
}