#soon .outer-wrapper {
  padding: 15px 5px;
}

@media (max-width: 768px) {
  #soon .wrapper {
    margin: 0 auto;
  }
}

#soon .wrapper {
  max-width: 500px;
}

#soon .soon-h a {
  color: #eee;
  background: #6c1313;
  border: 1px solid tomato;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: rgb(207, 207, 207);
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1;
  background-image: linear-gradient(to left, #222529, rgba(0, 0, 0, 0));
}

.carousel-control-prev {
  background-image: linear-gradient(to right, #222529, rgba(0, 0, 0, 0));
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  align-items: self-end;
  padding-bottom: 15px;
  color: #fff;
  text-align: center;
  border: 0;
  transition: opacity 0.15s ease;
}

.soon-info {
  padding: 45px 25px;
  height: 248px;
  color: #ffebcd;
}

.soon-info2 {
  padding: 15px;
  height: 248px;
  color: #ffebcd;
}

.olay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  filter: grayscale(1);
  opacity: 0.1;
}

.soon-foot {
  position: absolute;
  bottom: 10px;
  right: 26px;
  color: sandybrown;
  padding: 10px;
}

.car_mg {
  height: 248px;
  object-fit: cover;
}

.lat-img {
  max-width: 100%;
  width: 309px;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  height: 245px;
  object-fit: cover;
  object-position: right;
}

.lat {
  height: 257px;
  justify-content: space-evenly;
  padding: 0 3px;
}

.lat .col-5 {
  flex: 0 0 auto;
  width: 45.7%;
}

.left-col {
  height: 253px;
  position: relative;
}

.right-col {
  position: relative;
  height: 127.5px;
}

.right-col img {
  width: 93%;
  height: 122px;
  border-radius: 9px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .col-md-7 {
    margin-bottom: 15px;
  }
}

.lnk-lg {
  position: absolute;
  width: 100%;
  height: 245px;
  z-index: 11;
}

.lnk-sm {
  position: absolute;
  width: 93%;
  height: 115px;
  z-index: 11;
}

.lat_small {
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  border-radius: 9px;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: linear-gradient(to top, #000000a9 0%, #000 50%, #0000 100%);
  color: #ccc;
  margin: auto;
}

.latest_wrap {
  background-color: rgba(0, 0, 0, 0.5);
}

.lat_small.late_xs {
  width: 93%;
}

#soon {
  max-width: 1050px;
  margin: auto;
}

.pub {
  color: #ccc;
}
