/* Start:/local/templates/insertdesign/components/bitrix/news/services/bitrix/news.detail/.default/style.css?17684885475849*/
.news-detail__image {
	margin-bottom: 20px;
	position: relative;
}

.news-detail__title {
	margin-top: 53px;
	margin-bottom: 33px;
	border-bottom: 2px solid #ececec;
	padding-bottom: 9px;
}

.news-detail__text h3 {
	text-transform: uppercase;
	border-bottom: 2px solid #ececec;
	margin: 53px 0 33px;
	padding-bottom: 9px;
}

.news-detail__gray {
	background: #eee;
	margin: 14px 0 30px;
	padding: 35px 30px;
}

.news-detail__gray h2 {
	font-size: 20px;
	margin-bottom: 15px;
}

.news-detail__gray ol li {
	margin-bottom: 9px;
}

.price-card {
	text-align: center;
	border: 2px solid #1690cf;
	min-height: 216px;
	margin-bottom: 15px;
}

.price-card__title {
	background: #1690cf;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 7px;
}

.price-card__price {
	font-size: 32px;
	color: #000;
	margin: 21px 0 18px;
}

.price-card__text {
	border-bottom: 1px solid #ececec;
	margin: 0 15%;
	line-height: 1.6;
	padding-bottom: 9px;
}

.button.button_service {
	margin-bottom: 17px;
}

.news-detail__image img,
.news-detail__text img,
.news-detail__gray,
.specialist-form,
.specialist-form__input,
.specialist-form__textarea,
.button.button_specialist,
.error-text-form,
.accordion .accordion-title,
.news-detail__text-block,
.button.button_request,
.green-block,
.green-block .button.button_hollow,
.work-list {
	border-radius: 10px !important;
}

.news-detail__text img {
	width: 100%;
}

.info-item__title {
	display: block;
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1;
	margin-bottom: 10px;
}

.info-item__content {
	position: relative;
	display: block;
}

.button.info-item__more {
	position: absolute;
	bottom: 30px;
	right: 30px;
	border-radius: 10px;
}

@media (width < 640px) {
	.button.info-item__more {
		bottom: 10px;
		right: 10px;
	}
}

.questions-title-wrapper {
	margin: 66px 0 33px !important;
}

.news-detail__text,
.accordion .accordion-title,
.accordion .accordion-content {
	color: #000;
}

.slider-container {
	max-height: 550px;
	max-width: 1440px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0 auto 1.5rem;
	border-radius: 10px;
}

.slider-container figure {
	background-image: url("/upload/services/InsertDesign-dialux-1.jpg");
	background-size: cover;
	font-size: 0;
	height: 550px;
	margin: 0;
	position: relative;
	width: 100%;
}

#compare {
	background-image: url("/upload/services/InsertDesign-dialux-2.jpg");
	background-size: cover;
	bottom: 0;
	border-right: 5px solid rgba(255, 255, 255, 0.7);
	box-shadow: 10px 0 15px -13px #000;
	height: 100%;
	max-width: 99.6%;
	min-width: 0.6%;
	overflow: visible;
	position: absolute;
	width: 50%;
	animation: first 2s 1 normal ease-in-out 0.1s;
	-webkit-animation: first 2s 1 normal ease-in-out 0.1s;
}

input#slider {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	background: transparent;
	cursor: col-resize;
	height: 100vw;
	left: 0;
	margin: 0;
	outline: none;
	padding: 0;
	position: relative;
	top: -100vw;
	width: 100%;
}

input#slider::-moz-range-track {
	background: transparent;
}

input#slider::-ms-track {
	border: none;
	background-color: transparent;
	height: 100vw;
	left: 0;
	outline: none;
	position: relative;
	top: -100vw;
	width: 100%;
	margin: 0;
	padding: 0;
	cursor: col-resize;
	color: transparent;
}

input#slider::-ms-fill-lower {
	background-color: transparent;
}

input#slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 100vw;
	width: 0.5%;
	opacity: 0;
}

input#slider::-moz-range-thumb {
	-moz-appearance: none;
	height: 100vw;
	width: 0.5%;
	opacity: 0;
}

input#slider::-ms-thumb {
	height: 100vw;
	width: 0.5%;
	opacity: 0;
}

input#slider::-ms-tooltip {
	display: none;
}

#compare::before {
	background: url(https://webdevtrick.com/wp-content/uploads/comparision.png) no-repeat scroll 0 center transparent;
	background-size: contain;
	content: " ";
	float: right;
	height: 100%;
	margin-right: -34px;
	position: relative;
	top: 0;
	width: 64px;
}

@keyframes first {
	0% {
		width: 0%;
	}

	50% {
		width: 80%;
	}

	100% {
		width: 50%;
	}
}

@-webkit-keyframes first {
	0% {
		width: 0%;
	}

	50% {
		width: 80%;
	}

	100% {
		width: 50%;
	}
}

@media (max-width: 1023px) {
	.slider-container,
	.slider-container figure {
		height: 410px;
	}
}

@media (max-width: 850px) {
	.slider-container,
	.slider-container figure {
		height: 310px;
	}
}

.news-detail__text-block {
	color: #fff;
	background-color: rgba(59, 58, 58, 0.6);
	padding: 26px 30px;
	max-width: 740px;
	position: absolute;
	top: 50px;
	left: 77px;
}

.news-detail__text-block p {
	margin-bottom: 0;
}

.carousel-light__title {
	font-size: 31px;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 0;
}

.carousel-light__subtitle {
	font-weight: bold;
	font-size: 25px;
	line-height: 1.4;
	margin-bottom: 12px;
}

.work-list__icon img {
	width: auto;
}

.advantages-list {
	list-style-type: none;
	margin-left: 0;
}

.advantages-list li {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
}

.advantages-list svg {
	flex-shrink: 0;
}

.news-detail__image:has(.news-detail__text-block) img {
	height: 500px;
	object-fit: cover;
}

@media (width < 1023px) {
	.news-detail__text-block {
		left: unset;
		max-width: unset;
		top: 50%;
		transform: translateY(-50%);
		margin: 0 15px;
		padding: 26px 15px;
	}
}

.info-item {
	display: block;
	margin-bottom: 20px;
}

.info-item__content {
	aspect-ratio: 16 / 9;
}

.info-item__img {
	height: 100%;
}

/* End */
/* /local/templates/insertdesign/components/bitrix/news/services/bitrix/news.detail/.default/style.css?17684885475849 */