.page-container { max-width: 1094px; }

.page { background-color: white; padding: 32px; border-radius: 5px; }

h1 { font-size: 20px; font-weight: 800; color: #121212; display: flex; gap: 8px; align-items: center; margin: 0; padding-bottom: 8px; border-bottom: 1px solid #A4A4A4; }
.sub-title { font-size: 12px; color: #676D7C; font-weight: 600; margin-top: 7px; }

h2 { font-size: 12px; color: #121212; font-weight: 600; margin-top: 20px; display: flex; align-items: center; gap: 8px; }
h2 .red { font-size: 14px; }
.red { color: red; }

.items { display: flex; gap: 16px; margin-bottom: 16px; align-items: center; }
.items.item { margin-bottom: 0; }
.items .item { flex: 1; display: flex; align-items: center; color: #676D7C; font-weight: 400; font-size: 14px; }
.items .item label { margin-right: 12px; display: flex; align-items: center; }
.items .item label input { margin-left: 4px; }

.sent-complete { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 12px; line-height: 35px; padding: 35px 0; }

@media (max-width: 960px) {
    .page { padding: 8px; }
    .items { flex-direction: column; }
    h2 { display: flex; justify-content: center; }
}