.container h2 {
  margin-top: calc(80 / var(--bw) * 100vw);
  margin-bottom: calc(40 / var(--bw) * 100vw);
}
.container h4 {
  color: var(--color-dark-primary);
  font-weight: bold;
}
.container .vehicle-detail .slide-box {
  margin-top: 0;
  margin-bottom: calc(80 / var(--bw) * 100vw);
  border: calc(2 / var(--bw) * 100vw) solid var(--color-border);
  padding: calc(48 / var(--bw) * 100vw);
  border-radius: calc(20 / var(--bw) * 100vw);
  background-color: white;
}
.container .vehicle-detail .slide-box h4 {
  color: var(--color-dark-blue);
}
.container .vehicle-detail .slide-box .slide-content {
  display: grid;
  margin-top: calc(32 / var(--bw) * 100vw);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(40 / var(--bw) * 100vw);
}
.container .vehicle-detail .slide-box .parameter table td {
  line-height: 2;
  padding: calc(8 / var(--bw) * 100vw) calc(44 / var(--bw) * 100vw) calc(8 / var(--bw) * 100vw) 0;
}
.container .vehicle-detail .slide-box .parameter table td b {
  font-weight: 700;
}
.container .vehicle-detail .slide-box .container-slide {
  position: relative;
}
.container .vehicle-detail .slide-box .container-slide img {
  vertical-align: middle;
}
.container .vehicle-detail .slide-box .container-slide .slideShow1 {
  width: calc(547 / var(--bw) * 100vw);
  height: calc(308 / var(--bw) * 100vw);
  object-fit: cover;
  display: none;
}
.container .vehicle-detail .slide-box .container-slide .slideShow1 img {
  width: 100%;
}
.container .vehicle-detail .slide-box .container-slide .list-small1 {
  margin-top: calc(16 / var(--bw) * 100vw);
  overflow-y: hidden;
  overflow-x: scroll;
  height: calc(74 / var(--bw) * 100vw);
  padding: calc(2 / var(--bw) * 100vw);
  position: relative;
}
.container .vehicle-detail .slide-box .container-slide .opacity-icon {
  position: absolute;
  right: calc(-24 / var(--bw) * 100vw);
  width: calc(60 / var(--bw) * 100vw);
  height: calc(76 / var(--bw) * 100vw);
  z-index: 1;
}
.container .vehicle-detail .slide-box .container-slide .list-small1 .front {
  left: 0;
  position: absolute;
  width: 15px;
  height: 100%;
}
.container .vehicle-detail .slide-box .container-slide .list-small1 .back {
  position: absolute;
  width: 15px;
  height: 100%;
}
.container .vehicle-detail .slide-box .container-slide .list-small1 .img-item1 {
  width: calc(126 / var(--bw) * 100vw);
  height: calc(70 / var(--bw) * 100vw);
  object-fit: cover;
  margin-right: calc(16 / var(--bw) * 100vw);
  border: calc(2 / var(--bw) * 100vw) solid transparent;
  transition: transform .3s ease-out;
  cursor: pointer;
}
.container .vehicle-detail .slide-box .container-slide .list-small1 .img-item1:hover {
  transform: scale(1.02);
}
.container .vehicle-detail .slide-box .container-slide .list-small1 .item-active {
  border: calc(2 / var(--bw) * 100vw) solid var(--color-dark-blue);
}
.container .vehicle-detail .slide-box .container-slide .list-small1::-webkit-scrollbar {
  display: none;
}
.container .vehicle-detail .slide-box .action {
  position: relative;
  display: flex;
  justify-content: end;
}
.container .vehicle-detail .slide-box .action p {
  margin-top: calc(40 / var(--bw)* 100vw);
  font-size: calc(32 / var(--bw)* 100vw);
  line-height: calc(50 / var(--bw)* 100vw);
  font-weight: bold;
  color: var(--color-dark-blue);
}
.container .vehicle-detail .images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(38 / var(--bw) * 100vw);
}

@media (max-width: 767px) {
  .container .vehicle-detail .slide-box .container-slide .opacity-icon {
    width: calc(100 / var(--bw) * 100vw);
  }
  .vehicle-detail .slide-box {
    margin-bottom: calc(40 / var(--bw) * 100vw);
    padding: calc(24 / var(--bw) * 100vw);
 }
  .vehicle-detail .slide-box .slide-content {
    display: flex !important;
    flex-direction: column;
 }
  .vehicle-detail .slide-box .action {
    align-items: center;
    flex-direction: column;
 }
  .vehicle-detail .slide-box .action .price {
    padding: 0 !important;
    position: static !important;
    transform: unset !important;
 }
  .vehicle-detail .images {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(16 / var(--bw) * 100vw);
 }
}