/* Cars Tabs */
.car-tabs {
    display: flex;
}
.car-tab {
    flex: 1;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2vh;
    background: #8c8c8c;
    color: #fff;
    padding: 12px 10px;
    border-right: 1px solid #fff;
    transition: background .2s;
    align-content: center;
}
.car-tab:last-child {
    border-right: none;
}
.car-tab:hover {
    background: #111;
}
.car-tab.is-active {
    background: #0b1a24;
}
@media (max-width: 768px) {
    .car-tabs {
        display: block;
    }
    .car-tab {
        display: block;
    }
}

/* Section */
/* Heading of each category */
.cat-title {
  font: 700 2vh/1.3 'KiaM';
  color: #0b1a24;
  letter-spacing: .02em;
  margin: 12px 0 18px;
  text-transform: uppercase;
  padding-bottom: 6px;
  display: flex;
  align-items: center;
}

.cat-title::before {
  content: '';
  display: inline-block;
  width: 3vh;
  height: 3vh;
  margin-right: 2px;
  background: url('../icons/caret-right-solid-full.svg') no-repeat center;
  background-size: contain;
}

/* Car Card */
.car-card {
    background: #fff;
    text-align: center;
    transition: box-shadow .2s;
}

/* Explore Button */
.explore-btn {
    display: inline-block;
    background: #000;
    color: #fff;
    font-weight: 700;
    font-size: 1.5vh;
    padding: 5px 16px;
    border-radius: 999px;
    text-decoration: none;
    transition: opacity .25s ease, transform .25s ease;
}
.explore-btn:hover {
    color: #fff !important;
    background: #e11d2e;
}

@media (max-width: 1024px) {
    .vehicle_cat_content {
        margin: 30px 0;
    }
}
.vehicle_cat_content h5 {
    font-size: 3vh;
    margin-bottom: 15px;
}
.vehicle_cat_content .div {
    font-size: 1.8vh;
    margin-bottom: 15px;
    font-family: 'kiaM';
}

/* FAQ */
/* Slide container */
.faq-panel {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 350ms ease, opacity 350ms ease;
}

/* When JS opens it */
.faq-panel.is-open {
  opacity: 1;
}

/* rotate caret when open */
.faq-summary[aria-expanded="true"] .faq-caret {
  transform: rotate(180deg);
}