.content h1 {
	text-align: left;
}

.container {
	padding: 9rem 1rem;
}

.itGets {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.itGets h1 {
	font-size: clamp(24px, 4vw, 40px);
	line-height: 1.1;

	padding: 0 6rem;
	margin-bottom: 2rem;
}

.btns {
	display: flex;
	margin-bottom: 2rem;
}

.black {
	margin-bottom: 0;
}

.content h1 {
	padding: 1rem 0;
}

.create-account {
	display: inline-block;
	padding: 0.7rem 0.8rem;
	text-decoration: none;
	background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	transition: opacity 0.3s ease;
}

.create-account.whitebtn {
	background-color: #fff;
	color: #007bff;
	border: 1px solid #007bff;
}

.create-account:hover {
	opacity: 0.8;
}

.itgetsImg {
	max-width: 70%;
	height: auto;
}

.itgetsImg img {
	max-width: 100%;
	height: auto;
}

.content {
	gap: 3rem;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
	.container {
		padding: 4rem 1rem;
	}

	.itGets h1 {
		padding: 0;
	}

	.btns {
		flex-direction: column;
		width: 100%;
	}

	.create-account {
		width: 100%;
		margin-bottom: 1rem;
	}
}

@media screen and (min-width: 1440px) {
	.container {
		max-width: 1400px;
	}
}