.sub_cat_list li {
  padding-left: 1rem;
  position: relative;
}
.sub_cat_list li::before {
  content: "";
  width: 0.5em;
  height: auto;
  aspect-ratio: 4/5;
  background-image: url(../img/products/icon_sub_cat.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@keyframes rainbowBackground {
  0% {
    background-color: red;
  }
  16.666% {
    background-color: orange;
  }
  33.333% {
    background-color: yellow;
  }
  50% {
    background-color: green;
  }
  66.666% {
    background-color: blue;
  }
  83.333% {
    background-color: indigo;
  }
  100% {
    background-color: violet;
  }
}
.myElement {
  animation: rainbowBackground 10s infinite;
}
.form-check-color > #color-4:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 10 8%27%3E%3Cpath fill=%27none%27 stroke=%27%231f1f1f%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M9 1 3.5 7 1 4.273%27/%3E%3C/svg%3E");
}

.card-img-top {
  aspect-ratio: 253/300;
  object-fit: contain;
}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
}