body {
  background-color: var(--primary-black);
}

.dealer-steps {
  padding: 53px 0;
}
@media (max-width: 1023px) {
  .dealer-steps {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .dealer-steps {
    padding: 30px 0;
  }
}
.dealer-steps__items {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 20px;
}
@media (max-width: 1023px) {
  .dealer-steps__items {
    gap: 10px;
    margin-top: 22px;
  }
}
.dealer-steps__item {
  position: relative;
  padding: 40px 35px;
  background-color: var(--base-black-bg);
  border-radius: 13px;
  min-height: 242px;
  overflow: hidden;
  flex: 1 1 40%;
}
@media (max-width: 1023px) {
  .dealer-steps__item {
    padding: 25px 20px;
  }
}
@media (max-width: 767px) {
  .dealer-steps__item {
    flex: 1 1 100%;
  }
}
.dealer-steps__item-title {
  font-family: var(--TildaSans);
  font-size: 32px;
  color: var(--primary-white);
  font-weight: 600;
}
@media (max-width: 1023px) {
  .dealer-steps__item-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .dealer-steps__item-title {
    font-size: 24px;
  }
}
.dealer-steps__item-text {
  max-width: 527px;
  font-family: var(--TildaSans);
  color: var(--primary-white);
  margin-top: 15px;
}
.dealer-steps__item-lower {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1439px) {
  .dealer-steps__item-lower {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 1023px) {
  .dealer-steps__item-lower {
    margin-top: 30px;
    gap: 20px;
  }
}
.dealer-steps__item-button {
  min-height: 62px;
  max-width: 280px;
  font-weight: 600;
  font-size: 14px;
}
@media (max-width: 1023px) {
  .dealer-steps__item-button {
    max-width: 175px;
    min-height: 44px;
  }
}
.dealer-steps__item-image {
  position: absolute;
  inset: 0;
}
.dealer-steps__item-phone {
  font-family: var(--TildaSans);
  color: var(--primary-white);
  font-weight: 600;
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.dealer-steps__item-phone:active {
  color: var(--primary-hover);
}
@media (hover: hover) {
  .dealer-steps__item-phone:hover {
    color: var(--primary);
  }
}