/* Custom code updated 2/17/2026 ------------------------------------------------------------------------ */

.item-expandable {
  transition: all 0.3s ease-in-out;
  cursor: pointer !important;
}
.item-expandable:hover {
  flex-grow: 2;
}

.carousel .sf-arrow {
  right: unset !important;
  box-shadow: unset !important;
}
.carousel .sf-arrow:focus-visible {
  outline: 3px solid var(--primary-dealer-color);
  outline-offset: 1px;
}
.carousel__next-button[class] {
  background: #e8e6e6;
  transition: all 0.3s ease-in-out;
}
.carousel__next-button[class]:hover {
  background-color: #FFAF35;
}
.carousel__next-button[class]:focus-visible {
  outline: 2px solid var(--primary-dealer-color);
}
.carousel__next-button[class]::after {
  color: #82D4FF !important;
}

.sf-carousel .glide__slide {
  position: relative;
}
.sf-carousel__controls[class] {
  justify-content: space-between;
  left: unset;
  right: -15px;
  position: absolute;
  top: 50%;
  transform: unset;
  width: unset;
}

@media (min-width: 1024px) {
  .carousel-bullets {
    left: unset !important;
    top: unset !important;
    right: 15px;
    bottom: 10px;
    z-index: 99;
  }
}

.carousel-slide {
  height: unset !important;
  border-radius: 4px;
  overflow: clip;
}
.carousel-slide__image[class] {
  background-position: center;
}
@media (min-width: 1024px) {
  .carousel-slide__image[class] {
    min-height: 500px;
    max-height: 600px;
    height: 50vh;
  }
}
@media (min-width: 1024px) {
  .carousel-slide__wrapper {
    width: 100% !important;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px;
    backdrop-filter: blur(8px);
    background: #060606;
  }
}
@media (max-width: 1024px) {
  .carousel-slide__wrapper {
    background-color: var(--primary-dealer-color) !important;
  }
}
.carousel-slide__wrapper p {
  line-height: 1.6;
  font-size: 1rem;
}
.carousel-slide__content {
  padding: 15px 20px;
}
.carousel-slide__content * {
  margin: unset !important;
}
@media (min-width: 1024px) {
  .carousel-slide__content {
    margin: unset !important;
    width: 100% !important;
    max-width: var(--max-width);
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-column-gap: 15px;
  }
}
@media (max-width: 1024px) {
  .carousel-slide__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-basis: unset !important;
    padding: 10px !important;
  }
}
@media (min-width: 1024px) {
  .carousel-slide__content .call-to-action {
    grid-area: 1/2/3/3;
    display: flex;
    align-items: start;
    justify-content: end;
  }
  .carousel-slide__content .call-to-action a {
    background-color: #072d86;
    color: #FFFFFF;
    border: none !important;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1rem !important;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
  }
  .carousel-slide__content .call-to-action a:hover {
    background-color: #FFAF35;
    color: #FFF3E2;
    transition: all 0.2s ease;
  }
}
@media (max-width: 1024px) {
  .carousel-slide__content .call-to-action {
    box-sizing: border-box !important;
    width: 100% !important;
    display: flex;
    padding: 15px;
    justify-content: center;
    align-items: stretch;
  }
  .carousel-slide__content .call-to-action a {
    width: 100% !important;
    text-align: center;
  }
}
.carousel-slide__content p {
  text-wrap: balance;
  overflow-wrap: break-word;
  text-align: center;
}
@media (min-width: 1024px) {
  .carousel-slide__content p {
    grid-area: 2/1/3/2;
    text-align: left;
  }
}
.carousel-slide__heading {
  text-align: center;
  text-wrap: balance;
  overflow-wrap: break-word;
  font-size: 1.75rem !important;
}
@media (min-width: 1024px) {
  .carousel-slide__heading {
    grid-area: 1/1/2/2;
    justify-self: left;
    text-align: left;
  }
}