.support {
}

.gap-m {
	gap: 3vw;
}

.supports.flex-col {
	gap: 5rem;
}

.support > .flex-row .left {
	width: clamp(300px, 60%, 400px);
	flex-shrink: 0;
}

.support > .flex-row .right {
	display: flex;
	width: 100%;
	background-color: var(--bgGrey);
	padding: 3rem;
}

.support .right .flex-col {
	gap: 1.5rem;
}

.support .right h2 {
	font-size: var(--fontSizeBig);
}

/* All forms */

.all-forms .grid.x22 {
	width: unset;
}

.all-forms .grid.x22 > .flex-col {
	gap: 1rem;
}

.all-forms .grid.x22 > .flex-col h2 {
	font-size: var(--fontSizeBig);
	color: var(--textWhite);
}

.all-forms .grid .flex-row {
	width: clamp(280px, 15vw, 500px);
}

/* Contacts */

.contacts.grid {
	grid-template-columns: 1fr 1fr;
	row-gap: 2rem;
	width: clamp(800px, 50vw, 1500px);
}

.contacts.grid > .flex-col {
	gap: 1rem;
}

/* .contacts.grid > .flex-col a[href^="https"]::before {
	content: url(./images/admission/student-support/SVG/envelope.svg);
	width: 25px;
	height: auto;
	padding-right: 1rem;
	display: inline-block;
	position: relative;
	translate: 0 3px;
} */

.contacts.grid > .flex-col a[href^="mailto"]::before {
	content: url(./images/admission/student-support/SVG/envelope.svg);
	width: 25px;
	height: auto;
	padding-right: 1rem;
	display: inline-block;
	position: relative;
	translate: 0 3px;
}

/* council */
.council-card.president {
	flex-direction: row;
	align-items: center;
	gap: 5vw;
}

.council-info h5 {
	font-size: var(--fontSizeOK);
}

.council-info h3 {
	font-size: var(--fontSizeMedium);
}

.quote {
	position: relative;
	width: clamp(300px, 35vw, 800px);
}

.quote::after {
	content: "";
	width: 60%;
	height: 60%;
	position: absolute;
	font-size: 20rem;
	top: -35%;
	left: -5%;
	font-family: initial;
	line-height: 0.3;
	opacity: 0.2;
	background-image: url(./images/about/industry-recognition/SVG/o-quote.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.council-logo {
	position: absolute;
	right: 0;
	top: 0;
	width: 125px;
}

.grid.student-council {
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}

@media only screen and (min-width: 500px) and (max-width: 1366px) {
	.grid.student-council {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}
}

@media only screen and (min-width: 350px) and (max-width: 510px) {
	.grid.student-council {
		grid-template-columns: 1fr;
	}
}

@media only screen and (min-width: 350px) and (max-width: 910px) {
	/* Student Guide */

	.support.wrapper > .flex-row {
		flex-direction: column;
	}

	.support > .flex-row .left {
		width: 100%;
	}

	.contacts.grid {
		grid-template-columns: 1fr;
		row-gap: 3rem;
	}

	.support > .flex-row .right {
		padding: 2rem 1.5rem;
	}

	/* Council */

	.flex-row.responsive {
		flex-direction: column;
	}

	.council-logo {
		position: relative;
		width: 50vw;
		margin: 2rem auto;
		top: unset;
	}

	.council-card.president {
		flex-direction: column;
		align-items: flex-start;
	}

	.quote::after {
		width: 10vw;
		height: 10vw;
		top: 0;
	}

	.council-card {
		gap: 0.5rem;
	}
}