.container {
  background-color: var(--Main-Grey-White);
  border-radius: var(--Corner-radius-lg);
  display: grid;
  gap: var(--Space-x4);
  padding: var(--Space-x2) var(--Space-x2) var(--Space-x4);
}

.title {
  color: var(--Text-Accent-Primary);
}

.titleName {
  color: var(--Text-Interactive-Default);
}

.info {
  display: grid;
  gap: var(--Space-x15) var(--Space-x7);
  width: 100%;
  justify-items: flex-start;
}

.item {
  align-items: center;
  display: grid;
  gap: var(--Space-x1);
  grid-template-columns: auto auto 1fr;
  justify-items: flex-end;
  width: 100%;
}

.content {
  display: grid;
  padding-bottom: var(--Space-x9);
  position: relative;
}

@media screen and (min-width: 768px) {
  .info {
    grid-template-columns: repeat(3, auto);
  }

  .item {
    justify-items: flex-start;
  }

  .container {
    padding: var(--Space-x3) var(--Space-x3) var(--Space-x4);
    gap: var(--Space-x3);
  }
}

@media screen and (min-width: 1367px) {
  .content {
    gap: var(--Space-x5);
    grid-template-columns: max(340px) 1fr;
  }
}
