

/* Start:/local/templates/ewp/components/bitrix/catalog/projects/style.min.css?1635756892959*/
.grid .bx_content_section{margin-bottom:15px}.grid .bx_sidebar{margin-bottom:15px}.grid2x1 .bx_content_section{float:left;width:66%;margin-bottom:15px}.grid2x1 .bx_sidebar{float:right;width:33%;margin-bottom:15px;padding-left:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(max-width:960px){.grid2x1 .bx_sidebar{padding-left:4%}}@media(max-width:640px){.grid2x1 .bx_content_section,.grid2x1 .bx_sidebar{width:100%;float:none}.grid2x1 .bx_sidebar{padding-left:3%}}@media(max-width:479px){.grid2x1 .bx_sidebar{padding-left:1%}}.catalog-block-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}body.bx-theme-blue .catalog-block-header{border-color:#006cc0}body.bx-theme-green .catalog-block-header{border-color:#63aa28}body.bx-theme-red .catalog-block-header{border-color:#da3737}body.bx-theme-yellow .catalog-block-header{border-color:#f4b236}
/* End */


/* Start:/local/templates/ewp/components/bitrix/catalog.element/projects-dev/style.css?174013745734286*/
main.main-content {
	padding-top: 0;
}

.projects-dev-detail-container {
	padding: 80px 0;
}

@media (max-width: 991px) {
	.projects-dev-detail-container {
		padding: 60px 0;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-container {
		padding: 50px 0;
	}
}

.projects-dev-detail-background {
	background-color: #f8f8f8;
}

.projects-dev-detail-main-block {
	position: relative;
}

.projects-dev-detail-main-block-container,
.projects-dev-detail-main-block-container.container {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding-top: 46px;
}

@media (max-width: 991px) {
	.projects-dev-detail-main-block-container,
	.projects-dev-detail-main-block-container.container {
		padding-top: 22px;
	}
}

.projects-dev-detail-main-block-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	z-index: 1;
}

@media (max-width: 720px) {
	.projects-dev-detail-main-block-top {
		display: none;
	}
}

.projects-dev-detail-main-block-tags.tags {
	margin-bottom: 0;
	flex-shrink: 0;
}

.projects-dev-detail-main-block-tags.tags .tags-item {
	margin-bottom: 0;
	line-height: normal;
}

.projects-dev-detail-main-block-body {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	gap: 40px;
	z-index: 1;
}

@media (max-width: 720px) {
	.projects-dev-detail-main-block-body {
		gap: 25px;
	}
}

.projects-dev-detail-main-block-body-top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	grid-area: 1 / 1 / 2 / 2;
}

.projects-dev-detail-main-block-body-title-block {
	grid-area: 2 / 1 / 3 / 2;
}

.projects-dev-detail-main-block-body-bottom {
	display: flex;
	align-items: center;
	gap: 30px 90px;
	margin-top: auto;
	grid-area: 3 / 1 / 4 / 2;
}

.projects-dev-detail-main-block-body-right {
	display: flex;
	border-radius: 8px;
	width: 515px;
	height: 100%;
	min-height: 290px;
	overflow: hidden;
	grid-area: 1 / 2 / 4 / 3;
}

@media (max-width: 1199px) {
	.projects-dev-detail-main-block-body-right {
		width: 420px;
		min-height: 250px;
	}
}

@media (max-width: 991px) {
	.projects-dev-detail-main-block-body-title-block {
		grid-area: 1 / 1 / 2 / 3;
	}

	.projects-dev-detail-main-block-body-top {
		grid-area: 2 / 1 / 3 / 2;
	}

	.projects-dev-detail-main-block-body-bottom {
		flex-direction: column;
		align-items: flex-start;
		grid-area: 3 / 1 / 4 / 2;
	}
	
	.projects-dev-detail-main-block-body-right {
		width: 340px;
		min-height: 210px;
		grid-area: 2 / 2 / 4 / 3;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-main-block-body-title-block {
		grid-area: 1 / 1 / 2 / 3;
	}

	.projects-dev-detail-main-block-body-right {
		width: 100%;
		min-height: 170px;
		aspect-ratio: 2 / 1.13;
		grid-area: 2 / 1 / 3 / 3;
	}

	.projects-dev-detail-main-block-body-bottom {
		align-items: center;
		gap: 25px;
		grid-area: 3 / 1 / 4 / 3;
	}

	.projects-dev-detail-main-block-body-top {
		justify-content: center;
		grid-area: 4 / 1 / 5 / 3;
	}
}

.projects-dev-detail-main-block-body-top-item {
	display: flex;
	align-items: center;
	gap: 7px;
	background-color: #f8f8f8;
	padding: 8px 15px;
	border-radius: 46px;
}

.projects-dev-detail-main-block-body-top-item-icon {
	display: flex;
}

.projects-dev-detail-main-block-body-top-item-value {
	font-size: 14px;
	font-weight: 700;
	line-height: 26px;
	color: #222;	
}

.projects-dev-detail-main-block-body-title {
	font-size: 42px;
	font-weight: 900;
	line-height: 50.4px;
	margin: 0;
}

@media (max-width: 991px) {
	.projects-dev-detail-main-block-body-title {
		font-size: 35px;
		line-height: 45px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-main-block-body-title {
		font-size: 28px;
		line-height: 35px;
		text-align: center;
	}
}

.projects-dev-detail-main-block-body-bottom-item-date {
	font-size: 14px;
	line-height: 23px;
	color: #222;
}

.projects-dev-detail-main-block-body-bottom-item-date-label {
	margin-right: 10px;
	font-weight: 800;
}

.projects-dev-detail-main-block-body-bottom-item-symbol {
	color: #db352a;
}

.projects-dev-detail-main-block-body-right iframe {
	width: 100%;
	height: 100%;
}

.projects-dev-detail-main-block-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.projects-dev-detail-main-block-image::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
}

.projects-dev-detail-main-block-picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projects-dev-detail-main-block--light .tags-link,
.projects-dev-detail-main-block--light .breadcrumbs-link,
.projects-dev-detail-main-block--light h1,
.projects-dev-detail-main-block--light .more-link-label,
.projects-dev-detail-main-block--light .more-link-icon,
.projects-dev-detail-main-block--light .projects-dev-detail-main-block-body-bottom-item-date {
	color: #fff;
}

.projects-dev-detail-main-block--light .more-link:after {
	background-color: #db352a;
}

.projects-dev-detail-info {
	display: flex;
	justify-content: space-between;
	gap: 45px 110px;
}

@media (max-width: 991px) {
	.projects-dev-detail-info {
		flex-direction: column;
		align-items: center;
	}
}

.projects-dev-detail-info-content {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media (max-width: 991px) {
	.projects-dev-detail-info-content {
		gap: 30px;
		text-align: center;
		order: 2;
	}
}

.projects-dev-detail-info-title {
	font-size: 35px;
	font-weight: 550;
	line-height: 40px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-info-title {
		font-size: 22px;
		line-height: 40px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-info-title {
		font-size: 18px;
		line-height: 21.6px;
	}
}

.projects-dev-detail-info-description {
	font-size: 18px;
	line-height: 26px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-info-description {
		font-size: 16px;
		line-height: 26px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-info-description {
		font-size: 14px;
		line-height: 19.6px;
	}
}

.projects-dev-detail-info-image {
	flex-shrink: 0;
}

@media (max-width: 991px) {
	.projects-dev-detail-info-image {
		order: 1;
	}
}

.projects-dev-detail-info-picture {
	max-width: 300px;
}

@media (max-width: 991px) {
	.projects-dev-detail-info-picture {
		max-width: none;
		max-height: 150px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-info-picture {
		max-height: 94px;
	}
}

.projects-dev-detail-title,
.projects-dev-detail-title.h1 {
	text-align: center;
	margin-bottom: 80px;
}


@media (max-width: 991px) {
	.projects-dev-detail-title,
	.projects-dev-detail-title.h1 {
		margin-bottom: 45px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-title,
	.projects-dev-detail-title.h1 {
		margin-bottom: 30px;
	}
}

/* content */
.projects-dev-detail-content {
	display: flex;
	flex-direction: column;
}

.projects-dev-detail-content-container,
.projects-dev-detail-content-container.container {
	padding-bottom: 80px;
}

@media (max-width: 991px) {
	.projects-dev-detail-content-container,
	.projects-dev-detail-content-container.container {
		padding-bottom: 45px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-content-container,
	.projects-dev-detail-content-container.container {
		padding-bottom: 50px;
	}
}

.projects-dev-detail-content-menu {
	display: flex;
	align-items: center;
	background-color: #F8F8F8;
	border-radius: 100px;
	overflow: hidden;
}

.projects-dev-detail-content-menu-wrapper {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
}

@media (max-width: 991px) {
	.projects-dev-detail-content-menu-wrapper {
		padding: 15px 0;
	}
}

.projects-dev-detail-content-menu-item.swiper-slide {
	display: block;
	width: auto;
}

.projects-dev-detail-content-menu-link {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	line-height: 26px;
	color: #222;
	text-decoration: none;
	padding: 8px 25px;
	border-radius: 100px;
	white-space: nowrap;
}

@media (max-width: 991px) {
	.projects-dev-detail-content-menu-link {
		font-size: 13px;
		line-height: 26px;
		padding: 8px 15px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-content-menu-link {
		padding: 2px 15px;
	}
}

.projects-dev-detail-content-menu-link:hover {
	color: #979797;
}

.projects-dev-detail-content-menu-link.is-active,
.projects-dev-detail-content-menu-link.is-active:hover {
	color: #fff;
	background-color: #db352a;
}

.projects-dev-detail-content-menu-nav {
	min-width: 20px;
	flex-shrink: 0;
}

@media (max-width: 991px) {
	.projects-dev-detail-content-menu-nav {
		min-width: 15px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-content-menu-nav {
		display: none;
	}
}

.projects-dev-detail-content-menu-button {
	background-color: #e5e5e5;
	border-radius: 134px;
	padding: 9px 22px;
	margin: 0 20px;
	width: 57px;
	color: #222;
	cursor: pointer;
}

@media (max-width: 991px) {
	.projects-dev-detail-content-menu-button {
		margin: 0 15px;
	}
}

.projects-dev-detail-content-menu-button:hover:not(.slider-button_disabled) {
	color: #fff;
	background-color: #db352a;
}

.projects-dev-detail-content-menu-button.slider-button_disabled {
	color: #d6d6d6;
	cursor: default;
}

.projects-dev-detail-content-gallery {
	position: relative;
}

@media (max-width: 720px) {
	.projects-dev-detail-content-gallery {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
}

.projects-dev-detail-content-gallery-slider {
	border-radius: 32px;
	border: 6px solid #292929;
	box-shadow: 0px 0px 40px 0px #01010126;
	overflow: hidden;
	margin: 0 220px;
}

@media (max-width: 991px) {
	.projects-dev-detail-content-gallery-slider {
		margin: 0 77px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-content-gallery-slider {
		margin: 0;
	}
}

.projects-dev-detail-content-gallery-wrapper {
	overflow: hidden;
}

.projects-dev-detail-content-gallery-item.swiper-slide {
	display: flex;
	height: auto;
}

.projects-dev-detail-content-gallery-picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 720px) {
	.projects-dev-detail-content-gallery-nav {
		display: flex;
		justify-content: center;
		gap: 10px;
	}
}

.projects-dev-detail-content-gallery-button {
	display: flex;
	position: absolute;
	top: calc(50% - 20px);
	color: #222;
	cursor: pointer;
}

@media (max-width: 720px) {
	.projects-dev-detail-content-gallery-button {
		position: relative;
	}
}

.projects-dev-detail-content-gallery-button:hover {
	color: #fff;
}

.projects-dev-detail-content-gallery-button.slider-button_disabled {
	color: #d6d6d6;
	cursor: default;
}

.projects-dev-detail-content-gallery-button_prev {
	left: 133px;
}

@media (max-width: 991px) {
	.projects-dev-detail-content-gallery-button_prev {
		left: 0;
	}
}

.projects-dev-detail-content-gallery-button_next {
	right: 133px;
}

@media (max-width: 991px) {
	.projects-dev-detail-content-gallery-button_next {
		right: 0;
	}
}

.projects-dev-detail-content-gallery-button-background {
	fill: #e5e5e5;
}

.projects-dev-detail-content-gallery-button:hover:not(.slider-button_disabled) .projects-dev-detail-content-gallery-button-background {
	fill: #db352a;
}

.projects-dev-detail-content-info-title,
.projects-dev-detail-content-info-title.h1 {
	text-align: center;
	margin-bottom: 30px;
}

.projects-dev-detail-content-info-description {
	font-size: 18px;
	line-height: 26px;
	color: #222;
	text-align: center;
}

@media (max-width: 991px) {
	.projects-dev-detail-content-info-description {
		font-size: 16px;
		line-height: 26px;
	}
}

.projects-dev-detail-steps-title,
.projects-dev-detail-steps-title.h2 {
	margin-bottom: 20px;
	text-align: center;
}

@media (max-width: 720px) {
	.projects-dev-detail-steps-title,
	.projects-dev-detail-steps-title.h2 {
		margin-bottom: 5px;
	}
}

.projects-dev-detail-tasks-title,
.projects-dev-detail-tasks-title.h1 {
	margin-bottom: 60px;
}

@media (max-width: 991px) {
	.projects-dev-detail-tasks-title,
	.projects-dev-detail-tasks-title.h1 {
		margin-bottom: 45px;
		text-align: center;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-tasks-title,
	.projects-dev-detail-tasks-title.h1 {
		margin-bottom: 30px;
	}
}

.projects-dev-detail-tasks-content {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

@media (max-width: 991px) {
	.projects-dev-detail-tasks-content {
		gap: 40px;
	}
}

.projects-dev-detail-tasks-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.projects-dev-detail-tasks-header {
	display: flex;
	align-items: center;
	gap: 20px;
}

@media (max-width: 720px) {
	.projects-dev-detail-tasks-header {
		gap: 15px;
	}
}

.projects-dev-detail-tasks-image {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #fff;
}

@media (max-width: 720px) {
	.projects-dev-detail-tasks-image {
		width: 45px;
		height: 45px;
	}
}

.projects-dev-detail-tasks-icon {
	width: 30px;
	height: 30px;
	color: #db352a;
}

@media (max-width: 720px) {
	.projects-dev-detail-tasks-icon {
		width: 24px;
		height: 24px;
	}
}

.projects-dev-detail-tasks-block-title {
	font-size: 35px;
	font-weight: 550;
	line-height: 40px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-tasks-block-title {
		font-size: 22px;
		line-height: 26px;
	}
}

.projects-dev-detail-tasks-block-description {
	font-size: 25px;
	font-weight: 400;
	line-height: 35px;
	color: #979797;
}

@media (max-width: 991px) {
	.projects-dev-detail-tasks-block-description {
		font-size: 16px;
		line-height: 22.4px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-tasks-block-description {
		font-size: 14px;
		line-height: 16.8px;
	}
}

.projects-dev-detail-tasks-block-description ul {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media (max-width: 720px) {
	.projects-dev-detail-tasks-block-description ul {
		gap: 20px;
	}
}

.projects-dev-detail-tasks-block-description li {
	position: relative;
	padding-left: 80px;
}

@media (max-width: 720px) {
	.projects-dev-detail-tasks-block-description li {
		padding-left: 60px;
	}
}

.projects-dev-detail-tasks-block-description li::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 6px);
	left: 22px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #db352a;
}

@media (max-width: 720px) {
	.projects-dev-detail-tasks-block-description li::before {
		width: 8px;
		height: 8px;
		top: calc(50% - 4px);
		left: 20px;
	}
}

.projects-dev-detail-analytics-header {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 30px;
	margin-bottom: 80px;
}

@media (max-width: 991px) {
	.projects-dev-detail-analytics-header {
		flex-direction: column;
		align-items: center;
		margin-bottom: 60px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-analytics-header {
		margin-bottom: 45px;
	}
}

.projects-dev-detail-analytics-title,
.projects-dev-detail-analytics-title.h1 {
	margin: 0;
}

.projects-dev-detail-analytics-description {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 38px;
	color: #979797;
	border-left: 1px solid #d6d6d6;
	padding-left: 30px;
	width: 57%;
	flex-shrink: 0;
}

@media (max-width: 991px) {
	.projects-dev-detail-analytics-description {
		justify-content: center;
		text-align: center;
		font-size: 16px;
		line-height: 22.4px;
		padding: 30px 0 0;
		width: 100%;
		border-left: none;
		border-top: 1px solid #d6d6d6;
	}
}

.projects-dev-detail-design {
	background-image: url('/local/templates/ewp/assets/images/header/stars-bgr.png'), url('/local/templates/ewp/assets/images/header/header-bgr.png'), url('/local/templates/ewp/assets/images/header/header-main-bgr.jpg');
  background-position: center top, center top, center center;
  background-repeat: repeat-x, repeat, no-repeat;
  background-size: auto auto, auto auto, 100% 100%;
}

.projects-dev-detail-design-container,
.projects-dev-detail-design-container.container {
	max-width: 1060px;
}

.projects-dev-detail-design,
.projects-dev-detail-design .projects-dev-detail-design-title,
.projects-dev-detail-design .projects-dev-detail-block-header-title,
.projects-dev-detail-design .projects-dev-detail-block-header-description {
	color: #fff;
}

.projects-dev-detail-design-title,
.projects-dev-detail-design-title.h1 {
	padding: 0;
	margin-bottom: 80px;
	text-align: center;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-title,
.projects-dev-detail-design-title.h1 {
		margin-bottom: 45px;
	}
}

.projects-dev-detail-block-header {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 40px;
	margin-bottom: 80px;
}

@media (max-width: 991px) {
	.projects-dev-detail-block-header {
		gap: 30px;
		margin-bottom: 45px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-block-header {
		gap: 20px;
		flex-direction: column;
	}
}

.projects-dev-detail-block-header-title {
	font-family: 'Helvetica';
	font-weight: 550;
	font-size: 35px;
	line-height: 40px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-block-header-title {
		font-size: 22px;
		line-height: 26.4px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-block-header-title {
		text-align: center;
	}
}

.projects-dev-detail-block-header-description {
	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
	width: 100%;
	border-left: 1px solid #d6d6d6;
	padding-left: 40px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-block-header-description {
		padding-left: 30px;
		width: 66.5%;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-block-header-description {
		font-size: 14px;
		line-height: 19.6px;
		text-align: center;
		padding-top: 20px;
		padding-left: 0;
		border-top: 1px solid #d6d6d6;
		border-left: none;
		width: 100%;
	}
}

.projects-dev-detail-design-slider {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	position: relative;
	gap: 30px;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-slider {
		flex-direction: column;
		gap: 45px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-design-slider {
		gap: 30px;
	}
}

.projects-dev-detail-design-slider-main {
	width: calc(100% - 188px - 30px);
	border-radius: 32px;
	border: 6px solid #292929;
	box-shadow: 0px 0px 10px 0px #01010126;
	overflow: hidden;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-slider-main {
		width: 100%;
	}
}

.projects-dev-detail-design-slider-main-wrapper {
	overflow: hidden;
}

.projects-dev-detail-design-slider-main-item.swiper-slide {
	height: auto;
}

.projects-dev-detail-design-slider-main-picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projects-dev-detail-design-slider-thumbs {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	width: 188px;
	flex-shrink: 0;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-slider-thumbs {
		width: 100%;
	}
}

.projects-dev-detail-design-slider-thumbs-wrapper,
.projects-dev-detail-design-slider-thumbs-wrapper.swiper-container-autoheight {
	height: 100%;
	margin-bottom: 54px;
	overflow: hidden;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-slider-thumbs-wrapper,
	.projects-dev-detail-design-slider-thumbs-wrapper.swiper-container-autoheight {
		margin-bottom: 0;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-design-slider-thumbs-wrapper,
	.projects-dev-detail-design-slider-thumbs-wrapper.swiper-container-autoheight {
		display: none;
	}
}

.projects-dev-detail-design-slider-thumbs-item {
	cursor: pointer;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-slider-thumbs-item,
	.projects-dev-detail-design-slider-thumbs-item.swiper-slide {
		height: auto;
	}
}

.projects-dev-detail-design-slider-thumbs-item:not(.swiper-slide-thumb-active) .projects-dev-detail-design-slider-thumbs-picture {
	filter: blur(2px);
	opacity: 0.3;
}

.projects-dev-detail-design-slider-thumbs-picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.projects-dev-detail-design-slider-thumbs-nav {
	display: flex;
	justify-content: space-between;
}

@media (max-width: 720px) {
	.projects-dev-detail-design-slider-thumbs-nav {
		justify-content: center;
		gap: 30px;
	}
}

.projects-dev-detail-design-slider-thumbs-button {
	display: flex;
	color: #222;
	cursor: pointer;
}

@media (min-width: 768px) and (max-width: 991px) {
	.projects-dev-detail-design-slider-thumbs-button {
		position: absolute;
		top: calc(50% - 21px);
		z-index: 1;
	}

	.projects-dev-detail-design-slider-thumbs-button_prev {
		left: -10px;
	}

	.projects-dev-detail-design-slider-thumbs-button_next {
		right: -10px;
	}
}

.projects-dev-detail-design-slider-thumbs-button:hover {
	color: #fff;
}

.projects-dev-detail-design-slider-thumbs-button.slider-button_disabled {
	color: #d6d6d6;
	cursor: default;
}

.projects-dev-detail-design-slider-thumbs-button-background {
	fill: #e5e5e5;
}

.projects-dev-detail-design-slider-thumbs-button:hover:not(.slider-button_disabled) .projects-dev-detail-design-slider-thumbs-button-background {
	fill: #db352a;
}

.projects-dev-detail-design-2-slider-mob-wrapper {
	border-radius: 32px;
	border: 6px solid #292929;
	box-shadow: 0px 0px 10px 0px #01010126;
	overflow: hidden;
	margin-bottom: 15px;
}

.projects-dev-detail-design-2-slider-mob-item {
	display: flex;
}

.projects-dev-detail-design-2-slider {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	position: relative;
	gap: 30px;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-2-slider {
		gap: 20px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider {
		flex-direction: column;
		gap: 30px;
	}
}

.projects-dev-detail-design-2-slider-main {
	display: flex;
	flex-direction: column;
	width: calc(100% - 200px - 30px);
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider-main {
		width: 100%;
		gap: 30px;
	}
}

.projects-dev-detail-design-2-slider-main-wrapper {
	position: relative;
	border-radius: 32px;
	border: 6px solid #292929;
	box-shadow: 0px 0px 10px 0px #01010126;
	overflow: hidden;
}

.projects-dev-detail-design-2-slider-main-item.swiper-slide {
	height: auto;
}

.projects-dev-detail-design-2-slider-main-picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projects-dev-detail-design-2-slider-mob {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	width: 200px;
	flex-shrink: 0;
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider-mob {
		width: 100%;
		gap: 30px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider-main,
	.projects-dev-detail-design-2-slider-mob {
		display: none;
	}

	.projects-dev-detail-design-2-slider[data-view="desctop"] .projects-dev-detail-design-2-slider-main,
	.projects-dev-detail-design-2-slider[data-view="mobile"] .projects-dev-detail-design-2-slider-mob {
		display: flex;
	}
}

.projects-dev-detail-design-2-slider-mob-wrapper {
	position: relative;
	border-radius: 32px;
	border: 6px solid #292929;
	box-shadow: 0px 0px 10px 0px #01010126;
	overflow: hidden;
	margin-bottom: 15px;
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider-mob-wrapper {
		max-width: 320px;
		margin: 0 auto;
	}
}

.projects-dev-detail-design-2-slider-nav {
	display: flex;
	justify-content: space-between;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-2-slider-nav {
		justify-content: center;
		gap: 7px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider-nav {
		gap: 30px;
	}
}

.projects-dev-detail-design-2-slider-nav-desctop {
	display: none;
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider-nav-desctop {
		display: flex;
	}
}

.projects-dev-detail-design-2-slider-button {
	display: flex;
	color: #222;
	cursor: pointer;
}

.projects-dev-detail-design-2-slider-button:hover {
	color: #fff;
}

.projects-dev-detail-design-2-slider-button.slider-button_disabled {
	color: #d6d6d6;
	cursor: default;
}

.projects-dev-detail-design-2-slider-button-background {
	fill: #e5e5e5;
}

.projects-dev-detail-design-2-slider-button:hover:not(.slider-button_disabled) .projects-dev-detail-design-2-slider-button-background {
	fill: #db352a;
}

.projects-dev-detail-design-2-slider-icons {
	display: flex;
	gap: 7px;
	position: absolute;
	top: 20px;
	left: 20px;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-2-slider-icons {
		top: 12px;
		left: 12px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider-icons {
		display: none;
	}
}

.projects-dev-detail-design-2-slider-views {
	display: none;
	gap: 7px;
	position: absolute;
	left: 16px;
	bottom: 16px;
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider-views {
		display: flex;
	}
}

.projects-dev-detail-design-2-slider-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 57px;
	height: 41px;
	padding: 8px 15px;
	background-color: #f8f8f8;
	color: #db352a;
	border-radius: 5px;
	z-index: 2;
}

.projects-dev-detail-design-2-slider-views .projects-dev-detail-design-2-slider-icon {
	cursor: pointer;
}

@media (max-width: 991px) {
	.projects-dev-detail-design-2-slider-icon {
		width: 34px;
		height: 24px;
		padding: 4px 9px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-design-2-slider-icon {
		width: 42px;
		height: 30px;
		padding: 5px 12px;
	}
}

.projects-dev-detail-dev-header {
	justify-content: center;
}

.projects-dev-detail-design-2-slider[data-view="desctop"] .projects-dev-detail-design-2-slider-icon[data-view="desctop"],
.projects-dev-detail-design-2-slider[data-view="mobile"] .projects-dev-detail-design-2-slider-icon[data-view="mobile"],
.projects-dev-detail-design-2-slider-icon.is-active,
.projects-dev-detail-design-2-slider-views .projects-dev-detail-design-2-slider-icon:hover {
	background-color: #db352a;
	color: #fff;
}

.projects-dev-detail-release {
	position: relative;
	overflow: hidden;
}

.projects-dev-detail-release::before {
	content: '';
	position: absolute;
	top: -13%;
	left: 46%;
	width: 1334px;
	height: 700px;
	transform: rotate(-60deg);
	background-image: url('/images/projects-dev/dots.webp');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: grayscale(1);
}

@media (max-width: 991px) {
	.projects-dev-detail-release::before {
		left: auto;
		top: 50%;
		right: -28%;
		width: 1000px;
		min-width: 1000px;
		height: 200px;
		transform: rotate(-77deg);
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-release::before {
		top: 75%;
		right: -134%;
		width: 1000px;
		min-width: 1000px;
		height: 128px;
		transform: rotate(-85deg);
	}
}

.projects-dev-detail-release-container {
	z-index: 1;
}

.projects-dev-detail-release-title,
.projects-dev-detail-release-title.h1 {
	margin-bottom: 60px;
}

@media (max-width: 991px) {
	.projects-dev-detail-release-title,
	.projects-dev-detail-release-title.h1 {
		margin-bottom: 45px;
		text-align: center;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-release-title,
	.projects-dev-detail-release-title.h1 {
		margin-bottom: 30px;
	}
}

.projects-dev-detail-release-body {
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-width: 625px;
}

.projects-dev-detail-release-subtitle {
	font-family: Helvetica;
	font-weight: 550;
	font-size: 35px;
	line-height: 42px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-release-subtitle {
		font-size: 28px;
		line-height: 40px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-release-subtitle {
		font-size: 22px;
		line-height: 26.4px;
	}
}

.projects-dev-detail-release-description {
	font-size: 18px;
	line-height: 21.6px;
}

.projects-dev-detail-release-button {
	margin-top: 60px;
}

@media (max-width: 720px) {
	.projects-dev-detail-release-button {
		margin-top: 45px;
	}
}

.projects-dev-detail-monitoring-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto auto 100%;
	gap: 30px;
}

@media (max-width: 991px) {
	.projects-dev-detail-monitoring-content {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
}

.projects-dev-detail-monitoring-title,
.projects-dev-detail-monitoring-title.h1 {
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.projects-dev-detail-monitoring-title,
	.projects-dev-detail-monitoring-title.h1 {
		text-align: center;
	}
}

.projects-dev-detail-monitoring-subtitle {
	font-family: Helvetica;
	font-weight: 550;
	font-size: 35px;
	line-height: 42px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-monitoring-subtitle {
		font-size: 22px;
		line-height: 26.4px;
		text-align: center;
	}
}

.projects-dev-detail-monitoring-description {
	font-size: 15px;
	line-height: 23px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-monitoring-description {
		font-size: 15px;
		line-height: 23px;
		text-align: center;
		order: 2;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-monitoring-description {
		font-size: 14px;
		line-height: 19.6px;
	}
}

.projects-dev-detail-monitoring-image {
	grid-area: 1 / 2 / 4 / 3;
}

@media (max-width: 991px) {
	.projects-dev-detail-monitoring-image {
		grid-area: auto;
		text-align: center;
	}
}

.projects-dev-detail-seo {
	background-image: url('/local/templates/ewp/assets/images/header/stars-bgr.png'), url('/local/templates/ewp/assets/images/header/header-bgr.png'), url('/local/templates/ewp/assets/images/header/header-main-bgr.jpg');
  background-position: center top, center top, center center;
  background-repeat: repeat-x, repeat, no-repeat;
  background-size: auto auto, auto auto, 100% 100%;
}

.projects-dev-detail-seo-container.container {
	max-width: 863px;
	margin: 0 auto;
}

.projects-dev-detail-seo-header {
	display: flex;
	flex-direction: column;
	gap: 50px;
	margin-bottom: 34px;
}

@media (max-width: 991px) {
	.projects-dev-detail-seo-header {
		gap: 30px;
		margin-bottom: 30px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-seo-header {
		gap: 20px;
		margin-bottom: 45px;
	}
}

.projects-dev-detail-seo-title,
.projects-dev-detail-seo-title.h1 {
	margin-bottom: 0;
	text-align: center;
	color: #fff;
}

@media (max-width: 720px) {
	.projects-dev-detail-seo-title,
	.projects-dev-detail-seo-title.h1 {
		margin-bottom: 25px;
	}
}

.projects-dev-detail-seo-subtitle {
	font-family: Helvetica;
	font-weight: 550;
	font-size: 35px;
	line-height: 42px;
	text-align: center;
	color: #fff;
}

@media (max-width: 991px) {
	.projects-dev-detail-seo-subtitle {
		font-size: 22px;
		line-height: 26px;
	}
}

.projects-dev-detail-seo-description {
	font-size: 15px;
	line-height: 23px;
	text-align: center;	
	color: #fff;
}

@media (max-width: 720px) {
	.projects-dev-detail-seo-description {
		font-size: 14px;
		line-height: 19.6px;
	}
}

.projects-dev-detail-seo-buttons {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

@media (max-width: 991px) {
	.projects-dev-detail-seo-buttons {
		margin-top: 30px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-seo-buttons {
		margin-top: 20px;
	}
}

.projects-dev-detail-maintenance-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto auto 100%;
	gap: 30px;
}

@media (max-width: 991px) {
	.projects-dev-detail-maintenance-content {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
}

.projects-dev-detail-maintenance-title,
.projects-dev-detail-maintenance-title.h1 {
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.projects-dev-detail-maintenance-title,
	.projects-dev-detail-maintenance-title.h1 {
		text-align: center;
	}
}

.projects-dev-detail-maintenance-subtitle {
	font-family: Helvetica;
	font-weight: 550;
	font-size: 35px;
	line-height: 42px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-maintenance-subtitle {
		font-size: 22px;
		line-height: 26.4px;
		text-align: center;
	}
}

.projects-dev-detail-maintenance-description {
	font-size: 15px;
	line-height: 23px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-maintenance-description {
		font-size: 15px;
		line-height: 23px;
		text-align: center;
		order: 2;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-maintenance-description {
		font-size: 14px;
		line-height: 19.6px;
	}
}

.projects-dev-detail-maintenance-image {
	grid-area: 1 / 2 / 4 / 3;
}

@media (max-width: 991px) {
	.projects-dev-detail-maintenance-image {
		grid-area: auto;
		text-align: center;
	}
}

.projects-dev-detail-result-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	max-width: 840px;
	margin: 0 auto 80px;
}

@media (max-width: 991px) {
	.projects-dev-detail-result-header {
		gap: 45px;
		margin-bottom: 60px;
	}
}

.projects-dev-detail-result-title,
.projects-dev-detail-result-title.h1 {
	margin: 0;
}

.projects-dev-detail-result-description {
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	color: #222;
}

@media (max-width: 720px) {
	.projects-dev-detail-result-description {
		font-size: 16px;
		line-height: 19.2px;
		text-align: center;
	}
}

.projects-dev-detail-reviews-header {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin: 0 auto 80px;
	max-width: 840px;
	text-align: center;
}

@media (max-width: 991px) {
	.projects-dev-detail-reviews-header {
		gap: 45px;
		margin-bottom: 60px;
	}
}

.projects-dev-detail-reviews-title,
.projects-dev-detail-reviews-title.h1 {
	margin-bottom: 0;
}

.projects-dev-detail-reviews-description {
	font-size: 18px;
	line-height: 26px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-dev-detail-reviews-description {
		font-size: 22px;
		line-height: 26.4px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-reviews-description {
		font-size: 16px;
		line-height: 19.2px;
	}
}

.projects-dev-detail-services {
	margin-bottom: 0;
}

.projects-dev-detail-services-title,
.projects-dev-detail-services-title.h1 {
	text-align: center;
	margin-bottom: 80px;
}

@media (max-width: 991px) {
	.projects-dev-detail-services-title,
	.projects-dev-detail-services-title.h1 {
		margin-bottom: 60px;
	}
}

@media (max-width: 720px) {
	.projects-dev-detail-services-title,
	.projects-dev-detail-services-title.h1 {
		margin-bottom: 50px;
	}
}

.projects-dev-detail-services-title::after,
.projects-dev-detail-services-title.h1::after {
	display: none;
}
/* End */


/* Start:/local/templates/ewp/css/ready_solutions.css?174956031564195*/
:root{
    --color_s_0: #222222;
    --color_s_1: #E5E5E5;
    --color_s_2: #F2392D;
    --color_s_3: #FFFFFF;
    --color_s_4: #01010126;
    --color_s_5: #DB352A;
    --color_s_bkg: #F8F8F8;
    --color_s_6: #000;
    --color_s_7: #979797;
    --color_s_8: #D6D6D6;
}
@font-face {
    font-family: "Montserrat";
    src: local("Montserrat"), url("/assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
}
@media(max-width: 576px){
    .hide_mobile{
        display: none !important;
    }
}
@media(min-width: 576px) and (max-width: 992px){
    .hide_tablet{
        display: none !important;
    }
}
@media(min-width: 992px){
    .hide_desktop{
        display: none !important;
    }
}

h2.h2-center{
    text-align: center;
}
.solutions-block{
    margin-bottom: 80px;
}
@media(max-width: 992px){
    .solutions-block{
        margin-bottom: 60px;
    }
}
@media(max-width: 576px){
    .solutions-block{
        margin-bottom: 50px;
    }
}

.solutions-block .content{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: var(--color_s_0);
}

/*START solutions ewp_top*/
.solutions-block_top{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.solutions-block_top p:last-child{
    margin-bottom: 0;
}
@media(max-width: 992px){
    .solutions-block_top{
        gap: 40px;
    }
}
@media(max-width: 576px){
    .solutions-block_top{
        gap: 30px;
    }
}
.ewp_top{
    display: flex;
    gap: 64px;
}
.ewp_top-logo{
    min-width: 248px;
    padding-right: 57px;
    border-right: 1px solid var(--color_s_1);
    display: flex;
    align-items: end;
}

.ewp_top-list{
    display: flex;
    gap: 60px;
    border-bottom: 1px solid var(--color_s_1);
}

.ewp_top-list-item{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 20px;
}

.ewp_top-list-item-title{
    font-size: 55px;
    font-weight: 900;
    line-height: 67px;
    color: var(--color_s_0);
    text-align: center;
}
.ewp_top-list-item-description{
    display: flex;
    align-items: end;

    font-family: 'OpenSans';
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

    color: var(--color_s_0);
    padding: 20px 20px 15px 20px;
    background: var(--color_s_1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: height, background, color 0.3s;
}

.ewp_top-list-item-description:hover{
    background: var(--color_s_2);
    color: var(--color_s_3);
    cursor: pointer;
}

@media(max-width:1200px){
    .ewp_top{
        gap: 30px;
    }
    .ewp_top-logo{
        min-width: 180px;
        padding-right: 30px;
    }
    .ewp_top-list{
        gap: 30px;
    }
}
@media(max-width:1060px){
    .ewp_top-list-item-title{
        font-size: 40px;
        line-height: 55px;
    }
    .ewp_top-list-item-description{
        font-size: 14px;
        line-height: 16.8px;
    }
}

@media(max-width:992px){
    .ewp_top {
        gap: 10px;
    }
    .ewp_top-list {
        gap: 10px;
    }
    .ewp_top-list-item-title{
        font-size: 35px;
        line-height: 45px;
    }
    .ewp_top-list-item-description{
        padding: 40px 10px 10px 10px;
        font-size: 12px;
        line-height: 14.4px;
    }
    .ewp_top-logo{
        min-width: 110px;
        padding-right: 10px;
    }
}

@media(max-width:576px){
    .ewp_top{
        flex-direction: column;
    }
    .ewp_top-logo{
        border-right: none;
        padding-bottom: 10px;
        width: 110px;
    }
    .ewp_top-list{
        flex-direction: column;
        border-left: 1px solid var(--color_s_1);;
    }
    .ewp_top-list-item{
        font-size: 26px;
        line-height: 35px;
        padding: 15px;
        background: var(--color_s_1);
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        transition: background 0.3s;
        gap: 0;
    }
    .ewp_top-list-item:hover{
        background: var(--color_s_2);
    }
    .ewp_top-list-item:hover .ewp_top-list-item-title{
        color: var(--color_s_3);
    }
    .ewp_top-list-item:hover .ewp_top-list-item-description{
        color: var(--color_s_3);
    }
    .ewp_top-list-item-description:hover{
        background: none;
    }
    .ewp_top-list-item-description{
        background: unset;
        padding: 0;
    }
    .ewp_top-list-item-title{
        text-align: left;
        font-size: 26px;
        line-height: 35px;
    }
}

/*START solutions-advantages-list*/
.solutions-block_advantages{
    position: relative;
    overflow: hidden;
}
.solutions-block_advantages::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;  
    opacity: .4; 
    z-index: -1;
    background: var(--color_s_bkg);
}
.solutions-advantages-bkg-img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-25%, -25%) rotate(-40deg);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    scale: 2;
    filter: grayscale(1);
    z-index: -1;
}
.solutions-advantages-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 80px 0;
}
.solutions-advantages-list-item{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px;
    box-shadow: 0px 0px 50px 0px var(--color_s_4);
    background: var(--color_s_3);
    border-radius: 10px;
}

.solutions-advantages-list-item:nth-child(6n - 5),
.solutions-advantages-list-item:nth-child(6n - 4),
.solutions-advantages-list-item:nth-child(6n - 3){
    width: calc((100% - 60px) / 3);
}

.solutions-advantages-list-item:nth-child(6n - 2),
.solutions-advantages-list-item:nth-child(6n - 1){
    width: calc(50% - 15px);
}

.solutions-advantages-list-item-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 60px;
    height: 60px;
    background: var(--color_s_5);
    border-radius: 50%;
}
.solutions-advantages-list-item-icon svg{

}

.solutions-advantages-list-item-text{
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--color_s_0);
}

.solutions-advantages-list-item-text .title{
    font-size: 16px;
    font-weight: 550;
    line-height: 19.2px;
}
.solutions-advantages-list-item-text .text{
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
}

@media(max-width: 992px){
    .solutions-advantages-list{
        flex-direction: column;
        padding: 60px 90px !important;
    }
    .solutions-advantages-list-item{
        width: 100% !important;
    }
    .solutions-advantages-bkg-img{
        transform: translate(-25%, -25%) rotate(-75deg);
    }
}
@media(max-width: 576px){
    .solutions-advantages-list{
        padding: 50px 15px !important;
    }
    .solutions-advantages-list-item{
        flex-direction: column;
        padding: 25px;
    }
    .solutions-advantages-list-item-text .title, .solutions-advantages-list-item-text .text{
        text-align: center;
    }
    .solutions-advantages-bkg-img{
        transform: translate(-23%, -26%) rotate(-90deg);
        scale: 2.1;
    }
}

/*START solutions-catalog*/
.solutions-block_catalog{
}
.solutions-catalog--wrapper{
}

.solutions-catalog{
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.solutions-catalog-selector{
    display: flex;
    gap: 15px;
    padding-bottom: 75px;
}
.swiper-container-initialized .solutions-catalog-selector{
    gap: 0;
}

.solutions-catalog-selector-item{
    padding: 10px 25px 12px 25px;
    color: var(--color_s_6);
    background: var(--color_s_bkg);
    text-decoration: none;
    border-radius: 46px;
    transition: color, background  0.3s;
    display: block;
    white-space: nowrap;

    font-size: 18px;
    line-height: 26px;
}
.solutions-catalog-selector-item.active{
    color: var(--color_s_3);
    background: var(--color_s_5);
}
.solutions-catalog-selector-item:hover{
    color: var(--color_s_3);
    background: var(--color_s_2);
}
@media(max-width: 992px){
    .solutions-catalog-selector{
        padding-bottom: 55px;
    }
    .solutions-catalog-selector-item{
        font-size: 14px;
        line-height: 23px;
    }
}
@media(max-width: 576px){
    .solutions-catalog-selector{
        padding-bottom: 45px;
    }
}


.solutions-catalog-section-title{
    font-size: 35px;
    font-weight: 550;
    line-height: 40px;
    margin-bottom: 75px;
}
.solutions-catalog-section-title::after{
    content: ".";
    margin-left: 1px;
    color: var(--color_s_5);
}

.solutions-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.solutions-list-item{
    border-radius: 5px;
    border: 1px solid var(--color_s_1);
    overflow: hidden;
    width: calc((100% - 60px) / 3);
    transition: border 0.3s;
}
.solutions-list-item:hover{
    border: 1px solid var(--color_s_5);
}
.solutions-list-item_img--wrapper{
    display: block;
    position: relative;
    background: var(--color_s_bkg);
    height: 228px;
}

.solutions-list-item_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutions-list-item-container{
    padding: 20px 40px 30px 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.tag-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: var(--color_s_7);
}
.tag-list-item{
    text-decoration: none;
}
.tag-list-item:hover{
    color: var(--color_s_2);
    text-decoration: underline;
}
.tag-list .delimeter{
    height: 20px;
    width: 1px;
    background: var(--color_s_7);
}

.solution-title{
    font-size: 28px;
    font-weight: 550;
    line-height: 40px;
    color: var(--color_s_0);
    margin: -5px 0;
    text-decoration: none;
    padding-right: 5px;/*Для точки*/
}
.solution-title:hover{
    color: var(--color_s_5);
}
.solution-title::after{
    content: ".";
    margin-left: -7px;
    color: var(--color_s_5);
}

.solution-preview-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3; 
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 0;
}

.solution-price{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color_s_5);
    font-size: 18px;
    font-weight: 600;
    line-height: 24.51px;
    text-decoration: none;
    transition: all 0.3s;
}

.solution-price path{
    transition: all 0.3s;
}
.solution-price:hover{
    color: var(--color_s_2);
}
.solution-price:hover path{
    fill: var(--color_s_5)
}
.solution-price-data{
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 0px 5px;
}
.solution-price-arrow{
    line-height: 0;
}
.loadmore--wrapper{
    display: flex;
    justify-content: center;
    padding-top: 30px;
    width: 100%;
}
.solutions-catalog .loadmore-btn{
    padding: 10px 25px 12px 25px;
    color: var(--color_s_6);
    background: var(--color_s_1);
    text-decoration: none;
    border-radius: 46px;
    transition: color, background 0.3s;
}
.solutions-catalog .loadmore-btn:hover{
    color: var(--color_s_3);
    background: var(--color_s_2);
}

/*START SOLUTIONS HELP*/
.solutions_help{
    margin-bottom: 0;
}
.solutions-block .panel{
    margin-bottom: 70px;
}
.solutions-block .panel h2{
    margin-bottom: 0;
    font-size: 55px;
    font-weight: 900;
    line-height: 67px;
}
h2.after_question::after{
    content: "?";
}


.swiper-container-initialized .solutions-list{
    flex-wrap: nowrap;
}
.swiper-container-initialized .solutions-list-item{
    flex-shrink: 0;
}
.swiper-container-initialized .solutions-list{
    gap: 0;
}

@media(max-width: 992px){
    .solutions-catalog{
        gap: 55px;
    }
    .tag-list{
        gap: 0 5px;
    }
    .tag-list-item{
        font-size: 12px;
        line-height: 23px;
    }
    .solutions-catalog-section-title{
        font-size: 22px;
        font-weight: 550;
        line-height: 30px;
        margin-bottom: 35px;
    }
    .solutions-list-item-container{
        padding: 30px 20px 20px 20px;
    }
    .solution-title{
        font-size: 18px;
        line-height: 21.6px;
    }
    .solution-title::after{
        margin-left: -5px;
    }
    .solution-preview-text{
        font-size: 14px;
        line-height: 19.6px;
    }
    .solution-price{
        font-size: 14px;
        line-height: 19.07px;
    }
    .solutions-catalog .loadmore--wrapper{
        display: none;
    }
}
@media(max-width: 576px){
    .solutions-catalog-selector{
        padding-bottom: 45px;
    }
    .solutions-catalog-section-title{
        margin-bottom: 25px;
    }
    .solutions-catalog{
        gap: 45px;
    }
}



/*START SOLUTIONS HELP LIST*/
.solutions_help-list--wrapper{
    border-top: 1px solid var(--color_s_1);
    border-bottom: 1px solid var(--color_s_1);
    padding: 70px 0 80px 0;
}
.solutions_help-list{
    display: flex;
    gap: 30px;
}
.solutions_help-list-item{
    box-shadow: 0px 0px 40px 0px #0101011A;
    padding: 80px 80px 80px 50px;
    display: flex;
    gap: 50px;
    position: relative;
    background: var(--color_s_3);
    text-decoration: none;
    transition: background 0.3s;
}
.solutions_help-list-item:hover{
    background: var(--color_s_5);
}
.solutions_help-list-item:hover .help-image--wrapper svg path{
    fill: var(--color_s_3);
}
.solutions_help-list-item:hover .help-data-title, .solutions_help-list-item:hover .help-data-text{
    color: var(--color_s_3);
}
.solutions_help-list-item:hover .decor-arrow{
    background: var(--color_s_3);
}
.solutions_help-list-item:hover .decor-arrow svg path{
    fill: var(--color_s_5);
}
.solutions_help-list-item .decor-arrow{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 70px;
    z-index: 1;
    background: var(--color_s_5);
    border-top-left-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.solutions_help-list-item .decor-arrow svg{
    transition: all;
    margin-top: 16px;
    margin-left: 7px;
}
.help-image--wrapper{
    min-width: 150px;
}

.help-data{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.help-data-title{
    font-size: 25px;
    font-weight: 900;
    line-height: 40px;
    color: var(--color_s_6);
    font-family: "Helvetica";
}
.help-data-title::after{
    content: ".";
    margin-left: 1px;
    color: var(--color_s_5);
}
.help-data-text{
    color: var(--color_s_7);
}

@media(max-width: 992px){
    .solutions_help-list--wrapper{
        border-bottom: none;
        padding: 50px 0 0 0;
    }
    .solutions_help-list{
        gap: 20px;
    }
    .solutions-block .panel{
        margin-bottom: 50px;
    }
    .solutions-block .panel h2{
        font-size: 35px;
        line-height: 45px;
    }
    .solutions_help-list-item{
        padding: 40px 40px 70px 40px;
        flex-direction: column;
        gap: 30px;
        min-height: 500px;
    }
    .help-data-title{
        font-size: 20px;
        line-height: 24px;
    }
    .help-data-text{
        font-size: 16px;
        line-height: 22.4px;
    }
}

@media(max-width: 576px){
    .solutions_help-list{
        flex-wrap: wrap;
    }
    .solutions_help-list-item{
        min-height: auto;
        align-items: center;
    }
    .help-data-text{
        margin-bottom: 10px;
    }
    .solutions-block .panel{
        margin-bottom: 40px;
    }
    .solutions-block .panel h2{
        font-size: 28px;
        line-height: 35px;
    }
}

.showmore-hidden{
    display: none !important;
}

/*START DETAIL*/
.section-solution_detail--wrapper{
    /*height: calc(100vh - 100px);*/
    min-height: 720px;
    background-color: #124375;
    background-image: url("/local/templates/ewp/assets/css/../images/header/stars-bgr.png"), url("/local/templates/ewp/assets/css/../images/header/header-bgr.png"), url("/local/templates/ewp/assets/css/../images/header/header-main-bgr.jpg");
    background-position: center top, center top, center center;
    background-repeat: repeat-x, repeat, no-repeat;
    background-size: auto auto, auto auto, auto 100%;
    position: relative;
    max-height: 900px;
    min-height: 620px;
}
.section-solution_detail--wrapper.no-video{
    min-height: auto;
}
.no-video .section-solution_detail .buttons-list{
    margin-bottom: 0;
}
.section-solution_detail{
    padding: 55px 0 80px 0;
}

.solution_detail-h1{
    color: var(--color_s_3);
    text-align: center;
}

.solution_detail-preview-text{
    color: var(--color_s_3);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    margin-bottom: 25px;
}

.section-solution_detail .price-wrapper{
    color: var(--color_s_3);
    font-family: "Helvetica";
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    margin-bottom: 35px;
}
.section-solution_detail .price-wrapper .currency{
    font-family: "Helvetica";
}
.section-solution_detail .price-wrapper::after {
    content: ".";
    margin-left: 1px;
    color: var(--color_slider-nav_hover);
}


.section-solution_detail .buttons-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
}

.section-solution_detail .buttons-list .button{
    font-size: 14px;
    font-weight: 400;
}

.button.button--with-arrow{
    position: relative;
    z-index: 1;
    background: none;
}
.button.button.button--with-arrow:hover{
    background: none;
}
.button.button--with-arrow::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 50px;
    height: 50px;
    background-color: var(--color_s_5);
    border-radius: 50px;
    transition: width 0.3s;
}

.button.button--with-arrow span{
    position: relative;
    z-index: 1;
}

.button.button--with-arrow svg{
    margin: 0 0 -1px 10px;
    position: relative;
    z-index: 1;
}

.button.button--with-arrow:hover::before{
    width: 100%;
    background-color: #f2392d;
}

.solution-detail-ad-wrapper{
    display: flex;
    gap: 30px;
}

.solution-solution-detail-ad_col{
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-width: 300px;
}

.ad_col-item{
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: var(--color_s_3);
    padding: 40px;
    border-radius: 10px;
    color: var(--color_s_0);
    min-height: 177px;
}

.ad_col-item-head{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.ad_col-item-head .title{
    font-family: "Helvetica";
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}
.ad_col-item-head .title::after {
    content: ".";
    margin-left: 1px;
    color: var(--color_slider-nav_hover);
}

.ad_col-item-head .icon{
    min-width: 50px;
    min-height: 50px;
    width: 50px;
    height: 50px;
    background: var(--color_s_bkg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ad_col-item .text{
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    margin-bottom: 0;
}
.solution-solution-detail-ad_col{
    order: 3;
}
.solution-solution-detail-ad_col:first-child{
    order: 1;
}
.solution-solution-detail-ad_col-video{
    width: 100%;
    order: 2;

    background-position: center;
    background-size: cover !important;
    height: auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.5); /* Создаём размытую тень */
}

.solution-solution-detail-ad_col-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Прозрачный чёрный фон */
    pointer-events: none; /* Чтобы фильтр не мешал взаимодействию */
}

.solution-solution-detail-ad_col-video .video-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    background: #FFFFFF1A;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}
.solution-solution-detail-ad_col-video .video-icon svg{
    margin-right: -3px;
}
.solution-solution-detail-ad_col-video:hover .video-icon{
    background:var(--color_slider-nav_hover);
}

@media(max-width: 992px){
    .section-solution_detail{
        padding: 25px 0 60px 0;

    }
    .section-solution_detail--wrapper{
        max-height: none;
    }
    .solution_detail-h1{
        font-size: 35px;
        font-weight: 900;
        line-height: 45px;
        margin-bottom: 5px;
    }
    .solution_detail-preview-text{
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }
    .section-solution_detail .price-wrapper{
        font-size: 28px;
        font-weight: 500;
        line-height: 25px;  
    }
    .section-solution_detail .buttons-list{
        margin-bottom: 30px;
    }
    .section-solution_detail .buttons-list .button{
        height: 50px;
        line-height: 50px;
    }
    .solution-detail-ad-wrapper{
        flex-wrap: wrap;
        gap: 20px;
    }
    .solution-solution-detail-ad_col{
        order: 3;
        width: 100%;
        flex-direction: row;
        gap: 20px;
        min-width: auto;
    }
    .solution-solution-detail-ad_col:first-child{
        order: 2;
    }
    .ad_col-item{
        width: calc((100% - 20px) / 2);
        padding: 20px;
        gap: 0;
        min-height: auto;
    }
    .solution-solution-detail-ad_col-video{
        order: 1;
        height: 400px;
    }
    .ad_col-item-head .title{
        font-size: 14px;
        line-height: 16.8px;
        padding-right: 125px;
    }
    .ad_col-item .text{
        font-size: 12px;
        font-weight: 400;
        line-height: 14.4px;
        padding-right: 95px;
    }
}

@media(max-width: 710px){
    .ad_col-item-head .title{
        padding-right: 65px;
    }
}
@media(max-width: 576px){
    .solution_detail-h1{
        font-size: 28px;
        line-height: 35px;
    }
    .solution_detail-preview-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 16.8px;
    }
    .section-solution_detail .buttons-list{
        flex-direction: column;
        align-items: center;
    }
    .section-solution_detail .buttons-list .button{
        min-width: 200px;
        width: fit-content;
    }
    .solution-detail-ad-wrapper{
        flex-wrap: wrap;
        gap: 20px;
    }
    .solution-solution-detail-ad_col{
        width: 100%;
        flex-direction: column;
        gap: 20px;
    }
    .ad_col-item{
        width: 100%;
    }
    .solution-solution-detail-ad_col-video{
        height: 170px;
    }
    .ad_col-item-head .title{
        padding-right: 90px;
    }
    .ad_col-item .text{
        padding-right: 65px;
    }
}

/*SOLUTIONS CLIENTS*/
.solutions_clients{
}
.solutions_clients-list--wrapper{
}
.solutions-block .panel h2.clients-list_title{
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}
h2 .red, .title.red{
    color: var(--color_s_5);   
}
.solutions_clients-list{
    padding-bottom: 80px;
    border-bottom: 1px solid #E5E5E5;
}
.solutions_clients-list-item{
    filter: grayscale(1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.solutions_clients-list-item:hover{
    filter: unset;
}
.solutions_clients-list-item .icon--wrapper{
    width: 168px;
}

@media(max-width: 992px){
    .solutions-block .panel h2.clients-list_title{
        font-size: 28px;
        font-weight: 550;
        line-height: 33.6px;
    }
    .solutions_clients-list{
        padding-bottom: 30px;
    }
}

@media(max-width: 576px){
}

.solutions_multiple-gallery{
    padding: 80px 0;
    background: var(--color_s_bkg);
}
.solutions_multiple-gallery--wrapper{

}
.multiple-gallery-list{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 80px;
}
.multiple-gallery-list-slider{
}
.multiple-gallery-list-slider .swiper-wrapper.direction-right{
    animation: scrollSolMulSlider_right 10s linear infinite; /* Непрерывное движение */
}
.multiple-gallery-list-slider .swiper-wrapper.direction-left{
    animation: scrollSolMulSlider_left 10s linear infinite; /* Непрерывное движение */
}

.multiple-gallery-list-slider-item{
    min-height: 200px;
    min-width: 355px;
    position: relative;
    display: flex;
    border-radius: 15px;
    border: 1px solid #E5E5E5;
    overflow: hidden;
}

.multiple-gallery-list-slider-item img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutions_multiple-gallery--wrapper .buttons-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.button.button-solutions{
    font-size: 14px;
    font-weight: 400;
}
@media(max-width: 992px){
    .solutions_multiple-gallery{
        padding: 50px 0;
        margin-bottom: 45px;
    }
    .multiple-gallery-list{
        gap: 15px;
        margin-bottom: 50px;
    }
    .multiple-gallery-list-slider-item {
        min-height: 110px;
        min-width: 190px;
    }
}

@media(max-width: 576px){
    .solutions_multiple-gallery{
        padding: 45px 0 50px 0;
    }
}

/*START solutions_features*/
.solutions_features{
}
.solutions_features--inner{
}
.solutions_features-block{
}
.features-sections-select--wrapper{
    background: var(--color_s_bkg);
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 100px;
    padding: 0 15px;
    margin-bottom: 40px;
    transition: border-radius,margin 0.3s;
}
.features-sections-selelect{
    width: 100%;
    padding: 16px 0px;
    overflow: hidden;
}
.features-sections-selelect .swiper-wrapper{
    
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev::after, .features-sections-selelect-slider_btn-next.swiper-button-next::after{
    content: none;
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev, .features-sections-selelect-slider_btn-next.swiper-button-next{
    position: initial;
    display: flex;
    min-width: 57px;
    height: 41px;
    background: var(--color_s_1);
    margin: 0;
    border-radius: 134px;
    transition: min-width,opacity,background 0.3s;
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev path, .features-sections-selelect-slider_btn-next.swiper-button-next path{
    fill: var(--color_s_0);
    transition: fill 0.3s;
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev:hover, .features-sections-selelect-slider_btn-next.swiper-button-next:hover{
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev:hover path, .features-sections-selelect-slider_btn-next.swiper-button-next:hover path{
    fill: var(--color_s_5);
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev:active, .features-sections-selelect-slider_btn-next.swiper-button-next:active{
    background: var(--color_s_5);
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev:active path, .features-sections-selelect-slider_btn-next.swiper-button-next:active path{
    fill: var(--color_s_3);
}
.features-sections-selelect-slider_btn-next.swiper-button-disabled, .features-sections-selelect-slider_btn-prev.swiper-button-disabled{
}
.features-sections-selelect-item{
    position: relative;
    display: flex;
    font-weight: 700;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0%;
    padding: 9px 25px;
    max-width: fit-content;
    color: var(--color_s_6);
    transition: color,border 0.3s;
}
.features-sections-selelect-item[disabled]{
    color: var(--color_s_7);
    font-weight: 400;
    font-size: 15px;
}
.features-sections-selelect-item:not([disabled]):hover{
    color: var(--color_s_5);
    cursor: pointer;
}
.features-sections-selelect-item.selected{
    border: 1px solid var(--color_s_5);
    border-radius: 100px;
    color: var(--color_s_5);
    background: var(--color_s_3);
}
.features-sections-selelect-item .top-count{
    display: none;
}
.features-sections-selelect-item.selected .top-count{
    position: absolute;
    right: -10px;
    top: -10px;
    line-height: 0;
    height: 22px;
    border-radius: 100px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color_s_5);
    color: var(--color_s_3);
}

.solutions_features-sections-list{
}

.features-sections-list-item{
    height: 0;
    background: var(--color_s_bkg);
    border-radius: 40px;
    display: flex;
    height: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s;
}
.features-sections-list-item.selected{
    height:  610px;
    max-height: 610px;
    padding: 60px 60px 70px 0px;
    opacity: 1;
}
.features-detail{
    display: flex;
    flex-direction: column;
}
.features-detail .feature-title{
    font-family: "Helvetica";
    font-weight: 500;
    font-size: 35px;
    line-height: 40px;
    padding-left: 60px;
    padding-right: 60px;
}
.features-detail .feature-title:after{
}
.features-detail-list--wrapper{
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    padding-left: 60px;
    padding-right: 60px;
}
.features-detail-list--wrapper::after{
    height: 0;
    opacity: 0;
    transition: height,opacity 0.5s;
}
.features-detail-list--wrapper::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 30px;
    width: calc(100% - 60px);
    height: 50px;
    opacity: 1;
    background: linear-gradient(360deg, #F8F8F8 25%, rgba(248, 248, 248, 0) 100%);
    pointer-events: none;
    z-index: 1;
}
.features-detail-list.scrolled-down::after{
    height: 0;
    opacity: 0;
    transition: height,opacity 0.5s;
}
.features-detail-list.scrolled-down::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    opacity: 1;
    background: linear-gradient(360deg, rgba(248, 248, 248, 0) 25%, #F8F8F8 100%);
    pointer-events: none;
    z-index: 1;
}
.features-detail-list .swiper-scrollbar{
    background: var(--color_s_3);
}
.features-detail-list .swiper-scrollbar-drag{
    background: var(--color_s_5);
}
.features-detail-list.swiper-container-vertical>.swiper-scrollbar{
    right: -34px;
}
.features-detail-list.swiper-container-horizontal>.swiper-scrollbar{
    left: 0;
    bottom: 15px;
}

.features-detail-list{
    height: 100%;
    max-height: 100%;
    position: relative;
    padding-bottom: 40px;
    padding-top: 40px;
    min-width: 316px;
    max-width: 316px;
}
.features-detail-list .swiper-wrapper{
}
.features-detail-list-item{
    display: flex;
    gap: 12px;
    background: var(--color_s_3);
    border-radius: 5px;
    padding: 20px 20px 15px 20px;
    max-height: 135px;
    height: min-content;
}
.features-detail-list-item.active{
    box-shadow: 0px 0px 40px 0px #01010126;
}

.features-detail-list-item .icon{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 20px;
    max-width: 20px;
    max-height: 20px;
}
.features-detail-list-item .icon path{
    //fill: var(--color_s_7);
}
.features-detail-list-item.active .icon path{
    //fill: var(--color_s_5);
}

.features-detail-list-item .data{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.features-detail-list-item .data .title{
    font-family: "Helvetica";
    font-weight: 500;
    font-size: 16px;
    line-height: 19.2px;
    color: var(--color_s_6);
}
.features-detail-list-item .data .text{
    font-weight: 400;
    font-size: 14px;
    color: var(--color_s_0);
}
.features-detail-list-item .data .text p:last-child{
    margin-bottom: 0;
}

.features-detail .buttons-list{
    min-height: 41px;
    max-height: 41px;
    display: flex;
    padding-left: 60px;
    margin-top: auto;
}
.buttons-list .slider-type-list{
    display: flex;
    gap: 22px;
    padding-right: 44px;
    position: relative;
}
.buttons-list .slider-type-list::after{
    content: "";
    position: absolute;
    top: 0;
    right: 21.5px;
    width: 1px;
    height: 100%;
    background: var(--color_s_8);
}
.buttons-list .slider-type-button{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border-radius: 5px;
    width: 57px;
    height: 100%;
    background: var(--color_s_3);
    transition: background 0.3s;
}
.buttons-list .slider-type-button.active{
    background: var(--color_s_5);
}
.buttons-list .slider-type-button path{
    stroke: var(--color_s_5);
    transition: stroke 0.3s;
}
.buttons-list .slider-type-button.active path{
    stroke: var(--color_s_3);
}
.buttons-list .slider-type-button[disabled]{
    background: var(--color_s_1);
}
.buttons-list .slider-type-button[disabled] path{
    stroke: var(--color_s_8);
}
.buttons-list .slider-type-button:not([disabled]):hover{
    cursor: pointer;
}
.buttons-list .slider-type-button:not([disabled]):hover path{
    stroke: var(--color_s_6);
}
.buttons-list .slider-type-button.active:not([disabled]):hover{
    background: var(--color_s_3);
}
.buttons-list .slider-nav{
    display: flex;
    gap: 22px;
}
.buttons-list .solution-feature-images-slider_btn{
    position: initial;
    width: 57px;
    height: 100%;
    margin: 0;
    background: var(--color_s_1);
    border-radius: 5px;
    transition: background 0.3s;
}
.buttons-list .solution-feature-images-slider_btn svg{
    color: var(--color_s_0);
    transition: color 0.3s;
}
.buttons-list .solution-feature-images-slider_btn:hover svg{
    color: var(--color_s_5);
}
.buttons-list .solution-feature-images-slider_btn:active{
    background: var(--color_s_5);
}
.buttons-list .solution-feature-images-slider_btn:active svg{
    color: var(--color_s_3);
}
.buttons-list .solution-feature-images-slider_btn::after{
    content: none;
}

.features-slider-images{
    display: none;
    opacity: 0;
    border: 4px solid var(--color_s_3);
    border-radius: 35px;
    overflow: hidden;
    transition: opacity 0.3s;
    box-shadow: 0px 0px 40px 0px #01010126;
    width: 100%;
}
.features-slider-images.active{
    opacity: 1;
    display: flex;
}
.features-slider-images-item img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.features-slider-images-item_form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: var(--color_s_3);
    padding: 0 105px;
}
.features-slider-images-item_form .title{
    font-family: "Helvetica";
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    text-align: center;
}
.features-slider-images-item_form .button.button--with-arrow{
    color: var(--color_s_0);
    font-weight: 400;
}
.features-slider-images-item_form .button.button--with-arrow svg path{
    fill: var(--color_s_0);
}
.features-slider-images-item_form .button.button--with-arrow::before{
    background-color: var(--color_s_1);
}

@media(max-width: 992px){
    .features-sections-list-item{
        flex-direction: column;
    }
    .features-detail{
        min-width: auto;
        max-width: none;
        width: 100%;
    }
    .features-sections-list-item.selected{
        height: 675px;
        max-height: 675px;
        padding: 30px 40px 40px 40px;
        position: relative;
    }
    .features-detail .feature-title{
        font-weight: 500;
        font-size: 28px;
        line-height: 40px;
        padding-left: 0;
    }
    .features-detail-list.scrolled-down::after{
        display: none;
    }

    .features-detail-list-item{
        min-width: 250px;
    }
    .features-detail-list-item .data{
        overflow-y: unset;
    }
    .features-detail-list-item .data .title{
        font-size: 16px;
        line-height: 19.2px;
    }
    .features-detail-list-item .data .text{
        line-height: 14.4px;
        font-size: 12px;
    }
    .features-detail-list--wrapper{
        margin: -40px -30px;
        padding: 0 40px 44px 40px;
    }
    .features-detail-list.swiper-container-horizontal>.swiper-scrollbar{
        width: calc(100vw - 140px);
    }
    .features-detail-list{
    }
    .features-slider-images{
        height: 100%;
    }
    .features-detail .buttons-list{
        min-height: 0;
        max-height: 0;
        overflow: visible;
        margin-top: 0;
    }
    .features-detail .buttons-list .slider-type-list{
        position: absolute;
        bottom: 60px;
        left: 60px;
        height: 41px;
        z-index: 2;
        gap: 10px;
        opacity: 1;
        transition: opacity 0.3s;
    }
    .features-detail .buttons-list .slider-type-list.hidden{
        opacity: 0;
    }
    .buttons-list .slider-type-list::after{
        display: none;
    }
    .features-sections-list-item:not(.selected) .buttons-list .solution-feature-images-slider_btn{
        display: none;
    }
    .features-slider-images{
        border-radius: 28px;
    }
    .features-sections-select--wrapper{
        margin-bottom: 30px;
    }
    .features-sections-selelect-item{
        font-size: 13px;
        line-height: 26px;
    }
    .features-sections-selelect-item.selected .top-count{
    }
    .buttons-list .slider-nav{
        position: absolute;
        left: 20px;
        bottom: 225px;
        height: 41px;
        width: calc(100% - 40px);
    }

    .features-slider-images-item_form .button.button--with-arrow::before{
        top: -5px;
    }
    .features-slider-images-item_form .title{
        font-size: 28px;
        line-height: 33.6px;
    }
}

@media(max-width: 576px){
    .solutions_features-sections-list{
        margin: 0 -15px;
    }
    .features-detail .feature-title{
        font-size: 18px;
        line-height: 40px;
    }
    .features-detail-list-item{
        min-width: 185px;
        padding: 15px 15px 10px 15px;
    }
    .features-sections-list-item.selected{
        max-height: 460px;
        height: 460px;
        padding: 20px 30px 30px 30px;
    }
    .features-slider-images{
        border-radius: 10px;
    }
    .buttons-list .slider-nav{
        bottom: 115px;
        width: calc(100% - 30px);
        left: 15px;
    }
    .buttons-list .solution-feature-images-slider_btn{
        width: 42px;
        height: 30px;
    }
    .buttons-list .solution-feature-images-slider_btn svg{
        height: 10px;
    }
    .features-slider-images{
        border: 2px solid var(--color_s_3);
    }
    .features-slider-images-item_form{
        padding: 0 20px;
    }
    .features-slider-images-item_form .title{
        font-size: 18px;
        line-height: 21.6px;
    }
    .features-detail .buttons-list .slider-type-list{
        bottom: 40px;
        left: 40px;
        grid-area: 10px;
        height: 30px;
    }
    .buttons-list .slider-type-button{
        width: 42px;
    }
    .features-sections-selelect-item{
        font-size: 13px;
        line-height: 26px;
    }
    .features-detail .buttons-list .slider-type-list svg{
        height: 16px;
    }
    .features-sections-selelect-slider_btn-prev.swiper-button-prev, .features-sections-selelect-slider_btn-next.swiper-button-next{
        display: none;
    }
    .features-sections-select--wrapper{
        margin-right: -30px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .features-sections-select--wrapper[stage="1"]{
        margin-left: -30px;
        margin-right: -30px;
        border-radius: 0;
    }
    .features-sections-select--wrapper[stage="2"]{
        margin-right: -30px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .features-detail-list.swiper-container-horizontal>.swiper-scrollbar{
        width: calc(100vw - 90px);
    }
}
/*END solutions_features*/

/*START solutions_site-for-brandbook*/
.solutions_site-for-brandbook{
}
.solutions_site-for-brandbook--container{
}
.solutions_site-for-brandbook--container .panel{
    margin-bottom: 45px;
}
.solutions-brandbook-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}
.solutions-brandbook-features-list{
    /*display: flex;
    flex-wrap: wrap;
    gap: 15px;*/
    width: 100%;
}
.solutions-brandbook-features-list-item{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px 10px 20px;
    background: var(--color_s_bkg);
    border-radius: 46px;
}
.solutions-brandbook-features-list-item svg{

}
.solutions-brandbook-features-list-item svg path{
    stroke: var(--color_s_7);
    transition: stroke 0.3s;
}
.solutions-brandbook-features-list-item:hover{
    cursor: pointer;
}
.solutions-brandbook-features-list-item.selected::after{
    position: absolute;
    bottom: 0;
    left: calc(30% / 2);
    content: "";
    width: 70%;
    height: 2px;
    background: linear-gradient(270deg, #DB352A 50%, rgba(219, 53, 42, 0) 100%);
}
.solutions-brandbook-features-list-item.selected{
}
.solutions-brandbook-features-list-item.selected svg{
    
}
.solutions-brandbook-features-list-item.selected svg path{
    stroke: var(--color_s_5);
}
.solutions-brandbook-features-list-item .title{
    line-height: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--color_s_0);
    transition: color,font-weight 0.3s;
}
.solutions-brandbook-features-list-item.selected .title{
    font-weight: 700;
}
.solutions-brandbook-image--wrapper{
    border-radius: 12.23px;
    width: 946px;
    height: 580px;
    position: relative;
    background: var(--color_s_3);
}

.solutions-brandbook-image{
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
    transition: opacity 0.1s;
    opacity: 1;
}

.solutions-brandbook-image.changed{
    opacity: 0.25;
}

@media(max-width: 992px){
    .solutions_site-for-brandbook--container .panel{
        margin-bottom: 25px;
    }
    .solutions-brandbook-block{
        max-width: 616px;
        margin: 0 auto;
    }
    .solutions-brandbook-features-list{
        justify-content: center;
    }
    .solutions-brandbook-image--wrapper{
        height: 380px;
        width: 616px;
    }
    .solutions-brandbook-block{
        gap: 30px;
    }
    .solutions-brandbook-features-list-item{
        padding: 10px 15px 10px 15px;
    }
    .solutions-brandbook-features-list-item .title{
        font-size: 13px;
    }
    .solutions-brandbook-features-list-item svg{
        width: 20px;
        height: 20px;
    }
}
@media(max-width: 576px){
    .solutions-brandbook-image--wrapper{
        width: 100%;
        height: 179px;
    }
    .solutions-brandbook-features-list-item{
        padding: 8px 12px 8px 13px;
    }
    .solutions-brandbook-features-list-item.selected{
        padding: 8px 10px 8px 13px;
    }
}


/*START solutions_site-for-brandbook*/
.solutions_site-for-brandbook{

}
.solutions_site-for-brandbook--container{

}
.solutions_site-for-brandbook .container--sm{
    max-width: 690px !important;
}

.solutions_site-for-brandbook-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}
.solutions_site-for-brandbook-list-item{
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    position: relative;
    width: calc(100% / 3);
    height: 360px;
}
.solutions_site-for-brandbook-list-item img{
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
}
.solutions_site-for-brandbook-list-item .data{
    position: relative;
    padding: 30px;
}
.solutions_site-for-brandbook-list-item .button--on-hover{
    display: none;
    position: absolute;
    z-index: 1;
}
.solutions_site-for-brandbook-list-item:hover .button--on-hover{
    display: flex;
}

/*ready-solutiobs_integrations*/
.solutions_integrations h2::after, .solutions_integrations .h2::after{
    display: none;
}
.solutions_integrations--container{

}
.solutions-integrations-block--wrapper{

}
.solutions-integrations-block-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.solutions-integrations-block-list .block{
    background: var(--color_s_bkg);
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 60px;
}
.solutions-integrations-block-list .block-text{
    color: var(--color_s_0);
    margin: -25px 0 -10px 0;
}
.solutions-integrations-block-list .integrations-form{
    box-shadow: 0px 0px 40px 0px #01010126;
}

.solutions-integrations-block-list .block:nth-child(odd) {
    width: calc((100% - 30px) * 3 / 5);
}

.solutions-integrations-block-list .block:nth-child(even) {
    width: calc((100% - 30px) * 2 / 5);
}

.solutions-integrations-block-list .block-title{
    font-family: "Helvetica";
    font-weight: 500;
    font-size: 35px;
    line-height: 40px;
    color: var(--color_s_0);
}
.solutions-integrations-block-list .block-title::after{
    content: ".";
    margin-left: 1px;
    color: #db352a;
}
.integrations-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.integrations-list-item{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.integrations-list-item-img--wrapper{
    width: 110px;
    height: 110px;
    position: relative;
    border: 1px solid var(--color_s_1);
    border-radius: 15.76px;
    overflow: hidden;
}
.integrations-list-item img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.integrations-list-item .title{
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: var(--color_s_0);
}

.solutions-integrations-block-list .block.integrations-form{
    gap: 35px;
}
.integrations-form .text{
    color: var(--color_s_0);
}
.integrations-form .button.button--with-arrow{
    margin-top: auto;
    color: var(--color_s_0);
    width: fit-content;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
}
.integrations-form .button.button--with-arrow svg path{
    fill: var(--color_s_0);
}
.integrations-form .button.button--with-arrow::before{
    background-color: var(--color_s_1);
}

@media(max-width: 992px){
    .solutions-integrations-block-list{
        gap: 20px;
    }
    .solutions-integrations-block-list .block{
        padding: 35px 40px 35px 40px;
    }
    .integrations-list{
        gap: 30px;
    }
    .integrations-list-item{
        gap: 8px;
    }
    .integrations-list-item .title{
        font-size: 12px;
    }
    .solutions-integrations-block-list .block:nth-child(2n+1), .solutions-integrations-block-list .block:nth-child(2n){
        width: calc( (100% - 20px) / 2);
    }
    .integrations-list-item-img--wrapper{
        width: 90px;
        height: 90px;
    }
    .solutions-integrations-block-list .block-title{
        font-size: 24px;
        line-height: 28.8px;
    }
}

@media(max-width: 576px){
    .solutions-integrations-block-list .block:nth-child(2n+1), .solutions-integrations-block-list .block:nth-child(2n){
        width: 100%;
    }
    .solutions-integrations-block-list .block{
        padding: 25px 30px 25px 30px;
        gap: 25px;
        align-items: center;
    }
    .solutions-integrations-block-list .block-title{
        text-align: center;
    }
    .solutions-integrations-block-list .block-text{
        margin: -10px 0 0 0;
        max-width: 200px;
        text-align: center;
    }
    .integrations-list{
        justify-content: center;
        gap: 20px;
    }
    .solutions-integrations-block-list .integrations-form{
        align-items: center;
    }
    .integrations-form .text{
        max-width: 200px;
        text-align: center;
        margin: 0;
    }
    .solutions-integrations-block-list .block.integrations-form{
        gap: 25px;
    }
    .solutions-integrations-block-list .integrations-form h4{
        text-align: center;
        font-weight: 500;
        font-size: 24px;
        line-height: 28.8px;
        letter-spacing: 0%;
    }
}

.solutions-block_development-advantages{

}
.solutions-block_development-advantages h2{
    color: var(--color_s_3);
}
.solutions-block_development-advantages h2::after{
    display: none;
}
.development-advantages--container{
    background-image: url("/images/ready-solutions/solution_advantage.jpg");
    padding: 110px 0 120px 0;
    background-size: cover;
}
.development-advantages--wrapper{
}

.table_development-advantages{
    display: flex;
}
.table_development-advantages *{
    font-family: "Helvetica", sans-serif;
}
.table_development-advantages .table-col{
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}
/*decor table_col*/
.table_development-advantages .table-col.table-col--props{
    border: 1px solid #FFFFFF80;
    margin-right: -40px;
    padding: 40px 40px 40px 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.05);
}
.table_development-advantages .table-col.table-col--offers.not-plus{
    margin-right: -40px;
    padding-right: 40px;
}
.table_development-advantages .table-col.table-col--offers.plus{
    border-radius: 40px;
}
.table_development-advantages .table-col.table-col--props .props-item {
    padding: 0 20px 0 50px;
    color: #FFF;
}
.table_development-advantages .table-col.table-col--offers .props-item{
    justify-content: flex-start;
}

.table_development-advantages .table-col--props .props-item:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.15);
}
/*.table_development-advantages .table-col--props .props-item:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
}*/
.table_development-advantages .props-item{
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0%;

    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
}
.table_development-advantages .table-col .table_props_row{
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}
.table_development-advantages .table-col .table_props_row .props-item:last-child{
    margin-bottom: 0;
}
.table_development-advantages .table-col .table_props_row .props-item:last-child .props-item-description{
    margin-bottom: 0;
}
.table_development-advantages .props-item-name--wrapper{
    display: flex;
    gap: 15px;
    align-items: center;
}

.table_development-advantages .table-col .table_title_row{
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color_s_7);
}
.table_development-advantages .table-col.plus .table_title_row{
    color: var(--color_s_6);
}
.table_development-advantages .table-col .table_price_row{
    font-weight: 900;
    font-size: 40px;
    line-height: 50px;
    color: var(--color_s_7);
    margin-bottom: 18px;
}

.table_development-advantages .props-item-name{
    margin: 0;
    font-family: "Helvetica", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: var(--color_s_0);
}
.table_development-advantages .props-item-name .name--prop{
    display: none;
}
.table_development-advantages .table-col.table-col--offers{
    position: relative;
    padding: 40px 40px 40px 40px;
    background: var(--color_s_bkg);
    z-index: 1;
    width: 80%;
}
.table_development-advantages .table-col.table-col--offers.plus{
    z-index: 2;
    background: var(--color_s_3);
    box-shadow: 0px 0px 40px 0px #01010126;
    width: 100%;
}
.table_development-advantages .props-item-description{
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-transform: lowercase;
    color:var(--color_s_7);
    margin-bottom: 8px;
}
.table_development-advantages .plus .table_price_row{
    color: var(--color_s_5);
}

.table_gift-block{
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 10px 12px;

    position: absolute;
    top: -30px;
    right: -30px;
    transform: rotate(6deg);
    z-index: 3;
    background: var(--color_s_5);
    border-radius: 100px;
}

.table_gift-block p{
    margin: 0;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 15px;
    line-height: 120%;
    color: var(--color_s_3);
}
.table_gift-block .icon{
    transform: rotate(-6deg);
    line-height: 15px;
}
.table_button_row{
    display: flex;
    justify-content: center;
}
.table_button_row .button{
    font-weight: 400;
    text-transform: uppercase;
}
.table_props_row .props-item .icon{
    overflow: visible;
}
.table_development-advantages .currency{
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 39.92px;
    line-height: 120%;
}
.table-advantages-head{
    height: 0;
    opacity: 0;
    display: flex;
}
@media(max-width: 992px){
    .development-advantages--container{
        padding: 40px 30px 50px 30px;
    }
    .development-advantages--wrapper.container{
        padding: 0;
    }
    .table_development-advantages .table-col .table_title_row{
        max-width: 120px;
        font-weight: 500;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 2%;
        margin-bottom: 15px;
    }
    .table_development-advantages .table-col .table_price_row{
        font-weight: 900;
        font-size: 29px;
    }
    .table_development-advantages .currency{
        font-family: "Montserrat";
        font-weight: 700;
        font-size: 29px;
    }
    .table_development-advantages .props-item{
        font-size: 18px;
        line-height: 40px;
    }
    .table_development-advantages .table-col.table-col--props{
        padding: 20px 40px 30px 0;
        margin-right: -40px;
        width: 75%;
        min-width: 200px;
    }
    .table_development-advantages .table-col.table-col--offers{
        padding: 20px 30px 30px 30px;
    }
    .table_development-advantages .props-item-name--wrapper{
        gap: 8px;
    }
    .table_development-advantages .table-col.table-col--props .props-item{
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 2%;
        font-weight: 400;
        padding: 0 20px 0 25px;
    }
    .table_development-advantages .table-col.table-col--offers .props-item{
        padding-right: 10px;
    }
    .table_development-advantages .props-item-name{
        font-size: 18px;
        line-height: 40px;
    }
    .table_development-advantages .props-item-description{
        font-size: 12px;
    }
    .table_button_row .button{
        height: 51px;
        width: 100%;
        font-size: 14px;
        line-height: 51px;
    }
    .table_gift-block{
        top: -20px;
        right: -20px;
    }
    .table_gift-block p{
        font-size: 12px;
        max-width: 90px;
    }
}
@media(max-width: 576px){
    .development-advantages--container{
        padding: 20px 15px 30px 15px;
    }
    .solutions-block .panel{
        margin-bottom: 25px;
    }
    .table_development-advantages .table-col.table-col--props{
        display: none;
    }
    .table_development-advantages .table-col.table-col--offers{
        width: 0;
        display: none;
    }
    .table_development-advantages .table-col.table-col--offers.active{
        width: 100%;
        display: flex;
    }
    .table_development-advantages .table-col.table-col--offers.plus{
        order: 1;
        box-shadow: none;
    }
    .table_development-advantages .table-col.table-col--offers.not-plus{
        order: 2;
    }
    .table_development-advantages .table-col.table-col--offers.plus,
    .table_development-advantages .table-col.table-col--offers.not-plus{
        margin: 0;
        padding: 20px 30px 30px 30px;
    }
    .table_development-advantages .table-col .table_title_row{
        display: none;
    }
    .table_development-advantages .props-item-name--wrapper{
        align-items: flex-start;
    }
    .table_development-advantages .props-item-name{
        line-height: 130%;
    }
    .table_development-advantages .props-item-name .name--prop{
        display: block;
        padding-top: 2px;
        margin-bottom: 3px;
        font-size: 12px;
        line-height: 120%;
        font-weight: 400;
        color: var(--color_s_7);
    }
    .table_development-advantages .props-item-description{
        padding-left: 28px;
        margin-bottom: 20px;
    }
    .table-advantages-head{
        height: auto;
        opacity: 1;
    }
    .table-advantages-head .table_title_row{
        font-weight: 500;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 0%;

        width: 100%;
        padding: 10px 25px 5px 25px;
        text-align: left;
        color: var(--color_s_7);
        border-radius: 20px 20px 0 0;
        background: var(--color_s_8);
    }
    .table-advantages-head .table_title_row.active{
        border: 1px solid #E5E5E5;
        border-bottom: none;
        background: var(--color_s_3);
    }
    .table-advantages-head .table_title_row.plus{
        order: 1;
    }
    .table-advantages-head .table_title_row.active{
        position: relative;
        z-index: 1;
    }
    .table-advantages-head .table_title_row.plus .red{
        color: var(--color_s_7);
    }
    .table-advantages-head .table_title_row.plus.active{
        color: var(--color_s_0);
    }
    .table-advantages-head .table_title_row.plus.active .red{
        color: #db352a;
    }

    .table-advantages-head .table_title_row.not-plus{
        order: 2;
        width: 75%;
    }

    .table-advantages-head .table_title_row.not-plus:not(.active){
        /*
        margin-left: -30px;
        padding-left: 40px;
        */
    }
    .table-advantages-head .table_title_row.not-plus{
        margin-left: -30px;
        padding-left: 40px;
    }
    .table-advantages-head .table_title_row.not-plus.active{
        z-index: 2;
    }
    .table_development-advantages{
        border: 1px solid #E5E5E5;
        border-top: none;
        border-radius: 0 0 20px 20px;
    }
    .table_development-advantages .table-col.table-col--offers{
        border-radius: 0 0 20px 20px !important;
    }
    .table-col--offers.plus .table_gift-block{
        top: 15px;
        right: -10px;
        padding: 6px 12px;
    }
    .table_development-advantages .table-col .table_price_row{
        font-size: 24px;
        line-height: 120%;
    }
    .table_development-advantages .currency{
        font-size: 24px;
        line-height: 120%;
    }
    .development-advantages--container > .container{
        padding: 0;
        min-width: unset;
    }
    .table_development-advantages .table-col .table_props_row{
        margin-bottom: 30px;
    }
}

.bottom-form{
    position: relative;
}
.solutions-block.solutions-block_bottom-form .panel{
    margin-bottom: 125px;
}
.solutions-block_bottom-form .bottom-form-data h2{
    text-align: center;
    max-width: 900px;
    margin: 0 auto 40px auto;
}
.solutions-block_bottom-form h2::after{
    display: none;
}
.buttons-list.center{
    margin: 0 auto;
    display: flex;
    width: fit-content;
    gap: 10px;
}
.bottom-form-video-border--outer{
    margin: 0 auto;
    width: 166px;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bottom-form-video-border{
    position: relative;
    padding: 4px;
    width: 142px;
    height: 142px;
}

.bottom-form-video-border::before{
    width: 100%;
    height: 100%;
    border: 2px solid #E5E5E5;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(229, 229, 229);
    border-top: 3px solid #DB352A;
    border-radius: 50%;
    transform: rotate(45deg);
    position: absolute;
    z-index: 1;
    content: "";
    left: -4px;
    top: -4px;
    transition: 0.4s;
}
.solutions-block.solutions-block_bottom-form{
    margin-bottom: 0;
}

.bottom-form-video-border:hover::before{
    transform: rotate(405deg);
}
.solutions-block_bottom-form .solution-solution-detail-ad_col-video{
    width: 130px;
    height: 130px;
    display: flex;
    position: relative;
    left: auto;
    top: auto;
    border-radius: 50%;
    box-shadow: none;
}
.solutions-block_bottom-form .solution-solution-detail-ad_col-video:hover::after{
    background: #db352a;
}
.solutions-block_bottom-form .solution-solution-detail-ad_col-video .video-icon{
    background: none;
}
.bottom-form-data{
    padding: 120px 60px 120px 60px;
    border-radius: 40px;
    background: #F8F8F8;
}
.bottom-form .button.button--with-arrow::before{
    
}
.bottom-form .button.button--with-arrow{
    color: #000;
}
.bottom-form .button.button--with-arrow::before{
    background-color: var(--color_s_1);
    width: 51px;
    height: 51px;
}
.bottom-form .button.button--with-arrow:hover::before{
    width: 100%;
}

@media(max-width: 992px){
    .bottom-form-data{
        padding-bottom: 80px;
    }
    .bottom-form .button{
        height: 51px;
        line-height: 51px;
    }
    .bottom-form .button.button--with-arrow::before{
        width: 51px;
        height: 51px;
    }
    .bottom-form .button.button--with-arrow:hover::before{
        width: 100%;
    }
    .buttons-list.center{
        flex-direction: column;
        gap: 40px;
    }
    .bottom-form-data{
        padding: 100px 15px 40px 15px;
    }
}
/* End */


/* Start:/local/templates/ewp/components/bitrix/news.list/projects-advantages/style.css?17395290562353*/
.projects-advatages {
	background-image: url('/local/templates/ewp/assets/images/header/stars-bgr.png'), url('/local/templates/ewp/assets/images/header/header-bgr.png'), url('/local/templates/ewp/assets/images/header/header-main-bgr.jpg');
  background-position: center top, center top, center center;
  background-repeat: repeat-x, repeat, no-repeat;
  background-size: auto auto, auto auto, 100% 100%;
}

.projects-advantages-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

@media (max-width: 991px) {
	.projects-advantages-items {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 720px) {
	.projects-advantages-items {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

.projects-advantages-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #fff;
	box-shadow: 0px 0px 40px 0px rgba(1, 1, 1, 0.102);
	padding: 40px;
	border-radius: 10px;
}

.projects-advantages-item:nth-child(5) {
	grid-area: 1 / 3 / 3 / 4;
	gap: 40px;
}

@media (max-width: 991px) {
	.projects-advantages-item:nth-child(5) {
		grid-area: auto;
		grid-column: 1 / 3;
	}
}

@media (max-width: 720px) {
	.projects-advantages-item:nth-child(5) {
		gap: 30px;
		grid-column: auto;
	}
}

.projects-advantages-item-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.projects-advantages-item-title {
	font-size: 35px;
	line-height: 42px;
	font-weight: 900;
	color: #222;
}

@media (max-width: 991px) {
	.projects-advantages-item-title {
		font-size: 26px;
		line-height: 32px;
	}
}

.projects-advantages-item-description {
	font-size: 14px;
	line-height: 16.8px;
	color: #222
}

@media (max-width: 720px) {
	.projects-advantages-item-description {
		font-size: 12px;
		line-height: 14.4px;
	}
}

.projects-advantages-item-description ul {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media (max-width: 720px) {
	.projects-advantages-item-description ul {
		gap: 20px;
	}
}

.projects-advantages-item-description ul li {
	position: relative;
	padding-left: 23px;
}

.projects-advantages-item-description ul li::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 8px;
	height: 8px;
	background-color: #db352a;
	border-radius: 50%;
}

.projects-advantages-item-picture {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}
/* End */


/* Start:/local/templates/ewp/components/bitrix/news.list/projects-steps/style.css?17397802325575*/
.projects-steps-items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	overflow: hidden;
}

@media (max-width: 991px) {
	.projects-steps-items {
		grid-template-columns: repeat(2, 1fr);
		max-width: 780px;
		margin: 0 auto;
	}
}

@media (max-width: 720px) {
	.projects-steps-items {
		grid-template-columns: 1fr;
		max-width: 390px;
	}
}

.projects-steps-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	gap: 20px;
	padding: 68px 45px;
}

@media (max-width: 991px) {
	.projects-steps-item {
		max-width: 390px;
		padding: 63px 40px;
	}
}

@media (max-width: 720px) {
	.projects-steps-item {
		padding: 45px 20px;
	}
}

.projects-steps-item-line {
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	border-bottom: 2px dashed #dedede;
}

.projects-steps-item::before,
.projects-steps-item::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: calc(50% - 100px);
}

.projects-steps-item::before {
	top: 0px;
	height: 122px;
	left: 12px;
	border-bottom: 2px dashed #dedede;
}

@media (max-width: 720px) {
	.projects-steps-item::before {
		height: 96px;
	}
}

.projects-steps-item::after {
	top: 121px;
	bottom: -2px;
	right: 12px;
	border-top: 2px dashed #dedede;
}

@media (max-width: 720px) {
	.projects-steps-item::after {
		top: 98px;
	}
}

.projects-steps-item-arrow {
	position: absolute;
	top: 114px;
	left: -6px;
	width: 12px;
	color: #979797;
}

@media (min-width: 992px) {
	.projects-steps-item:nth-child(4n)::after {
		border-right: 2px dashed #dedede;
		border-bottom: 2px dashed #dedede;
		border-top-right-radius: 50px;
		border-bottom-right-radius: 50px;
		min-width: 60px;
		right: 0;
	}

	.projects-steps-item:nth-child(4n) .projects-steps-item-line {
		right: 50px;
	}

	.projects-steps-item:not(:first-child):nth-child(4n + 1)::before {
		border-top: 2px dashed #dedede;
		border-left: 2px dashed #dedede;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
		min-width: 60px;
		left: 0;
	}

	.projects-steps-item:nth-child(4n + 1) .projects-steps-item-line {
		left: 50px;
	}

	.projects-steps-item:not(:first-child):nth-child(4n + 1) .projects-steps-item-arrow {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.projects-steps-item:nth-child(2n)::after {
		border-right: 2px dashed #dedede;
		border-bottom: 2px dashed #dedede;
		border-top-right-radius: 50px;
		border-bottom-right-radius: 50px;
		min-width: 60px;
		right: 0;
	}

	.projects-steps-item:nth-child(2n) .projects-steps-item-line {
		right: 50px;
	}

	.projects-steps-item:not(:first-child):nth-child(2n + 1)::before {
		border-top: 2px dashed #dedede;
		border-left: 2px dashed #dedede;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
		min-width: 60px;
		left: 0;
	}

	.projects-steps-item:nth-child(2n + 1) .projects-steps-item-line {
		left: 50px;
	}

	.projects-steps-item:not(:first-child):nth-child(2n + 1) .projects-steps-item-arrow {
		display: none;
	}
}

@media (max-width: 720px) {
	.projects-steps-item::after {
		border-right: 2px dashed #dedede;
		border-bottom: 2px dashed #dedede;
		border-top-right-radius: 50px;
		border-bottom-right-radius: 50px;
		min-width: 60px;
		right: 0;
	}

	.projects-steps-item::before {
		border-top: 2px dashed #dedede;
		border-left: 2px dashed #dedede;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
		min-width: 60px;
		left: 0;
	}

	.projects-steps-item .projects-steps-item-line {
		left: 50px;
		right: 50px;
	}

	.projects-steps-item-arrow {
    top: -7px;
    left: calc(50% - 6px);
    transform: rotate(180deg);
	}
}

.projects-steps-item:first-child::before,
.projects-steps-item:last-child::after,
.projects-steps-item:first-child .projects-steps-item-arrow {
	display: none;
}

.projects-steps-item-image {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 108px;
	height: 108px;
	background-color: #f0f0f0;
	border-radius: 50%;
	order: 1;
}

.projects-steps-item-number {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Helvetica", sans-serif;
	font-size: 35px;
	font-weight: 900;
	line-height: 32px;
	color: #db352a;
}

.projects-steps-item_current .projects-steps-item-number {
	color: #222;
}

.projects-steps-item-picture {
	width: 50px;
	height: 50px;
}

.projects-steps-item-picture_active {
	display: none;
}

.projects-steps-item-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	color: #222;
	text-align: center;
	order: 2;
}

.projects-steps-item-title::after {
	content: ".";
  color: #db352a;
}

.projects-steps-item-button {
	font-size: 15px;
	font-weight: 600;
	line-height: 26px;
	padding: 0 25px;
	height: 41px;
	line-height: 41px;
	border-radius: 25px;
	text-transform: none;
	background-color: #e5e5e5;
	border: 1px solid #e5e5e5;
	color: #222;
	text-decoration: none;
	order: 2;
}

a.projects-steps-item-button {
	background-color: transparent;
	color: #db352a;
	border: 1px solid #db352a;
}

a.projects-steps-item-button:hover {
	background-color: #db352a;
	border: 1px solid #db352a;
	color: #fff;
	text-decoration: none;
}

a.projects-steps-item-button:hover ~ .projects-steps-item-image {
	background-color: #db352a;
}

a.projects-steps-item-button:hover ~ .projects-steps-item-image .projects-steps-item-picture {
	display: none;
}

a.projects-steps-item-button:hover ~ .projects-steps-item-image .projects-steps-item-picture_active {
	display: block;
}

a.projects-steps-item-button:hover ~ .projects-steps-item-image .projects-steps-item-number {
	top: -30px;
	left: -30px;
}
/* End */


/* Start:/local/templates/ewp/components/bitrix/news.list/projects-analytics/style.css?17399536345434*/
.projects-analytics-list {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

@media (max-width: 991px) {
	.projects-analytics-list {
		gap: 60px;
	}
}

@media (max-width: 720px) {
	.projects-analytics-list {
		gap: 45px;
	}
}

.projects-analytics-item {
	display: grid;
	grid-template-columns: auto 57%;
	grid-template-rows: auto 100%;
	gap: 40px 30px;
}

.projects-analytics_invert .projects-analytics-item {
	grid-template-columns: 57% auto;
}

@media (min-width: 992px) {
	.projects-analytics-item:nth-child(2n) {
		grid-template-columns: 57% auto;
	}

	.projects-analytics_invert .projects-analytics-item:nth-child(2n) {
		grid-template-columns: auto 57%;
	}
}

@media (max-width: 991px) {
	.projects-analytics-item,
	.projects-analytics_invert .projects-analytics-item {
		grid-template-columns: 1fr;
		gap: 30px;
		grid-template-rows: auto;
	}
}

.projects-analytics-item-title {
	font-family: Helvetica;
	font-weight: 550;
	font-size: 35px;
	line-height: 40px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-analytics-item-title {
		grid-area: auto;
		text-align: center;
		font-size: 22px;
		line-height: 26.4px;
	}
}

.projects-analytics-item-slider {
	grid-area: 1 / 2 / 3 / 3;
	overflow: hidden;
}

.projects-analytics_invert .projects-analytics-item-slider {
	grid-area: 1 / 1 / 3 / 2;
}

.projects-analytics-item:nth-child(2n) .projects-analytics-item-slider {
	grid-area: 1 / 1 / 3 / 2;
}

.projects-analytics_invert .projects-analytics-item:nth-child(2n) .projects-analytics-item-slider {
	grid-area: 1 / 2 / 3 / 3;
}

@media (max-width: 991px) {
	.projects-analytics-item-slider,
	.projects-analytics-item:nth-child(2n) .projects-analytics-item-slider,
	.projects-analytics_invert .projects-analytics-item-slider,
	.projects-analytics_invert .projects-analytics-item:nth-child(2n) .projects-analytics-item-slider {
		grid-area: auto;
	}
}

.projects-analytics-item-slider-inner {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 0 10px;
}

.projects-analytics-item-slider[data-count=""] .projects-analytics-gallery-nav,
.projects-analytics-item-slider[data-count="0"] .projects-analytics-gallery-nav,
.projects-analytics-item-slider[data-count="1"] .projects-analytics-gallery-nav {
	display: none;
}

.projects-analytics-item-slider:not([data-count=""]):not([data-count="0"]):not([data-count="1"]) .projects-analytics-item-wrapper {
	border-radius: 32px;
	border: 6px solid #292929;
	box-shadow: 0px 0px 10px 0px #01010126;
	margin-bottom: 30px;
	overflow: hidden;
}

.projects-analytics-item-descriptions {
	margin-bottom: 30px;
}

.projects-analytics-item-description {
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
	color: #979797;
}

@media (max-width: 991px) {
	.projects-analytics-item-description {
		text-align: center;
	}
}

@media (max-width: 720px) {
	.projects-analytics-item-description {
		font-size: 14px;
		line-height: 19.6px;
	}
}

.projects-analytics-item-wrapper {
	overflow: hidden;
}

.projects-analytics-gallery-nav {
	display: none;
}

@media (max-width: 720px) {
	.projects-analytics-gallery-nav {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 30px;
	}
}

.projects-analytics-gallery-button {
	display: flex;
	position: absolute;
	top: calc(50% - 20px);
	color: #222;
	cursor: pointer;
	z-index: 1;
}

@media (max-width: 720px) {
	.projects-analytics-gallery-button {
		position: relative;
	}
}

.projects-analytics-gallery-button:hover {
	color: #fff;
}

.projects-analytics-gallery-button.slider-button_disabled {
	color: #d6d6d6;
	cursor: default;
}

.projects-analytics-gallery-button_prev {
	left: 0;
}

.projects-analytics-gallery-button_next {
	right: 0;
}

.projects-analytics-gallery-button-background {
	fill: #e5e5e5;
}

.projects-analytics-gallery-button:hover:not(.slider-button_disabled) .projects-analytics-gallery-button-background {
	fill: #db352a;
}

.projects-analytics-item-gallery-item.swiper-slide {
	height: auto;
}

.projects-analytics-item-gallery-picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projects-analytics-item-descriptions-wrapper {
	overflow: hidden;
}

.projects-analytics-item-descriptions-item {
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	margin-top: 25px;
}

@media (max-width: 720px) {
	.projects-analytics-item-descriptions-item {
		margin: 30px 0;
	}
}

.projects-analytics-item-view {
	position: relative;
	aspect-ratio: 1 / 0.56;
	overflow: hidden;
}


.projects-analytics-item-view-before,
.projects-analytics-item-view-after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.projects-analytics-item-view-before {
	width: 50%;
	z-index: 1;
}

.projects-analytics-item-view-drag {
	position: absolute;
	width: 2px;
	top: 0;
	bottom: 0;
	left: calc(50% - 1px);
	background-color: #fff;
	cursor: pointer;
	z-index: 3;
}

.projects-analytics-item-view-drag:hover {
	box-shadow: 0 0 20px 10px #01010150;
}

.projects-analytics-item-view-drag-arrows {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	width: 40px;
  cursor: pointer;
  z-index: 3;
}

.projects-analytics-item-view-drag-arrow {
	width: 9px;
	color: #fff;
}

.projects-analytics-item-button {
	margin-top: 50px;
}

@media (max-width: 991px) {
	.projects-analytics-item-button {
		margin-top: 30px;
	}
}
/* End */


/* Start:/local/templates/ewp/components/bitrix/catalog.section.list/ready-solutions-features/style.css?1740127239975*/
.features-slider-list {
	width: 100%;
}

.solutions_features-block[data-view="desctop"] .features-slider-images-desctop,
.solutions_features-block[data-view="mobile"] .features-slider-images-mobile {
	opacity: 1;
	display: flex;
}

.features-detail-list-item.swiper-slide-active {
	box-shadow: 0px 0px 40px 0px #01010126;
}

.solutions_features-block[data-view="desctop"] .slider-type-button[data-view="desctop"],
.solutions_features-block[data-view="mobile"] .slider-type-button[data-view="mobile"] {
	color: #fff;
	background-color: #db352a;
}

.solutions_features-block[data-view="desctop"] .buttons-list .slider-type-button[data-view="desctop"] path,
.solutions_features-block[data-view="mobile"] .buttons-list .slider-type-button[data-view="mobile"] path {
	stroke: #fff;
}

.features-slider-images-mobile .features-slider-images-item img {
	object-fit: contain;
}

.features-detail-list-item.swiper-slide {
	min-height: 110px;
	max-height: none;
	height: min-content;
}
/* End */


/* Start:/local/templates/ewp/components/bitrix/news.list/projects-seo/style.css?17398783463163*/
.projects-seo-items {
	display: flex;
	align-items: stretch;
	gap: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

@media (max-width: 991px) {
	.projects-seo-items {
		gap: 15px;
	}
}

@media (max-width: 720px) {
	.projects-seo-items {
		flex-direction: column;
		gap: 10px;
		border-left: 1px solid rgba(255, 255, 255, 0.5);
		border-bottom: none;
		padding: 10px 0;
	}
}

.projects-seo-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.projects-seo-item-inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px;
	gap: 20px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 991px) {
	.projects-seo-item-inner {
		padding: 15px;
	}
}

@media (max-width: 720px) {
	.projects-seo-item-inner {
		gap: 30px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-right-radius: 5px;
	}
}

.projects-seo-item:nth-child(1) .projects-seo-item-inner { height: 200px; }
.projects-seo-item:nth-child(2) .projects-seo-item-inner { height: 230px; }
.projects-seo-item:nth-child(3) .projects-seo-item-inner { height: 260px; }
.projects-seo-item:nth-child(4) .projects-seo-item-inner { height: 290px; }

@media (max-width: 991px) {
	.projects-seo-item:nth-child(1) .projects-seo-item-inner { height: 160px; }
	.projects-seo-item:nth-child(2) .projects-seo-item-inner { height: 190px; }
	.projects-seo-item:nth-child(3) .projects-seo-item-inner { height: 220px; }
	.projects-seo-item:nth-child(4) .projects-seo-item-inner { height: 250px; }
}

@media (max-width: 720px) {
	.projects-seo-item:nth-child(1) .projects-seo-item-inner,
	.projects-seo-item:nth-child(2) .projects-seo-item-inner,
	.projects-seo-item:nth-child(3) .projects-seo-item-inner,
	.projects-seo-item:nth-child(4) .projects-seo-item-inner {
		height: auto;
	}

	.projects-seo-item:nth-child(1) .projects-seo-item-inner { margin-right: 90px; }
	.projects-seo-item:nth-child(2) .projects-seo-item-inner { margin-right: 60px; }
	.projects-seo-item:nth-child(3) .projects-seo-item-inner { margin-right: 30px; }
}

.projects-seo-item-inner:hover {
	background-color: #db352a;
}

.projects-seo-item-bottom {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: auto;
}

@media (max-width: 720px) {
	.projects-seo-item-bottom {
		gap: 10px;
		margin-top: none;
	}
}

.projects-seo-item-growth {
	font-family: Helvetica;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
}

@media (max-width: 991px) {
	.projects-seo-item-growth {
		font-size: 16px;
		line-height: 19.2px;
	}
}

.projects-seo-item-value {
	font-family: Helvetica;
	font-weight: 900;
	font-size: 26px;
	line-height: 26px;
	color: #fff;
}

@media (max-width: 991px) {
	.projects-seo-item-value {
		font-size: 20px;
		line-height: 24px;
	}
}

.projects-seo-item-description {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
}

@media (max-width: 991px) {
	.projects-seo-item-description {
		font-size: 12px;
		line-height: 14.4px;
		
	}
}
/* End */


/* Start:/local/templates/ewp/components/bitrix/news.list/projects-adv/style.css?17395290342485*/
.projects-adv {
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 50px;
	background-color: #f8f8f8;
	padding: 80px;
	text-decoration: none;
	overflow: hidden;
}

@media (max-width: 991px) {
	.projects-adv {
		gap: 40px;
		padding: 40px;
	}
}

@media (max-width: 720px) {
	.projects-adv {
		gap: 30px;
		padding: 40px 20px 90px;
	}
}

.projects-adv-top {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	z-index: 2;
}

@media (max-width: 720px) {
	.projects-adv-top {
		flex-direction: column;
	}
}

.projects-adv-icon {
	width: 179px;
	flex-shrink: 0;
}

@media (max-width: 991px) {
	.projects-adv-icon {
		width: 150px;
		order: 2;
	}
}

@media (max-width: 720px) {
	.projects-adv-icon {
		order: 1;
	}
}

.projects-adv-main {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

@media (max-width: 991px) {
	.projects-adv-main {
		gap: 45px;
		order: 1;
	}
}

@media (max-width: 720px) {
	.projects-adv-main {
		gap: 30px;
		order: 2;
	}
}

.projects-adv-title {
	font-family: Helvetica;
	font-weight: 900;
	font-size: 55px;
	line-height: 67px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-adv-title {
		font-size: 35px;
		line-height: 45px;
	}
}

@media (max-width: 720px) {
	.projects-adv-title {
		font-size: 28px;
		line-height: 36.4px;
	}
}

.projects-adv-price {
	font-family: Helvetica;
	font-weight: 550;
	font-size: 35px;
	line-height: 42px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-adv-price {
		font-size: 22px;
		line-height: 26.4px;
	}
}

.projects-adv-description {
	font-size: 18px;
	line-height: 21.6px;
	color: #222;
	padding-left: 219px;
	z-index: 2;
}

@media (max-width: 991px) {
	.projects-adv-description {
		font-size: 16px;
		line-height: 22.4px;
		padding-left: 0;
		padding-right: 60px;
	}
}

@media (max-width: 797px) {
	.projects-adv-description {
		padding-right: 0;
	}
}

.projects-adv:hover .projects-adv-icon path {
	fill: #fff;
}

.projects-adv:hover .projects-adv-title,
.projects-adv:hover .projects-adv-price,
.projects-adv:hover .projects-adv-description {
	color: #fff;
}

.projects-adv-button {
	position: absolute;
	top: 100%;
	left: 100%;
	width: 140px;
	height: 140px;
	transform: translate(-50%, -50%);
	background-color: #db352a;
	border-radius: 50%;
	z-index: 1;
	transition: 0.2s;
}

.projects-adv:hover .projects-adv-button {
	width: 200%;
	height: 200%;
	border-radius: 0;
}

.projects-adv-button-icon {
	position: absolute;
	right: 19px;
	bottom: 20px;
	color: #fff;
	z-index: 2;
}
/* End */


/* Start:/local/templates/ewp/components/bitrix/news.list/projects-reviews/style.css?17399513984195*/
.projects-reviews-list {
	display: flex;
	flex-direction: column;
	gap: 60px;
	position: relative;
	overflow: hidden;
}

@media (max-width: 991px) {
	.projects-reviews-list {
		gap: 45px;
	}
}

@media (max-width: 720px) {
	.projects-reviews-list {
		gap: 30px;
	}
}

.projects-reviews-list::before {
	content: '';
	    position: absolute;
	    top: -13%;
	    left: 46%;
	    width: 1000px;
	    height: 340px;
	    transform: rotate(-70deg);
	    background-image: url(/images/projects-dev/dots.webp);
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    opacity: 0.4;
	    filter: grayscale(1);
}

@media (max-width: 991px) {
	.projects-reviews-list::before {
	    top: -13%;
	    left: 33%;
	    width: 1000px;
	    height: 240px;
	    transform: rotate(-74deg);
	}
}

@media (max-width: 720px) {
	.projects-reviews-list::before {
		top: -109%;
	    right: -275%;
	    width: 2000px;
	    min-width: 2000px;
	    height: 100px;
	    transform: rotate(-86deg);
	}
}

.projects-reviews-item {
	display: flex;
	align-items: flex-start;
	background-color: #f8f8f8;
	padding: 80px;
	gap: 68px;
}

@media (max-width: 991px) {
	.projects-reviews-item {
		padding: 45px;
		gap: 45px;
	}
}

@media (max-width: 720px) {
	.projects-reviews-item {
		flex-direction: column;
		padding: 30px;
		gap: 25px;
	}
}

.projects-reviews-item-photo {
	position: relative;
	width: 320px;
	height: 320px;
	flex-shrink: 0;
}

@media (max-width: 991px) {
	.projects-reviews-item-photo {
		width: 150px;
		height: 150px;
	}
}

@media (max-width: 720px) {
	.projects-reviews-item-photo {
		margin: 0 auto;
	}
}

.projects-reviews-item-image {
	display: flex;
	border-radius: 50%;
	overflow: hidden;
}

.projects-reviews-item-picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projects-reviews-item-video {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 130px;
	height: 130px;
	padding: 18px;
	border-radius: 50%;
	background-color: #f8f8f8;
	overflow: hidden;
}

@media (max-width: 991px) {
	.projects-reviews-item-video {
		width: 60px;
		height: 60px;
		padding: 7px;
	}
}

.projects-reviews-item-video:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 9px;
	border: 2px solid #e5e5e5;
	border-top-color: #db352a;
	border-radius: 50%;
	transform: rotate(45deg);
	transition: 0.4s;
}

@media (max-width: 991px) {
	.projects-reviews-item-video:before {
		border-width: 1px;
		margin: 4px;
	}
}

.projects-reviews-item-video:hover:before {
	transform: rotate(405deg);
}

.projects-reviews-item-video-preview {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	z-index: 1;
}

.projects-reviews-item-video-preview-hover {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.projects-reviews-item-video:hover .projects-reviews-item-video-preview-hover {
	background-color: #db352a;
}

.projects-reviews-item-video-icon {
	width: 18px;
	color: #fff;
}

@media (max-width: 991px) {
	.projects-reviews-item-video-icon {
		width: 9px;
	}
}

.projects-reviews-item-content {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media (max-width: 991px) {
	.projects-reviews-item-content {
		gap: 30px;
	}
}

@media (max-width: 720px) {
	.projects-reviews-item-content {
		gap: 25px;
	}
}

.projects-reviews-item-name {
	font-family: Helvetica;
	font-weight: 550;
	font-size: 35px;
	line-height: 40px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-reviews-item-name {
		font-size: 22px;
		line-height: 26.4px;
	}
}

.projects-reviews-item-post {
	font-size: 28px;
	line-height: 38px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-reviews-item-post {
		font-size: 20px;
		line-height: 38px;
	}
}

.projects-reviews-item-description {
	font-size: 18px;
	line-height: 26px;
	color: #222;
	padding-top: 20px;
}

@media (max-width: 991px) {
	.projects-reviews-item-description {
		font-size: 15px;
		line-height: 23px;	
		padding-top: 0;	
	}
}
/* End */


/* Start:/local/templates/ewp/components/bitrix/news.list/projects-adv-2/style.css?17395290442107*/
.projects-adv-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

@media (max-width: 991px) {
	.projects-adv-2 {
		gap: 20px;
	}
}

@media (max-width: 720px) {
	.projects-adv-2 {
		grid-template-columns: 1fr;
	}
}

.projects-adv-2-item {
	display: flex;
	align-items: flex-start;
	gap: 50px;
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 40px 0px #0101011A;
	padding: 80px 80px 80px 50px;
	text-decoration: none;
	overflow: hidden;
}

@media (max-width: 991px) {
	.projects-adv-2-item {
		flex-direction: column;
		gap: 40px;
		padding: 40px 40px 130px 40px;
	}
}

@media (max-width: 720px) {
	.projects-adv-2-item {
		padding: 40px 40px 80px 40px;
	}
}

.projects-adv-2-item-icon {
	width: 120px;
	flex-shrink: 0;
	z-index: 2;
}

@media (max-width: 991px) {
	.projects-adv-2-item-icon {
		width: 150px;
	}
}

@media (max-width: 720px) {
	.projects-adv-2-item-icon {
		width: 120px;
	}
}

.projects-adv-2-item-main {
	display: flex;
	flex-direction: column;
	gap: 30px;
	z-index: 2;
}

.projects-adv-2-item-title {
	font-family: Helvetica;
	font-weight: 900;
	font-size: 25px;
	line-height: 40px;
	color: #222;
}

@media (max-width: 991px) {
	.projects-adv-2-item-title {
		font-size: 20px;
		line-height: 24px;
	}
}

.projects-adv-2-item-description {
	font-size: 18px;
	line-height: 26px;
}

@media (max-width: 991px) {
	.projects-adv-2-item-description {
		font-size: 16px;
		line-height: 22.4px;
	}
}

.projects-adv-2-item-button {
	position: absolute;
	top: 100%;
	left: 100%;
	width: 140px;
	height: 140px;
	transform: translate(-50%, -50%);
	background-color: #db352a;
	border-radius: 50%;
	z-index: 1;
	transition: 0.2s;
}

.projects-adv-2-item-button-icon {
	position: absolute;
	right: 19px;
	bottom: 20px;
	color: #fff;
	z-index: 2;
}

.projects-adv-2-item:hover .projects-adv-2-item-icon path {
	fill: #fff;
}

.projects-adv-2-item:hover .projects-adv-2-item-title,
.projects-adv-2-item:hover .projects-adv-2-item-description {
	color: #fff;
}

.projects-adv-2-item:hover .projects-adv-2-item-button {
	width: 200%;
	height: 200%;
	border-radius: 0;
}
/* End */
/* /local/templates/ewp/components/bitrix/catalog/projects/style.min.css?1635756892959 */
/* /local/templates/ewp/components/bitrix/catalog.element/projects-dev/style.css?174013745734286 */
/* /local/templates/ewp/css/ready_solutions.css?174956031564195 */
/* /local/templates/ewp/components/bitrix/news.list/projects-advantages/style.css?17395290562353 */
/* /local/templates/ewp/components/bitrix/news.list/projects-steps/style.css?17397802325575 */
/* /local/templates/ewp/components/bitrix/news.list/projects-analytics/style.css?17399536345434 */
/* /local/templates/ewp/components/bitrix/catalog.section.list/ready-solutions-features/style.css?1740127239975 */
/* /local/templates/ewp/components/bitrix/news.list/projects-seo/style.css?17398783463163 */
/* /local/templates/ewp/components/bitrix/news.list/projects-adv/style.css?17395290342485 */
/* /local/templates/ewp/components/bitrix/news.list/projects-reviews/style.css?17399513984195 */
/* /local/templates/ewp/components/bitrix/news.list/projects-adv-2/style.css?17395290442107 */
