.banner {
	padding-top: 200px;
	padding-bottom: 100px;

	@media (max-width: 767px) {
		padding-top: 80px;
	}

	.container {
		padding-bottom: 0 !important;

		.heading-wrapper {
			.page-title {
				display: block;
				background: rgba(152, 16, 250, 0.2);
				padding: 6px 20px;
				color: var(--neon-violet);
				border-radius: 20px;
				border: 0.5px solid #c27aff;
			}

			.heading-1 {
				margin-top: 60px;
				margin-bottom: 15px;
			}

			.text-large {
				width: 100%;
				max-width: 60%;

				@media (max-width: 767px) {
					max-width: 100%;
				}
			}
		}
	}

	.feature-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin-top: 70px;

		@media (max-width: 767px) {
			flex-direction: column;
			margin-top: 30px;
		}

		.feature-item {
			display: flex;
			flex-direction: column;
			width: 100%;
			max-width: 240px;
			padding: 0 30px;
			margin: 0 30px;

			@media (max-width: 1024px) {
				max-width: 180px;
				padding: 0 15px;
				margin: 0 15px;
			}

			@media (max-width: 767px) {
				max-width: 140px;
				padding: 15px 0;
				margin: 15px 0;
			}

			&:nth-child(2) {
				border-color: var(--cool-gray);
				border-width: 0 1px 0 1px;
				border-style: solid;

				@media (max-width: 767px) {
					border-width: 1px 0 1px 0;
				}
			}
		}
	}
}