.b-video-tabs {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.b-video-tabs .video-tabs__head {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.b-video-tabs .video-tabs__item {
	width: fit-content;
	box-sizing: border-box;
	padding: 8px 22px;
	border: 1px solid #d4656a;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	text-align: center;
	color: #c1232a;
	cursor: pointer;
	transition: color .2s ease, background .2s ease, border .2s ease;
}
.b-video-tabs .video-tabs__item:hover,
.b-video-tabs .video-tabs__item.active {
	color: #fff;
	background-color: #c1232a;
	border-color: #c1232a;
}
.b-video-tabs .video-tabs__content {
	display: none;
}
.b-video-tabs .video-tabs__content.active {
	display: block;
}
.b-video-tabs .video-tabs__videos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
}
.b-video-tabs .video-tabs__videos video {
	max-width: 100%;
	vertical-align: middle;
	aspect-ratio: 16/9;
}

@media (max-width: 1239px) {
	.b-video-tabs .video-tabs__videos {
		gap: 10px;
	}
}
@media (max-width: 500px) {
	.b-video-tabs .video-tabs__videos {
		grid-template-columns: 1fr;
	}
}