/* color variables */
/* fonts variables */
/* ################ Tiny content styles ################# */
.plastic-casting {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  padding: 0;
  margin: 0 0 60px 0;
}

.text-formatting ul li.plastic-casting__item {
  background: #DAF2F6;
  padding: 30px 70px 20px 70px;
  margin: 0;
  list-style: none;
}

.text-formatting ul li.plastic-casting__item::before, .text-formatting ul li.plastic-casting__item::after {
  content: none;
}

.text-formatting ul.plastic-casting li h3 {
  font: 300 normal 25px/1.2 "Noto Sans";
  padding: 0 0 20px 0;
  margin: 0;
}

.plastic-casting__image {
  padding: 0 0 10px 0;
}

.plastic-casting__image img {
  height: 160px;
}

/* ################ Responsive ################# */
@media only screen and (max-width: 1200px) {
  .plastic-casting {
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
  }
  .text-formatting ul li.plastic-casting__item {
    padding: 20px 40px 6px 40px;
  }
}
@media only screen and (max-width: 700px) {
  .plastic-casting {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .text-formatting ul li.plastic-casting__item {
    padding: 16px 20px 6px 20px;
  }
  .text-formatting ul.plastic-casting li h3 {
    font: 300 normal 20px/1.2 "Noto Sans";
  }
}

/*# sourceMappingURL=tiny.css.map */
