.become-a-seller .wide-block .container {
	container-type: inline-size;
	.hero {
		display: flex;
		gap: 7.5rem;
		align-items: center;
		position: relative;

		@container (max-width: 720px) {
			flex-direction: column;
		}

		.aside {
			padding-bottom: 3.125rem;
			min-width: min(420px, 100%);
			z-index: 1;

			h1 {
				margin-bottom: 2.125rem;
				font-weight: 600;
				font-size: 1.625rem;
			}

			.form-wrap {
				text-align: center;
				background-color: var(--color-gray-30);
				padding: 1.875rem;
				border-radius: 1.25rem;
				display: flex;
				flex-direction: column;
				gap: 1.25rem;

				& > * {
					margin-top: 0;
					margin-bottom: 0;
				}

				hr {
					margin-block: 0.625rem;
					border-color: #d6dbe0;
					width: 100%;
				}

				h3 {
					font-weight: 600;
					font-size: 1.5rem;
					margin-bottom: 0;
				}

				.btn {
					display: flex;
					width: 100%;
				}

				form {
					display: flex;
					flex-direction: column;
					gap: 1rem;
					.form-group {
						margin-bottom: 0;
						.invalid-ajax {
							text-align: start;
							padding-left: 1rem;
							color: var(--color-error);
						}
					}
					input {
						display: flex;
						flex-direction: row-reverse;
						align-items: center;
						width: 100%;
						height: 100%;
						border-radius: 1.4rem;
						padding: 0.7rem 1.4rem;
						gap: 0.5rem;
						background-color: var(--color-gray-60);
						transition: all 0.2s linear;

						&:focus {
							outline: none;
							background-color: transparent;
						}
					}

					a {
						color: var(--color-dark-gray);
						align-self: end;
						margin-top: 0.25rem;
						&:hover {
							color: var(--blue);
						}
					}
				}
			}
		}

		.banner {
			position: absolute;
			width: 65cqw;
			height: 100cqh;
			right: 0;
			max-height: 100%;
			overflow: hidden;
			display: flex;
			justify-content: end;
			img {
				object-fit: contain;
				max-height: 100%;
			}

			@container (max-width: 720px) {
				display: none;
			}
		}
	}
}