.select-car {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 45px 50px;
  margin-bottom: 100px;
}

.select-car .car-model {
  cursor: pointer;
}

.select-car .car-model img {
  margin-bottom: 15px;
}

.select-car .car-model .name {
  font-size: 20px;
  line-height: 14px;
  font-weight: 500;
  text-align: center;
  position: relative;
}

.select-car .car-model .name:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: url("unchecked.svg") no-repeat center center;
  transition: background 0.3s;
}

.select-car .car-model.checked .name:before {
  background: url("checked.svg") no-repeat center center;
}

.date-title {
  text-align: center;
  color: #252828;
  font-size: 40px;
  font-weight: 500;
  line-height: 72px;
  margin-bottom: 100px;
}

.select-date {
  display: none;
  gap: 45px 75px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 75px;
}

.select-date.checked {
  display: flex;
}

.select-date .date-time {
  text-align: center;
}

.select-date .date-time .date {
  font-size: 40px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
  transition: color 0.3s;
}

.select-date .date-time .date small {
  display: block;
  font-size: 24px;
  font-weight: 500;
}

.select-date .date-time .time {
  font-size: 32px;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.3s;
}

.select-date .date-time .time:hover {
  color: #34c759;
}

.select-date .date-time .time.reserved {
  cursor: not-allowed;
}

.selected {
  color: #34c759;
}

.reserved {
  color: #d9d9d9 !important;
}

.wpforms-container .wpforms-field.model-input,
.wpforms-container .wpforms-field.date-input,
.wpforms-container .wpforms-field.time-input {
  background: red;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  padding: 0;
}

.select-error {
  font-weight: 400;
  font-size: var(--wpforms-label-size-sublabel-font-size);
  line-height: var(--wpforms-label-size-sublabel-line-height);
  margin-top: var(--wpforms-field-size-input-spacing);
  color: var(--wpforms-label-error-color);
  padding: 0 0 0 5px;
  position: relative;
  font-style: normal;
}
.select-error:before {
  mask-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  content: "";
  position: relative;
  display: inline-block;
  right: 5px;
  top: 1.5px;
  width: 16px;
  height: 14px;
  background-color: var(--wpforms-label-error-color);
}

@media (max-width: 767px) {
  .date-title {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 70px !important;
  }
}
