.section-article-content {

	.article-content--flex {

		display: flex;
		justify-content: space-between;
		gap: 50px;
		padding: 50px 0;

		@media screen and (max-width: 1024px) {
			gap: 22px;
			flex-wrap: wrap;
			@media screen and (max-width: 768px) {
				padding-top:0;
			}
		}

		.article-content--lhs,
		.article-content--rhs {

			width: calc(50% - 25px);

			@media screen and (max-width: 1024px) {
				width: 100%;
			}

			.block {

				margin-bottom: 24px;

				&.image_lhs {
					margin: 32px 0;
				}

			}

			.video-flex {

				display: flex;
				justify-content: space-between;
				gap: 20px;

				@media screen and (max-width: 768px) {
					flex-wrap: wrap;
				}

				.block {

					width: 50%;
					margin:0;

					@media screen and (max-width: 768px) {
						width: 100%;
					}

					.video--block {

						position: relative;
						cursor: pointer;

						&::after {
							content:'';
							position: absolute;
							top: 50%;
							left: 50%;
							width: 60px;
							height: 60px;
							transform: translate(-50%, -50%);
							background: url('icon-play.svg') no-repeat center center / 32px rgba(255,255,255, .7);
							border-radius: 50%;
						}

						img {
							width: 100%;
						}

					}

					.video--title {
						margin: 10px 0 20px 0;
						font-size: 14px;
						font-weight: 600;
					}

				}

			}

		}

	}

	.video-modal-wrapper {

		position: fixed;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.9);
		z-index: 9999;
		display: none;

		.vm-inner {

			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 80%;

			@media screen and (max-width: 768px) {
				width: 100%;
			}

			.vm-close {
				position: absolute;
				top:-44px;
				right:0;
				width: 40px;
				height: 40px;
				background: url('icon-close.svg') no-repeat center center / 22px;
				border: 1px solid #000;
				filter: invert(1);
				z-index: 2;
				cursor: pointer;
				@media screen and (max-width: 1024px) and (orientation: landscape) {
					top:0;
					background-color: #fff;
				}
			}

			.vm-video {

				display: none;

				video {
					width: 100%;
					height: auto;
				}

			}

		}

	}

}