@media (min-width: 992px) {
	.container-hub-inner {
		max-width: 970px;
		margin: 0 auto;
	}
}
/*FAQ*/
.section-main-page__faq {
    margin: 60px 0;
}
    .main-page__faq-mainttl {
        font: 600 24px/1.2 Inter;
        margin-bottom: 48px;
    }
    .main-page__faq-block {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(354px, 1fr));
        grid-gap: 0 30px;
    }
        .spoiler-item:not(:last-child) {
          margin-bottom: 0;
        }
        .spoiler-item {
          padding: 12px 0;
          border-bottom: 1px solid var(--main-gray-disabled, #B8B8B8);
        }
        .spoiler-btn {
            cursor: pointer;
            font-size: 16px;
            font: 500 18px/1.4 Inter;
            position: relative;
            padding-right: 12px;
            transition: margin-bottom .3s;
        }
        .spoiler-item.show .spoiler-btn {
            margin-bottom: 16px;
        }
        .spoiler-icon {
            transition: transform 0.6s ease;
            position: absolute;
            top: 0;
            right: 0;
        }
        .spoiler-content {
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transition: all .3s;
            padding: 0 4px;
            margin: 0 -4px;
        }
        .spoiler-content > *:first-child {
            padding-top: 4px;
        }
        .spoiler-content > *:last-child {
            padding-bottom: 4px;
        }
        .spoiler-content p {
            font: 400 14px / 1.5 Inter;
            color: var(--main-gray-text);
            line-height: 1.6;
        }
        .spoiler-content p:not(:last-child) {
            margin-bottom: 16px;
        }
        .spoiler-content a {
            color: var(--green);
            text-decoration: none;
        }
        .spoiler-content ul {
            margin: 15px;
            padding-left: 30px;
        }

        .spoiler-content img {
            max-width: 100%;
            display: block;
            margin: 15px auto;
        }
/*Form*/
.section-layer-cta-form {
		background: linear-gradient(0deg, #40FF81 0%, #40FF81 100%), #E7E7E7;
		padding: 30px 0;
	}
		.layer-cta-form-block {
			max-width: 970px;
			margin: 0 auto;
			display: grid;
			grid-template-columns: 570px auto;
			justify-content: space-between;
			align-items: center;
		}
			.layer-cta-form__txt {
				font: 400 18px/1.5 Inter;
			}
	@media(max-width:991px) {
		.layer-cta-form-block {
			grid-template-columns: 1fr;
			grid-gap: 24px;
			justify-content: center;
		}
		.layer-cta-form__txt {
			text-align: center;
		}
		.layer-cta-form-block .btn-secondary {
			justify-self: center;
		}
	}
	.section-layer-subscribe-form {
		margin-top: 60px;
		margin-bottom: 80px;
	}
		.layer-subscribe-form.sending {
			pointer-events: none;
			opacity: .5;
		}
		.layer-subscribe-form-wrap {
			border: 1px solid #000;
			background: #000;
			padding: 32px 38px;
			max-width: 970px;
			margin: 0 auto;
			position: relative;
			overflow: hidden;
		}
		.subscribe-preview__1.lazy-active::before {
			content: '';
			position: absolute;
			z-index: 0;
			background: url(../flexible-content/img/layer-subscribe-bg-1-before.png) center center no-repeat;
			width: 369px;
			height: 368px;
			bottom: -144px;
			left: -22px;
		}
		.subscribe-preview__1.lazy-active::after {
			content: '';
			position: absolute;
			z-index: 0;
			background: url(../flexible-content/img/layer-subscribe-bg-1-after.png) center center no-repeat;
			width: 346px;
			height: 346px;
			top: -76px;
			right: -70px;
		}
		.subscribe-preview__2.lazy-active::before {
			content: '';
			position: absolute;
			z-index: 0;
			background: url(../flexible-content/img/layer-subscribe-bg-2-before.png) center center no-repeat;
			width: 349px;
			height: 350px;
			top: -66px;
			left: -116px;
		}
		.subscribe-preview__2.lazy-active::after {
			content: '';
			position: absolute;
			z-index: 0;
			background: url(../flexible-content/img/layer-subscribe-bg-2-after.png) center center no-repeat;
			width: 558px;
			height: 494px;
			top: -216px;
			right: -260px;
		}

			.layer-subscribe-form-wrap.success .layer-subscribe-form__ttl,
			.layer-subscribe-form-wrap.success .layer-subscribe-form,
			.subscribe-form-success-message {
				display: none;
			}
			.subscribe-form-success-message {
				text-align: center;
				font-size: 24px;
				line-height: 1.2em;
				color: #fff;
				position: relative;
				z-index: 2;
				margin: 30px 0;
			}
			.layer-subscribe-form-wrap.success .subscribe-form-success-message {
				display: block;
			}
			.layer-subscribe-form__ttl {
				font: 600 18px/1.2 Inter;
				color: #fff;
				text-align: center;
				margin-bottom: 24px;
				position: relative;
				z-index: 1;
			}
			.layer-subscribe-form {
				position: relative;
				z-index: 1;
			}
				.layer-subscribe-form__inp-wrap {
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					gap: 8px;
					justify-content: center;
				}
					.layer-subscribe-form__inp {
						border: 1px solid #000;
						background: #FFF;
						font: 400 16px/1.5 Inter;
						padding: 7px 32px;
						width: 100%;
						max-width: 500px;
					}
					.layer-subscribe-form__inp.error {
						border-color: red;
					}
					.layer-subscribe-form__inp::placeholder {
						color: #B8B8B8;
					}
					.layer-subscribe-form__btn {
						font: 500 16px / 1.2 Inter;
						color: #fff;
						border: none;
						box-shadow: inset 0 0 0 1px #fff;
						background: #000;
						padding: 10px 24px;
						height: 40px;
						cursor: pointer;
					}
				.layer-subscribe-form__policy-wrap {

				}
					.layer-subscribe-form__policy-txt {
						font: 400 10px/1.5 Inter;
						color: #fff;
						margin-top: 24px;
						text-align: center;
					}
						.layer-subscribe-form__policy-txt a {
							color: #40FF82;
							text-underline-position: from-font;
						}
	@media(max-width:767px) {
		.layer-subscribe-form__inp-wrap {
			gap: 24px;
		}
	}
/*Form End*/
.section-hub__hero {
	background: linear-gradient(281deg, #000 62.49%, #40FF81 167.63%);
	padding: 100px 0;
	overflow: hidden;
}
.section-hub__hero .container {
	position: relative;
}
.section-hub__hero .container::after {
	content: '';
	position: absolute;
	z-index: 0;
}
.page-template-template-hub-otrasli .section-hub__hero .container::after {
	width: 598px;
	height: 591px;
	background: url(../img/otrasli-hero-after.png) center center no-repeat;
	right: -150px;
	top: -174px;
}
.page-template-template-hub-stsenarii .section-hub__hero .container::after {
	width: 732px;
	height: 728px;
	background: url(../img/scenarii-hero-after.png) center center no-repeat;
	right: -224px;
	top: -230px;
}
	.hub-hero__btn-wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 24px 8px;
		position: relative;
		z-index: 1;
	}
		.hub-hero__btn {
			font: 500 18px/1.5 Inter;
			color: #fff;
			padding: 10px 24px;
			border: 1px solid #FFF;
			background: transparent;
			text-decoration: none;
			text-align: center;
			transition: all .3s;
		}
		.hub-hero__btn.active,
		.hub-hero__btn:hover {
			color: #000;
			border-color: #fff;
			background: #fff;
			transition: all .3s;
		}
		@media(max-width:575px) {
			.hub-hero__btn-wrap {
				justify-content: center;
			}
			.hub-hero__btn {
				width: 100%;
				max-width: 220px;
			}
		}
	.hub-hero__ttl {
		font: 500 32px / 1.3 Inter;
		color: #24DD63;
		margin-top: 19px;
		margin-bottom: 19px;
		max-width: 700px;
		position: relative;
		z-index: 1;
	}
	.hub-hero__txt {
		font: 400 18px/1.5 Inter;
		color: #fff;
		max-width: 700px;
		position: relative;
		z-index: 1;
	}
.hub-main-breadcrumbs__wrap {
	margin: 30px 0 80px;
	position: relative;
	z-index: 1;
}
	.breadcrumbs {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		row-gap: 10px;
	}
		.breadcrumbs-item {
			font: 500 16px/1.2 Inter;
			color: var(--main-gray-disabled, #B8B8B8);
		}
		.breadcrumbs-item-sep {
			display: flex;
			align-items: center;
			margin: 0 10px 0 8px;
		}
			.breadcrumbs-item-url {
				color: var(--main-gray-disabled, #B8B8B8);
				text-decoration: none;
			}
.section-hub__cat {
	margin-top: 60px;
	margin-bottom: 90px;
}
	.section-hub__cat-ttl {
		font: 600 24px / 1.2 Inter;
		margin-bottom: 24px;
	}
	.hub__cat-wrap {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(307px,1fr));
		grid-gap: 24px;
	}
		.hub__cat-item {
			background: linear-gradient(0deg, #000 46.71%, #40FF81 116.79%);
			text-decoration: none;
			padding: 24px;
			min-height: 277px;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
		}
			.hub__cat-item-img {
				display: block;
				width: 86px;
				height: 86px;
				margin-bottom: auto;
				position: relative;
				left: -12px;
			}
			.hub__cat-item-ttl {
				font: 400 18px/1.5 Inter;
				color: #fff;
				text-decoration: none;
				margin-top: 8px;
				margin-bottom: 8px;
			}
			.hub__cat-item-txt {
				font: 400 14px / 1.5 Inter;
				color: #fff;
				text-decoration: none;
			}