.Button,
.navbar__dropbtn {
	-webkit-user-select: none;
	-moz-user-select: none
}

body,
html,
img,
svg {
	max-width: 100%
}

.OffCanvas__phone,
.toastify,
a,
a:hover,
a:link,
a:visited {
	text-decoration: none
}

.Header__phone,
.Header__workTime,
.tns-horizontal.tns-subpixel,
.tns-vpfix {
	white-space: nowrap
}

*,
.Button,
.LandingBlock__button,
.OffCanvas__bar,
.OffCanvas__bar *,
.sl-wrapper *,
.tns-slider>.tns-item,
::after,
::before {
	box-sizing: border-box
}

* {
	padding: 0;
	margin: 0;
	border: none
}

footer,
header,
main,
nav,
section {
	display: block
}

h1,
h2,
h3,
h4,
p {
	font-size: inherit;
	font-weight: inherit
}

ul,
ul li {
	list-style: none
}

img {
	vertical-align: top
}

img,
svg {
	height: auto
}

address {
	font-style: normal
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: rgba(0, 0, 0, 0)
}

input::-ms-clear {
	display: none
}

button,
input[type=submit] {
	display: inline-block;
	box-shadow: none;
	background: 0 0;
	cursor: pointer
}

button:active,
button:focus,
input:active,
input:focus {
	outline: 0
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.tns-outer [aria-controls],
.tns-outer [data-action],
label {
	cursor: pointer
}

.Advantage__item,
.navbar {
	display: flex
}

.navbar__list {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap
}

.navbar__item:not(:last-child) {
	margin-right: 0
}

.navbar__link {
	display: block;
	border-radius: 8px;
	position: relative
}

.navbar__link::after {
	content: "";
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translateX(-50%) scaleX(0);
	width: calc(100% - 32px);
	height: 2px;
	background: #d0ab83;
	border-radius: 2px;
	transition: transform .6s
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
	height: 44px;
	line-height: 44px;
	font-family: Arial, Baskerville, monospace
}

.navbar__link:focus,
.navbar__link:hover {
	color: #131313;
	background: rgba(208, 171, 131, .08)
}

.navbar__link:focus::after,
.navbar__link:hover::after {
	transform: translateX(-50%) scaleX(1)
}

.navbar__link:active {
	background: rgba(208, 171, 131, .12)
}

.navbar__dropbtn {
	user-select: none;
	font-family: inherit;
	display: flex;
	align-items: center;
	border-radius: 8px
}

.navbar__dropbtn:focus,
.navbar__dropbtn:hover {
	color: #131313;
	background: rgba(208, 171, 131, .08)
}

.navbar__dropbtn[aria-expanded=true] {
	color: #131313;
	background: rgba(208, 171, 131, .12)
}

.navbar__dropbtn[aria-expanded=true]::after {
	transform: rotate(180deg) translateY(2px)
}

.navbar__dropbtn::after {
	content: "";
	bottom: calc(50% - 3px);
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: currentColor transparent transparent
}

.navbar .dropdown {
	position: relative
}

.navbar .dropdown-content {
	width: auto;
	max-width: min(300px, 100vw - 32px);
	display: none;
	position: absolute;
	background: rgba(254, 254, 254, .98);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	min-width: 200px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08);
	border-radius: 12px;
	border: 1px solid rgba(19, 19, 19, .08);
	z-index: 1001;
	list-style: none;
	margin: 0;
	padding: 8px;
	overflow: hidden
}

.navbar .dropdown-content.show,
.navbar .dropdown-content[aria-hidden=false] {
	display: block;
	animation: .2s ease-out dropdownFadeIn
}

.navbar .dropdown-content a {
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	color: rgba(19, 19, 19, .8);
	transition: background-color .6s, color .6s;
	border-radius: 8px;
	font-size: .875rem;
	font-weight: 500;
	position: relative
}

.navbar .dropdown-content a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scaleY(0);
	width: 3px;
	height: 60%;
	background: #d0ab83;
	border-radius: 0 2px 2px 0;
	transition: transform .6s
}

.OffCanvas__nav a:hover::before,
.OffCanvas__nav li.active>a::before,
.navbar .dropdown-content a:focus::before,
.navbar .dropdown-content a:hover::before {
	transform: translateY(-50%) scaleY(1)
}

.navbar .dropdown-content a:focus,
.navbar .dropdown-content a:hover {
	background: rgba(208, 171, 131, .1);
	color: #131313;
	padding-left: 20px
}

.navbar .dropdown-content a:active {
	background: rgba(208, 171, 131, .15)
}

@keyframes dropdownFadeIn {
	from {
		opacity: 0;
		transform: translateY(-8px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.tns-ovh,
body.hidden-scroll {
	overflow: hidden
}

.sl-overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(19, 19, 19, .8);
	display: none;
	z-index: 1035
}

.sl-wrapper {
	z-index: 1040;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed
}

.sl-wrapper button {
	border: 0;
	background: rgba(0, 0, 0, 0);
	font-size: 28px;
	padding: 0;
	cursor: pointer
}

.sl-wrapper button:hover {
	opacity: .7
}

.sl-wrapper .sl-close {
	display: none;
	position: fixed;
	right: 30px;
	top: 30px;
	z-index: 10060;
	margin-top: -14px;
	margin-right: -14px;
	width: 44px;
	color: #fefefe;
	font-size: 3rem
}

.sl-wrapper .sl-counter {
	display: none;
	position: fixed;
	top: 30px;
	left: 30px;
	z-index: 10060;
	color: #fefefe;
	font-size: 1rem
}

.sl-wrapper .sl-download {
	display: none;
	position: fixed;
	bottom: 5px;
	width: 100%;
	text-align: center;
	z-index: 10060;
	color: #fff;
	font-size: 1rem
}

.sl-wrapper .sl-download a {
	color: #fff
}

.sl-wrapper .sl-navigation {
	width: 100%;
	display: none
}

.sl-wrapper .sl-navigation button {
	position: fixed;
	top: 50%;
	margin-top: -22px;
	width: 22px;
	text-align: center;
	display: block;
	z-index: 10060;
	color: #fefefe
}

.sl-wrapper .sl-navigation button.sl-next {
	right: 5px;
	font-size: 2rem
}

.sl-wrapper .sl-navigation button.sl-prev {
	left: 5px;
	font-size: 2rem
}

.sl-wrapper.sl-dir-rtl .sl-navigation {
	direction: ltr
}

.sl-wrapper .sl-image {
	position: fixed;
	touch-action: none;
	z-index: 10000
}

.sl-wrapper .sl-image img {
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
	width: 100%;
	height: auto
}

.sl-wrapper .sl-image iframe {
	background: #000;
	border: 0
}

.sl-wrapper .sl-image .sl-caption {
	display: none;
	padding: 10px;
	color: #fff;
	background: #fefefe;
	font-size: 1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.Button:disabled,
.Button:disabled:hover {
	background-color: #949494
}

.sl-spinner {
	display: none;
	border: 5px solid #333;
	border-radius: 40px;
	height: 40px;
	left: 50%;
	margin: -20px 0 0 -20px;
	opacity: 0;
	position: fixed;
	top: 50%;
	width: 40px;
	z-index: 1007;
	animation: 1s ease-out infinite pulsate
}

.tns-autowidth,
.tns-vpfix>div,
.tns-vpfix>li,
.toastify {
	display: inline-block
}

.sl-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

.tns-gallery,
.tns-no-calc {
	position: relative;
	left: 0
}

.sl-transition {
	transition: transform .2s
}

@keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: scale(1.2);
		opacity: 0
	}
}

.tns-outer {
	padding: 0 !important
}

.tns-outer [hidden] {
	display: none !important
}

.tns-slider {
	transition: none
}

.tns-horizontal.tns-subpixel>.tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.tns-horizontal.tns-no-subpixel:after,
.tns-t-ct:after {
	content: "";
	display: table;
	clear: both
}

.OffCanvas.is-open,
.OffCanvas__overlay.is-active {
	display: block;
	visibility: visible;
	pointer-events: auto
}

.tns-horizontal.tns-no-subpixel>.tns-item {
	float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
	margin-right: -100%
}

.tns-gallery {
	min-height: 1px
}

.tns-gallery>.tns-item {
	position: absolute;
	left: -100%;
	transition: transform, opacity
}

.tns-gallery>.tns-slide-active {
	position: relative;
	left: auto !important
}

.tns-gallery>.tns-moving {
	transition: .25s
}

.tns-lazy-img {
	transition: opacity .6s;
	opacity: .6
}

.tns-lazy-img.tns-complete,
.toastify.on {
	opacity: 1
}

.tns-ah {
	transition: height
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em
}

.tns-transparent {
	opacity: 0;
	visibility: hidden
}

.tns-fadeIn {
	opacity: 1;
	z-index: 0
}

.tns-fadeOut,
.tns-normal {
	opacity: 0;
	z-index: -1
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden
}

.tns-t-ct {
	width: 2333.3333333333%;
	width: calc(100%*70/3);
	position: absolute;
	right: 0
}

.tns-t-ct>div {
	width: 1.4285714286%;
	width: calc(100%/70);
	height: 10px;
	float: left
}

.toastify {
	padding: 12px 20px;
	color: #fefefe;
	box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
	background: linear-gradient(135deg, #73a5ff, #5477f5);
	position: fixed;
	opacity: 0;
	transition: .4s cubic-bezier(.215, .61, .355, 1);
	border-radius: 2px;
	cursor: pointer;
	max-width: calc(50% - 20px);
	z-index: 2147483647
}

.NoteCard__listItem,
.StepCard,
.icon {
	position: relative
}

.toastify-right {
	right: 15px
}

.toastify-left {
	left: 15px
}

.toastify-top {
	top: -150px
}

.toastify-bottom {
	bottom: -150px
}

.toastify-rounded {
	border-radius: 25px
}

.toastify-avatar {
	width: 1.5em;
	height: 1.5em;
	margin: -7px 5px;
	border-radius: 2px
}

.toastify-center {
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	max-width: fit-content;
	max-width: -moz-fit-content
}

.toastify-notification {
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .25);
	color: #fefefe;
	font-weight: 500
}

.toast-close {
	background: rgba(0, 0, 0, 0);
	border: 0;
	color: #fefefe;
	cursor: pointer;
	font-family: inherit;
	font-size: 1em;
	opacity: .4;
	padding: 0 5px
}

@font-face {
	font-family: Inter;
	src: url(../fonts/Inter-Regular.woff2) format("woff2"), url(../fonts/Inter-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(../fonts/Inter-SemiBold.woff2) format("woff2"), url(../fonts/Inter-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(../fonts/Inter-ExtraBold.woff2) format("woff2"), url(../fonts/Inter-ExtraBold.woff) format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap
}

h1,
h2,
h3,
h4,
ul {
	margin: 0;
	padding: 0;
	color: #131313
}

a,
p,
span {
	color: #131313
}

html {
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #131313;
	scroll-behavior: smooth
}

body {
	overflow-x: hidden
}

strong {
	color: #d0ab83;
	font-weight: inherit
}

.icon {
	flex-shrink: 0
}

.icon svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.container {
	margin: 0 auto;
	padding: 0 24px;
	width: 100%;
	max-width: 1024px
}

.pageOffset {
	margin-top: calc(100px + 32px)
}

.Section--dark {
	background-color: #f1f1f1
}

.Button--accent {
	background-color: #d0ab83
}

.BlogBlock__title,
.ExamplesBlock__title,
.FaqBlock__title,
.RequirementBlock__title,
.Title--section {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 36px;
	max-width: 700px
}

.fadeUpAnimate {
	opacity: 0;
	transition: transform .6s, opacity .6s;
	transform: translateY(30px);
	will-change: transform, opacity
}

.visible {
	opacity: 1;
	transform: translateY(0)
}

.input {
	border: 2px solid #131313;
	border-radius: 8px;
	padding: 0 16px;
	font-size: 1.125rem;
	height: 56px;
	width: 100%
}
.input__line {
	border-bottom: 2px solid #ADADAD;
	
	padding: 0 0 0 56px;
	font-size: 1.125rem;
	height: 56px;
	width: 100%
}
.mainForm {
	    max-width: 505px;
}
.mainForm .FeedbackForm__inputItem svg {
	    position: absolute;
	top:19px;
	left:24px;

}


.mainForm  .FeedbackForm__label .FeedbackForm__consentText {
	font-size: 12px;
color:#B3B3B3;
	text-align:center
}
.mainForm .FeedbackForm__inputItem--consent {
margin-top:7px
}


.modalForm .FeedbackForm__inputItem svg {
	    position: absolute;
	top:19px;
	left:24px;

}
.modalForm .FeedbackForm__button {
	font-weight: 400;

}
.modalForm  .FeedbackForm__label .FeedbackForm__consentText {
	font-size: 8.25px;
color:#B3B3B3;
	text-align:center
}
.modalForm  .FeedbackForm__inputItem--consent {
	margin-top:7px
}


.micromodal-slide[aria-hidden=false] .micromodal-slide__overlay {
	animation: .3s cubic-bezier(0, 0, .2, 1) mmfadeIn
}

.micromodal-slide[aria-hidden=false] .micromodal-slide__container {
	animation: .3s cubic-bezier(0, 0, .2, 1) mmslideIn
}

@keyframes mmfadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes mmslideIn {
	from {
		transform: translateY(15%)
	}

	to {
		transform: translateY(0)
	}
}

.errorCaption {
	font-size: .875rem;
	color: #d0ab83;
	margin-top: 8px
}

html:root .noUi-target {
	border: none;
	box-shadow: none
}

.Button {
	border-radius: 8px;
	line-height: 1;
	font-weight: 600;
	text-align: center;
	transition: background-color .6s;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fefefe;
	user-select: none;
	border: 2px solid transparent
}

.Button:disabled {
	color: hsl(0, 0%, 73.0392156863%)
}

html:root .Button--outlineBlack {
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #131313;
	color: #131313
}

html:root .Button--outlineBlack:hover {
	border-color: #000
}

.Button--accent {
	color: #fefefe
}

.Button--accent:hover {
	background-color: hsl(31.1688311688, 45.0292397661%, 58.4705882353%)
}

.Button--dark {
	background-color: #131313;
	color: #fefefe
}

.Button--dark:hover {
	background-color: #000
}

.NoteCard {
	padding: 24px;
	border-radius: 8px;
	background-color: #fefefe
}

.NoteCard--accent {
	background-color: #d0ab83 !important
}

.NoteCard--accent .NoteCard__listItem {
	color: #fff
}

html:root .NoteCard--accent .NoteCard__listItem {
	border-color: hsla(0, 0%, 100%, .5)
}

.NoteCard__listItem {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2
}

.NoteCard__listItem:not(:last-child) {
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(179, 179, 179, .5);
	padding-bottom: 12px
}

.StepCard {
	background-color: #d0ab83;
	padding: 64px 24px 24px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	text-align: center
}

.StepCard__title {
	font-size: 1.5rem;
	line-height: 1.4;
	margin-bottom: 32px;
	color: #fefefe
}

.StepCard__iconWrapper {
	color: #d0ab83;
	border: 10px solid #fff;
	border-radius: 100%;
	position: absolute;
	top: -43px;
	left: 0;
	right: 0;
	margin: auto;
	width: 86px;
	height: 86px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.StepCard__icon {
	width: 44px;
	height: 44px
}

.OffCanvas,
.OffCanvas__overlay {
	left: 0;
	height: 100vh;
	will-change: opacity, visibility;
	transition: opacity .4s cubic-bezier(.4, 0, .2, 1), visibility .4s cubic-bezier(.4, 0, .2, 1);
	position: fixed;
	top: 0;
	width: 100%;
	visibility: hidden;
	display: none;
	opacity: 0;
	pointer-events: none
}

.StepCard__step {
	font-size: 2rem;
	color: #fff
}

.Article ol:not(:last-child),
.Article ul:not(:last-child) {
	margin-bottom: 16px
}

.Hamburger__bar:not(:last-child),
.OffCanvas__nav li:not(:last-child) {
	margin-bottom: 4px
}

.OffCanvas {
	height: 100dvh;
	z-index: 10000;
	overflow: hidden
}

.OffCanvas.is-open {
	opacity: 1
}

.OffCanvas__overlay {
	height: 100dvh;
	min-height: 100vh;
	min-height: 100dvh;
	background: rgba(19, 19, 19, .6);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	z-index: 10001
}

.OffCanvas__overlay.is-active {
	opacity: 1
}

.OffCanvas__bar {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 100vw;
	height: 100vh;
	height: 100dvh;
	min-height: 100vh;
	min-height: 100dvh;
	max-height: 100vh;
	max-height: 100dvh;
	background: linear-gradient(180deg, #fff 0, #fafafa 100%);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	z-index: 10002;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
	transform: translateX(100%);
	will-change: transform;
	transition: transform .4s cubic-bezier(.4, 0, .2, 1);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-gutter: stable;
	box-shadow: -4px 0 24px rgba(0, 0, 0, .12), -2px 0 8px rgba(0, 0, 0, .08);
	isolation: isolate
}

.OffCanvas__bar.is-active {
	transform: translateX(0)
}

.OffCanvas__bar * {
	max-width: 100%
}

.OffCanvas__bar::-webkit-scrollbar {
	width: 6px
}

.OffCanvas__bar::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}

.OffCanvas__bar::-webkit-scrollbar-thumb {
	background: rgba(19, 19, 19, .2);
	border-radius: 3px;
	-webkit-transition: background .2s;
	transition: background .2s
}

.OffCanvas__bar::-webkit-scrollbar-thumb:hover {
	background: rgba(19, 19, 19, .3)
}

.OffCanvas__top {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	min-width: 0;
	padding: 24px 24px 32px
}

.OffCanvas__info {
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	width: 100%;
	min-width: 0;
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(19, 19, 19, .06)
}

.OffCanvas__logoLink {
	display: block;
	line-height: 0;
	transition: transform .25s cubic-bezier(.4, 0, .2, 1)
}

.OffCanvas__logoLink:hover {
	transform: scale(1.05)
}

.OffCanvas__logoLink:active {
	transform: scale(.98)
}

.OffCanvas__nav a::before,
.OffCanvas__parentButton::before {
	left: 0;
	transform: translateY(-50%) scaleY(0);
	width: 3px;
	background: linear-gradient(180deg, #d0ab83 0, #c19a70 100%);
	position: absolute;
	top: 50%;
	content: ""
}

.OffCanvas__logo {
	display: block;
	width: 60px;
	height: 60px;
	object-fit: contain
}

.Article__picture,
.Article__pictureWrapper img,
.Quiz__image {
	object-fit: cover
}

.OffCanvas__phoneBlock {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px
}

.OffCanvas__workTime {
	font-size: .625rem;
	color: rgba(19, 19, 19, .5);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .8px;
	line-height: 1.2
}

.OffCanvas__phone {
	font-size: 1rem;
	color: #131313;
	font-weight: 700;
	transition: color .25s cubic-bezier(.4, 0, .2, 1)
}

.OffCanvas__phone:hover {
	color: #d0ab83
}

.OffCanvas__hamburger {
	flex-shrink: 0
}

.OffCanvas__nav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	min-width: 0;
	overflow: hidden
}

.OffCanvas__nav a,
.OffCanvas__parentButton {
	font-size: 1.125rem;
	color: #131313;
	padding: 14px 20px;
	border-radius: 12px;
	font-weight: 500;
	transition: .25s cubic-bezier(.4, 0, .2, 1);
	position: relative;
	display: flex;
	line-height: 1.4;
	text-decoration: none
}

.OffCanvas__nav a {
	align-items: center;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.OffCanvas__nav a::before {
	height: 0;
	border-radius: 0 2px 2px 0;
	transition: .25s cubic-bezier(.4, 0, .2, 1)
}

.OffCanvas__nav a:hover {
	color: #d0ab83;
	background: rgba(208, 171, 131, .08);
	padding-left: 24px
}

.OffCanvas__nav a:hover::before {
	height: 60%
}

.OffCanvas__nav a:active {
	background: rgba(208, 171, 131, .12);
	transform: scale(.98)
}

.OffCanvas__nav li {
	position: relative
}

.OffCanvas__nav li>.OffCanvas__parentButton,
.OffCanvas__nav li>a {
	min-height: 52px
}

.OffCanvas__nav li.active>a {
	color: #d0ab83;
	background: rgba(208, 171, 131, .1);
	font-weight: 600
}

.OffCanvas__nav li.active>a::before {
	height: 60%
}

.OffCanvas__nav li.parent>.OffCanvas__parentButton,
.OffCanvas__nav li.parent>a {
	position: relative;
	padding-right: 48px
}

.OffCanvas__nav li.parent>.OffCanvas__parentButton::after,
.OffCanvas__nav li.parent>a::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0;
	border-color: currentColor transparent transparent;
	transition: .3s cubic-bezier(.4, 0, .2, 1);
	opacity: .6
}

.OffCanvas__nav li.parent.open>.OffCanvas__parentButton,
.OffCanvas__nav li.parent.open>a {
	background: rgba(208, 171, 131, .1);
	color: #d0ab83
}

.OffCanvas__nav li.parent.open>.OffCanvas__parentButton::after,
.OffCanvas__nav li.parent.open>a::after {
	transform: translateY(-50%) rotate(90deg);
	opacity: 1
}

.OffCanvas__nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: max-height .4s cubic-bezier(.4, 0, .2, 1), padding .4s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), visibility .3s cubic-bezier(.4, 0, .2, 1);
	position: relative;
	width: 100%;
	border-radius: 0
}

.OffCanvas__nav ul[aria-hidden=false],
li.parent.open .OffCanvas__nav ul {
	max-height: 800px;
	padding: 12px 0 12px 20px;
	margin-left: 0;
	margin-top: -1px;
	opacity: 1;
	visibility: visible;
	border-radius: 0 0 12px 12px
}

.OffCanvas__nav ul li {
	margin-bottom: 2px
}

.OffCanvas__nav ul li:last-child {
	margin-bottom: 0
}

.OffCanvas__nav ul li:last-child a {
	border-radius: 0 0 12px
}

.OffCanvas__nav ul li:first-child a {
	border-radius: 0
}

.OffCanvas__nav ul a {
	font-size: 1rem;
	padding: 10px 16px;
	color: rgba(19, 19, 19, .75);
	font-weight: 400;
	border-radius: 0
}

.Advantage__details[open] .Advantage__summary,
.OffCanvas__nav ul a::before {
	display: none
}

.OffCanvas__nav ul a:hover {
	color: #d0ab83;
	background: rgba(208, 171, 131, .1);
	padding-left: 20px
}

.OffCanvas__parentButton {
	align-items: center;
	background: 0 0;
	border: none;
	cursor: pointer;
	width: 100%;
	text-align: left;
	font-family: inherit;
	min-height: 52px
}

.OffCanvas__parentButton::before {
	height: 0;
	border-radius: 0 2px 2px 0;
	transition: .25s cubic-bezier(.4, 0, .2, 1)
}

.OffCanvas__parentButton:focus,
.OffCanvas__parentButton:hover {
	color: #d0ab83;
	background: rgba(208, 171, 131, .08);
	padding-left: 24px
}

.OffCanvas__parentButton:focus::before,
.OffCanvas__parentButton:hover::before {
	transform: translateY(-50%) scaleY(1);
	height: 60%
}

.OffCanvas__parentButton:active {
	background: rgba(208, 171, 131, .12);
	transform: scale(.98)
}

.OffCanvas__buttons {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	padding: 32px 24px 24px;
	background: linear-gradient(180deg, rgba(19, 19, 19, .02) 0, transparent 100%);
	border-top: 1px solid rgba(19, 19, 19, .08);
	gap: 12px;
	display: flex;
	flex-direction: column
}

.OffCanvas__messengers {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-bottom: 20px
}

.OffCanvas__messenger {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	transition: .3s
}

.OffCanvas__messenger--telegram {
	background: rgba(35, 158, 217, .1);
	border: 1px solid rgba(35, 158, 217, .2)
}

.OffCanvas__messenger--telegram:hover {
	background: rgba(35, 158, 217, .2);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(35, 158, 217, .2)
}

.OffCanvas__messenger--whatsapp {
	background: rgba(37, 211, 102, .1);
	border: 1px solid rgba(37, 211, 102, .2)
}

.OffCanvas__messenger--whatsapp:hover {
	background: rgba(37, 211, 102, .2);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(37, 211, 102, .2)
}

.OffCanvas__messenger--vk {
	background: rgba(70, 128, 194, .1);
	border: 1px solid rgba(70, 128, 194, .2)
}

.OffCanvas__messenger--vk:hover {
	background: rgba(70, 128, 194, .2);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(70, 128, 194, .2)
}

.OffCanvas__messengerIcon {
	width: 24px;
	height: 24px
}

.OffCanvas__messengerIcon--telegram {
	color: #229ed9;
	fill: #229ed9
}

.OffCanvas__messengerIcon--whatsapp {
	color: #25d366;
	fill: #25d366
}

.OffCanvas__messengerIcon--vk {
	color: #4680c2;
	fill: #4680c2
}

.Hamburger {
	border-radius: 8px;
	border: 3px solid #131313;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: border-color .6s;
	position: relative;
	padding: 0;
	background: rgba(0, 0, 0, 0)
}

.Hamburger--accent:hover .Hamburger__bar,
.Hamburger__bar {
	background-color: #131313
}

.Hamburger--accent {
	border-color: #d0ab83
}

.Hamburger--accent .Hamburger__bar {
	background-color: #d0ab83
}

.Hamburger--accent:hover {
	border-color: #131313
}

.Hamburger.active .Hamburger__bar {
	margin-bottom: 0;
	transform-origin: center;
	position: absolute;
	top: 50%;
	left: 15%;
	width: 70%
}

.Hamburger.active .Hamburger__bar:nth-child(1) {
	transform: translateY(-50%) rotate(45deg)
}

.Hamburger.active .Hamburger__bar:nth-child(2) {
	opacity: 0;
	transform: translateY(-50%) scale(0)
}

.Hamburger.active .Hamburger__bar:nth-child(3) {
	transform: translateY(-50%) rotate(-45deg)
}

.Hamburger__bar {
	height: 3px;
	width: 70%;
	transition: background-color .6s, transform .6s, opacity .6s;
	border-radius: 2px;
	display: block;
	position: relative;
	margin: 0 auto
}

.CalculationModal,
.CalculationModal__overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.CalculationModal {
	display: none;
	z-index: 999999;
	background: rgba(0, 0, 0, .6)
}

.CalculationModal[aria-hidden=false] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px
}

.CalculationModal__container {
	background-color: #fff;
	padding: 32px 24px;
	max-width: 400px;
	width: 90%;
	border-radius: 20px;
	position: relative
}

.modal-close {
	position: absolute;
	top: 15px;
	right: 15px;
	background: 0 0;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: #999;
	line-height: 1;
	padding: 0
}

.Advantage__title {
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 16px;
	display: inline-flex
}

.Advantage__description,
html:root .Breadcrumbs__item {
	font-size: 1rem;
	line-height: 1.6
}

.Advantage__iconWrapper {
	width: 32px;
	height: 32px;
	border-radius: 200px;
	background-color: #d0ab83;
	padding: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
	position: relative;
	color: #fefefe
}

.Advantage__icon {
	width: 24px;
	height: 24px;
	display: block;
	flex-shrink: 0;
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 12px)
}

.Advantage__icon .icon__wrapper {
	position: relative;
	padding-bottom: 100%
}

.Advantage__summary {
	display: block;
	font-weight: 700;
	color: #d0ab83;
	margin: 8px 0;
	cursor: pointer
}

.Picture,
.image-container {
	width: 100%;
	overflow: hidden;
	position: relative
}

.ActionBlock__descriptions,
.Article p:not(:last-child),
.LandingBlock__descriptions {
	margin-bottom: 32px
}

.Article ol li,
.Article ul li {
	line-height: 1.8;
	list-style-type: none
}

html:root .ClientsBlock__title {
	margin-bottom: 12px
}

.Article h1,
.Article>:not(.ActionBlock) p {
	margin-bottom: 32px !important
}

.Picture {
	display: block;
	height: 100%
}

.Picture img,
.image-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.image-container::before {
	content: "";
	display: block;
	padding-bottom: var(--aspect-ratio)
}

.FeedbackForm__grid {
	display: grid;
	grid-template-columns: 1fr;
	
}

.FeedbackForm__title,
.SellStepsBlock__title {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1.2
}

.FeedbackForm__inputItem {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom:12px
}

.FeedbackForm__inputItem--consent {
	margin-top: 8px;
	margin-bottom: 0
}

.FeedbackForm__inputItem label {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	font-size: .875rem;
	cursor: pointer;
	gap: 8px
}

.FeedbackForm__inputItem input[type=checkbox] {
	margin-top: 2px;
	accent-color: #e0b973;
	width: 18px;
	height: 18px;
	flex-shrink: 0
}

.FeedbackForm__inputItem a {
	color: #e0b973;
	text-decoration: underline;
	margin-left: 4px
}

.FeedbackForm__inputItem>span {
	display: inline
}

.FeedbackForm__description {
	margin-bottom: 36px;
	font-size: 1.125rem
}

.FeedbackForm .errorCaption {
	color: #d32f2f;
	font-size: .75rem;
	margin-top: 4px;
	margin-left: 26px
}
.FeedbackForm__success__Main {
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-items: center;
}
.FeedbackForm__success__Main  svg {
	margin-bottom:24px
}
.FeedbackForm__success__Main .FeedbackForm__title {
	font-weight: 400;
	font-size:20px;
	text-align:center

}
.FeedbackForm__success__Main .FeedbackForm__success__Main__btn {
	border-radius: 12px;
    background: #71D496;
    width: 100%;
    height: 58px;
    color: #FAFAFA;
    margin-top: 20px;
	font-size: 16px;

}







.FeedbackForm__consentText {
	flex: 1 1 0%;
	display: block;
	min-width: 0;
	word-break: break-word
}

.FeedbackForm__label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: .875rem;
	cursor: pointer;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 8px
}

.FeedbackForm__label>input[type=checkbox] {
	margin-top: 2px;
	accent-color: #e0b973;
	width: 18px;
	height: 18px;
	flex-shrink: 0
}

.FeedbackForm__label>input.input {
	width: 100%;
	margin-top: 0
}

.FeedbackForm__label>.FeedbackForm__consentText {
	flex: 1 1 0%;
	display: block;
	min-width: 0
}

.FeedbackForm__label:has(input[type=checkbox]) {
	flex-direction: row;
	align-items: flex-start
}

.FeedbackForm__suggestions {
	position: absolute;
	z-index: 10;
	background: #fff;
	border: 1px solid #e0b973;
	border-radius: 4px;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
	max-height: 160px;
	overflow-y: auto;
	width: 100%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .07)
}

.Quiz__imageWrapper,
.Quiz__label,
.Quiz__steps {
	position: relative
}

.Quiz__steps::after,
.Quiz__steps::before {
	height: 4px;
	border-radius: 2px;
	content: "";
	left: 0;
	position: absolute;
	bottom: 0
}

.Quiz__label,
.Quiz__label:active {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04)
}

.Quiz__step {
	min-height: 366px
}

.Quiz__steps {
	margin-bottom: 32px;
	font-weight: 600;
	text-align: right;
	font-size: .875rem;
	color: #b3b3b3;
	padding-bottom: 16px
}

.Quiz__label,
.Quiz__success,
.TimedModal {
	text-align: center
}

.Article__messengers:hover,
.Article__messengersLink:hover,
.Article__next:hover,
.Article__prev:hover,
.Quiz__title {
	color: #131313
}

.Quiz__steps::after {
	right: 0;
	background: rgba(19, 19, 19, .08);
	overflow: hidden
}

.Quiz__steps::before {
	width: calc(var(--progress, 0)*100%);
	background: linear-gradient(90deg, #d0ab83 0, rgb(222.0175438596, 196.0526315789, 167.9824561404) 100%);
	transition: width .4s cubic-bezier(.4, 0, .2, 1);
	z-index: 1
}

.Quiz__title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 40px;
	line-height: 1.3;
	letter-spacing: -.02em
}

.ArticleCard__previewText,
.Quiz__caption {
	line-height: 1.4
}

.Footer__caption,
.Header__workTime {
	letter-spacing: .5px;
	text-transform: uppercase
}

.Quiz__label {
	padding: 16px 12px;
	border-radius: 16px;
	display: inline-flex;
	border: 2px solid rgba(19, 19, 19, .08);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: .9375rem;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 64px;
	background: #fefefe;
	cursor: pointer;
	will-change: transform, opacity, border-color;
	overflow: hidden;
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1), border-color .4s cubic-bezier(.4, 0, .2, 1), opacity .4s cubic-bezier(.4, 0, .2, 1)
}

.Quiz__label::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, #d0ab83 0, rgb(200.9912280702, 158.4736842105, 112.5087719298) 100%);
	opacity: 0;
	transition: opacity .4s cubic-bezier(.4, 0, .2, 1);
	z-index: 0;
	pointer-events: none
}

.Quiz__label:hover:not(.active) {
	border-color: rgba(19, 19, 19, .15);
	transform: translateY(-2px) translateZ(0);
	box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
	background: rgba(208, 171, 131, .02)
}

.Quiz__label.active:hover {
	background: #fefefe
}

.Quiz__label:active {
	transform: translateY(0) translateZ(0)
}

.Quiz__label input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
	pointer-events: none
}

.Quiz__label.active {
	border-color: #d0ab83;
	box-shadow: 0 4px 20px rgba(208, 171, 131, .25);
	transform: translateY(-2px) scale(1.01) translateZ(0);
	background: #fefefe
}

.Quiz__label.active .Quiz__caption {
	color: #fefefe;
	transform: scale(1.02) translateZ(0);
	transition: color .4s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
	position: relative;
	z-index: 1
}

.Quiz__label.active::after {
	opacity: 1
}

.Quiz__label.active::before {
	content: "✓";
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	background: rgba(254, 254, 254, .2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .875rem;
	font-weight: 700;
	color: #fefefe;
	animation: .3s ease-out checkmark;
	z-index: 10;
	will-change: transform, opacity;
	transform: translateZ(0)
}

.Footer__iconLink:hover::before,
.Header__messengerLink:hover::before {
	width: 150%;
	height: 150%
}

.Quiz__caption {
	font-weight: 600;
	transition: color .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
	will-change: color, transform
}

.Quiz__image,
.Quiz__imageWrapper {
	z-index: 1;
	will-change: transform;
	transform: translateZ(0)
}

.Quiz__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 12px
}

.Quiz__imageWrapper {
	padding-bottom: 100%;
	border-radius: 16px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 16px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1)
}

.Quiz__image {
	position: absolute;
	width: 100%;
	left: 0
}

.Quiz__imageWrapper:hover {
	transform: translateY(-4px) translateZ(0);
	box-shadow: 0 8px 32px rgba(0, 0, 0, .12)
}

.Quiz__image {
	top: 0;
	height: 100%;
	transition: transform .5s cubic-bezier(.4, 0, .2, 1)
}

.Quiz__imageWrapper:hover .Quiz__image {
	transform: scale(1.05) translateZ(0)
}

.Quiz__buttons {
	display: flex;
	margin-top: 40px;
	justify-content: flex-end;
	gap: 12px;
	flex-wrap: wrap
}

.Quiz__success {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding: 40px 20px;
	animation: .5s cubic-bezier(.4, 0, .2, 1) fadeInScale
}

.Quiz__gridContacts .FeedbackForm__inputItem {
	position: relative
}

@keyframes fadeInScale {
	from {
		opacity: 0;
		transform: scale(.95)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-10px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes checkmark {
	0% {
		transform: scale(0) rotate(-180deg) translateZ(0);
		opacity: 0
	}

	50% {
		transform: scale(1.2) rotate(10deg) translateZ(0)
	}

	100% {
		transform: scale(1) rotate(0) translateZ(0);
		opacity: 1
	}
}

.ArticleCard {
	border: 1px solid rgba(19, 19, 19, .2);
	border-radius: 16px;
	overflow: hidden;
	height: 100%
}

.ArticleCard:hover .ArticleCard__picture {
	transform: scale(1.1)
}

.ArticleCard__footer {
	background-color: #fefefe;
	padding: 15px
}

.ArticleCard__pictureWrapper {
	width: 100%;
	border-radius: 3px 3px 0 0;
	overflow: hidden
}

.ActionBlock__button,
.ArticleCard__pictureWrapper img {
	width: 100%
}

.ArticleCard__picture {
	transition: transform .6s
}

.ArticleCard__title {
	font-weight: 600;
	margin-bottom: 16px;
	transition: color .6s;
	font-size: 1.125rem
}

.Article__messengersLink,
.Article__next,
.Article__prev {
	transition: .5s ease-in-out;
	color: #d0ab83
}

.Article {
	padding: 0 0 100px;
	max-width: 1024px
}

.Article__title {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 32px;
	text-transform: uppercase
}

.Article__pictureWrapper {
	padding-bottom: 66.6666666667%;
	overflow: hidden;
	position: relative;
	margin-bottom: 32px;
	border-radius: 5px
}

.Article ul li::before,
.StickyFormWidget {
	background-color: #d0ab83;
	border-radius: 100%
}

.Article__videoWrapper {
	padding-bottom: 56.25%;
	margin-bottom: 32px;
	position: relative
}

.Article__videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.Article__picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.Article h1 {
	font-size: 32px
}

.Article h2 {
	font-size: 1.6rem;
	line-height: 1.2;
	margin-bottom: 16px;
	font-weight: 600 !important
}

.Article h3 {
	line-height: 1.3;
	margin-bottom: 8px
}

.Article h3 {
	font-size: 1.5rem;
	font-weight: 600
}

.Article ol li,
.Article ol li::before,
.Article p,
.Article ul li {
	font-size: 1.125rem
}

.Article h4 {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.3
}

.Article a:not(.Header__button) {
	color: #d0ab83;
	text-decoration: underline
}

.Article p {
	line-height: 1.6
}

.Article ol,
.Article ul {
	padding-left: 24px
}

.Article ul li {
	position: relative
}

.Article ul li::before {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	left: -24px;
	top: 10px
}

.Article ol li {
	position: relative;
	counter-increment: custom-counter;
	font-style: italic
}

.Article ol li::before {
	content: counter(custom-counter) ".";
	color: #d0ab83;
	position: absolute;
	left: -24px;
	top: 0
}

.Article__interestingTitle {
	color: #d0ab83;
	font-size: 30px;
	padding-bottom: 30px
}

.Article__navigation {
	margin: 20px 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px
}

.Article__messengers {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 20px 0
}

.Article__messengersLink {
	text-decoration: none;
	font-size: 20px;
	width: -moz-fit-content;
	width: fit-content
}

.Breadcrumbs {
	display: flex;
	margin-bottom: 32px;
	flex-wrap: wrap;
	text-transform: lowercase
}

html:root .Breadcrumbs__item:not(:last-child) {
	margin-right: 12px;
	position: relative;
	padding-right: 16px
}

html:root .Breadcrumbs__item:not(:last-child):hover {
	color: #d0ab83
}

html:root .Breadcrumbs__item:not(:last-child)::after {
	content: "‣";
	position: absolute;
	right: 0
}

html:root .Breadcrumbs__item:last-child {
	color: rgba(19, 19, 19, .5)
}

.StickyFormWidget {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fefefe;
	font-weight: 600;
	position: fixed;
	z-index: 1000;
	box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}

.StickyFormWidget::after {
	content: "";
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	border: 1px solid #d0ab83;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100%;
	transform: scale(1);
	animation: 1s infinite ripple
}

@keyframes ripple {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(1.5);
		opacity: 0
	}
}

.ActionBlock {
	border: 2px solid #d0ab83;
	border-radius: 16px;
	margin-bottom: 65px !important
}

.ActionBlock__description:not(:last-child),
.LandingBlock__description:not(:last-child),
.TimedModal__title {
	margin-bottom: 16px
}

.ActionBlock__button--hollow {
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #d0ab83;
	color: #d0ab83
}

.ActionBlock__button--hollow:hover {
	color: #fff
}

.ActionBlock__buttons {
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 16px
}

.ActionBlock__icon {
	width: 28px;
	height: 28px;
	color: #d0ab83
}

.ActionBlock__description {
	line-height: 1.4;
	text-wrap: balance;
	display: flex;
	align-items: center
}

.ActionBlock__description .ActionBlock__icon {
	margin-right: 12px
}

#timedModal .CalculationModal__container {
	max-width: 650px;
	padding: 26px 32px
}

.TimedModal__title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	color: #000
}

.TimedModal__subtitle {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 32px;
	color: #666
}

.TimedModal__subtitle b {
	color: #000;
	font-weight: 600
}

.TimedModal__buttons {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap
}

.TimedModal__button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 16px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	min-width: 0;
	flex: 1;
	border: none;
	cursor: pointer;
	transition: .2s;
	min-height: 56px
}

.TimedModal__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .2)
}

.TimedModal__button:active {
	transform: translateY(0)
}

.TimedModal__button--telegram {
	background-color: #229ed9;
	color: #fff
}

.TimedModal__button--telegram:hover {
	background-color: #1e8cc7
}

.TimedModal__button--whatsapp {
	background-color: #25d366;
	color: #fff
}

.TimedModal__button--whatsapp:hover {
	background-color: #20bd5c
}

.TimedModal__button--vk {
	background-color: #4680c2;
	color: #fff
}

.TimedModal__button--vk:hover {
	background-color: #3e74b1
}

.TimedModal__buttonIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex-shrink: 0
}

.TimedModal__buttonIcon svg {
	width: 100%;
	height: 100%;
	fill: currentColor
}

.TimedModal__buttonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px
}

.accordion {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%
}

.Header,
.accordion__trigger {
	align-items: center;
	display: flex
}

.accordion__item {
	background-color: #fefefe;
	border-radius: 16px;
	overflow: hidden;
	transition: .3s
}

.accordion__trigger {
	width: 100%;
	justify-content: space-between;
	padding: 24px 32px;
	min-height: 102px;
	background: 0 0;
	border: none;
	cursor: pointer;
	text-align: left;
	transition: background-color .3s
}

.accordion__trigger:hover {
	background-color: rgba(254, 254, 254, .05)
}

.accordion__trigger:focus {
	outline-offset: -2px
}

.accordion__trigger[aria-expanded=true] .accordion__icon {
	transform: rotate(45deg)
}

.Footer__iconLink:hover .Footer__icon,
.Header__messengerLink:hover .Header__messengerIcon {
	transform: scale(1.1)
}

.accordion__title {
	font-size: 18px;
	font-weight: 600;
	color: #131313;
	flex: 1;
	margin-right: 16px
}

.accordion__icon {
	width: 24px;
	height: 24px;
	color: #131313;
	transition: transform .3s;
	flex-shrink: 0;
	background-color: #fefefe;
	border-radius: 26px
}

.accordion__icon svg {
	width: 100%;
	height: 100%
}

.accordion__content {
	max-height: 0;
	overflow: hidden;
	background-color: rgba(254, 254, 254, .02)
}

.accordion__text {
	padding: 24px 32px;
	color: #fefefe;
	line-height: 1.6
}

.accordion__text p {
	margin: 0;
	font-size: 16px
}

.accordion__item.active .accordion__content {
	max-height: 200px
}

.Header {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100px;
	margin-bottom: -100px;
	z-index: 1000;
	background: #fefefe;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.Header__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	gap: 20px
}

.Header__logoLink {
	display: block;
	flex-shrink: 0;
	line-height: 0
}

.Header__logo {
	display: block;
	width: auto;
	height: auto;
	max-width: 180px;
	max-height: 72px;
	object-fit: contain;
	object-position: left center
}

.Header__navigation {
	flex: 1;
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center
}

.Header__rightBlock {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
	margin-left: auto
}

.Header__messengers {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0
}

.Header__messengerLink {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(208, 171, 131, .1);
	border: 1px solid rgba(208, 171, 131, .2);
	transition: .3s;
	position: relative;
	overflow: hidden
}

.Header__messengerLink::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgba(208, 171, 131, .15);
	transform: translate(-50%, -50%);
	transition: width .4s, height .4s
}

.Header__messengerLink:hover {
	background: rgba(208, 171, 131, .2);
	border-color: rgba(208, 171, 131, .4);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(208, 171, 131, .2)
}

.Header__messengerLink:active {
	transform: translateY(0)
}

.Header__messengerIcon {
	width: 20px;
	height: 20px;
	color: #d0ab83;
	fill: #d0ab83;
	transition: .3s;
	position: relative;
	z-index: 1
}

.Header__messengerIcon svg {
	width: 100%;
	height: 100%
}

.Header__phoneBlock {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	flex-shrink: 0
}

.Header__workTime {
	font-size: .625rem;
	color: rgba(19, 19, 19, .6);
	font-weight: 500;
	line-height: 1
}

.Header__phone {
	color: #131313;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	transition: color .3s
}

.Header__phone:hover,
.navbar__dropbtn:hover,
.navbar__link:hover {
	color: #d0ab83
}

.dropdown-content a,
.navbar__dropbtn,
.navbar__link {
	color: #131313;
	white-space: nowrap;
	text-decoration: none
}

.Header__hamburger {
	display: none;
	flex-shrink: 0
}

.navbar__item,
.navbar__list {
	align-items: center;
	height: 100%;
	display: flex
}

.navbar__list {
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0
}

.navbar__item {
	position: relative
}

.navbar__item.dropdown:hover .dropdown-content {
	display: block
}

.navbar__dropbtn,
.navbar__link {
	font-size: .9375rem;
	font-weight: 500;
	background: 0 0;
	border: none;
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0;
	transition: color .3s
}

.navbar__dropbtn {
	position: relative;
	padding-right: 14px
}

.navbar__dropbtn::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #131313;
	transition: border-color .3s
}

.Footer__phone,
.Footer__phone .Footer__phoneIcon,
.Footer__phoneIcon {
	transition: color .3s, transform .3s
}

.navbar__dropbtn:hover::after {
	border-top-color: #d0ab83
}

.dropdown-content {
	display: none;
	position: absolute;
	top: 100%;
	left: -16px;
	background: #fefefe;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
	min-width: 240px;
	z-index: 1000;
	padding: 8px 0
}

.ExamplesBlock__picture {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15)
}

.dropdown-content li {
	list-style: none;
	margin: 0
}

.dropdown-content a {
	display: block;
	padding: 10px 20px;
	font-size: .875rem;
	font-weight: 400;
	transition: .3s
}

.dropdown-content a:hover {
	background-color: rgba(208, 171, 131, .08);
	color: #d0ab83;
	padding-left: 24px
}

.Footer {
	background: linear-gradient(180deg, #0a0a0a 0, #131313 100%);
	padding: 80px 0 32px;
	position: relative;
	overflow: hidden
}

.Footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent 0, rgba(208, 171, 131, .3) 50%, transparent 100%)
}

.Footer__inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 48px;
	margin-bottom: 48px
}

.Footer__row {
	display: flex;
	flex-direction: column;
	gap: 16px
}

.Footer__section {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.Footer__caption {
	color: rgba(254, 254, 254, .6);
	font-size: .8125rem;
	font-weight: 500;
	margin-bottom: 4px
}

.Footer__workTime {
	color: rgba(254, 254, 254, .8);
	font-size: .875rem;
	line-height: 1.5
}

.Footer__phone {
	font-size: 1.25rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	color: #fefefe !important
}

.Footer__phone span {
	color: #fefefe !important;
	transition: color .3s
}

.Footer__phone:hover,
.Footer__phone:hover span {
	color: #d0ab83 !important
}

.Footer__phone:hover .Footer__phoneIcon {
	color: #d0ab83 !important;
	transform: scale(1.1)
}

.Footer__phoneIcon {
	width: 20px;
	flex-shrink: 0;
	color: #d0ab83
}

.Footer__phoneIcon .icon__wrapper {
	position: relative;
	padding-bottom: 100%
}

.Footer__address {
	color: rgba(254, 254, 254, .9);
	font-size: .9375rem;
	line-height: 1.6;
	font-style: normal;
	margin: 0
}

.Footer__icons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 4px;
	justify-content: flex-start
}

.Footer__iconLink {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(254, 254, 254, .05);
	border: 1px solid rgba(254, 254, 254, .1);
	color: rgba(254, 254, 254, .7);
	transition: background-color .3s, border-color .3s, color .3s, transform .3s;
	position: relative;
	overflow: hidden
}

.Footer__legal,
.LandingBlock {
	flex-direction: column;
	display: flex
}

.Footer__iconLink::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgba(208, 171, 131, .1);
	transform: translate(-50%, -50%);
	transition: width .3s, height .3s
}

.Footer__iconLink:hover {
	transform: translateY(-2px)
}

.Footer__iconLink:hover[title=Telegram] {
	background: rgba(35, 158, 217, .15);
	border-color: rgba(35, 158, 217, .3);
	color: #229ed9
}

.Footer__iconLink:hover[title=Telegram]::before {
	background: rgba(35, 158, 217, .1)
}

.Footer__iconLink:hover[title=WhatsApp] {
	background: rgba(37, 211, 102, .15);
	border-color: rgba(37, 211, 102, .3);
	color: #25d366
}

.Footer__iconLink:hover[title=WhatsApp]::before {
	background: rgba(37, 211, 102, .1)
}

.Footer__iconLink:hover[title=MAX]::before {
	background: rgb(89 0 206 / 10%)
}

.Footer__iconLink:hover[title=VK]::before {
	background: rgba(37, 211, 102, .1)
}

.Footer__iconLink:active {
	transform: translateY(0)
}

.Footer__icon {
	width: 20px;
	height: 20px;
	position: relative;
	z-index: 1;
	transition: transform .3s
}

.Footer__icon .icon__wrapper {
	position: relative;
	padding-bottom: 100%
}

.Footer__divider {
	height: 1px;
	background: linear-gradient(90deg, transparent 0, rgba(254, 254, 254, .1) 20%, rgba(254, 254, 254, .1) 80%, transparent 100%);
	margin: 48px 0 32px
}

.Footer__legal {
	gap: 16px;
	margin-bottom: 24px
}

.Footer__legalText {
	color: rgba(254, 254, 254, .5);
	font-size: .8125rem;
	line-height: 1.6;
	max-width: 600px
}

.Footer__legalLinks {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 24px;
	align-items: center
}

.Footer__legalLink {
	color: rgba(254, 254, 254, .6);
	font-size: .8125rem;
	text-decoration: none;
	position: relative;
	transition: color .3s;
	padding-bottom: 2px;
	border-bottom: 1px solid transparent
}

.Footer__legalLink::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #d0ab83;
	transition: width .3s
}

.Footer__legalLink:hover {
	color: #d0ab83
}

.Footer__legalLink:hover::after {
	width: 100%
}

.Footer__copyright {
	color: rgba(254, 254, 254, .4);
	font-size: .75rem;
	text-align: center;
	padding-top: 24px;
	border-top: 1px solid rgba(254, 254, 254, .05)
}

.LandingBlock {
	min-height: calc(100vh - 100px - 32px);
	overflow: hidden;
	position: relative
}
.LandingBlock .LandingBlock__buttonIcon {
	    width: 35px;
    height: 35px;
}
.LandingBlock .LandingBlock__buttonIcon__max  {
	    width: 32px;
    height: 32px;
}
.LandingBlock .LandingBlock__buttonIcon__vk  {
	    width: 37px;
    height: 37px;
}
.LandingBlock .LandingBlock__buttonIcon__tg  {
	    width: 28px;
    height: 28px;
}


.LandingBlock__container,
.LandingBlock__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-around;
	flex: 1
}

.LandingBlock__title {
	font-size: 1.625rem;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 32px;
	position: relative
}

.LandingBlock__description {
	line-height: 1.4;
	text-wrap: balance;
	display: flex;
	align-items: center
}

.LandingBlock__description .LandingBlock__icon {
	margin-right: 12px;
	flex-shrink: 0
}

.LandingBlock__textBlock {
	margin-bottom: 32px;
	position: relative;
	z-index: 3;
	max-width: 700px
}

.LandingBlock__link {
	text-decoration: none;
	display: block
}

.LandingBlock__button {
	width: 153px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 12px 64px;
	border: none;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: .2s;
	text-align: center;
	min-height: 56px;
	text-decoration: none;
	color: #fff
}
@media (max-width: 600px) { 
	.LandingBlock .LandingBlock__buttonIcon {
	    width: 30px;
    height: 30px;

}
	.LandingBlock__button { 
	padding: 11px 34px;
	}
}
.LandingBlock__button:hover {
	transform: translateY(-2px);
	opacity: .95
}

.LandingBlock__button:active {
	transform: translateY(0)
}

.LandingBlock__button--telegram {
	background-color: #229ed9
}

.LandingBlock__button--telegram:hover {
	background-color: #1e8cc7
}

.LandingBlock__button--whatsapp {
	background-color: #25d366
}

.LandingBlock__button--whatsapp:hover {
	background-color: #20bd5c
}

.LandingBlock__button--vk {
	background-color: #4680c2
}

.LandingBlock__button--vk:hover {
	background-color: #3e74b1
}

.LandingBlock__buttonIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex-shrink: 0
}

.LandingBlock__buttonIcon svg {
	width: 100%;
	height: 100%;
	fill: currentColor
}

.LandingBlock__buttonText {
	font-size: 11px;
	line-height: 1.2;
	white-space: nowrap
}

.LandingBlock__icon {
	width: 28px;
	height: 28px;
	color: #d0ab83;
	flex-shrink: 0
}

.LandingBlock__buttons {
	z-index: 3;
	display: flex;
	
	margin-bottom: 32px;
	max-width: 420px
}
@media (max-width: 650px) { 
	.LandingBlock__buttonText {
		display:none
	}
	.LandingBlock__buttons {
		gap:10px
	}
}
.LandingBlock__imageWrapper {
	z-index: 2;
	position: relative;
	width: 100%;
	max-width: 750px;
}

.LandingBlock__rewardImageWrapper {
	width: 100px;
	margin-right: 16px
}

.LandingBlock__reward {
	display: flex;
	align-items: center;
	    max-width: 500px;
}

.LandingBlock__rewardLink {
	display: block;
	    font-size: 12px;
	color: inherit;
	text-decoration: none
}

.LandingBlock__rewardLink:hover {
	text-decoration: underline
}

.LandingBlock__rewardImage {
	width: 100%;
	height: auto;
	display: block
}

.CalculationBlock {
	padding: 100px 0;
	display: flex;
	flex-direction: column;
	min-height: 807px
}

.CalculationBlock__container {
	flex: 1;
	justify-content: space-between;
	display: flex;
	flex-direction: column
}

.CalculationBlock__inner {
	display: flex;
	flex-direction: column;
	min-height: 680px
}

.GalleryBlock__title {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 36px;
	max-width: 700px;
	color: #fefefe
}

#videoBlock,
.AssessmentBlock,
.CitiesBlock,
.ClientsBlock,
.ExamplesBlock,
.FaqBlock,
.FormBlock,
.GradeBlock,
.PriceBlock,
.RequirementBlock,
.SellStepsBlock,
.SeoBlock {
	padding: 100px 0
}

#videoBlock .wp-block-video {
	margin: 0;
	width: 100%
}

#videoBlock .wp-block-video video {
	width: 100%;
	height: auto;
	border-radius: 8px
}

.GradeBlock__wrapper {
	border-radius: 15px;
	border: 2px solid #d0ab83;
	padding: 32px 16px
}

.GradeBlock__caption {
	font-size: 1.125rem;
	line-height: 1.6;
	text-align: center;
	align-self: center;
	display: flex
}

.GradeBlock__grid {
	display: grid;
	grid-gap: 32px;
	grid-template-columns: 1fr;
	margin-bottom: 32px
}

.GradeBlock__gridItem {
	position: relative;
	font-size: 1.125rem;
	line-height: 1.6;
	display: flex
}

.GradeBlock__iconWrapper {
	width: 24px;
	height: 24px;
	border-radius: 200px;
	background-color: #d0ab83;
	padding: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
	position: relative;
	color: #fefefe
}

.GradeBlock__icon {
	width: 24px;
	flex-shrink: 0
}

.GradeBlock__icon .icon__wrapper {
	position: relative;
	padding-bottom: 100%
}

html:root .SellStepsBlock__title {
	margin-bottom: 100px
}

.SellStepsBlock__grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 64px 24px;
	margin-bottom: 100px
}

.SellStepsBlock__column {
	position: relative;
	overflow-x: visible
}

.FormBlock__scrollWrapper,
.PriceBlock__scrollWrapper,
.SellStepsBlock__scrollWrapper {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	height: 100%;
	overflow-x: visible
}

.SellStepsBlock__image {
	display: block;
	position: sticky;
	bottom: 0;
	margin-bottom: -100px;
	z-index: 1
}

.AssessmentBlock__grid,
.FormBlock__grid,
.PriceBlock__grid,
.SellStepsBlock__descriptionRow {
	display: grid;
	grid-gap: 64px;
	grid-template-columns: 1fr
}

.SellStepsBlock__image::before {
	content: "";
	position: absolute;
	border-radius: 100%;
	z-index: -1;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #b3b3b3
}

.SellStepsBlock__descriptionTitle {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 64px
}

.SellStepsBlock__listItem {
	line-height: 1.6;
	position: relative;
	counter-increment: listItemCounter;
	list-style-type: none;
	margin-left: 24px
}

.ClientsBlock__caption,
.PriceBlock__item,
.RequirementBlock__item:not(:last-child),
.SellStepsBlock__listItem:not(:last-child) {
	margin-bottom: 32px
}

.SellStepsBlock__listItem::before {
	content: counter(listItemCounter);
	color: #d0ab83;
	position: absolute;
	left: -24px;
	top: 0;
	line-height: 1.2;
	font-size: 1.375rem;
	font-weight: 700
}

.AssessmentBlock__title,
.PriceBlock__title {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 32px
}

.AssessmentBlock__title strong {
	color: #d0ab83
}

.AssessmentBlock__column {
	position: relative;
	height: 100%
}

.AssessmentBlock__description {
	margin-bottom: 48px;
	line-height: 1.6
}

.AssessmentBlock__messengersTitle {
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
	color: #131313
}

.AssessmentBlock__messengers {
	display: flex;
	justify-content: center;
	margin-bottom: 12px;
	border: 2px solid #d0ab83;
	padding: 16px;
	border-radius: 16px;
	gap: 16px
}

.AssessmentBlock__messengerLink {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	transition: transform .3s
}

.AssessmentBlock__messengerLink:hover {
	transform: translateY(-2px)
}

.AssessmentBlock__caption {
	font-size: .875rem;
	margin-bottom: 32px;
	text-align: center;
	font-weight: 600;
	line-height: 1.6;
	color: rgba(19, 19, 19, .7)
}

.AssessmentBlock__scrollWrapper {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	height: 100%
}

.AssessmentBlock__image {
	display: block;
	bottom: 0;
	margin-bottom: -100px
}

.AssessmentBlock__messengerIcon {
	width: 48px;
	height: 48px;
	color: #d0ab83;
	fill: #d0ab83
}

.AssessmentBlock__messengerIcon .icon__wrapper {
	position: relative;
	padding-bottom: 100%
}

.RequirementBlock__caption {
	font-size: 22px;
	margin-bottom: 16px;
	font-weight: 600
}

.PriceBlock__image {
	display: block;
	bottom: 0;
	position: sticky;
	margin-bottom: -100px;
	z-index: 1
}

.PriceBlock__image::before {
	content: "";
	position: absolute;
	border-radius: 100%;
	z-index: -1;
	bottom: -130px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #b3b3b3
}

.FormBlock__image::before,
.SeoBlock__image::before {
	content: "";
	border-radius: 100%;
	z-index: -1;
	bottom: -50px;
	left: 0;
	background-color: #b3b3b3
}

.PriceBlock__itemTitle {
	font-weight: 600;
	font-size: 1.125rem;
	margin-bottom: 12px
}

.PriceBlock__itemDescription {
	line-height: 1.6
}

.ExamplesBlock__slide {
	height: auto;
	position: relative;
	padding: 4px
}

.ExamplesBlock__imageLink {
	width: 100%;
	display: block
}

.ExamplesBlock__picture {
	padding-bottom: 139.8785425101%;
	border-radius: 8px
}

.AdvantagesBlock {
	padding: 100px 0;
	position: relative;
	z-index: 2;
	background-color: #fefefe
}

.CitiesBlock__link:hover {
	color: #f44336
}

.AdvantagesBlock__advantages {
	display: grid;
	grid-template-rows: auto
}

.FaqBlock__grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 12px 32px
}

.ClientsBlock__grid,
.GalleryBlock__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.ClientsBlock__grid {
	grid-gap: 16px
}

.ClientsBlock__imageWrapper {
	padding-bottom: 100%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	width: 100%
}

.FormBlock__column,
.SeoBlock__column {
	overflow-x: visible;
	position: relative
}

.ClientsBlock__picture {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.GalleryBlock {
	background-color: #131313;
	padding: 100px 0 0
}

.FormBlock__column {
	height: 100%
}

.FormBlock__image {
	display: block;
	bottom: 0;
	margin-bottom: -100px;
	z-index: 1
}

.FormBlock__image::before {
	position: absolute;
	width: 100%;
	height: 100%
}

.SeoBlock--white {
	background-color: #fff
}

.SeoBlock__title {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 32px
}

.SeoBlock__grid {
	display: grid;
	grid-gap: 64px;
	grid-template-columns: 1fr
}

.SeoBlock__text {
	line-height: 1.6
}

.SeoBlock__column {
	height: 100%
}

.SeoBlock__scrollWrapper {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	height: 100%;
	overflow-x: visible
}

.SeoBlock__image {
	display: block;
	position: sticky;
	bottom: 0;
	margin: 0 0 -100px;
	z-index: 1
}

.SeoBlock__image::before {
	position: absolute;
	width: 100%;
	height: 100%
}

.CitiesBlock__item {
	display: flex;
	align-self: flex-start
}

.ArticlesBlock__title,
.CitiesBlock__title {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1.2
}

.ArticlesBlock {
	margin: 100px 0
}

.ArticlesBlock__title {
	margin-bottom: 64px
}

.ArticlesBlock__grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 24px
}

.BlogBlock {
	background-color: #fefefe;
	padding: 100px 0
}

.BlogBlock .ArticleCard__title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.BlogBlock__slider {
	overflow: hidden;
	margin-bottom: 32px
}

.BlogBlock__slide {
	border-radius: 8px;
	position: relative;
	padding: 4px
}

html:root .BlogBlock__slide {
	display: flex;
	height: auto
}

.CitiesBlock__grid {
	/* display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 6px */
	column-count: 4;       
    column-gap: 6px;
}

.CitiesBlock__titleRow {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 32px;
	padding-bottom: 16px
}

.CitiesBlock__link {
    break-inside: avoid;
	font-size: .75rem;
	transition: color .6s;
	flex-shrink: 0;
	width: 100%;
	max-width: 320px;
	display: flex;
	align-items: center;
	line-height: 1.6;
	text-transform: uppercase
}

.CitiesBlock__icon {
	transition: color .6s;
	width: 12px;
	color: #d0ab83;
	margin-right: 4px
}

.CitiesBlock__icon .icon__wrapper {
	position: relative;
	padding-bottom: 100%
}

@media (max-width: 768px) {
  .CitiesBlock__grid {
    column-count: 2;
  }
}

.RewardBlock {
	padding: 100px 0;
	background: #0a1438;
	background: linear-gradient(0deg, #0a1438 0, #151d4b 100%)
}

.RewardBlock__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 64px;
	align-items: center
}

.RewardBlock__title {
	color: #fff;
	font-size: 2rem;
	margin-bottom: 32px
}

.RewardBlock__description {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 32px;
	color: #d0ab83
}

.RewardBlock__caption {
	font-size: 1.125rem;
	color: #fff;
	margin-bottom: 32px
}

.RewardBlock__link {
	font-weight: 600;
	font-size: 1.125rem;
	color: #fff;
	text-decoration: underline !important
}

.RewardBlock__link:hover {
	color: #d0ab83
}

.RewardBlock__image {
	box-shadow: 0 0 30px 0 #36437b
}

@media (min-width:35.5em) {
	.sl-wrapper .sl-navigation button {
		width: 44px
	}

	.sl-wrapper .sl-navigation button.sl-next {
		right: 10px;
		font-size: 3rem
	}

	.sl-wrapper .sl-navigation button.sl-prev {
		left: 10px;
		font-size: 3rem
	}

	.sl-wrapper .sl-image iframe,
	.sl-wrapper .sl-image img {
		border: 0
	}
}

@media (min-width:425px) {
	.Button {
		min-height: 68px;
		font-size: 18px;
		padding: 22px
	}

	.Hamburger {
		width: 46px;
		height: 46px
	}

	.StickyFormWidget,
	.StickyFormWidget::after {
		width: 64px;
		height: 64px
	}

	.StickyFormWidget {
		font-size: 2rem;
		right: 32px;
		bottom: 32px
	}

	.LandingBlock__title {
		font-size: 2.125rem
	}
}

@media (min-width:640px) {

	.ActionBlock__description:not(:last-child),
	.LandingBlock__description:not(:last-child) {
		margin-bottom: 10px
	}

	.Footer__phoneIcon .icon__wrapper,
	.GradeBlock__icon .icon__wrapper {
		position: relative;
		padding-bottom: 100%
	}

	html:root .BlogBlock__slide,
	html:root .ExamplesBlock__slide {
		width: calc(33.3333333333% + 5.3333333333px)
	}

	.BlogBlock__slide:last-child,
	.ExamplesBlock__slide:last-child {
		margin-right: -16px
	}

	.OffCanvas__bar {
		width: 420px;
		max-width: 420px
	}

	.OffCanvas__top {
		padding: 32px 32px 40px
	}

	.OffCanvas__info {
		gap: 20px;
		margin-bottom: 40px;
		padding-bottom: 32px
	}

	.LandingBlock__descriptions,
	.LandingBlock__title,
	.Quiz__title {
		margin-bottom: 16px
	}

	.OffCanvas__logo {
		width: 70px;
		height: 70px
	}

	.OffCanvas__buttons {
		padding: 40px 32px 32px;
		gap: 16px
	}

	.Quiz__steps {
		font-size: 1rem
	}

	.Quiz__title {
		font-size: 2rem
	}

	.Quiz__label {
		padding: 20px 16px;
		font-size: 1.0625rem;
		min-height: 80px
	}

	.Quiz__label.active::before {
		width: 28px;
		height: 28px;
		font-size: 1rem
	}

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

	.Quiz__buttons {
		margin-top: 48px
	}

	.Quiz__success {
		padding: 60px 40px
	}

	.ArticleCard__footer {
		padding: 20px
	}

	.ActionBlock,
	.GradeBlock__wrapper {
		padding: 32px
	}

	.ActionBlock__buttons {
		grid-gap: 24px;
		max-width: 500px;
		grid-template-columns: repeat(2, 1fr)
	}

	.ActionBlock__description {
		font-size: 18px
	}

	.Footer__phone {
		font-size: 1.5rem
	}

	.Footer__phoneIcon {
		width: 24px
	}

	.Footer__legal {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		gap: 24px
	}

	.LandingBlock__description {
		font-size: 18px
	}

	.LandingBlock__buttons {
		grid-gap: 24px;
		max-width: 420px;
		grid-template-columns: 1fr
	}

	.ArticlesBlock__grid,
	.AssessmentBlock__grid,
	.FaqBlock__grid,
	.FormBlock__grid,
	.GradeBlock__grid,
	.GradeBlock__iconWrapper,
	.PriceBlock__grid,
	.SellStepsBlock__descriptionRow,
	.SeoBlock__grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.LandingBlock__imageWrapper {
		max-width: 600px;
		position: absolute;
		bottom: -24px;
		right: 0
	}

	.GradeBlock__iconWrapper {
		width: 32px;
		height: 32px
	}

	.GradeBlock__icon {
		width: 24px
	}

	.SellStepsBlock__grid {
		grid-template-columns: repeat(3, 1fr)
	}

	.BlogBlock__slide,
	.ExamplesBlock__slide {
		max-width: unset;
		padding-left: 0;
		padding-right: 16px
	}

	.CitiesBlock__grid,
	.ClientsBlock__grid {
		grid-template-columns: repeat(4, 1fr)
	}

	.GalleryBlock__grid {
		grid-template-columns: repeat(5, 1fr)
	}

	.SeoBlock__image {
		margin: -100px 0
	}
}

@media (min-width:769px) {
	.TimedModal__buttons {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px
	}
}

@media (min-width:50em) {
	.sl-wrapper .sl-navigation button {
		width: 44px
	}

	.sl-wrapper .sl-navigation button.sl-next {
		right: 20px;
		font-size: 3rem
	}

	.sl-wrapper .sl-navigation button.sl-prev {
		left: 20px;
		font-size: 3rem
	}

	.sl-wrapper .sl-image iframe,
	.sl-wrapper .sl-image img {
		border: 0
	}
}

@media (min-width:900px) {

	.ExamplesBlock__title,
	.RequirementBlock__title {
		margin-bottom: 64px
	}

	.BlogBlock__title,
	.FaqBlock__title,
	.GalleryBlock__title,
	.Title--section {
		font-size: 2rem;
		margin-bottom: 64px
	}

	.ArticlesBlock__title,
	.AssessmentBlock__title,
	.CitiesBlock__title,
	.ExamplesBlock__title,
	.FeedbackForm__title,
	.PriceBlock__title,
	.RequirementBlock__title,
	.SellStepsBlock__title,
	.SeoBlock__title {
		font-size: 2rem
	}

	.Header__logo {
		max-width: 200px;
		max-height: 80px
	}

	.LandingBlock__title {
		font-size: 2.875rem
	}

	.LandingBlock__buttons {
		grid-template-columns: 1fr;
		max-width: 420px
	}

	.ArticlesBlock__grid {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (min-width:1200px) {
	.NoteCard {
		padding: 36px
	}

	.OffCanvas {
		display: none !important
	}

	.Hamburger {
		cursor: pointer
	}

	.Advantage__iconWrapper {
		width: 42px;
		height: 42px
	}

	.Advantage__icon {
		width: 32px;
		height: 32px;
		top: calc(50% - 16px);
		left: calc(50% - 16px)
	}

	.Advantage__icon .icon__wrapper {
		position: relative;
		padding-bottom: 100%
	}

	.Header__logo {
		max-width: 220px;
		max-height: 88px
	}

	.Header__row {
		gap: 30px
	}

	.navbar__list {
		gap: 32px
	}

	.Header__rightBlock {
		gap: 20px
	}

	.LandingBlock__container {
		position: relative
	}

	.LandingBlock__imageWrapper {
		max-width: 750px;
		right: -150px
	}

	.RequirementBlock__items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 24px
	}

	.RequirementBlock__item:not(:last-child) {
		margin-bottom: 0
	}

	.BlogBlock,
	.ExamplesBlock {
		max-width: 1024px;
		margin: 0 auto
	}

	.AdvantagesBlock__advantages {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 56px 24px
	}
}

@media (max-width:1199px) {
	.Button--fullWidth {
		width: 100%
	}

	.Header__row {
		gap: 16px
	}

	.Header__navigation {
		display: none
	}

	.Header__hamburger {
		display: block
	}

	.navbar__list {
		gap: 20px
	}

	.navbar__dropbtn,
	.navbar__link {
		font-size: .875rem
	}

	.AdvantagesBlock__advantages {
		grid-template-columns: 1fr;
		grid-gap: 24px
	}
}

@media (max-width:899px) {

	.GalleryBlock__image:last-child,
	.Header__rightBlock {
		display: none
	}

	.Footer__inner {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px
	}

	.Footer__row:nth-child(3) {
		grid-column: 1/-1;
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 32px
	}

	.Footer__section:last-child {
		flex: 1;
		align-items: center
	}

	.PriceBlock__columnFirst,
	.SellStepsBlock__columnFirst,
	.SeoBlock__columnFirst {
		order: 2
	}

	.PriceBlock__columnSecond,
	.SellStepsBlock__columnSecond,
	.SeoBlock__columnSecond {
		order: 1
	}

	.RewardBlock__grid {
		grid-template-columns: 1fr
	}
}

@media (max-width:768px) {
	.TimedModal__button {
	
	}
	.TimedModal__buttons {
		display:flex
	}
	.CalculationModal__container .input {
		    height: 44px;font-size: 16px;
	}
	.CalculationModal__container .Button {
		min-height: 45px;
        font-size: 16px;
        padding: 14px;
	}
	.CalculationModal__container {
		padding: 24px 16px;
		width: 95%
	}

	#timedModal .CalculationModal__container {
		padding: 32px 24px;
		max-width: 90%
	}

	.TimedModal__title {
		font-size: 20px;
		margin-bottom: 12px
	}

	.TimedModal__subtitle {
		font-size: 14px;
		margin-bottom: 24px
	}

	.TimedModal__button {
		padding: 12px 14px;
		font-size: 14px;
		min-height: 52px;
		gap: 6px
	}

	.TimedModal__buttonIcon {
		width: 20px;
		height: 20px
	}

	.TimedModal__buttonText {
		font-size: 13px;
		max-width: 80px
	}
}

@media (max-width:639px) {

	.Header__logo,
	.Header__logoLink {
		max-width: 140px
	}

	html:root .BlogBlock__slide,
	html:root .ExamplesBlock__slide {
		width: calc(66.6666666667% + 10.6666666667px)
	}

	.BlogBlock__slide:last-child,
	.ExamplesBlock__slide:last-child {
		margin-right: -16px
	}

	.container {
		padding: 0 16px
	}

	.OffCanvas__phoneBlock {
		align-items: center
	}

	.OffCanvas__phone {
		font-size: .875rem
	}

	.FeedbackForm__grid,
	.accordion {
		gap: 12px
	}

	.Quiz__step {
		min-height: 536px
	}

	.Quiz__oneMobileColumn {
		grid-template-columns: 1fr;
		grid-gap: 12px
	}

	.Quiz__gridContacts {
		grid-gap: 24px;
		grid-template-columns: 1fr
	}

	.Article__title {
		font-size: 25px
	}

	.Article h1 {
		font-size: 20px
	}

	.ActionBlock {
		padding: 16px
	}

	.accordion__trigger {
		padding: 20px 24px
	}

	.accordion__title {
		font-size: 16px
	}

	.Footer__legalLink,
	.Footer__legalText {
		font-size: .75rem
	}

	.accordion__text {
		padding: 24px
	}

	.accordion__text p {
		font-size: 14px
	}

	.Header {
		height: 80px
	}

	.Header__logo {
		max-height: 56px
	}

	.Footer {
		padding: 64px 0 24px
	}

	.Footer__inner {
		grid-template-columns: 1fr;
		gap: 32px;
		margin-bottom: 32px
	}

	.Footer__row:nth-child(3) {
		flex-direction: column;
		align-items: center;
		text-align: center
	}

	.Footer__section:last-child {
		width: 100%
	}

	.Footer__icons {
		justify-content: center
	}

	.Footer__divider {
		margin: 32px 0 24px
	}

	.Footer__legalLinks {
		gap: 12px 16px
	}

	.Footer__copyright {
		font-size: .6875rem;
		padding-top: 16px
	}

	.CalculationBlock {
		padding: 64px 0;
		min-height: 100dvh
	}

	.BlogBlock__slide,
	.ExamplesBlock__slide {
		max-width: unset;
		padding-left: 0;
		padding-right: 16px
	}
}

@media (max-width:480px) {
	#timedModal .CalculationModal__container {
		padding: 24px 20px;
		max-width: 95%
	}

	.TimedModal__title {
		font-size: 18px
	}

	.TimedModal__subtitle {
		font-size: 13px;
		margin-bottom: 20px
	}

	.TimedModal__buttons .TimedModal__buttonText {
		display:none
	}

	.TimedModal__button {
		        padding: 10px 11px;
        font-size: 15px;
        min-height: 39px;
		gap: 8px;
		width: 100%;
		max-width: 100%
	}

	.TimedModal__buttonText {
		max-width: none
	}
}

@media (max-width:424px) {
	.FeedbackForm__label>.FeedbackForm__consentText {
		font-size: 8.25px;
color:#B3B3B3;
		text-align:center
		
	}
	.Button {
		font-size: 14px;
		padding: 18px;
		min-height: 48px;
		font-weight:400;
	}

	.Hamburger {
		width: 32px;
		height: 32px
	}

	.StickyFormWidget,
	.StickyFormWidget::after {
		width: 42.6666666667px;
		height: 42.6666666667px
	}

	.StickyFormWidget {
		font-size: 1.5rem;
		right: 16px;
		bottom: 16px
	}
}

@media only screen and (max-width:360px) {

	.toastify-left,
	.toastify-right {
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		max-width: -moz-fit-content;
		max-width: fit-content
	}
}

@media (max-width:360px) {
	.TimedModal__button {
		padding: 12px;
		font-size: 13px;
		min-height: 48px
	}

	.TimedModal__buttonIcon {
		width: 18px;
		height: 18px
	}

	.TimedModal__buttonText {
		font-size: 12px
	}

	.Header__logo {
		max-width: 100px;
		max-height: 40px
	}
}

@media (min-width:481px)and (max-width:768px) {
	.TimedModal__buttons {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 8px
	}
}

@media (prefers-reduced-motion:reduce) {

	.OffCanvas,
	.OffCanvas__overlay {
		transition: opacity .2s, visibility .2s
	}

	.OffCanvas__bar {
		transition: transform .2s
	}
}

.Footer__textLink {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 10px;
}

.Footer__textLink .Footer__caption {
	color: rgba(254, 254, 254, 0.6);
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}

.Footer__textLink .Footer__caption__white {
	color: white;
}

@media (max-width: 1200px) {
	.wp-block-video video {
		width: 100%;
	}
}


.partner-banner-section {
	padding: 60px 0;
	width: 100%;
}

.container {
	max-width: 1494px;
	margin: 0 auto;
	padding: 0 15px;
}

.partner-banner {
	width: 100%;
	height: 450px;
	position: relative;
	background: linear-gradient(90deg, #D0AB83 0%, #E7BE91 50%, #FFD19F 100%);
	overflow: hidden;
	border-radius: 70px;
	margin-top: 80px;
}

.partner-banner__content {
	width: 736px;
	position: absolute;
	left: 96px;
	top: 74px;
	display: flex;
	flex-direction: column;
	gap: 46px;
	z-index: 2;
}

.partner-banner__text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.partner-banner__title {
	color: white;
	font-size: 60px;
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	line-height: 62px;
}

.partner-banner__description {
	color: white;
	font-size: 18px;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	line-height: 23px;
}

.partner-banner__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	background: white;
	border-radius: 35px;
	padding: 21px 42px;
	text-decoration: none;
	transition: transform 0.3s ease;
}

.partner-banner__button span {
	color: #D0AB83;
	font-size: 21px;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
}

.partner-banner__button:hover {
	transform: scale(1.05);
}

.partner-banner__image {
	position: absolute;
	width: 1024px;
	height: 1024px;
	left: 668px;
	top: -250px;
	z-index: 1;
}

.partner-banner__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.TimedModal__button--max {
	background: linear-gradient(45deg, #44CCFF, #5533EE, #9933EE);
	color: white
}

.LandingBlock__button--max {
	background: linear-gradient(45deg, #44CCFF, #5533EE, #9933EE);
}

.Footer__iconLink:hover[title=VK] {
	background: rgb(35 158 217 / .15);
	border-color: rgb(35 158 217 / .3);
	color: #229ed9;
}

.Footer__iconLink:hover[title=MAX] {
	background: rgb(35 158 217 / .15);
	border-color: rgb(35 158 217 / .3);
	color: #229ed9;
}

.Footer__iconLink:hover[title=MAX] svg {

	fill: white;
}

/* Адаптивность - один в один как на макете до 768px, затем адаптируем */
@media (max-width: 1600px) {
	.container {
		max-width: 1200px;
	}

	.partner-banner {
		height: 400px;
	}

	.partner-banner__content {
		width: 600px;
		left: 60px;
		top: 60px;
	}

	.partner-banner__title {
		font-size: 48px;
		line-height: 50px;
	}

	.partner-banner__image {
		width: 800px;
		height: 800px;
		left: 500px;
		top: -200px;
	}
}
@media (max-width: 1440px) { 
	.LandingBlock__title {
		        font-size: 2.7rem;
	}
	.LandingBlock__description {
		font-size: 16px;
	}
}
@media (max-width: 1200px) {
	.container {
		max-width: 1000px;
	}

	.partner-banner {
		height: 350px;
		border-radius: 50px;
	}

	.partner-banner__content {
		width: 500px;
		left: 50px;
		top: 50px;
	}

	.partner-banner__title {
		font-size: 40px;
		line-height: 42px;
	}

	.partner-banner__image {
		width: 650px;
		height: 650px;
		left: 400px;
		top: -150px;
	}
}

@media (max-width: 992px) {
	.container {
		max-width: 90%;
	}

	.partner-banner {
		height: 320px;
		border-radius: 40px;
	}

	.partner-banner__content {
		width: 60%;
		left: 40px;
		top: 40px;
		gap: 30px;
	}

	.partner-banner__title {
		font-size: 32px;
		line-height: 34px;
	}

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

	.partner-banner__button {
		padding: 16px 32px;
	}

	.partner-banner__button span {
		font-size: 18px;
	}

	.partner-banner__image {
		width: 500px;
		height: 500px;
		left: 300px;
		top: -100px;
	}
}

/* На мобильных скрываем изображение как на макете */
@media (max-width: 768px) {
	.partner-banner {
		height: auto;
		min-height: 300px;
		padding: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-radius: 30px;
	}

	.partner-banner__content {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		align-items: center;
	}

	.partner-banner__image {
		display: none;
	}

	.partner-banner__title {
		font-size: 28px;
		line-height: 30px;
		text-align: center;
	}

	.partner-banner__description {
		font-size: 15px;
		line-height: 19px;
		text-align: center;
	}

	.partner-banner__button {
		padding: 16px 32px;
	}

	.partner-banner__button span {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.partner-banner-section {
		padding: 40px 0;
	}

	.partner-banner {
		padding: 30px 20px;
		border-radius: 25px;
		min-height: 250px;
	}

	.partner-banner__title {
		font-size: 24px;
		line-height: 26px;
	}

	.partner-banner__description {
		font-size: 14px;
		line-height: 18px;
	}

	.partner-banner__button {
		padding: 12px 25px;
		border-radius: 25px;
	}

	.partner-banner__button span {
		font-size: 16px;
	}
}