* {
	--max-screen-size: 1080;
}

.col6 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 88px;
	padding: 353px 24px 182px 24px;
}

.logo {
	position: absolute; top: 194px; left: 50%; 
	translate: -50% 0;
	margin-left: -391px;
	width: 150px; height: 108px;
}

.card {
	width: 100%;
	max-width: 887px;
	display: flex;
	flex-direction: column;
	gap: 46px;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 108px 131px 103px 131px;
	border-radius: 133px;
}

.card-form-group {
	height: 162px;
	flex-shrink: 0;
}

.btn-continue {
	height: 71px;
	max-width: 435px;
}



/** breakpoints (margin / paddings) **/

@media screen and (max-width: 768px) {
	.col6 {
		padding-inline: var(--margin-sm);
	}
	.card {
		padding-inline: var(--margin-md);
	}
}

@media screen and (max-width: 576px) {
	.card {
		padding-inline: var(--margin-sm);
	}
}