.case__article-subtitle {
	max-width: 800px;
}

.zoom {
	display: var(--grid);
	grid-template-columns: 1fr 1fr;
	align-items: var(--center);
	gap: 32px;
}

.zoom__form {
	padding: 30px;

	height: 100%;

	display: var(--flex);
	flex-direction: var(--column);
	justify-content: var(--center);
	align-items: var(--center);
	gap: 40px;

	border-radius: 16px;
	border: 1px solid var(--clr-dark);
	background: var(--clr-alt-black);

	box-sizing: border-box;
}

.contact__form-group {
	display: var(--flex);
	flex-direction: var(--column);
	align-items: var(--flex-start);
	align-self: var(--stretch);
	gap: 12px;
}

.zoom__article--span {
	padding: 10px 15px;

	display: var(--flex);
	justify-content: var(--center);
	align-items: var(--center);
	gap: 10px;

	border-radius: 100px;
	background: #161616;

	color: var(--clr-white);

	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%; /* 19.6px */
}

.contact__case--column {
	display: var(--flex);
	flex-direction: var(--column);
	align-items: var(--center);
	gap: 20px;
}

.contact__form-block {
	display: var(--flex);
	align-items: var(--center);
	text-align: var(--center);
}

.zoom__img {
	width: 100%;
}

.zoom__session {
	display: var(--none);
}

@media screen and (max-width: 768px) {

	h1 {
		font-size: 32px !important;
		letter-spacing: -1.5px !important;
	}

    h2 {
	    font-size: 26px !important;
	}

	.zoom {
	    width: 100%;
	    display: var(--flex);
	    flex-direction: column-reverse;
	    align-items: normal; 
	    gap: 32px;
	}

	.zoom__session {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
		gap: 20px;
		align-self: stretch;
		flex-wrap: wrap;
	}

	.zoom__session--item {
		display: flex;
		width: 138px;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 10px;
	}

	.zoom__session--text {
		font-size: 16px !important;
	}

	.zoom__form {
	    padding: 24px 6px;
	    gap: 18px;
	}

}