.not-available-color {
  fill: #ED6861;
}

.available-color {
  fill: #18A277;
}

.low-stock-color {
  fill: #ED6861;
}

.promo-banner-1-container {
  width: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promo-banner-1-container .promo-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: inherit;
}
.promo-banner-1-container .promo-elements {
  padding: 32px;
  height: 100%;
  width: 25%;
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: inherit;
}
.promo-banner-1-container .promo-elements .promo-text {
  padding: 10px 0;
  color: white;
  font-size: 25px;
  font-weight: bold;
  line-height: 35px;
}
.promo-banner-1-container .promo-elements .btn-secondary {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.promo-banner-1-container .promo-image-container {
  padding: 0;
  width: 75%;
  border-radius: inherit;
}
.promo-banner-1-container .promo-image-container.full-width {
  width: 100%;
}
.promo-banner-1-container .promo-image-container.full-width .promo-image {
  border-top-left-radius: inherit !important;
  border-bottom-left-radius: inherit !important;
}
.promo-banner-1-container .promo-image-container .promo-image {
  width: 100%;
  height: 350px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
@media (max-width: 768.98px) {
  .promo-banner-1-container .promo-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
    position: relative;
  }
  .promo-banner-1-container .promo-elements {
    position: relative;
    width: 100%;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: inherit !important;
  }
  .promo-banner-1-container .promo-elements[data-background-color=transparent] {
    position: absolute;
    bottom: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .promo-banner-1-container .promo-image-container {
    width: 100%;
  }
  .promo-banner-1-container .promo-image-container.full-width .promo-image {
    height: unset;
    aspect-ratio: 1/1;
    border-bottom-left-radius: inherit !important;
    border-bottom-right-radius: inherit !important;
  }
  .promo-banner-1-container .promo-image-container .promo-image {
    height: 240px;
    border-top-left-radius: inherit !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

/*
@media (max-width: 768.98px){
	.promo-image{
		height: 240px;
	}
	.promo-inner.col-12{
		padding: 30px 0!important;
	}
	.promo-elements{
		padding: 0 18px;
	}
}
@media (max-width: 415px){
	.promo-inner.col-12{
		height: 230px;
	}
}
@media (max-width:991px) and (min-width:769px){
	.promo-text{
		font-size: 20px;
		margin: 0;
	}
	.promo-image{
		height: auto;
	}
	.promo-text{
		line-height: 26px;
	}
	.promo-elements{
		padding: 0 12px;
	}
	.promo-elements .btn-secondary{
		padding: 9px 12px;
		font-size: 14px;
		line-height: 19px;
	}
}

@media (max-width:768.98px) and (min-width:544px){
	.promo-image{
		max-width: 63%;
		flex: 0 0 63%;
	}
	.promo-elements .btn-secondary{
		padding: 9px 12px;
		font-size: 14px;
		line-height: 19px;
	}
}
*/