.container {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
  margin-top: 50px;
}

.breadcrumb {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-medium);
  font-size: 14px;
  background: var(--color-primary-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}

.breadcrumb a {
  background: var(--color-primary-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.content h1.title {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-semi-bold);
  color: var(--color-black-default);
  font-size: 40px;
  width: 80%;
  margin: 50px auto 20px;
  text-align: center;
}

.content p {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-regular);
  color: var(--color-black-default);
  font-size: 14px;
  width: 80%;
  margin: 0 auto 30px;
  text-align: center;
  line-height: 2;
}

.gallery {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
}