/* Start:/local/templates/direkt2026/assets/css/inner_page.css?17848136502022*/
.wrapper:before {
	content: "";
	display: block;
	z-index: 1;	
	background: radial-gradient(49.28% 46.5% at 57.07% 48.43%, rgba(4, 200, 255, 0.9) 0%, rgba(115, 44, 255, 0.65) 33%, rgba(5, 8, 20, 0) 70%);
	background-size: contain;
	opacity: 0.78;
	width: 1454px;
	height: 1020px;
	position: absolute;
	left: -56%;
	top: 700px;
}
.wrapper .content {
	z-index: 2;
}
.inner-page__decor {
	z-index: 2;
	background: radial-gradient(26% 25.71% at 96% 53.4%, rgba(19, 212, 255, 0.75) 0%, rgba(111, 54, 255, 0.32) 50%, rgba(0, 0, 0, 0) 100%);
	width: 100vw;
	height: 100vh;
	opacity: 0.82;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.inner-page__decor:before {
	content: "";
	background: radial-gradient(44% 44% at 72% 4%, rgba(36, 139, 255, 0.95) 0%, rgba(109, 49, 255, 0.62) 40%, rgba(16, 18, 45, 0.15) 75%, rgba(0, 5, 17, 0) 100%);
	width: 100vw;
	height: 100vh;
	opacity: 0.82;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
.inner-page__decor ~ * {
	z-index: 2;
	position: relative;
}

main .container {
	max-width: 1720px;
}
section h2 {
	font-size: 64px;
	line-height: 1.25;
	font-family: "GeologicaBold";
	margin: 0 0 29px;
}
section h2 span {
	color: var(--color-link);
}
h2 + .dir-descr {
	font-size: 36px;
	line-height: 1;
	margin: 0 0 100px;
}
@media (max-width: 1320px) {
	section h2 {
		font-size: 52px;
	}
	h2 + .dir-descr {
		font-size: 32px;
	}
}
@media (max-width: 1100px) {
	section h2 {
		font-size: 48px;
	}
	h2 + .dir-descr {
		font-size: 28px;
	}
}
@media (max-width: 991px) {
	.wrapper:before {
		top: 57vh;
		height: 100vw;
		left: 0;
		transform: translateX(-55%);
		width: 100vw;
	}
}
@media (max-width: 768px) {
	section {
		margin-bottom: 50px;
	}
	section h2 {
		font-size: 42px;
	}
	h2 + .dir-descr {
		font-size: 22px;
		margin: 0 0 50px;
	}
	.wrapper:before {
		top: 50vh;
		height: 80vw;
	}
}
@media (max-width: 575px) {
	section h2 {
		font-size: 34px;
	}
	h2 + .dir-descr {
		font-size: 20px;
	}
	.wrapper:before {
		top: 60vh;
	}
}

section {
	margin-bottom: 140px;
}
/* End */


/* Start:/local/templates/direkt2026/assets/css/feedback_form.css?17848914054590*/
.feedback.feedback__direction {
	background: transparent;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, calc(50% - 28px));
	gap: 56px;
	align-items: start;
}
.feedback.feedback__direction h2 {
	font-size: var(--size-h1);
	margin: 0;
}
.feedback.feedback__direction .feedback_block:first-child,
.feedback.feedback__direction .feedback_block {
	max-width: unset;
}

.feedback__direction .feedback_descr {
	font-family: 'GeologicaThin';
	color: var(--color-light);
}
.feedback__direction .feedback_list {
	margin-left: 18px;
}
.feedback__direction .feedback_item {
	display: grid;
	grid-template-columns: 48px calc(100% - 48px);
	align-items: center;
	margin-top: 46px;
}
.feedback__direction .feedback_item:first-child {
	margin-top: 0;
}
.feedback__direction .feedback_item__icon {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-link);
	border-radius: 9px;
}
.feedback__direction .feedback_item__info {
	color: var(--color-light);
	font-family: 'Geologica';
	font-size: 16px;
}
.feedback__direction .feedback_item__title {
	color: rgba(255, 255, 255, 0.8);
	font-family: 'GeologicaBold';
	font-size: 24px;
}
.feedback__direction .feedback_bottom {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-top: 15px;
	margin-left: 8px;
}
.feedback__direction .feedback_bottom img {
	max-height: 82px;
}
.feedback__direction .feedback_bottom svg {
	max-height: 67px;
}
.feedback__direction .feedback_bottom__delimiter {
	min-height: 67px;
	height: 100%;
	width: 2px;
	background: var(--color-text);
	margin-left: -10px;
}
.feedback__direction svg + span {
	font-size: 32px;
	font-family: 'GeologicaRegular';
}
.feedback__direction svg + span + span {
	font-size: 96px;
	font-family: 'GeologicaRegular';
}
.feedback__direction .form-feedback {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--color-text);
	padding: 36px 27px;
	border-radius: var(--border-radius);
}
.feedback__direction .form-wrapper {
	margin-top: 23px;
}
.feedback__direction .flex .form-wrapper {
	width: calc(50% - 6px);
}

.feedback__direction .leadForm .form-wrapper label {
	margin-bottom: 7px;
	display: block;
}
.feedback__direction .leadForm .form-wrapper input,
.feedback__direction .leadForm .form-wrapper textarea {
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.05);
	padding: 11px 14px;
	width: 100%;
	border-radius: 20px;
	color: var(--color-text);
	font-family: 'Geologica';
	font-size: 20px;
}
.feedback__direction .leadForm .form-wrapper textarea {
	resize: none;
	height: 88px;
}
.feedback__direction .leadForm .btn {
	margin-top: 10px;
	font-family: 'GeologicaThin';
}
.feedback__direction label.checkbox__square {
	margin-top: 13px;
}
.formFeedback__message {
	display: none;
	font-size: 20px;
}

.feedback__direction span.error-message {
	font-size: 12px;
}

.form-wrapper .file-drop-area {
	display: flex;
	align-items: center;
	position: relative;
}
.feedback__direction .leadForm .file-drop-area .btn {
	margin: 0;
	padding: 15px 20px;
	font-size: 16px;
}
.file-msg {
    margin-left: 15px;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file-input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

@media (max-width: 991px) {
	.feedback.feedback__direction {
		grid-template-columns: 100%;
		margin-top: 60px;
	}
	.feedback__direction .feedback_item {
		display: flex;
		gap: 15px;
	}
	.feedback__direction .feedback_item__info {
		text-align: left;
	}
	.feedback__direction .flex .form-wrapper {
		width: calc(50% - 6px);
	}
}
@media (max-width: 844px) {
	.feedback.feedback__direction h2 {
		font-size: 28px;
	}
	.feedback__direction .feedback_item__title {
		font-size: 18px;
	}
	.feedback .feedback_block:last-child {
		text-align: left;
	}
	.feedback__direction .leadForm .form-wrapper input, 
	.feedback__direction .leadForm .form-wrapper textarea,
	.feedback__direction .leadForm .selectNative, 
	.feedback__direction .leadForm .selectCustom-trigger {
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	.feedback.feedback__direction .feedback_block:last-child {
		padding-top: 0;
	}
	.feedback.feedback__direction .form-feedback {
		padding: 0px 10px;
	}
	.feedback.feedback__direction .leadForm {
		padding: 20px 10px;
	}
}
@media (max-width: 475px) {
	.feedback.feedback__direction .leadForm > .flex {
		flex-direction: column;
	}
	.feedback.feedback__direction .flex .form-wrapper {
		width: 100%;
	}
}
/* End */


/* Start:/local/templates/direkt2026/assets/css/partnyorskaya.css?178521803415809*/
.section-bg {
	position: relative;
	z-index: 1;
}
.section-bg:before {
	content: "";
	position: absolute;
	right: var(--before-right, -20px);
	top: -220px;
	background: url("/upload/main/bg/decor6.svg") no-repeat right top transparent;
	background-size: auto;
	background-size: contain;
	display: block;
	height: 35vw;
	width: 35vw;
	max-width: 810px;
	min-width: 360px;
}
section > h2,
.dir-descr:has(+ .section-bg),
.section-bg + div {
	position: relative;
	z-index: 2;
}
@media (max-width: 768px) {	
	.section-bg:before {
		height: 50vw;
	}
}

/* begin 1 block (intro) style */
.partner-intro {
	display: flex;
	gap: 32px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 220px;	
}
.partner-intro h1 {
	font-size: 84px;
	line-height: 1.146;
	margin: 0;
	text-transform: uppercase;
	max-width: 620px;
}
.partner-intro h1 span {
	font-style: italic;
	padding-right: 10px;
	font-size: 96px;
	font-family: "GeologicaRegular";
	background: linear-gradient(90deg, rgba(132, 59, 245, 0.6) 0%, rgba(160, 153, 255, 0.6) 100%);
	background-position: center;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	animation-name: animTransfusion;
	animation-duration: 5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-delay: 0s;
}
@keyframes animTransfusion {
	0% {
		background-position: center;
		opacity: 1;
	}
	50% {
		background-position: left center;
		opacity: 0.8;
	}
	100% {
		background-position: center;
		opacity: 1;
	}
}
.partner-intro .partner-descr {
	max-width: 705px;
}
.dir-descr {
	font-size: 32px;
	font-family: "GeologicaThin";
	margin-top: 25px;
	max-width: 1235px;
}
.partner-list {
	display: flex;
	row-gap: 28px;
	column-gap: 14px;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 25px;
	max-width: 765px;
}
.partner-list span,
.partner-list a {
	border-radius: var(--border-radius);
	border: 1px solid var(--color-text);
	padding: 10px 19px;
	font-size: 24px;
	font-family: "GeologicaThin";
	background: transparent;
	transition: all 0.5s ease;
}
.partner-list a.active,
.partner-list a:hover,
.partner-list span.active,
.partner-list span:hover {
	background: url('/local/templates/direkt2026/assets/img/bg_gradient.png') no-repeat center transparent;
	background-size: cover;
	border: 1px solid;
}
.partner-intro__info {
	width: calc(100% - 590px);
}
.partner-intro__preview {
	display: flex;
	flex-direction: column;
	gap: 34px;
	width: 590px;
	align-items: center;
}
.partner-intro__item {
	background: rgba(255, 255, 255, 0.03);
	font-size: 12px;
	color: #8892B0;
	display: flex;
	flex-direction: column;
	height: 150px;
	width: 285px;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--border-radius)/2);
	gap: 3px;
	transition: all 0.5s ease;
	cursor: pointer;
}
.partner-intro__value {
	font-size: 49px;
	font-family: "GeologicaBold";
	color: var(--color-text);
	line-height: 1;
	transition: all 0.5s ease;
}
.partner-intro__item.active {
	background: url('/local/templates/direkt2026/assets/img/bg_gradient.png') no-repeat center transparent;
	background-size: cover;
	color: var(--color-text);
	font-size: 16px;
	transform: scale(1.12);
}
.partner-intro__item.active .partner-intro__value {
	font-size: 64px;
}
.partner-intro__item-last {
	border-radius: calc(var(--border-radius)/2 * 3);
	background: rgba(255, 255, 255, 0.03);
	font-size: 15px;
	display: flex;
	gap: 9px;
	padding: 14px 32px;
}
.partner-intro__item-last span:not(:last-child):after {
	content: "→";
	color: #5DA8FF;
	margin-left: 9px;
}
@media (max-width: 1320px) {
	.partner-intro h1 {
		font-size: 60px;
		line-height: 1.2;
	}
	.partner-intro h1 span {
		font-size: 70px;
	}
	.partner-descr {
		font-size: 28px;
	}
}
@media (max-width: 1070px) {
	.partner-descr {
		font-size: 26px;
	}
	.partner-list {
		row-gap: 15px;
		column-gap: 20px;
	}
}
@media (max-width: 1024px) {
	.partner-intro {
		flex-direction: column;
	}
	.partner-intro__info {
		width: 100%;
	}
	.partner-intro__preview {
		justify-content: center;
		flex-direction: row;
		width: 100%;
		flex-wrap: wrap;
	}
	.partner-intro__item {
		width: calc(100%/3 - 35px);
	}
	.partner-intro__item-last {
		margin: 0 auto;
	}
	.partner-intro {
		margin-bottom: 100px;
	}
}
@media (max-width: 991px) {
	.partner-intro {
		flex-direction: column;
	}
	.partner-list {
		max-width: unset;
	}
}
@media (max-width: 768px) {
	.partner-intro h1 {
		font-size: 48px;
		line-height: 1;
	}
	.partner-intro h1 span {
		font-size: 52px;
	}
	.partner-descr {
		font-size: 22px;
	}
	.partner-list span {
		font-size: 18px;
	}
}
@media (max-width: 690px) {
	.partner-intro__preview {
		flex-direction: column;
	}
	.partner-intro__item {
		width: 285px;
	}
}
@media (max-width: 575px) {
	.wrapper .content {
		background-position-x: 90%;
	}
}
@media (max-width: 390px) {
	.partner-intro__item {
		width: calc(100% * 0.88);
	}
	.partner-intro__item-last {
		flex-wrap: wrap;
		justify-content: center;
	}
	.partner-intro h1 {
		font-size: 40px;
	}
	.partner-intro h1 span {
		font-size: 44px;
	}
}
/* end 1 block (intro) style */

/* begin 2 block (calc) style */
h2 + .dir-descr:has(+ .dk-calc) {
	margin-bottom: 60px;
}
/* begin 2 block (calc) style */

/* begin 3 block (for) style */
.partner-for {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 2.7vw;
	column-gap: 5vw;
}
.partner-for__item {
	min-height: 150px;
	height: 14.5vw;
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--border-radius)/2);
	transition: all 0.5s ease;
	cursor: pointer;
}
.partner-for__title {
	font-size: 24px;
	font-family: "GeologicaBold";
	line-height: 1;
	transition: all 0.5s ease;
}
.partner-for__descr {
	font-size: 16px;
	font-family: "GeologicaThin";
	transition: all 0.5s ease;
}
.partner-for__title,
.partner-for__descr {
	max-width: 205px;
	text-align: center;
}
.partner-for__item.active {
	background: url('/local/templates/direkt2026/assets/img/bg_gradient.png') no-repeat center transparent;
	background-size: cover;
}
.partner-for__item.active .partner-for__title,
.partner-for__item.active .partner-for__descr {
	transform: scale(1.25);
}
.partner-for__item.active .partner-for__descr {
	margin-top: 8px;
}
@media (max-width: 1024px) {
	.partner-for {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
	}
}
@media (max-width: 635px) {
	.partner-for {
		grid-template-columns: 100%;
		gap: 16px;
	}
}
/* end 3 block (for) style */

/* begin 4 block (what) style */
.partners-what {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
}
.partners-what__item {
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.5s ease;
	padding: 51px 46px;
	cursor: pointer;
	position: relative;
	opacity: 0.8;
	cursor: pointer;
}
.partners-what__item:nth-child(1) {
	border-top-left-radius: var(--border-radius);
	text-align: right;
}
.partners-what__item:nth-child(2) {
	border-top-right-radius: var(--border-radius);
}
.partners-what__item:nth-child(3) {
	border-bottom-left-radius: var(--border-radius);
	text-align: right;
}
.partners-what__item:nth-child(4) {
	border-bottom-right-radius: var(--border-radius);;
}
.partners-what__item:nth-child(2) .partners-what__info,
.partners-what__item:nth-child(4) .partners-what__info {
	justify-content: start;
}
.partners-what__item:before,
.partners-what__item:before {
	content: "";
	height: 40%;
	background: var(--color-text);
	width: 1px;
	display: block;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto 0;
	right: 0;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
}
.partners-what__item:after,
.partners-what__item:after {
	content: "";
	width: 30%;
	background: var(--color-text);
	height: 1px;
	display: block;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
}
.partners-what__item:nth-child(2):before,
.partners-what__item:nth-child(4):before {
	left: -1px;
	right: auto;
}
.partners-what__item:nth-child(3):after,
.partners-what__item:nth-child(4):after {
	top: -1px;
	bottom: auto;
}
.partners-what__item:nth-child(1):after,
.partners-what__item:nth-child(2):after {
	opacity: 1;
	visibility: visible;
}
.partners-what__item:nth-child(1):before,
.partners-what__item:nth-child(3):before {
	opacity: 1;
	visibility: visible;
	
}
.partners-what__info {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 32px;
	margin-bottom: 12px;
}
.partners-what__info span {
	font-size: 16px;
	font-family: "GeologicaBold";
	border: 1px solid var(--color-text);
	border-radius: var(--border-radius);
	padding: 8px 13px;
	opacity: 0;
	transition: opacity 0.5s ease;
	text-align: center;
}
.partners-what__title {
	font-size: 48px;
	font-family: "GeologicaBold";
}
.partners-what__descr {
	font-size: 24px;
	font-family: "GeologicaThin";
}
.partners-what__item.active {
	background: url('/local/templates/direkt2026/assets/img/bg_gradient.png') no-repeat center transparent;
	background-size: cover;
	opacity: 1;
}
.partners-what__item.active .partners-what__info span {
	opacity: 1;
}
.partners-what__item.active:nth-child(1):after {
	width: 100%;
}
.partners-what__item.active:nth-child(1):before {
	height: 100%;
}
.partners-what__item.active:nth-child(2):after {
	width: 100%;
}
.partners-what__item.active:nth-child(2):before {
	height: 100%;
	visibility: visible;
	opacity: 1;
}
.partners-what__item.active:nth-child(3):after {
	width: 100%;
	visibility: visible;
	opacity: 1;
}
.partners-what__item.active:nth-child(3):before {
	height: 100%;
}
.partners-what__item.active:nth-child(4):after {
	width: 100%;
	visibility: visible;
	opacity: 1;
}
.partners-what__item.active:nth-child(4):before {
	height: 100%;
	visibility: visible;
	opacity: 1;
}
@media (max-width: 1125px) {
	.partners-what__title {
		font-size: 36px;
	}
	.partners-what__info span {
		font-size: 12px;
	}
	.partners-what__descr {
		font-size: 18px;
	}
}
@media (max-width: 855px) {
	.partners-what {
		grid-template-columns: 100%;
	}
	.partners-what__item:nth-child(1)::before,
	.partners-what__item:nth-child(2)::before,  
	.partners-what__item:nth-child(3)::before,
	.partners-what__item:nth-child(4)::before,
	.partners-what__item.active:nth-child(1)::before,
	.partners-what__item.active:nth-child(2)::before,  
	.partners-what__item.active:nth-child(3)::before,
	.partners-what__item.active:nth-child(4)::before {
		opacity: 0;
		visibility: hidden;
	} 
	.partners-what__item:nth-child(3)::after {
		top: auto;
		bottom: 0px;
		opacity: 1;
		visibility: visible;
	}
	.partners-what__item:nth-child(1) {
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
	}
	.partners-what__item:nth-child(4) {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}
	.partners-what__item:nth-child(2),
	.partners-what__item:nth-child(3) {
		border-radius: 0;
	}
	.partners-what__item:nth-child(1),
	.partners-what__item:nth-child(3) {
		text-align: left;
	}
	.partners-what__info {
		justify-content: start;
	}
	.partners-what__info > span {
		order: 1;
	}
	.partners-what__info > h3 {
		order: 0;
	}
}
@media (max-width: 575px) {
	.partners-what__item {
		padding: 40px 20px;
	}
	.partners-what__info {
		gap: 16px;
	}
}
@media (max-width: 400px) {
	.partners-what__info > span {
		display: none;
	}
}
/* end 4 block (what) style */

/* begin 5 block (how fix) style */
.partner-how:not(.swiper-initialized) .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(5, calc(20% - 13px));
	gap: 16px;
}
.partner-how {
	position: relative;
}
.partner-how:before {
	content: "";
	width: calc(100% - 260px);
	height: 1px;
	background: var(--color-text);
	display: block;
	position: absolute;
	top: 50px;
	left: 120px;
	z-index: 1;
}
.partner-how__item {
	height: 100%;
	display: grid;
	grid-template-rows: 140px auto auto 154px;
	justify-content: space-between;
	text-align: center;
	padding-bottom: 2px;
}
.partner-how.swiper .partner-how__item {
	height: initial;
}
.partner-how__number {
	min-width: 100px;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 2px solid var(--color-link);
	font-size: 40px;
	font-family: "GeologicaBold";
	margin-bottom: 40px;
	background: var(--color-main-bg);
	z-index: 2;
	margin: 0 auto;
}
.partner-how__title {
	font-size: 32px;
	font-family: "GeologicaBold";
	color: #F0EEFF;
}
.partner-how__descr {
	font-size: 24px;
	font-family: "GeologicaThin";
}
.partner-how__result {
	display: flex;
	gap: 5px;
	justify-content: space-between;
	align-items: center;
	padding: 12px 24px;
	border-radius: calc(var(--border-radius)/2);
	border: 1px solid var(--color-link);
	margin-top: 40px;
}
.partner-how__result-icon {}
.partner-how__result-text {
	font-size: 24px;
	font-family: "GeologicaThin";
}
.partner-how .swiper-button-next::after,
.partner-how .swiper-button-prev::after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
	color: #fff;
}
.partner-how .swiper-button-next::after {
	content: 'next';
}
.partner-how .swiper-button-prev {
	left: 0px;
}
.partner-how .swiper-button-prev, 
.partner-how .swiper-button-next {
	background: var(--color-main-bg);
	height: inherit;
	top: 0;
	bottom: 0;
}
.partner-how .swiper-button-next {
	right: 0;
}
.partner-how .swiper-button-prev::after {
	content: 'prev';
}
.partner-how .swiper-button-prev.swiper-button-disabled,
.partner-how .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

@media (min-width: 1641px) {
	.partner-how.swiper .partner-how__item {
		width: calc(20% - 13px);
	}
	.swiper-button-prev.swiper-button-disabled, 
	.swiper-button-next.swiper-button-disabled {
		display: none;
	}
}
@media (max-width: 1640px) {
	.partner-how::before {
		left: 190px;
		width: calc(100% - 400px);
	}
	.partner-how.swiper .partner-how__item {
		width: calc(25% - 11px);
	}
	.partner-how.swiper {
		padding: 0 40px;
	}
}
@media (max-width: 1440px) {
	.partner-how.swiper .partner-how__item {
		width: calc(100%/3 - 11px);
	}
	.partner-how::before {
		left: 220px;
		width: calc(100% - 450px);
	}
}
@media (max-width: 1280px) {
	.partner-how__number {}
	.partner-how__title {
		font-size: 24px;
	}
	.partner-how__descr,
	.partner-how__result-text {
		font-size: 20px;
	}
}
@media (max-width: 1040px) {
	.partner-how.swiper .partner-how__item {
		width: calc(50% - 8px);
	}
}
@media (max-width: 660px) {
	.partner-how.swiper .partner-how__item {
		width: 100%;
	}
	.partner-how::before {
		display: none;
	}
	.partner-how__number {
		margin-bottom: 20px;
	}
	.partner-how__result {
		gap: 16px;
		justify-content: center;
		margin-top: 20px;
	}
	.partner-how__item {
		grid-template-rows: 120px auto auto auto;
	}
}
/* end 5 block (how fix) style */
/* End */


/* Start:/local/templates/direkt2026/assets/css/calc/dk-calc.css?178532522920469*/
/* ══════════════════════════════════════════════════
   DIREKT INK — Калькулятор партнёрского вознаграждения
   Версия 2.0 · стили виджета

   Все селекторы — под .dk-calc, конфликтов с сайтом нет.
   Дизайн-токены переопределяются на .dk-calc { --dk-... }.
   Шрифт Inter подключает страница-хост; при отсутствии —
   системный фолбэк, вёрстка не ломается.
   ══════════════════════════════════════════════════ */

.dk-calc {
  /* ---- дизайн-токены ---- */
  --dk-bg:       #0B0C14;
  --dk-surface:  #13141F;
  --dk-input:    #1C1D2B;
  --dk-raised:   #20212F;
  --dk-purple:   #843BF5;
  --dk-purple2:  #9B5BFF;
  --dk-purple10: rgba(132,59,245,.12);
  --dk-purple18: rgba(132,59,245,.18);
  --dk-purple-b: rgba(132,59,245,.45);
  --dk-text:     #ffffff;
  --dk-text-sec: #DDE0EC;
  --dk-muted:    #8B8FA8;
  --dk-faint:    #4A4D62;
  --dk-border:   rgba(255,255,255,.07);
  --dk-border-v: rgba(255,255,255,.11);
  --dk-amber:    #F59E0B;
  --dk-err:      #FF5A6E;
  --dk-err-dim:  rgba(255,90,110,.09);
  --dk-radius:   40px;
  --dk-radius-s: 10px;
  --dk-font:     'Geologica', -apple-system, 'Segoe UI', Arial, sans-serif;

  /* заполнение дорожки слайдера: JS меняет только это число,
     а не пересобирает всю строку background (см. dk-calc.js) */
  --dk-fill: 50%;

  width: 100%;
  /* Фоновый блик — фоном, а не псевдоэлементом: его обрезает border-radius,
     поэтому корню не нужен overflow:hidden, который ломал бы position:sticky
     у мобильной строки с суммой. Геометрия та же, что была у ::before. */
  background:
    radial-gradient(200px circle at 80px 80px, rgba(132,59,245,.08) 0%, transparent 65%),
    var(--dk-bg);
  border-radius: 20px;
  padding: 44px;
  font-family: var(--dk-font);
  color: var(--dk-text);
  -webkit-font-smoothing: antialiased;
  position: relative;
}

/* локальный reset — только внутри виджета */
.dk-calc *,
.dk-calc *::before,
.dk-calc *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* видимый фокус с клавиатуры (a11y) */
.dk-calc :focus-visible { outline: 2px solid var(--dk-purple2); outline-offset: 2px; }
.dk-calc__budget-input:focus-visible,
.dk-calc__form-input:focus-visible { outline: none; }

/* ── Липкая строка с суммой (только мобильные) ──
   На узких экранах контролы идут первыми, а результат уходит вниз —
   без этой строки при перетаскивании ползунка сумма не видна.
   На десктопе скрыта: там результат и так всегда в поле зрения. */
.dk-calc__sticky {
  display: none;
  position: sticky;
  top: 0;
  z-index: 3;
  margin: -8px -20px 20px;
  padding: 11px 20px;
  background: rgba(11,12,20,.94);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--dk-border-v);
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.dk-calc__sticky-lbl {
  font-size: 10px; font-family: "GeologicaBold"; letter-spacing: .1em;
  text-transform: uppercase; color: var(--dk-muted);
}
.dk-calc__sticky-val {
  font-size: 20px; font-family: "GeologicaBold"; letter-spacing: -.03em;
  color: var(--dk-purple2); font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* ── Заголовок ── */
.dk-calc__head { margin-bottom: 36px; position: relative; z-index: 1; }
.dk-calc__title { font-size: 64px; line-height: 1.25; font-family: "GeologicaBold"; margin-bottom: 6px; }
.dk-calc__subtitle { font-size: 24px; line-height: 1; }

/* ── Сетка ── */
.dk-calc__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  position: relative; z-index: 1;
  align-items: start;
}

/* ── Контроли ── */
.dk-calc__controls { display: flex; flex-direction: column; gap: 28px; }

/* ── Шаг ── */
.dk-calc__step-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.dk-calc__step-num {
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--dk-purple10); border: 1px solid var(--dk-purple-b);
  color: var(--dk-purple); font-size: 24px; font-family: "GeologicaBold";
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.dk-calc__step-label { font-size: 18px; font-family: "GeologicaBold"; color: var(--dk-text-sec); letter-spacing: .01em; }
.dk-calc__step-hint  { font-size: 11px; color: var(--dk-faint); margin-left: auto; }

/* ── Типы проекта ── */
.dk-calc__types { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }
.dk-calc__type-btn {
  border: 1px solid var(--dk-border-v);
  border-radius: var(--dk-radius-s);
  padding: 11px 6px 10px;
  font-size: 16px; font-family: "GeologicaBold"; color: var(--dk-muted);
  background: var(--dk-input);
  cursor: pointer; text-align: center;
  transition: border-color .18s, background .18s, color .18s;
  letter-spacing: .04em;
  font-family: var(--dk-font);
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  line-height: 1;
}
.dk-calc__type-btn:hover { color: var(--dk-text); border-color: var(--dk-border-v); background: var(--dk-raised); }

.dk-calc__type-btn.is-active[data-type="art"]     { border-color:rgba(239,68,68,.5);   background:rgba(239,68,68,.08);   color:#FF9B9B; }
.dk-calc__type-btn.is-active[data-type="web"]     { border-color:rgba(59,130,246,.5);  background:rgba(59,130,246,.08);  color:#7BA8FF; }
.dk-calc__type-btn.is-active[data-type="systems"] { border-color:rgba(16,185,129,.5);  background:rgba(16,185,129,.08);  color:#34D399; }
.dk-calc__type-btn.is-active[data-type="support"] { border-color:rgba(245,158,11,.5);  background:rgba(245,158,11,.08);  color:#FBB740; }

/* ── Бюджет ── */
.dk-calc__budget-row { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; }
input.dk-calc__budget-input[type="text"] {
  flex: 1;
  background: var(--dk-input);
  border: 1px solid var(--dk-border-v);
  border-radius: var(--dk-radius-s);
  padding: 13px 16px;
  font-size: 20px; font-family: "GeologicaBold";
  color: var(--dk-text);
  outline: none;
  transition: border-color .18s;
  width: 100%;
  /* табличные цифры: ширина не скачет при вводе разрядов */
  font-variant-numeric: tabular-nums;
}
input.dk-calc__budget-input:focus { border-color: var(--dk-purple-b); }
.dk-calc__budget-cur { font-size: 24px; font-family: "GeologicaBold"; color: var(--dk-muted); flex-shrink: 0; }

/* Слайдер: дорожка рисуется из CSS, JS двигает только --dk-fill,
   поэтому без JS слайдер остаётся видимым */
.dk-calc__slider {
  -webkit-appearance: none; appearance: none;
  width: 100%; height: 4px; border-radius: 2px;
  outline: none; cursor: pointer; margin-bottom: 8px;
  background: linear-gradient(
    to right,
    var(--dk-purple) var(--dk-fill),
    var(--dk-raised) var(--dk-fill)
  );
}
.dk-calc__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--dk-purple);
  cursor: pointer;
  box-shadow: 0 0 0 4px rgba(132,59,245,.2), 0 2px 6px rgba(0,0,0,.5);
  transition: box-shadow .18s;
}
.dk-calc__slider::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 6px rgba(132,59,245,.25), 0 2px 6px rgba(0,0,0,.5);
}
.dk-calc__slider::-moz-range-thumb {
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--dk-purple); cursor: pointer; border: none;
  box-shadow: 0 0 0 4px rgba(132,59,245,.2);
}
.dk-calc__budget-bounds { display: flex; justify-content: space-between; font-size: 14px; color: var(--dk-faint); }

/* ── Уровни участия ── */
.dk-calc__levels { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.dk-calc__level-btn {
  border: 1px solid var(--dk-border-v);
  border-radius: var(--dk-radius-s);
  padding: 14px 8px 12px;
  text-align: center;
  background: var(--dk-input);
  cursor: pointer;
  transition: border-color .18s, background .18s;
  font-family: var(--dk-font);
  display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.dk-calc__level-btn:hover { border-color: var(--dk-purple-b); background: var(--dk-raised); }
.dk-calc__level-btn.is-active { background: var(--dk-purple10); border-color: var(--dk-purple-b); }
.dk-calc__level-pct {
  font-size: 26px; font-family: "GeologicaBold"; color: var(--dk-muted);
  line-height: 1; letter-spacing: -.03em; transition: color .18s;
}
.dk-calc__level-btn.is-active .dk-calc__level-pct { color: var(--dk-purple2); }
.dk-calc__level-name {
  font-size: 12px; color: var(--dk-faint);
  line-height: 1.3; transition: color .18s; letter-spacing: .02em;
}
.dk-calc__level-btn.is-active .dk-calc__level-name { color: var(--dk-text-sec); }

/* ── Степпер «Количество проектов» ── */
.dk-calc__stepper {
  display: flex; align-items: center;
  background: var(--dk-input);
  border: 1px solid var(--dk-border-v);
  border-radius: var(--dk-radius-s);
  overflow: hidden; width: fit-content; gap: 0;
}
.dk-calc__step-dec,
.dk-calc__step-inc {
  width: 44px; height: 48px;
  display: flex; align-items: center; justify-content: center;
  background: var(--dk-raised);
  color: var(--dk-muted);
  font-size: 22px; font-weight: 300;
  cursor: pointer; border: none;
  font-family: var(--dk-font);
  transition: background .18s, color .18s;
  flex-shrink: 0; line-height: 1; user-select: none;
}
.dk-calc__step-dec:hover:not(:disabled),
.dk-calc__step-inc:hover:not(:disabled) { background: var(--dk-purple10); color: var(--dk-purple2); }
.dk-calc__step-dec:disabled,
.dk-calc__step-inc:disabled { opacity: .28; cursor: not-allowed; }
.dk-calc__step-val {
  min-width: 56px; text-align: center;
  font-size: 26px; font-family: "GeologicaBold"; color: var(--dk-purple2);
  padding: 0 4px; letter-spacing: -.03em; line-height: 48px;
  border-left: 1px solid var(--dk-border-v);
  border-right: 1px solid var(--dk-border-v);
  font-variant-numeric: tabular-nums;
}
.dk-calc__step-unit { font-size: 13px; color: var(--dk-muted); padding: 0 16px 0 10px; white-space: nowrap; }

/* ── Результат ──
   Только min-height, без потолка высоты и без внутреннего скролла.
   В версии 1.0 здесь стояло height: 580px + overflow-y: auto — при
   активном SUPPORT нижняя часть (таймлайн, суммы, форма, CTA) уезжала
   под край карточки, а единственным намёком была полоса прокрутки в 4px,
   которую никто не замечал. min-height сохраняет исходную цель — виджет
   не прыгает при переключении типов, — но ничего больше не прячет. */
.dk-calc__result {
  background: var(--dk-surface);
  border-radius: var(--dk-radius);
  border: 1px solid var(--dk-border-v);
  padding: 28px 24px;
  display: flex; flex-direction: column;
  min-height: 580px;
  overflow-x: hidden;
}

.dk-calc__result-eyebrow {
  font-size: 10px; font-family: "GeologicaBold"; letter-spacing: .12em;
  text-transform: uppercase; color: var(--dk-muted); margin-bottom: 6px;
}
.dk-calc__result-amount {
  font-size: clamp(30px,4vw,46px); font-family: "GeologicaBold";
  letter-spacing: -.04em; color: var(--dk-purple2);
  line-height: 1; margin-bottom: 6px;
  font-variant-numeric: tabular-nums;
}
.dk-calc__result-amount.is-animating { animation: dkAmountPop .25s ease; }
@keyframes dkAmountPop {
  0%   { transform: scale(.95); opacity: .7; }
  60%  { transform: scale(1.04); }
  100% { transform: scale(1);    opacity: 1; }
}
.dk-calc__result-note { font-size: 12px; color: var(--dk-muted); line-height: 1.5; margin-bottom: 20px; }
.dk-calc__result-divider { height: 1px; background: var(--dk-border); margin-bottom: 16px; }
.dk-calc__result-rows { display: flex; flex-direction: column; gap: 9px; }
.dk-calc__result-row { display: flex; justify-content: space-between; align-items: baseline; font-size: 16px; }
.dk-calc__result-row span:first-child { color: var(--dk-muted); }
.dk-calc__result-row span:last-child  { font-weight: 600; color: var(--dk-text-sec); font-variant-numeric: tabular-nums; }
.dk-calc__result-row span.is-hi       { color: var(--dk-amber); font-family: "GeologicaBold"; }
.dk-calc__result-row[hidden]          { display: none; }

/* ── SUPPORT-блок ── */
.dk-calc__support-block {
  overflow: hidden; max-height: 0; opacity: 0;
  transition: max-height .35s ease, opacity .35s ease, margin .35s ease;
  margin-top: 0;
}
/* потолок с запасом: реальная высота блока ~220px, но при узкой колонке
   или более длинном тексте 300px обрезали бы содержимое */
.dk-calc__support-block.is-visible { max-height: 600px; opacity: 1; margin-top: 16px; }
.dk-calc__support-inner { padding-top: 16px; border-top: 1px solid var(--dk-border); }
.dk-calc__support-title {
  font-size: 10px; font-family: "GeologicaBold"; letter-spacing: .1em;
  text-transform: uppercase; color: var(--dk-amber); margin-bottom: 10px;
}
.dk-calc__timeline {
  display: flex; align-items: start; gap: 3px;
  overflow-x: auto; padding-bottom: 4px; margin-bottom: 12px;
  scrollbar-width: thin; scrollbar-color: var(--dk-border) transparent;
}
.dk-calc__tl-node { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; }
.dk-calc__tl-dot {
  width: 22px; height: 22px; border-radius: 50%;
  border: 2px solid; display: flex; align-items: center; justify-content: center;
  font-size: 8px; font-family: "GeologicaBold";
}
.dk-calc__tl-dot--start { border-color:var(--dk-purple);  color:var(--dk-purple);  background:var(--dk-purple10); }
.dk-calc__tl-dot--mid   { border-color:rgba(245,158,11,.5); color:var(--dk-amber); background:rgba(245,158,11,.1); }
.dk-calc__tl-dot--year  { border-color:rgba(16,185,129,.5); color:#34D399; background:rgba(16,185,129,.1); }
.dk-calc__tl-sub { font-size: 8px; color: var(--dk-faint); margin-top: 3px; text-align: center; max-width: 28px; line-height: 1.2; }
.dk-calc__tl-line { height: 1px; width: 5px; background: var(--dk-border); flex-shrink: 0; }
.dk-calc__tl-line--wide { width: 10px; }
.dk-calc__support-note { font-size: 11px; color: var(--dk-muted); margin-top: 4px; line-height: 1.5; }
.dk-calc__support-note b { color: var(--dk-amber); }

/* ── Поля формы ── */
.dk-calc__form-fields { display: flex; flex-direction: column; gap: 8px; margin-top: 20px; }
.dk-calc__field { display: flex; flex-direction: column; }
.dk-calc__form-input {
  width: 100%;
  background: var(--dk-input);
  border: 1px solid var(--dk-border-v);
  border-radius: var(--dk-radius-s);
  padding: 12px 14px;
  font-size: 14px;
  font-family: var(--dk-font);
  color: var(--dk-text);
  outline: none;
  transition: border-color .18s;
}
.dk-calc__form-input::placeholder { opacity: 0.2; color: var(--dk-text); }
.dk-calc__form-input:focus { border-color: var(--dk-purple-b); }
.dk-calc__form-input.is-err { border-color: var(--dk-err); background: var(--dk-err-dim); }

/* подсказка под полем (исправление опечатки в домене и т.п.) */
.dk-calc__hint { font-size: 11px; color: var(--dk-muted); margin-top: 5px; line-height: 1.4; }
.dk-calc__hint[hidden] { display: none; }
.dk-calc__hint-fix {
  background: none; border: none; padding: 0;
  font: inherit; color: var(--dk-purple2);
  text-decoration: underline; text-underline-offset: 2px;
  cursor: pointer;
}
.dk-calc__hint-fix:hover { text-decoration: none; }

/* согласие на обработку ПДн (152-ФЗ) */
.dk-calc__consent {
  display: flex; gap: 9px; align-items: flex-start;
  margin-top: 12px; font-size: 11px; line-height: 1.45;
  color: var(--dk-muted); cursor: pointer;
}
.dk-calc__consent-box {
  margin-top: 1px; accent-color: var(--dk-purple);
  width: 14px; height: 14px; flex: 0 0 auto;
}
.dk-calc__consent a { color: var(--dk-purple2); }
.dk-calc__consent.is-err { color: var(--dk-err); }

/* ── CTA ── */
.dk-calc__cta {
  display: block; width: 100%;
  background: var(--dk-purple);
  color: #ffffff;
  font-size: 28px; font-family: 'GeologicaThin';
  padding: 16px;
  border-radius: var(--dk-radius);
  text-align: center; text-decoration: none; border: none;
  cursor: pointer; font-family: var(--dk-font);
  margin-top: 10px;
  transition: opacity .18s, transform .18s, box-shadow .18s;
  letter-spacing: .01em;
}
.dk-calc__cta:hover:not(:disabled) {
  opacity: .9;
  transform: translateY(-1px);
  box-shadow: 0 8px 28px rgba(132,59,245,.35);
}
.dk-calc__cta:disabled { opacity: .55; cursor: wait; transform: none; box-shadow: none; }

/* ── Баннер статуса отправки ── */
.dk-calc__banner {
  margin-top: 12px; padding: 12px 14px;
  border-radius: var(--dk-radius-s);
  font-size: 12px; line-height: 1.5;
  border: 1px solid var(--dk-purple-b);
  background: var(--dk-purple10);
  color: var(--dk-text-sec);
}
.dk-calc__banner--err { border-color: var(--dk-err); background: var(--dk-err-dim); }
.dk-calc__banner[hidden] { display: none; }
.dk-calc__banner-title { font-family: "GeologicaBold"; color: var(--dk-text); margin-bottom: 2px; }

/* капча Yandex SmartCaptcha */
.dk-calc__captcha { margin-top: 12px; min-height: 0; }
.dk-calc__captcha:empty { display: none; }

/* ── Адаптив ── */
@media (max-width: 1320px) {
	.dk-calc__title {
		font-size: 52px;
	}
}
@media (max-width: 1100px) {
	.dk-calc__title {
		font-size: 48px;
	}
	.dk-calc__cta {
		font-size: 22px;
	}
}

@media (max-width: 768px) {
	.dk-calc__title {
		font-size: 42px;
	}
	.dk-calc__subtitle {
		font-size: 22px;
	}
	.dk-calc { padding: 28px 20px; }
	.dk-calc__grid { grid-template-columns: 1fr; gap: 28px; }

	/* Порядок на телефоне: сначала выбор (шаги 1–4), потом результат и форма.
	 В версии 1.0 карточка результата стояла первой (order:-1) — человек
	 видел сумму и поля контактов раньше, чем что-либо выбрал. */
	.dk-calc__result { min-height: 0; }

	.dk-calc__sticky { display: flex; }

	.dk-calc__result-amount { font-size: 34px; }
	.dk-calc__levels { grid-template-columns: 1fr; }
	.dk-calc__level-btn { flex-direction: row; justify-content: flex-start; gap: 12px; padding: 11px 14px; }
	.dk-calc__level-pct { font-size: 20px; min-width: 46px; text-align: left; }

	/* зоны нажатия под палец */
	.dk-calc__type-btn { padding: 14px 6px 13px; font-size: 12px; }
	.dk-calc__stepper { width: 100%; }
	.dk-calc__step-val { flex: 1; }
	.dk-calc__form-input { padding: 14px; font-size: 16px; } /* 16px — iOS не зумит при фокусе */
	.dk-calc__budget-input { font-size: 17px; }
}

@media (max-width: 575px) {
	.dk-calc__title {
		font-size: 34px;
	}
	.dk-calc__subtitle {
		font-size: 18px;
	}
	.dk-calc__step-label {
		font-size: 16px;
	}
	.dk-calc__cta {
		font-size: 18px;
	}
}
@media (max-width: 440px) {
  .dk-calc__types { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 360px) {
	.dk-calc__title {
		font-size: 30px;
	}
	.dk-calc {
		padding: 18px 10px;
	}
}

/* ── Уважение к системной настройке «меньше движения» ── */
@media (prefers-reduced-motion: reduce) {
  .dk-calc__result-amount.is-animating { animation: none; }
  .dk-calc__support-block,
  .dk-calc__type-btn,
  .dk-calc__level-btn,
  .dk-calc__cta { transition: none; }
  .dk-calc__cta:hover:not(:disabled) { transform: none; }
}

/* End */
/* /local/templates/direkt2026/assets/css/inner_page.css?17848136502022 */
/* /local/templates/direkt2026/assets/css/feedback_form.css?17848914054590 */
/* /local/templates/direkt2026/assets/css/partnyorskaya.css?178521803415809 */
/* /local/templates/direkt2026/assets/css/calc/dk-calc.css?178532522920469 */