.card-form {
	padding: 64px 30px;
	background-color: var(--heading-color);
}

.card-form .title {
	margin-bottom: 12px;
	font-family: var(--heading-font-family);
	font-size: 33px;
	line-height: var(--heading-line-height);
	text-transform: capitalize;
	color: var(--white-color);
}

.card-form .title strong {
	display: block;
	font-size: 33px;
	color: var(--primary-color);
}

.card-form p {
	margin-bottom: 25px ;
	font-size: 16px;
	color: var(--white-color);
}

.card-form .button {
	width: var(--width-100);
	font-size: 11px;
}

@media only screen and (min-width: 768px) {
	.card-form {
		margin-top: -120px;
		padding: 64px 50px;
		margin-bottom: 35px;
	}

	.footer .card-form {
		margin-top: 0;
		padding: 64px 60px;
		background-color: rgba(26, 24, 24, 0.59);
	}
}