.offer-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  margin-top: 30px;
}

.offer-card {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: rem(30);

  @media (max-width: 992px) {
    flex-direction: column;
    gap: 10px;
  }
}

.offer__cost {
  @media (max-width: 992px) {
    color: #d90504;
  }
}