.article-question-form {
	background: #fff;
	box-shadow: 0 7px 30px rgba(52, 87, 139, 0.1);
	border-radius: 10px;
	padding: 30px 28px 33px 42px;
	margin: 40px 0 0 -15px;
}

.article-question-form .ls-article__form-head {
	display: grid;
	grid-template-columns: 360fr 310fr;
	gap: 0 35px;
	margin: 0 0 35px;
}

.article-question-form .ls-article__form-title {
	display: block;
	margin: 0;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 700;
	color: #3a77dc;
}

.article-question-form .ls-article__form-text {
	display: block;
	margin: 0;
	padding: 10px 0 0;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 400;
	color: #232323;
}

.article-question-form .ls-article__form-body .row {
	margin: 0 -7.5px 31px;
	gap: 15px 0;
}

.article-question-form .ls-article__form-body .row > [class^="col"] {
	padding: 0 7.5px;
}

.article-question-form .ls-article__form-body .row > [class^="col"]:has(.ui-check) {
	align-self: center;
}

.article-question-form .ls-article__form-body .row:last-child {
	margin-bottom: 0;
}

.article-question-form .ui-input {
	display: block;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 400;
	color: #232323;
	border: 2px solid #e8f0fb;
	background: #e8f0fb;
	border-radius: 10px;
	appearance: none;
	box-shadow: none;
	outline: none;
	transition: border-color 0.4s, background 0.4s;
}

.article-question-form .ui-input::placeholder {
	color: #232323;
	opacity: 1;
	transition: opacity 0.4s;
}

.article-question-form .ui-input:focus {
	box-shadow: none;
	border-color: #3a77dc;
	background: #fff;
}

.article-question-form .ui-input:focus::placeholder {
	opacity: 0.5;
}

.article-question-form .ui-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	width: 100%;
	height: 60px;
	padding: 0 30px 0 20px;
	border: 0;
	border-radius: 10px;
	gap: 20px;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 600;
	cursor: pointer;
	transition: color 0.4s, background 0.4s;
}

.article-question-form .ui-btn:active {
	transform: scale(0.98);
	box-shadow: inset 0 5px 15px rgba(52, 87, 139, 0.3);
}

.article-question-form .ui-btn--primary {
	background: #0c5adb;
	color: #fff;
	box-shadow: 0 5px 15px rgba(52, 87, 139, 0.3);
}

.article-question-form .ui-btn--primary:hover {
	background: #3a77dc;
	color: #fff;
}

.article-question-form .ui-check {
	display: inline-flex;
	position: relative;
	align-items: flex-start;
	max-width: 552px;
	margin: 0 0 0 15px;
	gap: 12px;
	vertical-align: top;
}

.article-question-form .ui-check__input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}

.article-question-form .ui-check__checkbox {
	display: block;
	position: relative;
	flex: 0 0 auto;
	width: 25px;
	height: 25px;
	border: 1px solid #232323;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.4s, border-color 0.4s;
}

.article-question-form .ui-check__checkbox::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 9px;
	margin: -5px 0 0 -6px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.885 0.0140649C10.5795 0.0651586 10.7484 -0.0918256 7.41036 3.24265L4.32247 6.32721L2.91036 4.91921C1.33771 3.35107 1.39623 3.39966 1.04439 3.37015C0.259277 3.30434 -0.274606 4.17999 0.149753 4.83753C0.288456 5.05245 3.75601 8.48639 3.90062 8.55204C4.18285 8.68015 4.4758 8.67682 4.76516 8.54227C5.0117 8.42761 11.8036 1.63203 11.9211 1.38246C12.2552 0.672612 11.6586 -0.115357 10.885 0.0140649Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	opacity: 0;
	transition: opacity 0.4s;
}

.article-question-form .ui-check__input:checked + .ui-check__checkbox {
	background: #3a77dc;
	border-color: #3a77dc;
}

.article-question-form .ui-check__input:checked + .ui-check__checkbox::after {
	opacity: 1;
}

.article-question-form .ui-check__text {
	display: block;
	flex: 1;
	align-self: center;
	font-size: 14px;
	line-height: 1.25;
	font-weight: 400;
	color: #232323;
}

.article-question-form .ui-check__text a {
	color: #0d6efd;
	text-decoration: none;
}

.article-question-form .ui-check__text a:hover {
	color: #3a77dc;
	text-decoration: none;
}

.article-question-form__errors {
	margin: 0 0 20px;
	color: #c82828;
	font-size: 15px;
	line-height: 1.4;
}

.article-question-form__errors p {
	margin: 0 0 6px;
}

@media screen and (max-width: 1199px) {
	.article-question-form .ls-article__form-head {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 991px) {
	.article-question-form {
		margin: 32px 0 0;
		padding: 26px 22px 28px;
	}

	.article-question-form .ui-check {
		margin: 0;
	}
}

@media screen and (max-width: 575px) {
	.article-question-form {
		padding: 24px 18px;
	}

	.article-question-form .ls-article__form-title {
		font-size: 30px;
	}
}