/* Start:/guides/style.css?179180350922862*/
.guide .bread-crumbs span {
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #808080;
	text-transform: inherit;
}

.guide .bread-crumbs a {
	color: #808080;
}

.guide .bread-crumbs span::before {
	content: "•";
}

.guide {
	position: relative;
	background: #f2f5fa;
	padding: 30px 0 84px;
}

.guide::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 28px;
	background: center / cover no-repeat url(/guides/./img/guide-hero.avif);
	width: 600px;
	height: 600px;
}

.guide__inner {
	max-width: 820px;
}

.guide__title {
	font-weight: 700;
	font-size: 55px;
	line-height: 64px;
	color: #3a5463;
	margin-bottom: 12px;
}

.guide__subtitle {
	font-style: italic;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	color: #3a5463;
	margin-bottom: 21px;
}

.guide__list {
	display: grid;
	grid-template-columns: 266px 280px;
	gap: 23px 27px;
	margin-bottom: 44px;
}

.guide__list b {
	font-style: italic;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	color: #be1d42;
}

.guide__list p {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #3a5463;
}

.guide__buttons {
	display: flex;
	gap: 10px 54px;
}

.guide__button {
	flex-direction: column;
	gap: 3px;
	width: 263px;
	height: 71px;
	border-radius: 20px;
	background: #ee1346;

	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
}

.guide__button:focus {
	outline: none;
}

.guide__button b {
	font-weight: 700;
	font-size: 17px;
	line-height: 20px;
}

.guide__button--white {
	width: 257px;
	background: #ffffff;
	border: 1px solid #ced5df;
	color: #3a5463;
}

.guide-time {
	padding: 49px 0;
}

.guide-time__inner {
	background: #f2f5fa;
	border-radius: 20px;
	padding: 25px 48px 26px 20px;
}

.guide-time__title {
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	color: #3a5463;
	margin-bottom: 28px;
}

.guide-time__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.guide-time__list li {
	display: flex;
	gap: 10px;
}

.guide-time__list b {
	display: block;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	color: #3a5463;
	margin-bottom: 5px;
}

.guide-time__list p {
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #3a5463;
}

.guide-time__list svg {
	min-width: 36px;
}

.steps {
	background: #f2f5fa;
	padding: 31px 0 62px;
}

.steps__title {
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	color: #3a5463;
	margin-bottom: 28px;
}

.steps__block {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.steps__tabs {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding-right: 30px;
	align-self: flex-start;
	max-width: 195px;
	min-width: 195px;
	width: 100%;
}

.steps__tabs::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: calc(100% + 5px);
	border-radius: 2px;
	background: #a6adb1;
}

.steps__highlight {
	position: absolute;
	right: 1px;
	top: 0;
	width: 6px;
	height: 80px;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='80' viewBox='0 0 6 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L0 5.42373V74.5763L6 80V0Z' fill='%23BE1D42'/%3E%3C/svg%3E%0A");
	transition: all 0.3s ease;
}

.steps__tabs li {
	cursor: pointer;
}

.steps__tabs li.active span {
	color: #be1d42;
}

.steps__tabs li span {
	display: block;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 4px;
	color: rgba(58, 84, 99, 0.2);
	transition: color 0.3s ease;
	margin-bottom: 4px;
}

.steps__tabs li p {
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #3a5463;
}

.steps__panels {
	position: relative;
}

.steps__panel {
	display: flex;
	justify-content: space-between;
	gap: 6px;

	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transform: translateY(30px);
	transition: all 0.3s linear;
}

.steps__panel.active {
	position: relative;
	opacity: 1;
	visibility: visible;
	z-index: 0;
	transform: translateY(0);
	transition-delay: 0.3s;
}

.steps__panel-main {
	max-width: 408px;
	width: 100%;
}

.steps__panel-content {
	max-width: 360px;
	width: 100%;
}

.steps__panel-header {
	display: flex;
	flex-direction: column;
	margin-bottom: 14px;
}

.steps__panel-header span {
	font-weight: 700;
	font-size: 65px;
	line-height: 76px;
	color: #be1d42;
}

.steps__panel-header h3 {
	font-weight: 700;
	font-size: 35px;
	line-height: 41px;
	color: #3a5463;
}

.steps__panel-content h4 {
	font-style: italic;
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	color: #3a5463;
	margin-bottom: 14px;
}

.steps__panel-content p {
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #3a5463;
	margin-bottom: 20px;
}

.steps__panel-image img {
	width: 100%;
	height: auto;
}

.steps__panel-aside {
	width: 458px;
}

.steps__info {
	background: #ffffff;
	border: 1px solid #ced5df;
	border-radius: 20px;
	padding: 44px 52px;
	margin-bottom: 25px;
}

.steps__panel-aside h4 {
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
}

.steps__info h4 {
	color: #3a5463;
	margin-bottom: 24px;
}

.steps__info ul {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.steps__info li {
	position: relative;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #3a5463;
	padding-left: 27px;
}

.steps__info li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%230BAA35'/%3E%3Cpath d='M13.4305 4.5236C13.2508 4.40705 13.0322 4.36666 12.8227 4.41129C12.6132 4.45592 12.43 4.58193 12.3134 4.7616L7.78767 11.7376L5.58052 9.69687C5.50264 9.62486 5.41135 9.5689 5.31186 9.53218C5.21236 9.49546 5.1066 9.4787 5.00063 9.48285C4.7866 9.49123 4.58466 9.58429 4.43925 9.74156C4.29383 9.89883 4.21685 10.1074 4.22523 10.3214C4.23361 10.5355 4.32667 10.7374 4.48394 10.8828L7.38194 13.5622C7.38194 13.5622 7.46513 13.6338 7.50363 13.6589C7.59262 13.7166 7.69211 13.7563 7.79642 13.7756C7.90074 13.7949 8.00783 13.7934 8.11158 13.7713C8.21534 13.7492 8.31372 13.7069 8.40112 13.6468C8.48852 13.5866 8.56321 13.5099 8.62094 13.4209L13.6685 5.64063C13.785 5.46094 13.8254 5.24231 13.7808 5.03283C13.7362 4.82335 13.6101 4.64018 13.4305 4.5236Z' fill='white'/%3E%3C/svg%3E%0A");
	width: 18px;
	height: 18px;
}

.steps__audience {
	background: #3a5463;
	border: 1px solid #ced5df;
	border-radius: 20px;
	padding: 40px 54px;
}

.steps__audience h4 {
	color: #ffffff;
	margin-bottom: 10px;
}

.steps__audience p {
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #ffffff;
	margin-bottom: 10px;
}

.steps__audience .main-button {
	width: 179px;
	height: 44px;
	border-radius: 8px;

	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
}

.steps-nav {
	padding: 22px 0 32px;
}

.steps-nav__inner {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 30px;
}

.steps-nav__sidebar {
	position: sticky;
	top: 150px;
	left: 0;
	z-index: 1;
}

.steps-nav__menu {
	background: #f2f5fa;
	border-radius: 20px;
	padding: 16px 10px 6px 16px;
	max-width: 263px;
	min-width: 263px;
	width: 100%;
}

.steps-nav__title {
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	color: #3a5463;
	margin-bottom: 8px;
}

.steps-nav__list li {
	padding: 10px 0;
}

.steps-nav__list li + li {
	border-top: 1px solid #b5b5b5;
}

.steps-nav__list a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	transition: color 0.2s ease;
}

.steps-nav__list a svg {
	min-width: 12px;
	height: 12px;
	transition: all 0.3s ease;
}

.steps-nav__list a span {
	display: block;
	position: relative;
	max-width: 190px;
	font-weight: 600;
	font-size: 13px;
	line-height: 15px;
	color: #3a5463;
	padding-left: 8px;
}

.steps-nav__list a.is-active span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background: #be1d42;
}

.steps-nav__sublist {
	padding-left: 28px;
}

.steps-nav__sublist li {
	padding: 0;
}

.steps-nav__sublist li + li {
	margin-top: 7px;
	border: none;
}

.steps-nav__sublist a {
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	color: #9ca9b0;
}

.steps-nav__list > li.active > a svg {
	transform: rotate(45deg);
}

.steps-nav__sublist li.active a {
	color: #be1d42;
	font-weight: 600;
}

.steps-nav__sublist li.active a::before {
	opacity: 1;
}

.steps-nav__list > li .steps-nav__sublist {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease;
}

.steps-nav__list > li.is-open .steps-nav__sublist {
	max-height: var(--nested-height);
}

.steps-nav__list > li.is-open > a {
	margin-bottom: 10px;
}

.steps-nav__list > li > a.is-active {
	color: #405969;
}

.steps-nav__sublist a.is-active {
	color: #c91f45;
}

.steps-nav__list > li.is-open > a svg {
	transform: rotate(45deg);
}

.steps-nav__content {
	padding-top: 45px;
	flex: 1;
	min-width: 0;
	width: 100%;
}

.steps-nav__content h2 {
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	color: #3a5463;
	margin-bottom: 10px;
}

.steps-nav__content h2:not(:first-of-type) {
	margin-top: 20px;
}

.steps-nav__content section + section {
	margin-top: 20px;
}

.steps-nav__content section h4 {
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	color: #be1d42;
	margin-bottom: 14px;
}

.steps-nav__content section p {
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #16110d;
}

.steps-nav__content section p + p {
	margin-top: 10px;
}

.steps-nav__content section span {
	color: #be1d42;
}

.steps-nav__content section b {
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	color: #3a5463;
}

.steps-nav__content ul {
	padding-left: 28px;
}

.steps-nav__content li {
	list-style: disc;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: #16110d;
}

.steps-nav__content a {
	text-decoration: underline !important;
	color: #16110d;
}

.steps-nav__content table {
	margin-top: 20px;
	width: 100%;
}

.steps-nav__content table td {
	width: 50%;
	padding: 10px 10px 10px 24px;
	border: 3px solid #fff;

	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
}

.steps-nav__content table th {
	background: #284a5a;
	padding: 24px;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
}

.steps-nav__content table tr {
	background-color: #f4f6fe;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: #16110d;
}

.steps-nav__content table tr:nth-of-type(even) {
	background-color: #f5f5f5;
}

.steps-nav__content section div {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	overflow-x: scroll;
	padding-bottom: 2px;
}

.steps-nav__content section div::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.steps-nav__content section div a {
	max-width: 174px;
	display: flex;
	flex-direction: column;
}

.steps-nav__content section div a span {
	font-weight: 400;
	font-size: 14px;
	line-height: 113%;
	text-align: center;
	text-decoration: underline;
	color: #000000;
}

.steps-nav__content div img {
	width: 174px;
	height: 203px;
	border-radius: 9px;
	overflow: hidden;
	border: 1px solid #be1d42;
	padding: 6px;
	border-radius: 14px;
	margin-bottom: 6px;
	object-fit: contain;
}

.steps-nav__button {
	display: none;
}

.steps-nav__button:focus {
	outline: none;
}

.stories-viewer {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transition:
		opacity 0.25s ease,
		visibility 0.25s ease;
}

.stories-viewer.is-open {
	visibility: visible;
	opacity: 1;
}

.stories-viewer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
}

.stories-viewer__content {
	position: relative;
	z-index: 1;
	max-width: 428px;
	width: 100%;
	height: 100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}

.stories-viewer__story {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
}

.stories-viewer__story::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 127px;
	left: 0px;
	top: 0px;
	background: linear-gradient(0deg, rgba(215, 234, 241, 0) 0%, #8299a1 100%);
	z-index: 1;
}

.stories-viewer__story img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	user-select: none;
	-webkit-user-drag: none;
}

.stories-viewer__progress {
	position: absolute;
	z-index: 10;
	top: 30px;
	left: 18px;
	right: 18px;
	display: flex;
	gap: 5px;
}

.stories-viewer__progress-item {
	position: relative;
	flex: 1;
	height: 2px;
	overflow: hidden;
	background: #e4e4e4;
	border-radius: 17px;
}

.stories-viewer__progress-item-fill {
	position: absolute;
	inset: 0;
	background: #be1d42;
	transform: scaleX(0);
	transform-origin: left center;
	border-radius: 17px;
}

.stories-viewer__progress-item.is-complete .stories-viewer__progress-item-fill {
	transform: scaleX(1);
}

.stories-viewer__progress-item.is-active .stories-viewer__progress-item-fill {
	animation: stories-progress 5s linear forwards;
}

@keyframes stories-progress {
	from {
		transform: scaleX(0);
	}

	to {
		transform: scaleX(1);
	}
}

.stories-viewer__close {
	position: absolute;
	z-index: 20;
	top: 45px;
	right: 18px;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #ffffff;
	cursor: pointer;
	outline: none;
}

.stories-viewer__close:focus {
	outline: none;
}

.stories-viewer__close span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 2px;
	background: #9d9d9d;
	border-radius: 2px;
}

.stories-viewer__close span:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
}

.stories-viewer__close span:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.stories-viewer__prev,
.stories-viewer__next {
	position: absolute;
	z-index: 15;
	top: 0;
	bottom: 0;
	width: 35%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.stories-viewer__prev:focus,
.stories-viewer__next:focus {
	outline: none;
}

.stories-viewer__prev {
	left: 0;
}

.stories-viewer__next {
	right: 0;
}

@media screen and (max-width: 1200px) {
	.guide__inner {
		max-width: 640px;
	}

	.guide__subtitle br {
		display: none;
	}

	.guide::before {
		bottom: -55px;
		width: 480px;
		height: 480px;
	}

	.steps__info,
	.steps__audience {
		padding: 20px 32px;
	}
}

@media screen and (max-width: 1040px) {
	.guide__buttons {
		flex-direction: column;
	}
}

@media screen and (max-width: 992px) {
	.guide .bread-crumbs span::before {
		font-size: 14px;
		top: 1px;
	}

	.guide__inner {
		max-width: 560px;
	}

	.guide__title {
		font-size: 35px;
		line-height: 41px;
		margin-bottom: 10px;
	}

	.guide__subtitle {
		font-size: 20px;
		line-height: 23px;
		margin-bottom: 14px;
	}

	.guide__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 7px 10px;
		margin-bottom: 24px;
	}

	.guide__list b {
		font-size: 24px;
		line-height: 28px;
	}

	.guide__list p {
		font-size: 14px;
		line-height: 20px;
	}

	.guide-time__list {
		grid-template-columns: repeat(2, 1fr);
	}

	.guide-time__list br {
		display: none;
	}

	.steps__tabs {
		padding-right: 12px;
		max-width: 160px;
		min-width: 160px;
	}

	.steps__block {
		gap: 10px;
	}

	.steps__panel {
		gap: 12px;
	}

	.steps__panel-header span {
		font-size: 50px;
		line-height: 59px;
	}

	.steps__panel-header h3 {
		font-size: 20px;
		line-height: 23px;
	}

	.steps__panel-content h4 {
		font-size: 17px;
		line-height: 20px;
		margin-bottom: 11px;
	}

	.steps__panel-content p {
		font-size: 15px;
		line-height: 18px;
	}

	.steps__info {
		padding: 16px 22px 16px 16px;
		margin-bottom: 15px;
	}

	.steps__audience {
		padding: 16px 24px 16px 16px;
	}

	.steps__panel-aside h4 {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 16px;
	}

	.steps__info ul {
		gap: 10px;
	}

	.steps__info li {
		font-size: 15px;
		line-height: 18px;
	}

	.steps__audience p {
		font-size: 13px;
		line-height: 15px;
	}

	.steps-nav__inner {
		gap: 24px;
	}

	.steps-nav__content h2 {
		font-size: 22px;
		line-height: 26px;
	}

	.steps-nav__content section h4 {
		font-size: 17px;
		line-height: 20px;
	}

	.steps-nav__content section p {
		font-size: 15px;
		line-height: 21px;
	}

	.steps-nav__content section b {
		font-size: 15px;
		line-height: 21px;
	}

	.steps-nav__content ul {
		padding-left: 20px;
	}

	.steps-nav__content li {
		font-size: 15px;
		line-height: 21px;
	}

	.steps-nav__content table th {
		padding: 20px 10px;
		font-size: 14px;
		line-height: 16px;
	}

	.steps-nav__content table td {
		padding: 10px 11px 10px 15px;
		font-size: 13px;
		line-height: 18px;
	}

	.steps-nav__content section div a {
		max-width: 91px;
	}

	.steps-nav__content section div a span {
		font-size: 12px;
		line-height: 113%;
	}

	.steps-nav__content div img {
		width: 91px;
		height: 106px;
	}

	.stories-viewer__content button {
		min-width: inherit;
	}
}

@media screen and (max-width: 880px) {
	.guide::before {
		bottom: -40px;
		width: 340px;
		height: 340px;
	}
}

@media screen and (max-width: 768px) {
	.guide {
		padding: 30px 0 174px;
	}

	.guide .wrapper,
	.guide-time .wrapper,
	.steps .wrapper,
	.steps-nav .wrapper {
		padding: 0 18px;
	}

	.guide-time__inner {
		padding: 17px 14px 20px;
	}

	.guide-time__title {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 35px;
	}

	.guide-time__list li {
		gap: 8px;
	}

	.guide-time__list b {
		font-size: 16px;
		line-height: 19px;
	}

	.guide-time__list p {
		font-size: 13px;
		line-height: 15px;
	}

	.steps {
		padding: 20px 0 30px;
	}

	.steps__title {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 15px;
	}

	.steps__block {
		flex-direction: column;
		margin: 0 -18px;
		gap: 28px;
	}

	.steps__tabs {
		flex-direction: row;
		overflow-x: scroll;
		max-width: 100%;
		min-width: 100%;
		padding: 0 18px;
		gap: 9px;
	}

	.steps__tabs::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

	.steps__panel {
		padding: 0 18px;
	}

	.steps__tabs::before,
	.steps__highlight,
	.steps__panel-image {
		display: none;
	}

	.steps__tabs li {
		min-width: 184px;
	}

	.steps__tabs li + li {
		padding-left: 9px;
		border-left: 1px solid #b5b5b5;
	}

	.steps__panel {
		flex-direction: column;
		gap: 22px;
	}

	.steps__panel-main,
	.steps__panel-content {
		max-width: 100%;
	}

	.steps__panel-aside {
		width: 100%;
	}

	.steps__panel-header {
		flex-direction: row;
		align-items: center;
		gap: 8px;
		max-width: 392px;
		margin-bottom: 4px;
	}

	.steps__panel-content p {
		margin-bottom: 0;
	}

	.steps__audience p {
		margin-bottom: 30px;
	}

	.steps-nav__inner {
		flex-direction: column;
	}

	.steps-nav__content {
		padding-top: 0;
	}

	.steps-nav__title {
		display: none;
	}

	.steps-nav__menu {
		max-width: 100%;
		min-width: 100%;
		position: absolute;
		top: 0;
		z-index: -1;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		transition: all 0.25s ease;
		border-radius: 0 0 20px 20px;
	}

	.steps-nav__menu.opened {
		z-index: 0;
		top: 40px;
		/*max-height: 800px;*/
		opacity: 1;
		visibility: visible;
        max-height: calc(100vh - 120px); /* или 100dvh с вычетом шапки/кнопки */
        overflow-y: auto;
        -webkit-overflow-scrolling: touch; /* плавный инерционный скролл для iOS */
        touch-action: pan-y;
	}

	.steps-nav__sidebar {
		top: 110px;
		width: 100%;
	}

	.steps-nav__button {
		position: relative;
		z-index: 1;
		width: 100%;
		min-width: 100%;
		height: 47px;
		background: #3a5463;
		border-radius: 7px;

		font-weight: 600;
		font-size: 16px;
		line-height: 19px;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.steps-nav__button::before {
		content: "";
		position: absolute;
		right: 18px;
		top: 50%;
		transform: translateY(-50%);
		width: 18px;
		height: 18px;
		background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99956 1V17M17 9.00043H1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
		transition: all 0.3s ease;
		background-size: contain;
	}

	.steps-nav__button.is-active::before {
		transform: translateY(-50%) rotate(45deg);
	}

	.steps-nav__list a span {
		max-width: 100%;
	}

	.steps-nav__sublist {
		padding-left: 20px;
	}
}

@media (max-width: 600px) {
	.stories-viewer__content {
		width: 100%;
		height: 100%;
	}

	.stories-viewer__story {
		border-radius: 0;
	}

	.stories-viewer__progress {
		top: 12px;
		left: 12px;
		right: 12px;
	}

	.stories-viewer__close {
		top: 35px;
		right: 12px;
	}
}

@media screen and (max-width: 560px) {
	.guide__button {
		width: 100%;
		min-width: 100%;
	}

	.guide::before {
		bottom: -89px;
		width: 307px;
		height: 263px;
	}

	.guide-time {
		padding: 120px 0 22px;
	}
}

@media screen and (max-width: 480px) {
	.stories-viewer__content {
		padding: 0;
	}
}

@media screen and (max-width: 420px) {
	.guide__title {
		font-size: 28px;
		line-height: 35px;
	}

	.guide__subtitle {
		font-size: 16px;
		line-height: 20px;
	}

	.guide__list,
	.guide-time__list {
		grid-template-columns: 1fr;
	}

	.steps__title {
		font-size: 16px;
		line-height: 20px;
	}

	.steps__panel-content h4 {
		font-size: 16px;
	}
}

@media screen and (max-width: 330px) {
	.steps-nav__button {
		font-size: 14px;
		line-height: 16px;
	}

	.steps-nav__button::before {
		width: 14px;
		height: 14px;
		right: 10px;
	}
}

.main-button.guide__button {
	flex-direction: column;
	gap: 3px;
	width: 280px;
	height: 71px;
	border-radius: 20px;
	background: #ee1346;

	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
}

.main-button.guide__button--white {
	width: 257px;
	background: #ffffff;
	border: 1px solid #ced5df;
	color: #3a5463;
}

.stories-viewer__content {
	max-width: 860px;
}

@media screen and (max-width: 992px) {
	.stories-viewer__content {
		max-width: 428px;
	}
}

@media screen and (max-width: 560px) {
	.main-button.guide__button {
		width: 100%;
		min-width: 100%;
	}
}

body {
	overflow-x: initial !important;
}

.steps-nav__content section,
.steps-nav__content h2 {
	scroll-margin-top: 150px;
}

@media screen and (max-width: 992px) {
	.steps-nav__content section,
	.steps-nav__content h2 {
		scroll-margin-top: 120px;
	}
}

@media screen and (max-width: 768px) {
	.steps-nav__content section,
	.steps-nav__content h2 {
		scroll-margin-top: 110px;
	}

    .steps-nav__content img {
        width: 100%;
        height: 100%;
    }
}

.steps-nav__content .image-zoom-link {
    display: inline-block;
    cursor: zoom-in;
    transition: opacity 0.2s ease;
}

.steps-nav__content .image-zoom-link:hover {
    opacity: 0.92;
}

.steps-nav__content .image-zoom-link img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.fancybox__container {
    z-index: 999999 !important;
}
/* End */


/* Start:/local/templates/kargo-new/components/bitrix/breadcrumb/template1/style.min.css?1722850849448*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/kargo-new/components/bitrix/news/guides/bitrix/news.list/guide-step-full-content/style.css?1788344687150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /guides/style.css?179180350922862 */
/* /local/templates/kargo-new/components/bitrix/breadcrumb/template1/style.min.css?1722850849448 */
/* /local/templates/kargo-new/components/bitrix/news/guides/bitrix/news.list/guide-step-full-content/style.css?1788344687150 */