.section-8__card-bottom {
	display: flex;
	align-items: center;
	gap: 20px;
}

.section-8__card-link {
	color: #3178e1;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 500;
}

@media (max-width: 47.9988em) {
	.section-8__card-link {
		font-size: 22px;
	}
}
.quiz__subtitle {
	max-width: 600px;
}
.form__messenger_wh input:checked + label {
	background-color: #7b2de8 !important;
}
.form__messenger_wh input:hover + label {
	border-color: #7b2de8;
	color: #7b2de8;
}
.form__messenger_wh input:hover + label svg path {
	fill: #7b2de8;
}
.form__messenger_wh input:checked + label svg path {
	fill: #fff !important;
}
.footer__messenger,
.header__messenger {
	background-color: #8a25d3;
}
.footer__messenger:hover,
.header__messenger:hover {
	background-color: rgb(170, 125, 233);
}
.socials__button_tg {
	background-color: #35a9e5;
}
.socials__button_tg:hover {
	background-color: #6fcfff;
}
.socials__button_wh {
	background: #7825d3;
	-webkit-box-shadow:
		0 15px 40px rgba(37, 211, 102, 0.2),
		inset 0 10px 15px rgba(255, 255, 255, 0.15);
	box-shadow:
		0 15px 40px rgb(116 37 211 / 20%),
		inset 0 10px 15px rgba(255, 255, 255, 0.15);
}
.socials__button_wh:hover {
	background: #8b45d8;
	-webkit-box-shadow:
		0 15px 40px rgba(37, 211, 102, 0.2),
		inset 0 10px 15px rgba(255, 255, 255, 0.15);
	box-shadow:
		0 15px 40px rgb(137 64 224 / 20%),
		inset 0 10px 15px rgba(255, 255, 255, 0.15);
}
.header__messengers {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.header__messenger_tg {
	background-color: #35a9e5;
}
.header__messenger_tg:hover {
	background-color: #6fcfff;
}
.header__middle {
	gap: 15px;
}
.header__messenger_tg svg {
	width: 20px;
}
.section-21__items {
	gap: 30px;
}

@media (max-width: 991.98px) {
	.section-21__items {
		flex-direction: column;
		align-items: center;
	}
	.header__messengers {
		flex-direction: column;
	}
}
@media (max-width: 767.98px) {
	.header__rightside,
	.footer__rightside {
		flex-direction: column-reverse;
		gap: 5px;
		align-items: flex-end;
	}
	.header__messengers {
		flex-direction: row;
	}
	.header__rightside-inner,
	.footer__rightside-inner {
		align-items: flex-end;
	}
	.header__messenger {
		display: flex;
		width: 35px;
		height: 35px;
	}
	.header__messenger_tg svg {
		width: 18px;
	}
}
@media (max-width: 575.98px) {
	.header__logo-descriptor,
	.footer__logo-descriptor {
		font-size: 10px;
	}
}
@media (max-width: 29.9988em) {
	.section-21__items {
		gap: 15px;
	}
}