.slick-prev:before,
.slick-next:before {
  color: black !important; }

.featured-items {
  background-color: #f9f9f9;
  padding-top: 75px;
  padding-bottom: 60px; }
  .featured-items h3 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px; }
  .featured-items .featured-item-carousel-container {
    position: relative; }
    .featured-items .featured-item-carousel-container .featured-item-carousel {
      margin-bottom: 30px;
      display: flex;
      flex-wrap: wrap;
      height: auto; }
      .featured-items .featured-item-carousel-container .featured-item-carousel .tile {
        border: 1px solid #dedede;
        cursor: move;
        background-color: white;
        border-radius: 6px;
        margin: 16px; }
        .featured-items .featured-item-carousel-container .featured-item-carousel .tile .tile-content {
          padding: 20px;
          height: 100%;
          position: relative;
          padding-bottom: 75px; }
          .featured-items .featured-item-carousel-container .featured-item-carousel .tile .tile-content img {
            display: block;
            margin: 0 auto;
            top: 50%;
            position: relative; }
          .featured-items .featured-item-carousel-container .featured-item-carousel .tile .tile-content .details {
            position: absolute;
            width: 100%;
            padding: 20px;
            left: 0;
            bottom: 0; }
            .featured-items .featured-item-carousel-container .featured-item-carousel .tile .tile-content .details h4 {
              font-size: 14px; }
            .featured-items .featured-item-carousel-container .featured-item-carousel .tile .tile-content .details a {
              color: #5C5C5C; }
    .featured-items .featured-item-carousel-container .slick-prev, .featured-items .featured-item-carousel-container .slick-next {
      background-size: 18px 30px;
      width: 18px;
      height: 30px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      color: transparent; }
      .featured-items .featured-item-carousel-container .slick-prev.slick-prev, .featured-items .featured-item-carousel-container .slick-next.slick-prev {
        background-image: url(../images/dist/arrow-left.jpg);
        left: -28px; }
      .featured-items .featured-item-carousel-container .slick-prev.slick-next, .featured-items .featured-item-carousel-container .slick-next.slick-next {
        background-image: url(../images/dist/arrow-right.jpg);
        right: -28px; }
    .featured-items .featured-item-carousel-container .slick-dots {
      position: relative;
      margin-top: 30px;
      bottom: 0; }
      .featured-items .featured-item-carousel-container .slick-dots li {
        width: 4px;
        height: 4px;
        margin: 0 10px; }
        .featured-items .featured-item-carousel-container .slick-dots li.slick-active button {
          background-color: black; }
        .featured-items .featured-item-carousel-container .slick-dots li button {
          border: 1px solid black;
          border-radius: 100%;
          margin: 0;
          width: 4px;
          height: 4px; }
          .featured-items .featured-item-carousel-container .slick-dots li button:before {
            content: none; }
  .featured-items .view-all {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: normal;
    color: #FFFFFF !important;
    padding: 10px 40px;
    border: 1px solid #039BE5;
    background-color: #039BE5;
    border-radius: 22px;
    display: table;
    margin: 20px auto; }

@media (max-width: 768px) {
  .featured-items {
    padding-left: 0;
    padding-right: 0; }
    .featured-items .container {
      padding-left: 0;
      padding-right: 0; }
    .featured-items .featured-item-carousel .tile {
      margin: 0 20px; }
      .featured-items .featured-item-carousel .tile .tile-content {
        padding: 20px; } }
