.dark #header-wrap,
	.block-slider-2.slider-element { background-color: #080E2C; }

	.block-slider-2 .swiper-pagination {
		--color: #FFF;
		--gap: 10px;
		--line-width: 50px;
		display: flex;
		width: auto;
		justify-content: center;
		counter-reset: item;
		bottom: 50px !important;
		transform: translateX(-50%);
		align-items: center;
	}

	.block-slider-2 .swiper-pagination,
	.block-slider-2 .swiper-pagination::before,
	.block-slider-2 .swiper-pagination::after {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.block-slider-2 .swiper-pagination::before {
		content: "";
		width: var(--line-width, 50px);
		height: 1px;
		background-color: var(--color, #FFF);
	}

	.block-slider-2 .swiper-pagination span::before {
		content: "0" counter(item);
		counter-increment: item;
		font-weight: 700;
		color: var(--color, #FFF);
	}

	.block-slider-2 .swiper-pagination::after {
		content: attr(swiper-slides-total);
		left: calc(50% + var(--gap, 10px) + var(--line-width, 50px));
		font-weight: 700;
		color: var(--color, #FFF);
		opacity: 0.6;
	}

	.block-slider-2 .swiper-pagination span {
		position: absolute;
		left: calc(50% - var(--gap, 10px) - var(--line-width, 50px));
		width: auto;
		height: auto;
		margin: 0;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	.block-slider-2 .swiper-pagination span:not(.swiper-pagination-bullet-active) {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.block-slider-2 .swiper-pagination span.swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}

	.block-slider-2 .swiper-pagination span,
	.block-slider-2 .swiper-pagination span:hover,
	.block-slider-2 .swiper-pagination span.swiper-pagination-bullet-active {
		background-color: transparent !important;
		border: 0;
	}