@import url("components/tiles.css");
@import url("blocks/footer.css");
@import url("components/popup-form.css");

.form-block__container {
	padding: 60px 20px;
	position: relative;
}

.form-block__container:after {
	position: absolute;
	content: "";
	width: 445px;
	height: 348px;
	right: -150px;
	bottom: 0;
	background-image: url("../images/trademark.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 2;
	pointer-events: none;
}

.form-block__container.webp:after {
	background-image: url("../images/trademark.webp");
}

.form-block__container.img:after {
	background-image: url("../images/trademark.png");
}

.form-block__container:before {
	position: absolute;
	content: "";
	width: 209px;
	height: 188px;
	left: -120px;
	top: 60px;
	background-image: url("../images/question-bubble.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 3;
	pointer-events: none;
}

.form-block__container.webp:before {
	background-image: url("../images/question-bubble.webp");
}

.form-block__container.img:before {
	background-image: url("../images/question-bubble.png");
}

.paragraph + .form-block__list {
	margin-top: 20px;
}

.form-block__form {
	position: relative;
	z-index: 2;
}

.info__container {
	padding: 70px 20px;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	position: relative;
}

.info__container.zero-padding-top {
	padding-top: 0;
}

.info__section {
	display: block;
}

.info__section + .info__section,
.info__button + .info__section {
	margin-top: 70px;
}

.info__button {
	max-width: 360px;
}

.info__section + .info__button {
	margin-top: 30px;
}

.info__sidebar {
	width: 264px;
	margin-left: 35px;
	flex-shrink: 0;
	position: sticky;
	top: 120px;
}

.info__card {
	-moz-border-radius: var(--border-radius-large);
	-webkit-border-radius: var(--border-radius-large);
	border-radius: var(--border-radius-large);
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.info__card .link:hover {
	text-decoration: none;
}

.info__card-link {
	background-color: var(--accent-color);
	text-align: center;
	padding: 10px;
	transition: .3s;
	pointer-events: none;
}

.info__card:hover .info__card-link {
	transform: scale(1.05);
}

.info__text {
	margin-bottom: 20px;
}

.articles__container {
	padding: 70px 20px;
}

.articles__title {
	margin-bottom: 40px;
}

.podbor-help__form-wrapper {
	position: relative;
}

.podbor-help__image {
	position: absolute;
	width: 280px;
	height: 233px;
	right: 68px;
	bottom: 64px;
	background-image: url(../images/podbor-help.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.podbor-help__image.webp {
	background-image: url(../images/podbor-help.webp);
}

.podbor-help__image.img {
	background-image: url(../images/podbor-help.png);
}

.podbor-help__form {
	margin-top: 40px;
}

.podbor-help__text {
	margin-bottom: 20px;
}

.requisites {
	font-size: 14px;
}

.copyright {
	font-size: 12px;
	color: var(--dark-color);
	text-align: center;
	width: 100%;
	margin-top: 70px;
}

.block-title {
	font-size: 18px;
	font-weight: 700;
}


@media (max-width: 1399px) {

	.form-block__container:before {
		left: 0;
    	top: -20px;
	}

}

@media (max-width: 1279px) {

	.info__container {
		padding: 60px 15px;
	}

	.form-block__container {
		padding: 60px 15px;
	}

	.form-block__container:before {
		left: -20px;
    	top: -15px;
		width: 190px;
    	height: 150px;
	}

	.form-block__container:after {
		right: -250px;
	}

	.form-wrapper {
		padding: 30px 30px 40px 30px;
	}

	.form-block__content {
		width: 50%;
	}

	.articles__container {
		padding: 60px 15px;
	}

	.podbor-help__content {
		width: 100%;
	}

	.podbor-help__form {
		max-width: 300px;
	}

	.podbor-help__image {
		width: 200px;
		height: 167px;
		right: 38px;
		bottom: 64px;
	}

}

@media (max-width: 979px) {

	.info__container {
		display: block;
	}

	.info__sidebar {
		display: none;
	}

	.form-block__container:before {
		display: block;
		left: 0;
		top: -15px;
		width: 140px;
		height: 126px;
	}

	.form {
		margin: 40px auto 0;
	}

	.form-block__content {
		width: 100%;
	}

	.form-wrapper__title {
		text-align: center;
	}

	.articles__title {
		text-align: center;
	}

	.podbor-help__form {
		margin-left: 0;
	}

	.podbor-help__image {
		width: 220px;
		height: 183px;
		right: 76px;
	}

	.copyright {
		margin-top: 30px;
	}

}

@media (max-width: 767px) {

	.info__section + .info__section {
		margin-top: 50px;
	}

	.info__button {
		margin: 30px auto 50px;
	}

	.form-block__container:after,
	.form-block__container.webp:after,
	.form-block__container.img:after {
		display: none;
	}

	.podbor-help__form {
		margin-left: auto;
	}

	.podbor-help__image,
	.podbor-help__image.webp,
	.podbor-help__image.img {
		display: none;
	}

	.mobile-slider,
	.table-slider {
		padding-bottom: 50px;
	}

}

@media (max-width: 479px) {

	.form-wrapper {
		padding: 20px;
	}

	.copyright {
		margin-top: 15px;
	}

}