.product-subcard-widget {
  background: #82E3E8;
  padding: 32px;
  border-radius: 20px;
  margin-left: auto;
  color: #333;
  z-index: 2;
  position: relative;
}
.product-subcard-widget.left-aligned {
  margin-left: 0px;
}
.product-subcard-widget .product-subcard-widget__title {
  font-size: 32px;
  line-height: 38px;
  color: #333;
  font-weight: 700;
  margin-bottom: 16px !important;
}
.product-subcard-widget__text {
  font-size: 16px;
  line-height: 22px;
  max-width: 623px;
}
.product-subcard-widget__image-wrapper > picture {
  display: block;
  margin-top: -105px;
}
.product-subcard-widget__image-wrapper > picture img {
  margin-left: auto;
  border-radius: 20px;
}

.wawi-subcard-widget {
  background: linear-gradient(64deg, #FF9A26 0%, #FFC935 100%);
  color: #fff;
}
.product-subcard-widget .wawi-subcard-widget__title {
  font-size: 36px;
  line-height: 44px;
  color: #fff;
  font-weight: 700;
}
.wawi-subcard-widget__text {
  font-size: 18px;
  line-height: 26px;
}

@media screen and (max-width: 991px) {
  .product-subcard-widget .product-subcard-widget__title {
    font-size: 32px;
    line-height: 1.25;
  }
  .wawi-subcard-widget {
    transform: translateX(0px);
  }
  .wawi-subcard-widget .wawi-subcard-widget__title {
    font-size: 32px;
    line-height: 1.25;
  }
}
@media screen and (max-width: 767px) {
  .product-subcard-widget:has(.product-subcard-widget__image-wrapper) {
    margin-bottom: 30px;
  }
  .product-subcard-widget__image-wrapper {
    margin-bottom: -140px;
  }
  .product-subcard-widget__image-wrapper > picture {
    margin-top: 32px;
    max-width: 282px;
    margin-left: auto;
  }
  .product-subcard-widget__image-wrapper > picture img {
    width: 100%;
  }
  .product-subcard-widget.md-offset-y-none {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 575px) {
  .product-subcard-widget__image-wrapper > picture img {
    margin: auto;
  }
}
@media screen and (max-width: 400px) {
  .product-subcard-widget {
    margin-bottom: 60px;
  }
  .product-subcard-widget__image-wrapper picture {
    width: 100%;
    left: 0;
    right: 0;
    margin-left: 0px;
  }
  .product-subcard-widget__image-wrapper picture img {
    border-radius: 30px;
  }
}
.green .product-subcard-widget {
  background: #82E3E8;
}

.purple .product-subcard-widget {
  background: #C0A7F7;
}

.orange .product-subcard-widget {
  background: #FFCC92;
}