.autopark-block {
  margin: clamp(40px,2.5vw + 32px, 80px) 0;
}
.autopark-block .car {
  display: flex;
  align-items: center;
  gap: clamp(5px,0.3125vw + 4px, 10px);
}
.autopark-block .car__image {
  width: 51.8%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  flex-shrink: 0;
}
.autopark-block .car__image:after {
  content: "";
  display: block;
  padding-bottom: 68%;
}
.autopark-block .car__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.autopark-block .car__content {
  flex: 1;
}
.autopark-block .car__title {
  margin-bottom: clamp(10px,0.625vw + 8px, 20px);
}
.autopark-block .car__desc-value {
  position: relative;
  display: flex;
  gap: 10px;
}
.autopark-block .car__desc-value::before {
  content: "";
  width: clamp(15px,0.6875vw + 12.8px, 26px);
  height: clamp(15px,0.6875vw + 12.8px, 26px);
  background-image: url("./images/check-all.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  flex-shrink: 0;
  margin-top: 4px;
}
.autopark-block .car__desc-value:not(:last-child) {
  margin-bottom: 10px;
}
.autopark-block .slider-btn {
  border-color: transparent;
  background: var(--Background-dark);
}
.autopark-block .slider-btn svg {
  --svgColor: var(--Accent);
}
@media (min-width: 992px) {
  .autopark-block .slider-btn:hover {
    background: var(--Accent);
  }
  .autopark-block .slider-btn:hover svg {
    --svgColor: var(--Card);
  }
}

@media (max-width: 991px) {
  .autopark-block .car__image {
    width: 45%;
  }
}
@media (max-width: 575px) {
  .autopark-block .car {
    flex-direction: column;
  }
}
@media (max-width: 375px) {
  .autopark-block .car__image {
    width: 60%;
  }
}/*# sourceMappingURL=block.css.map */