.banner {
	background-image: url(../assets/support/banner.png);
	
	.hero {
		/* text-align: center; */
		margin: auto;
		margin-top: 94px;
		
		h1, h2, h3 {
			text-align: center;
		}
	}
}

.support-section {
	padding-top: 76px;
	padding-bottom: 76px;
	text-align: center;
	
	.trial-form {
		display: inline-block;
		
		.form-title {
			margin-bottom: 69px;
			font-weight: 600;
			font-size: 24px;
			color: var(--color-grey-100);
			line-height: 33px;
		}
		
		.form-item {
			display: flex;
			gap: 30px;
			margin-bottom: 46px;
			align-items: center;
			
			label {
				width: 136px;
				height: 28px;
				font-weight: 600;
				font-size: 20px;
				color: var(--color-grey-100);
				line-height: 28px;
				display: block;
				text-align: left;
			}
			input {
				width: 480px;
				height: 54px;
				border: 2px solid var(--color-grey-045);
				color: var(--color-grey-100);
				background-color: transparent;
				border-radius: 4px;
				padding: 8px 16px;
				font-weight: 600;
				font-size: 20px;
			}
		}
		
		.form-buttons {
			button {
				width: 182px;
				height: 50px;
				background: linear-gradient(133deg, #1C71F1 0%, #0F59C9 100%);
				border-radius: 7px;
				border: none;
				color: var(--color-grey-100);
				margin-top: 19px;
				
				&:active {
					opacity: 0.74;
				}
			}
		}
	}
	
	
}