@import "@Themes/constants.scss";

.root {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xl, 32px);

	.title-container {
		flex-direction: column;
		display: flex;
		gap: var(--spacing-sm, 8px);

		.office-container {
			display: flex;
			align-items: center;
			gap: var(--spacing-md, 16px);
		}
	}

	.content {
		display: flex;
		gap: var(--spacing-lg, 24px);
		align-items: flex-start;

		.notary {
			display: flex;
			width: 300px;
			flex-direction: column;
			align-items: flex-start;
			gap: var(--spacing-lg, 24px);
		}

		.documents {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-xl, 32px);
			width: 100%;
		}
	}
}