/* Баннер на главной */

.banner-top {
	position: relative;
	background-image: url("../../../../images/picture/banner-top.jpg");
	background-size: cover;
	height: 725px;
	background-attachment: fixed;
}

.banner-top__image-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--dark-primiry);
	opacity: 0.75;
	z-index: 1;
}

.banner-top__image {
	display: flex;
	height: 100%;
	align-items: center;
	position: relative;
}

.--d-none {
	display: none !important;
}

/* Конец баннера на главной */

/* Cтили слайдера на главной */

.banner-top__wrapper {
	/*display: flex;*/
	/*!*flex-direction: column;*!*/
	/*gap: 40px;*/
	margin-top: 95px;
}

.banner-top__slider {
	position: relative;
	z-index: 2;
	height: 100%;
}

.banner-top__slider-left {
	padding: 0 0.5rem;
}

.banner-top__slider-title {
	color: var(--white-primiry);
	font-size: 1.93rem;
	margin-bottom: 1rem;
	word-break: break-word;
	max-width: 490px;
	letter-spacing: 0.05em;
}

.banner-top__slider-title span {
	color: var(--green-primiry);
}

.banner-top__slider-text {
	color: var(--white-primiry);
	margin-bottom: 1.5rem;
	max-width: 530px;
}

.banner-top__slider-left .link-bg {
	padding: 0;
	width: 100%;
	height: 48px;
}

.banner-top__slider-right {
	display: none;
}


.swiper-button-next.banner-top__next:after, .swiper-button-prev.banner-top__prev:after {
	font-size: 20px;
	color: var(--white-primiry);
	transition: all 0.2s ease-in-out;
}

.swiper-button-next.banner-top__next:hover:after, .swiper-button-prev.banner-top__prev:hover:after {
	color: var(--dark-primiry);
}

.swiper-button-next.banner-top__next, .swiper-button-prev.banner-top__prev {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid var(--white-primiry);
	transition: all 0.2s ease-in-out;
}

.swiper-button-next.banner-top__next:hover, .swiper-button-prev.banner-top__prev:hover {
	background-color: var(--white-primiry);
}

.swiper-pagination.banner-top__pagination .swiper-pagination-bullet {
	border-radius: 0;
	background-color: var(--white-primiry);
	opacity: 1;
	position: relative;
}

.swiper-pagination.banner-top__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid var(--green-primiry);
	position: absolute;
	top: -3px;
	left: -3px;
}

.swiper-button-prev.banner-top__prev.swiper-button-lock, .swiper-button-next.banner-top__next.swiper-button-lock {
	display: none;
}


@media (max-width: 1440px) {
	.swiper-button-next.banner-top__next, .swiper-button-prev.banner-top__prev {
		top: 92%;
	}
}

/* Конец стилей слайдера на главной*/


@media (min-width: 993px) {

	@media (min-width: 1401px) {
		.banner-top {
			height: 808px;
		}
	}

	.swiper-pagination.banner-top__pagination {
		width: fit-content !important;
		bottom: -72px !important;
		left: 8px !important;
	}

	/* BANNER 993 */

	.banner-context__title {
		display: block;
		margin-bottom: 0.5rem;
		font-style: normal;
		font-weight: 500;
		font-size: 1rem;
		line-height: 16px;
		text-transform: uppercase;
		color: var(--white-primiry);
	}

	.banner-context__text {
		color: var(--white-primiry);
	}

	.banner-top__slider {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.banner-top__slider-left {
		width: 52%;
	}

	.banner-top__slider-right {
		width: 39%;
	}

	@media (max-width: 1401px) {
		.banner-top__slider-right {
			width: 45%;
		}
	}

	.banner-context {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		margin-left: 5%;
	}

	.banner-context__item {
		position: relative;
	}

	.banner-context__item::before {
		content: '';
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: 24px;
		height: 24px;
		background-image: url("../../../../images/check.svg");
		background-position: center;
		background-repeat: no-repeat;
		top: -6px;
		left: -32px;
	}

	.banner-top__slider-right {
		display: block;
	}

	.banner-top__slider-left .link-bg {
		max-width: 242px;
	}

	.banner-top__slider-title {
		word-break: break-all;
		margin-bottom: 1.5rem;
		font-size: 2.7rem !important;
		line-height: 50px !important;
	}

	.banner-top__slider-text {
		margin-bottom: 2rem;
		max-width: max-content;
	}

	.banner-top__wrapper {
		overflow-y: hidden;
		height: 350px;
	}

	.banner-top__slider {
		min-height: 350px;
	}


	@media (min-width: 1045px) {
		.banner-top__wrapper {
			overflow-y: hidden;
			height: 330px;
		}

		.banner-top__slider {
			min-height: 330px;
		}
	}


	@media (min-width: 1295px) {
		.banner-context {
			gap: 55px;
		}

		.banner-top__slider-left {
			padding: 0;
		}

	}

	@media (min-width: 1401px) {
		.banner-top__slider-title {
			max-width: 673px;
		}

		.banner-top__wrapper {
			overflow-y: hidden;
			height: 374px;
		}

		.banner-top__slider {
			min-height: 374px;
		}

		.banner-top__slider-title {
			font-size: 3.4rem !important;
			line-height: 66px !important;
		}
	}

	/* END BANNER 993 */
}

@media (max-width: 992px) {

	.swiper-pagination.banner-top__pagination {
		width: fit-content !important;
		bottom: -30px !important;
		left: 8px !important;
	}

	/* BANNER SLIDE */

	.banner-top__wrapper {
		overflow-y: hidden;
		height: 273px;
	}

	.banner-top__slider {
		min-height: 273px;
	}

	@media (max-width: 480px) {
		.banner-top__wrapper {
			overflow-y: hidden;
			height: 300px;
		}

		.banner-top__slider {
			min-height: 300px;
		}
	}

	@media (max-width: 408px) {
		.banner-top__wrapper {
			height: 355px;
		}

		.banner-top__slider {
			min-height: 355px;
		}
	}

	@media (max-width: 338px) {
		.banner-top__wrapper {
			height: 400px;
		}

		.banner-top__slider {
			min-height: 400px;
		}
	}




	/* END BANNER SLIDE */
}