.page-single-feature .st0 {
  fill: transparent;
}
.page-single-feature g .st0 {
  fill: white !important;
}
.bg-mask {
  perspective: 150px;
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: left top, left bottom;
          mask-position: left top, left bottom;
}
.box-shine {
  max-width: 350px;
  min-width: 250px;
  position: relative;
  background: linear-gradient(135deg, #f7f7f7, rgba(247, 247, 247, 0.75)) 50% 50% / 200% 200% no-repeat;
  background-position: 50% 50%;
  border-radius: 15px;
  padding: 20px;
  padding-bottom: 50px;
  transition: all 0.15s linear 0s;
  overflow: hidden;
}
.box-shine::after {
  box-sizing: border-box;
  content: '';
  -webkit-mask-image: linear-gradient(to left bottom, #000000, transparent 40%, transparent 60%, #000000);
          mask-image: linear-gradient(to left bottom, #000000, transparent 40%, transparent 60%, #000000);
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 3;
  border-width: 1px;
  border-style: solid;
  border-color: #ececec;
  -o-border-image: initial;
     border-image: initial;
  border-radius: 15px;
  inset: 0px;
  transition: all 0.15s linear 0s;
}