.banner {
	.heading-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 30px;

		.heading-1 {
			@media (min-width: 1025px) {
				max-width: 90%;
			}
		}

		.features-wrapper {
			display: flex;
			flex-direction: column;
			gap: 10px;

			.feature-item {
				display: flex;
				flex-direction: row;
				gap: 10px;
				align-items: center;
			}
		}
	}

	.form-wrapper {
		position: relative;

		.bg-gradient {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 100%;
			height: 100%;
			background: var(--deep-void-purple, #542985);
			filter: blur(250px);
			z-index: -1;
		}
	}
}