.profile {
  display: flex;
  gap: var(--Spacing-x2);
  justify-content: space-between;
}
.info {
  display: grid;
  gap: var(--Spacing-x-one-and-half) var(--Spacing-x7);
  width: 100%;
  justify-items: flex-start;
}
.item {
  align-items: center;
  display: grid;
  gap: var(--Spacing-x1);
  grid-template-columns: auto auto 1fr;
  justify-items: flex-end;
  width: 100%;
}
.content {
  display: grid;
  padding-bottom: var(--Spacing-x9);
  position: relative;
}
.container {
  background-color: var(--Main-Grey-White);
  border-radius: var(--Corner-radius-lg);
  display: grid;
  gap: var(--Spacing-x3);
  padding: var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x4);
}
@media screen and (min-width: 768px) {
  .info {
    grid-template-columns: repeat(3, auto);
  }
  .item {
    justify-items: flex-start;
  }
  .container {
    padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x4);
  }
}
@media screen and (min-width: 1367px) {
  .content {
    gap: var(--Spacing-x5);
    grid-template-columns: max(340px) 1fr;
  }
}