.zamer-fluid {
	background-color: #FFFFF3;
}

.custom-section {
	min-height: 614px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.image-section {
	background: url('/template/img/zamer/zamer.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 400px;
	position: relative;
}
.text-section {
	background: #2E1D19 url('/template/img/zamer/zamer-back.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
}
.highlight {
	background: #FFC300;
	color: black;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	max-height: 151px;
}

.highlight img {
	height: 118px;
	width: 94px;
}

/* Десктопная версия (показывается от 768px) */
.desktop-view {
	display: flex;
}

/* Мобильная версия */
.mobile-view {
	display: none;
	position: relative;
}

/* Контейнеры с текстом */
.mobile-text {
	background-image: url("/template/img/zamer/zamer-back.png");
	padding: 8px;
	color: white;
	z-index: 2;
	position: relative;
}
.mobile-highlight {
	background: #FFC300;
	color: black;
	padding: 8px;
	z-index: 2;
	position: relative;
}

/* Картинка между блоками */
.mobile-image {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 400px;
	z-index: 3;
}

/* Отступы, чтобы картинка заходила на блоки */
.mobile-text {
	padding-bottom: 120px;
}
.mobile-highlight {
	padding-top: 120px;
	padding-bottom: 20px
}

@media (max-width: 767px) { /* Для мобильных (до 768px) */
	.desktop-view {
		display: none;
	}
	.mobile-view {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.mobile-image {
		max-width: 72%;
	}
	.mobile-highlight img {
		height: 50px;
		width: 40px;
	}
}

@media (max-width: 992px) {
	.image-section {
		background-size: auto;
		background-position: top;
	}
}


/* Выбор */

.choice-fluid {
	background-color: #FFFFF3;
}

.left-choise-pic {
	overflow: hidden;
}

/* Кейсы */

.case-carousel .owl-nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: flex;
	gap: 10px;
}

@media (max-width: 576px) {
	.case-carousel .owl-nav {
		right: 30px;

	}
}

.hide-case-link {
	color: #292929;
}


.case-carousel .owl-nav button {
	background: none !important;
	border: none;
	cursor: pointer;
}
.case-carousel .owl-nav button span {
	display: none;
}

.more-info {
	color: #292929;
	text-decoration: underline;
	font-style: solid;
}

.cases-fluid {
	background-color: #FFFFF3;
}


/* Сертификаты */

.sert-fluid {
	background-color: #292929;
	position: relative; /* Ограничиваем позиционирование */
	padding-bottom: 70px; /* Дополнительный отступ, если нужно */
}

#serts {
	position: relative;
}

.sert-fluid .owl-nav {
	display: flex !important;
	justify-content: flex-start;
	position: absolute;
	left: 0;
	padding-left: 10px;
}

.sert-fluid .custom-h2-head {
	color: #FFFFF3;
}

/* Заказывают шторы */
.block-ind {
	margin-top: -120px;
	display: flex;
	background-color: #292929 !important;
	flex-direction: column;
	justify-content: center;
	padding: 96px 96px 96px 0;
	color: white;
	position: relative;
	z-index: 1; /* Чтобы не накладывался на другие элементы */
}

@media (max-width: 992px) {
	.block-ind {
		padding: 0; /* Убираем отрицательный марджин */
	}
}

.block-ind::before {
	content: "";
	position: absolute;
	top: 0;
	left: -9999px; /* Уход на всю ширину влево */
	width: 9999px; /* Заполнение всей левой части */
	height: 100%;
	background-color: #292929; /* Цвет должен совпадать */
	z-index: -1; /* Отправляем под основной контент */
}

.w-man-block {
	z-index: 1001;
}

/* Вы приняли решение(блок) */

.card-custom-request {
	background-color: #292929;
	color: #FFFFF3;
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}
.card-custom-request .price {
	color: #ffcc00;
	font-size: 20px;
	margin: 10px 0;
}
.placeholder-icon {
	width: 80px;
	height: 80px;
	background: #555;
	display: inline-block;
	border-radius: 50%;
}

.card-custom-request .custom-h3-head {
	color: #FFC300;
}
.request-fluid {
	background-color: #FFFFF3;
	padding-bottom: 96px;
	padding-top 3rem;
}
.request-fluid .row .col-md-5 {
	display: flex;
	align-items: stretch;
}
.circle-overlay {
	width: 200px;
	height: 200px;
	background-color: #292929;
	border-radius: 50%;
	position: absolute;
	bottom: -80px;
	left: 50%;
	transform: translateX(-50%);
}

/* Стата */
.stats-container {
	background-image: url(/template/img/dis/white-dis-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -95px;
}
.stats-card {
	position: relative; /* Делаем родительский контейнер относительным */
	padding-top: 80px; /* Добавляем отступ сверху для текста, чтобы он не перекрывался звездой */
}
.stats-card img.star-icon {
	position: absolute; /* Абсолютное позиционирование для изображения */
	top: 16px; /* Размещаем изображение вверху блока */
	left: 3%; /* Центрируем по горизонтали */
	transform: translateX(-50%); /* Корректируем центрирование */
	z-index: 0;
}

/*Стандарт */

.dark-section {
	background-color: #222;
	color: white;
}
.image-container img {
	width: 100%;
	height: auto;
}

.head-block-standart {
	background-image: url("/template/img/standart/head-photo.png");
	background-size: cover;
	height: 291px;
}

.head-block-standart .custom-h3-head {
	color: #FFFFF3;
}

.standart-fluid{
	background-color: #FFFFF5;
}

.mobile-hidden-img {
	margin-top: -30px;
}

.circle-overlay-standart {
	width: 190px;
	height: 190px;
	background-color: #FFFFF5;
	border-radius: 50%;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
}

/* Ноутбук */

.notebook-fluid {
	background-color: #fffff5;
}

.notebook-container {
	position: relative;
	min-height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
}
.notebook-img {
	max-width: 100%;
	height: auto;
	margin-left: -90px; /* Отрицательный марджин */
	transition: margin-left 0.3s ease;
}

.notebook-container-back {
	background-image: url(/template/img/notebook-back.png);
	background-size: cover;
	background-repeat: no-repeat;
}
@media (max-width: 1200px) {
	.notebook-img {
		margin-left: -60px; /* Уменьшаем марджин при сужении экрана */
	}
}
@media (max-width: 992px) {
	.notebook-img {
		margin-left: -30px; /* Ещё меньше марджин */
	}
}
@media (max-width: 768px) {
	.notebook-img {
		margin-left: 0; /* Убираем отрицательный марджин */
	}
	.order-md-1 {
		order: 2 !important;
	}
	.order-md-2 {
		order: 1 !important;
	}
}


/* PopUp Дизайнеры */

.dis-modal-container .ouvality-h2 {
	color: #FFC300;
}

#modal-dis-carousel2 .owl-nav {
	position: absolute;
	bottom: 5px;
	right: 0px;
}

.dis-modal-container .custom-h3-head {
	color: #FFFFF3;
}

.yellow-href {
	color: #FFC300;
}

#modal-dis-carousel2 .owl-nav button {
	background: none;
	border: none;
}

.modal-body.dis-modal-container {
	background-color: #292929;
	color: #FFFFF3; /* Чтобы текст оставался читаемым */
}

.modal-header {
	border: none; /* Убираем границу */
	padding: 0; /* Убираем отступы */
	justify-content: flex-end; /* Сдвигаем кнопку в правый край */
	border-radius: 0;
}

.modal-header .btn-close {
	background: url('/template/img/popupdis/close.svg') no-repeat center center;
	border: none;
}

.dis-modal-photo {
	min-height: 355px;
}

#modal-dis-carousel1 .owl-nav {
	position: absolute;
	bottom: 5px;
	right: 0px;
}

#modal-dis-carousel1 .owl-nav button {
	background: none;
	border: none;
}

.dis-modal-header {
	background-color: #292929;
}

.hover-pointer:hover {
	cursor: pointer;
}

.call-modal {
	max-width: 500px;
}

.form-check-input:checked {
	background-color: #292929;
	border-color: #292929;
}

#global-success-alert {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 25px 40px;
	background-color: #ffc300;
	color: black;
	font-size: 18px;
	border-radius: 8px;
	z-index: 99999;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	text-align: center;
}