.slick-slider {
  margin-bottom: 30px !important;
}

.slick-slide img {
  height: 460px;
  width: 100%;
  object-fit: cover;
}

.slick-slide .card {
  position: absolute;
  top: 120px;
  margin-left: 15px;
  margin-bottom: 40px;
  width: 480px;
  min-height: 280px;
  border: none;
}

.slick-slide .card span,
.slick-slide .card span svg {
  vertical-align: bottom;
}

.slick-slide .card span:hover {
  text-decoration: underline;
}

.slick-slider .slick-dots {
  text-align: right;
  width: 100%;
  left: 0;
  margin-left: 0;
  padding-right: 15px !important;
}

@media screen and (max-width: 990px) {
  .slick-slide img {
    min-height: 520px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 0%;
  }

  .slick-slide .card {
    top: 180px;
    width: 80%;
    max-width: 480px;
  }
}

@media screen and (max-width: 768px) {
  .slick-slider {
    margin-bottom: 0px !important;
  }

  .slick-slide {
    display: flex !important;
    justify-content: center;
  }

  .slick-slide .card {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .slick-slide .card {
    margin-left: calc(calc(100vw - 735px) / 2);
  }

  .slick-slider .slick-dots {
    padding-right: calc(calc(100vw - 735px) / 2) !important;
  }
}

@media screen and (min-width: 992px) {
  .slick-slide .card {
    margin-left: calc(calc(100vw - 955px) / 2);
  }

  .slick-slider .slick-dots {
    padding-right: calc(calc(100vw - 955px) / 2) !important;
  }
}

@media screen and (min-width: 1200px) {
  .slick-slide .card {
    margin-left: calc(calc(100vw - 1155px) / 2);
  }

  .slick-slider .slick-dots {
    padding-right: calc(calc(100vw - 1155px) / 2) !important;
  }
}

@media screen and (min-width: 1600px) {
  .slick-slide .card {
    margin-left: calc(calc(100vw - 1555px) / 2);
  }

  .slick-slider .slick-dots {
    padding-right: calc(calc(100vw - 1555px) / 2) !important;
  }
}