.theme-linepoints .sc-product-hero {
    position: relative;
    margin-top: 30px;
  }
  
  .theme-linepoints .sc-product-hero:before {
    content: "";
    position: absolute;
    z-index: 0;
  
    width: 100%;
    height: 75%;
    bottom: 0;
    left: 0;
  
    background: url(/SiteCollectionDocuments/kcc/linepoints/img/hero/bg-left.png), 
      url(/SiteCollectionDocuments/kcc/linepoints/img/hero/bg-right.png), white;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center left, center right;
    border-radius: 10px 10px 0 0;
  }
  
  .theme-linepoints .sc-product-hero .image,
  .theme-linepoints .sc-product-hero .cards {
    position: relative;
    z-index: 10;
  }
  
  .theme-linepoints .sc-product-hero .image {
    max-width: 100%;
  }
  
  .theme-linepoints .sc-product-hero .image img {
    width: 950px;
  }
  
  .theme-linepoints .sc-product-hero .cards .card {
    opacity: 0;
    transition: opacity 300ms;
  }
  
  .theme-linepoints .sc-product-hero .cards .card.slick-cloned.slick-center,
  .theme-linepoints .sc-product-hero .cards .card.slick-current.slick-center {
    opacity: 1;
  }
  
  @media screen and (max-width: 767px) {
    .theme-linepoints .sc-product-hero:before {
      background: url(/SiteCollectionDocuments/kcc/linepoints/img/hero/bg-left-mobile.png), 
        url(/SiteCollectionDocuments/kcc/linepoints/img/hero/bg-right-mobile.png), white;
      background-repeat: no-repeat;
      background-size: 160px;
      background-position: bottom left, bottom right;
      border-radius: 10px 10px 0 0;
    }
  
    .theme-linepoints .sc-product-hero .cards .card img {
      width: 100%;
      max-width: 325px;
      margin-left: auto;
      margin-right: auto;
    }
  }