.hero-section {
	.container {
		.row {
			.col-lg-6 {
				@media (max-width: 992px) {
					width: 100% !important;
				}
				.caution {
					display: flex;
					flex: row;
					align-items: center;
					margin-top: 30px;
					gap: 5px;

					@media (max-width: 1024px) {
						align-items: flex-start;

						svg {
							margin-top: 6px;
						}
					}

					p {
						font-size: 12px;
						color: var(--caution-gold);
					}
				}

				&.image-wrapper {
					display: flex;
					align-items: center;
					justify-content: flex-end;

					@media (max-width: 992px) {
						margin-top: 30px;
						justify-content: center;
					}

					img {
						width: auto;
						max-height: 570px;
						text-align: right;

						@media (max-width: 992px) {
							width: 100%;
							max-width: 400px;
						}
					}
				}
			}
		}
	}
	.background-gradient {
		position: absolute;
		top: 0;
		right: 0;
		background: var(--deep-void-purple);
		filter: blur(400px);
		width: 50%;
		height: 1000px;
		z-index: -1;
	}
}

.cta {
	padding-bottom: 40px !important;
}