#container {
  display: grid;
  justify-items: center;
}

#main-content {
  margin-top: 120px;
  overflow: hidden;
}

.model-cards-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 24px;
  margin-bottom: 64px;
  min-width: 0;
}

.model-section-title {
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  margin: 0;
}

.model-card {
  padding-bottom: 36px;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  min-width: 0;
  position: relative;
}

.model-card > img {
  width: 100%;
  display: block;
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
}

.model-card > h3 {
  color: var(--gray-1);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  margin: 24px 0 24px 0;
}

.model-card > p {
  color: var(--gray-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0;
}

.model-card > p,
.model-card > h3 {
  padding-left: 36px;
  padding-right: 36px;
  box-sizing: border-box;
}

.announcement-tag {
  padding: 6px 16px;
  position: absolute;
  right: 16px;
  top: -16px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-radius: 12px;
  background: var(--primary-intent);
  box-shadow: 0px 211px 59px 0px rgba(0, 0, 0, 0),
    0px 135px 54px 0px rgba(0, 0, 0, 0), 0px 76px 46px 0px rgba(0, 0, 0, 0.02),
    0px 34px 34px 0px rgba(0, 0, 0, 0.03), 0px 8px 19px 0px rgba(0, 0, 0, 0.03);
}