.theme-shopee .sc-benefits .sc-inner-s {
  padding: 0;
}

.theme-shopee .sc-benefits .sc-heading {
  margin-bottom: 70px;
}

.theme-shopee .sc-benefits .cards .card {
  position: relative;
  margin: 0 25px;
  padding: 0 20px 20px 20px;

  min-height: 330px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.theme-shopee .sc-benefits .cards .card h3 {
  margin-top: auto;
  margin-bottom: 10px;
  
  display: block;
  width: 100%;
}

.theme-shopee .sc-benefits .cards .card p {
  font-size: 14px;
  line-height: 1.3;
}

.theme-shopee .sc-benefits .cards .card .action {
  margin-top: 20px;
}

.theme-shopee .sc-benefits .cards .card .action a {
  display: block;
}

.theme-shopee .sc-benefits .cards .card img {
  align-self: center;
  max-height: 140px;

  -webkit-transition: transform 0.2s 0s linear;
  -moz-transition: transform 0.2s 0s linear;
  -o-transition: transform 0.2s 0s linear;
  transition: transform 0.2s 0s linear;
}

.theme-shopee .sc-benefits .cards .card:hover img {
  -moz-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -o-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}

.theme-shopee .sc-benefits .cards .card * {
  position: relative;
  z-index: 1;

  color: white;
}

.theme-shopee .sc-benefits .cards .card:before {
  content: "";
  position: absolute;
  z-index: 0;

  width: 100%;
  height: calc(100% - 70px);
  bottom: 0;
  left: 0;

  border-radius: 10px;
}

.theme-shopee .sc-benefits .cards .card[data-card-index="0"]:before {
  background: #E88CA7;
}

.theme-shopee .sc-benefits .cards .card[data-card-index="1"]:before {
  background: #EAD16C;
}

.theme-shopee .sc-benefits .cards .card[data-card-index="2"]:before {
  background: #AF9AF8;
}

.theme-shopee .sc-benefits .cards .card[data-card-index="3"]:before {
  background: #90BEF4;
}

.theme-shopee .sc-benefits .cards .card[data-card-index="4"]:before {
  background: #6881E8;
}

.theme-shopee .sc-benefits .cards .card[data-card-index="5"]:before {
  background: #5AC6AE;
}

.theme-shopee .sc-benefits .cards.slick-slider {
  padding-bottom: 80px;
}

.theme-shopee .sc-benefits .cards .slick-list {
  overflow-x: visible;
  overflow-y: visible;
}

.theme-shopee .sc-benefits .cards .card.slick-slide {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);

  -webkit-transition: transform 0.3s 0s ease-in-out;
  -moz-transition: transform 0.3s 0s ease-in-out;
  -o-transition: transform 0.3s 0s ease-in-out;
  transition: transform 0.3s 0s ease-in-out;
}

.theme-shopee .sc-benefits .cards .card.slick-slide.slick-center {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

@media screen and (max-width: 1200px) {
  .theme-shopee .sc-benefits .cards .card {
    min-height: 350px;
  }
}

@media screen and (max-width: 991px) {
  .theme-shopee .sc-benefits .sc-inner-s {
    padding: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .theme-shopee .sc-benefits .cards .card {
    margin: 0 15px;
    padding: 0 20px 20px 20px;

    min-height: 320px;
  }

  .theme-shopee .sc-benefits .cards.slick-slider {
    padding-bottom: 50px;
  }

  .theme-shopee .sc-benefits .cards .card.slick-slide.slick-center {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}