/****************************************

CARD CAROUSEL

Styling for Car Carousel

*****************************************/
.card-outer {
  padding: 8px; }

.carousel-card .paragraph--type--card {
  position: relative; }
  @media (min-width: 1024px) {
    .carousel-card .paragraph--type--card {
      min-height: 485px; } }
  .carousel-card .paragraph--type--card div {
    font-size: var(--font-mini); }
  .carousel-card .paragraph--type--card .btn_secondary {
    margin-top: 24px; }
  .carousel-card .paragraph--type--card div:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }

.carousel-card .slick-prev, .carousel-card .slick-next {
  z-index: 3;
  position: absolute;
  background: none;
  color: #c7c7c7;
  border: none; }
  .carousel-card .slick-prev i, .carousel-card .slick-next i {
    font-size: 56px !important; }

.carousel-card .slick-prev {
  left: -64px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  background: none;
  color: #c7c7c7;
  border: none; }

.carousel-card .slick-next {
  right: -64px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%; }