/* «Реальные примеры решения проблем» — горизонтальная лента карточек */

#rec1846704721.stk-record,
#rec1846704721.t-rec,
#rec1846704721 {
	padding-top: 100px !important;
	padding-bottom: 56px !important;
	background-color: #f1f9fe !important;
	overflow: visible !important;
}

#rec1846704721 .stk-section__title,
#rec1846704721 .t-section__title {
	margin-bottom: 28px !important;
	text-align: center;
	color: #12151a;
}

#rec1846704721 .stk-home-section-tools,
#rec1846704721 .stk-home-section-tools_cases {
	width: min(1200px, calc(100% - 40px));
	margin: 0 auto 28px;
	display: flex;
	justify-content: center;
}

#rec1846704721 .stk-block-902__container,
#rec1846704721 .t902__container,
#rec1846704721 .stk-block-902__container[data-stk-rail],
#rec1846704721 .t902__container[data-stk-rail] {
	display: flex !important;
	flex-wrap: nowrap !important;
	grid-template-columns: none !important;
	align-items: stretch;
	justify-content: flex-start !important;
	gap: 20px;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 8px max(20px, calc((100% - 1200px) / 2)) 20px !important;
	box-sizing: border-box;
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	scroll-padding-inline: max(20px, calc((100% - 1200px) / 2));
	scrollbar-width: thin;
	scrollbar-color: #66bbf0 transparent;
}

#rec1846704721 .stk-block-902__container::before,
#rec1846704721 .stk-block-902__container::after,
#rec1846704721 .t902__container::before,
#rec1846704721 .t902__container::after {
	content: none !important;
	display: none !important;
}

#rec1846704721 .stk-block-902__container > .stk-card__col,
#rec1846704721 .stk-block-902__container > .t-card__col,
#rec1846704721 [data-stk-rail] > .stk-card__col,
#rec1846704721 [data-stk-rail] > .t-card__col {
	float: none !important;
	display: flex !important;
	flex: 0 0 min(340px, 82vw) !important;
	width: min(340px, 82vw) !important;
	max-width: min(340px, 82vw) !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
	height: auto !important;
	scroll-snap-align: start;
}

#rec1846704721 .stk-block-902__separator,
#rec1846704721 .t902__separator {
	display: none !important;
}

#rec1846704721 .stk-block-902__inner-col,
#rec1846704721 .t902__inner-col {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(21, 32, 43, 0.08);
	width: 100%;
	height: 100%;
	border: 1px solid rgba(36, 151, 220, 0.1);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#rec1846704721 .stk-block-902__inner-col:hover,
#rec1846704721 .t902__inner-col:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 34px rgba(21, 32, 43, 0.12);
}

#rec1846704721 .stk-block-902__wrap,
#rec1846704721 .t902__wrap {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch;
	min-height: 0;
	height: 100% !important;
}

#rec1846704721 .stk-block-902 .stk-block-902__wrap_left,
#rec1846704721 .stk-block-902 .t902__wrap_left,
#rec1846704721 .t902 .stk-block-902__wrap_left,
#rec1846704721 .t902 .t902__wrap_left {
	position: relative !important;
	flex: 0 0 200px !important;
	flex-basis: 200px !important;
	align-self: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	height: 200px !important;
	min-height: 200px !important;
	overflow: hidden !important;
}

#rec1846704721 .stk-block-902__bgwrapper,
#rec1846704721 .stk-block-902__bgwrapper_height,
#rec1846704721 .t902__bgwrapper,
#rec1846704721 .t902__bgwrapper_height {
	position: absolute !important;
	inset: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}

#rec1846704721 .stk-block-902__bgimg,
#rec1846704721 .t902__bgimg,
#rec1846704721 .stk-bgimg,
#rec1846704721 .t-bgimg {
	position: absolute !important;
	inset: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 2;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

#rec1846704721 .stk-block-902__bgwrapper img,
#rec1846704721 .t902__bgwrapper img,
#rec1846704721 .stk-block-902__wrap_left img,
#rec1846704721 .t902__wrap_left img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
}

#rec1846704721 .stk-block-902__wrap_right,
#rec1846704721 .t902__wrap_right {
	flex: 1 1 auto;
	min-width: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

#rec1846704721 .stk-block-902__content,
#rec1846704721 .t902__content {
	padding: 18px 18px 20px;
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#rec1846704721 .stk-card__title,
#rec1846704721 .t-card__title,
#rec1846704721 .stk-card__title a,
#rec1846704721 .t-card__title a {
	color: #2497dc !important;
	text-decoration: none;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

#rec1846704721 .stk-block-902__bottommargin,
#rec1846704721 .t902__bottommargin {
	margin-bottom: 0;
}

/* Slogan / short text under the title */
#rec1846704721 .stk-card__descr,
#rec1846704721 .t-card__descr {
	color: #4b5866;
	font-size: 14px;
	line-height: 1.45;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 5.8em;
}

#rec1846704721 .stk-block-902__btn-container,
#rec1846704721 .t902__btn-container {
	margin-top: auto;
	padding-top: 8px;
}

#rec1846704721 .stk-btnflex.stk-btnflex_type_button,
#rec1846704721 .t-btnflex.t-btnflex_type_button,
#rec1846704721 a.stk-card__btn,
#rec1846704721 a.t-card__btn {
	color: #ffffff !important;
	background: linear-gradient(135deg, #2aa3e6 0%, #2497dc 100%) !important;
	--border-width: 0px;
	border-style: none !important;
	border-radius: 999px !important;
	box-shadow: 0 8px 18px rgba(36, 151, 220, 0.22) !important;
	min-height: 40px;
	padding: 0 18px !important;
	font-weight: 700 !important;
}

#rec1846704721 .stk-btnflex.stk-btnflex_type_button:hover,
#rec1846704721 .t-btnflex.t-btnflex_type_button:hover {
	background: #1a7eb8 !important;
}

#rec1846704721 .stk-cases-rail-foot {
	width: min(1200px, calc(100% - 40px));
	margin: 22px auto 0;
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 960px) {
	#rec1846704721.stk-record,
	#rec1846704721 {
		padding-top: 72px !important;
		padding-bottom: 40px !important;
	}

	#rec1846704721 .stk-section__title,
	#rec1846704721 .t-section__title {
		margin-bottom: 18px !important;
	}

	#rec1846704721 .stk-block-902__container,
	#rec1846704721 .t902__container {
		width: 100% !important;
		max-width: none !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		gap: 14px;
		scroll-padding-inline: 20px;
	}

	#rec1846704721 .stk-block-902__container > .stk-card__col,
	#rec1846704721 .stk-block-902__container > .t-card__col {
		flex-basis: min(300px, 86vw) !important;
		width: min(300px, 86vw) !important;
		max-width: min(300px, 86vw) !important;
	}

	#rec1846704721 .stk-block-902 .stk-block-902__wrap_left,
	#rec1846704721 .stk-block-902 .t902__wrap_left,
	#rec1846704721 .t902 .stk-block-902__wrap_left,
	#rec1846704721 .t902 .t902__wrap_left {
		flex: 0 0 170px !important;
		flex-basis: 170px !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 170px !important;
		min-height: 170px !important;
	}
}