@import url("https://fonts.googleapis.com/css2?family=Arvo&display=swap");
.travel_product_wrap {
  margin-top: clamp(54px, 9vw, 100px);
  margin-bottom: 60px;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .travel_product_wrap {
    margin-top: 54px;
    margin-bottom: 40px;
  }
}
.travel_product_wrap .color_list {
  --color-gap: 35px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 35px;
}
@media (max-width: 767.98px) {
  .travel_product_wrap .color_list {
    flex-wrap: nowrap;
    gap: 16px;
  }
}
.travel_product_wrap .color_list li {
  flex-shrink: 0;
  width: calc(25% - var(--color-gap) * 3 / 4);
}
@media (max-width: 767.98px) {
  .travel_product_wrap .color_list li {
    flex: 0 0 40%;
  }
}/*# sourceMappingURL=awards09.css.map */