/* Start:/local/templates/.default/components/bitrix/news.list/documents/style.css?17930010673699*/
html {
	scroll-behavior: smooth !important;
}
.docs-wrap {
	display: flex;
	gap: 60px;
	margin-top: 30px;

	.docs-menu {
		border: 1px solid #E8E8E8;
		padding: 30px 30px 40px 30px;
		width: 372px;
		height: max-content;

		display: flex;
		flex-direction: column;
		gap: 15px;

		.doc-type-title {
			font-family: Inter;
			font-weight: 600;
			font-style: Semi Bold;
			font-size: 18px;
			leading-trim: NONE;
			line-height: 130%;
			letter-spacing: 0%;
			color: #000000;
			cursor: pointer;

			width: max-content;
		}

		.doc-type-title a {
			color: inherit;
			text-decoration: none;
			display: block;
		}

		.docs-subtype-list {
			display: flex;
			flex-direction: column;
			gap: 10px;
			padding-left: 20px;

			.doc-subtype-title {
				font-family: Inter;
				font-weight: 300;
				font-style: Light;
				font-size: 16px;
				leading-trim: NONE;
				line-height: 130%;
				letter-spacing: 0%;
				color: #2A2929;
				cursor: pointer;

				width: max-content;
			}

			.doc-subtype-title a {
				color: inherit;
				text-decoration: none;
				display: block;
			}

			.show-all-btn {
				font-family: Inter;
				font-weight: 400;
				font-style: Regular;
				font-size: 14px;
				leading-trim: NONE;
				line-height: 130%;
				letter-spacing: 0%;

				color: #fc6f10;
				cursor: pointer;

				width: max-content;
			}
			.show-all-btn:hover {
				text-decoration: underline;
			}
		}

	}

	.docs-container {
		display: flex;
		flex-direction: column;
		max-width: 100%;

		.docs-block {
			max-width: 100%;
			border-bottom: 1px solid #DBDBDB;
			margin-bottom: 30px;
			scroll-margin-top: 50px;

			.docs-block-title {
				font-family: Inter;
				font-weight: 600;
				font-style: Semi Bold;
				font-size: 30px;
				leading-trim: NONE;
				line-height: 36px;
				letter-spacing: 0%;
				vertical-align: middle;

				margin-bottom: 30px;
			}

			.docs-block-subtitle {
				scroll-margin-top: 50px;

				font-family: Inter;
				font-weight: 500;
				font-style: Medium;
				font-size: 20px;
				leading-trim: NONE;
				line-height: 36px;
				letter-spacing: 0%;
				vertical-align: middle;

				margin-bottom: 26px;
			}

			.docs-block-inner {
				display: flex;
				flex-direction: column;
				gap: 20px;
				margin-bottom: 30px;

				.document {
					max-width: 100%;

					display: flex;
					gap: 14px;
					cursor: pointer;
					width: max-content;

					.document-content {
						display: flex;
						flex-direction: column;
						gap: 5px;

						.document-title {
							width: 100%;
							font-weight: 400;
							font-style: Regular;
							font-size: 16px;
							line-height: 20px;
							vertical-align: middle;
							color: #000000;
							overflow-wrap: break-word;
							word-break: break-word;
						}

						.document-description {
							font-weight: 300;
							font-style: Light;
							font-size: 14px;
							line-height: 20px;
							vertical-align: middle;
							color: #00000080;
						}
					}
				}
			}
		}

		.docs-block:last-child {
			border-bottom: none;
		}
	}
}

@media screen and (max-width: 960px) {
	.docs-wrap {
		margin-top: 30px;
		.docs-menu {
			display: none;
		}

		.docs-container {
			.docs-block {
				.docs-block-title {
					font-family: Inter;
					font-weight: 600;
					font-style: Semi Bold;
					font-size: 24px;
					leading-trim: NONE;
					line-height: 36px;
					letter-spacing: 0%;
					vertical-align: middle;
					margin-bottom: 20px;
				}
				.docs-block-subtitle {
					font-family: Inter;
					font-weight: 600;
					font-style: Semi Bold;
					font-size: 19px;
					leading-trim: NONE;
					line-height: 36px;
					letter-spacing: 0%;
					vertical-align: middle;
					margin-bottom: 20px;
				}
			}
		}
	}
}



/* End */
/* /local/templates/.default/components/bitrix/news.list/documents/style.css?17930010673699 */