/* Start:/local/templates/.default/dist/css/page/franchise/style.css?176968687945722*/
:root{
	--space-container: 40px;
}
html body{
	background-color: #fff;
}
.wrapper {
	overflow-x: hidden;
}
.franchise-btn:after{
	content: '';
	width: 43px;
	height: 43px;
	border-radius: 100%;
	background-color: #D9DFA3;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2216%22%20viewBox%3D%220%200%2015%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.00006%2014.0718L13.7961%201.08351M13.7961%201.08351L1.08594%201M13.7961%201.08351L13.7189%2012.8336%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;

	position: absolute;
	right: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .2s linear;
}
.franchise-btn{
	cursor: pointer;
	display: flex;
	align-items: center;
	width: 359px;
	height: 58px;
	border-radius: 30px;
	background: #F4F4F4;
	backdrop-filter: blur(40px);
	text-decoration: none;

	position: relative;
	transition: all .2s linear;

	padding-left: 71px;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
}
.franchise-btn:hover{
	background-color: #D9DFA3;
	color: #FFFFFF;
}

.franchise-btn.orange-icon-plus{
	background-color: #D9DFA3;
	width: 308px;
	justify-content: center;
	padding: 0 35px 0 0;
	color: #fff;
}
.franchise-btn.orange-icon-plus:after{
	background-color: #FFFFFF;
	background-image: url('data:image/svg+xml,%3Csvg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cline x1="8.30298" y1="1" x2="8.30298" y2="17.5777" stroke="%23654A43" stroke-width="2" stroke-linecap="round"/%3E%3Cline x1="15.7739" y1="9.52197" x2="1" y2="9.52197" stroke="%23654A43" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.franchise-btn.orange-icon-plus:hover{
	background-color: #F4F4F4;
	color:#000000;
}
.franchise-btn.orange-icon-plus:hover:after{
	background-image: url('data:image/svg+xml,%3Csvg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cline x1="8.30298" y1="1" x2="8.30298" y2="17.5777" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round"/%3E%3Cline x1="15.7739" y1="9.52197" x2="1" y2="9.52197" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
	background-color: #D9DFA3;
}
.hero-title {
	line-height: 1.05;
}
.hero__letters{
	opacity: 0;
	display: flex;
	position: relative;
	padding-top: 850px;
}
.hero__letters .hero__letter {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
.hero__letters .hero__letter:nth-child(1){
	left: -450px;
	top: 80px;
}
.hero__letters .hero__letter:nth-child(2){
	margin: auto;
	top: -20px;
}
.hero__letters .hero__letter:nth-child(3){
	left: auto;
	right: -394px;
	top: 75px;
}


.hero:has(.hero__background) .hero__letters .hero__letter {
	position: absolute;
	left: 0;
	right: 0;
	max-width: 300px;
	top: auto;
	bottom: 345px;
}
.hero:has(.hero__background) .hero__letters .hero__letter:nth-child(1) {
	left: auto;
	top: auto;
	right: 453px;
	bottom: 320px;
}
.hero__title {
	z-index: 9;
	position: absolute;
	top: 470px;
	left: 45px;
	font-size: 31px;
	color: #654a43;
	text-shadow: none;
	font-weight: 500;
	background-image: url(/local/templates/.default/dist/img/franchise/betonewomen-logo.png);
	background-size: 466px;
	background-position: bottom left;
	padding: 0 0 130px 0;
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.payback-calculator__group input#rent {
	line-height: 56px;
}
.payback-calculator__group input#rent::placeholder {
	font-size: 20px;
	opacity: .8;
	line-height: 56px;
	position: relative;
	top: -2px;
}
.hero:has(.hero__background) .hero__letters .hero__letter:nth-child(2) {
	top: auto;
	right: 268px;
	left: auto;
	bottom: 337px;
}
.hero:has(.hero__background) .hero__letters .hero__letter:nth-child(3) {
	left: auto;
	right: 120px;
}


.title-line {
	display: inline-flex;
	align-items: center;
	gap: 16px; /* расстояние между текстом и тумблером */
}
.hero-betone__btn {
	margin: 58px 0 0 auto;
}
.pill {
	flex-shrink: 0;
	transform: translateZ(0); /* чтобы не мылось */
}

.pill.orange{
	background-color: #D9DFA3;
}
.pill {
	position: relative;
	overflow: hidden;
	display: inline-block;
	height: 71px;
	background: #D9D9D9;
	width: 177px;
	border-radius: 30px;
}
.pill img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.pill[data-dir="left"] img {
	transform: scale(1.4) translate(-33px, 0);
}
.pill.no-scale[data-dir="left"] img {
	transform: scale(1) translate(-33px, 0);
}
.pill.no-scale[data-dir="center"] img {
	transform: scale(1) translate(-33px, 0);
}
.pill[data-dir="right"] img {
	transform: scale(1.4) translate(33px, 0);
}
.pill__fill{
	position:absolute; inset:0;
	width:55%; /* “оранжевая половина” */
	border-radius: 999px;
	background: #D9DFA3;
	transform: translateX(-60%);
}
.pill__content{ position:relative; z-index:2; }
.hero{
	position: relative;
	overflow: hidden;
}
.hero__card {
	opacity: 0;
	position: absolute;
	top: 425px;
	right: 270px;
	margin: auto;
	width: 333px;
	aspect-ratio: 1 / 1;
	border-radius: 30px;
	padding: 33px;
	background: #F4F4F421;
	backdrop-filter: blur(40px);
	transform: rotate(-9.31deg);
}
.hero__card__text{
	font-weight: 500;
	font-size: 15px;
	line-height: 120%;
}
.hero__card__lines{
	margin: 20px 0;
}
.hero__card__total{
	font-weight: 700;
	font-size: 58px;
	line-height: 100%;
	margin: 20px 0 20px;
}
.hero-title{
	display: flex;
	flex-direction: column;

	font-weight: 700;
	font-size: 77px;
	line-height: 117%;
	text-transform: uppercase;
}
.hero__content{
	padding: 0 var(--space-container);
}
.map{
	margin-top: 200px;
	padding: 0 var(--space-container);
}
.map__title{
	max-width: 800px;

	font-weight: 400;
	font-size: 35px;
	line-height: 100%;
	text-transform: uppercase;

}
.map__heading{
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.map__media { position: relative; overflow: hidden; border-radius: 24px; }
.map__img { width: 100%; display:block; transform-origin: 50% 50%; }
.map-pin{
	width: 49px;
	height: 49px;
	position:absolute;
	left: var(--x); top: var(--y);
	transform: translate(-50%, -50%);
	border-radius: 100%;
	will-change: transform;
	background-color: #D9DFA3;
	background-image: url(/local/templates/.default/dist/img/franchise/btn.png);
	background-repeat: no-repeat;
	background-position: center;
	border: none;
}

/* кольцо */
.map-pin::after{
	content:"";
	position:absolute;
	inset:-10px;                 /* размер обруча вокруг */
	border-radius: 999px;
	border: 2px solid rgba(217,223,163,0.55);
	transform: scale(0.7);
	opacity: 0;
	pointer-events: none;
}

/* включаем пульс когда надо */
.map-pin.is-pulsing::after{
	animation: pinPulse 1.8s ease-out infinite;
}


.js-float-card { will-change: transform; transform: translateZ(0); }
@media (prefers-reduced-motion: reduce) {
	.js-float-card { transition: none !important; animation: none !important; }
}
.about { position: relative;  margin: 185px 0 120px;}

.about__gallery {
	position: relative;
	height: 1226px;
	border-radius: 24px;     /* если надо */
}

.about-card {
	position: absolute;
	left: 0; top: 0;
	will-change: transform;
	transform: translate3d(0,0,0);
}
.pill.color-chocolate{
	background-color: #654A43;
}
.hero__background {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 800px;
	width: 100%;
	object-fit: cover;
	object-position: top;
}
.about__title {
	font-weight: 700;
	font-size: 154px;
	line-height: 109%;
	text-transform: uppercase;
	color: #EEEEEE;
	text-align: right;
	padding: 0 var(--space-container);
}
.quotes{
	background-image: url(/local/templates/.default/dist/img/franchise/quotes.svg);
	background-position: var(--space-container) 0;
	background-repeat: no-repeat;
	padding: 190px var(--space-container) 0;
	display: flex;
	flex-direction: column;
	gap: 130px;
}
.quotes__item span{
	color: #EEEEEE;
}
.quotes__item{
	font-weight: 400;
	font-size: 50px;
	line-height: 110%;
	text-transform: uppercase;

}
.quotes__item .flex {
	align-items: center;
	gap: 0 25px;
}
.quotes__item{
	max-width: 1000px;
}
.quotes__item:last-child {
	margin: 0 0 0 auto;
}
.video video{
	width: 100%;
	border-radius: 30px;
}
.video{
	padding: 0 var(--space-container);
	border-radius: 30px;
	overflow: hidden;
	margin: 200px 0;
}

.shears{
	padding: 0 var(--space-container);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}
.shears__title{
	font-weight: 700;
	font-size: 84px;
	line-height: 109%;
	text-transform: uppercase;
	color: #EEEEEE;
	width: 780px;
}
.shears__animate .tools-section{
	position: absolute;
	transform: translate(2px, 30px);
}
.shears__animate{
	position: relative;
	background-image: url(/local/templates/.default/dist/img/logo.svg);
	background-position: center 62px;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: 700px;
}
.shears__animate img {
	margin-top: 45px;
}

.hs-hit { pointer-events: all; fill: transparent; }
.hs-ring { pointer-events: none; fill: none; }
.tools-section{ position: relative; }

.tools-label{
	position: absolute;
	max-width: 260px;
	pointer-events: none;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity .25s ease, transform .25s ease;

	color: #000000;
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;

}

.tools-label.is-visible{
	opacity: 1;
	transform: translateY(0);
}

.js-tools-section{ position: relative; }
.tools-label{
	position:absolute;
	pointer-events:none;
	max-width:260px;

	display: flex;
	flex-direction: column;
}
.hs-hit{ pointer-events: all; fill: transparent; }
.hs-ring{ pointer-events:none; fill:none; }
.tool-hs{ cursor:pointer; }

.tools-label span{
	background: #F4F4F49E;
	backdrop-filter: blur(40px);
	border-radius: 30px;
	color: #00000061;
	font-weight: 300;
	font-size: 16px;
	line-height: 100%;
	padding: 25px 25px 25px 38px;
	margin-top: 15px;
	margin-left: -22px;
}


.tools-label[data-id="hs-1"]{     left: -137px;
	top: 291px; } /* пример */
.tools-label[data-id="hs-2"] {
	left: 364px;
	top: 600px; }
.tools-label[data-id="hs-3"]{         left: -140px;
	top: -6px; }
.tools-label[data-id="hs-4"]{     left: 173px;
	top: 405px; }
.tools-label[data-id="hs-5"] {
	right: 32px;
	top: 340px;
}

.route-block {
	position: relative;
	padding: 0 var(--space-container);
	margin: 400px 0 200px;
}
.route-block__inner {
	position: relative;
	max-width: 1350px;
	margin: 0 auto;
	padding: 155px 0 104px;
}

.route-svg { width: 100%; height: auto; display: block; }

.route {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.route--gray { stroke-width: 1; }
.route--orange { stroke-width: 1.5; }

.route-block__title {
	font-weight: 700;
	font-size: 84px;
	line-height: 109%;
	text-align: right;
	text-transform: uppercase;
}
.route-block__text span:last-child,
.route-block__text span:nth-child(1){
	font-weight: 400;
	color: #000;
}
.route-block__num span {
	font-weight: 700;
	font-size: 113px;
	line-height: 100%;
	color: #F0F0F0;

	position: absolute;
}
.route-block__text span {
	font-weight: 300;
	font-size: 29px;
	line-height: 100%;
	color: #00000061;

	position: absolute;
}
.route-block__text span:nth-child(1){
	top: 21%;
	left: 33px;
}
.route-block__text span:nth-child(2){
	top: 21%;
	right: 42%;
}
.route-block__text span:nth-child(3){
	top: 21%;
	right: 12%;
}
.route-block__text span:nth-child(4){
	top: 56%;
	left: 63%;
}
.route-block__text span:nth-child(5){
	top: 56%;
	left: 21%;
}
.route-block__text span:nth-child(6){
	bottom: 29px;
	right: 65%;
}
.route-block__text span:nth-child(7){
	bottom: 29px;
	right: 35%;
}
.route-block__text span:nth-child(8){
	bottom: 29px;
	right: 64px;
}
.route-block__num span:nth-child(1){
	top: 3%;
	left: 8px;
}
.route-block__num span:nth-child(2){
	top: 3%;
	right: 53.5%;
}
.route-block__num span:nth-child(3){
	top: 3%;
	right: 17.5%;
}
.route-block__num span:nth-child(4){
	top: 40%;
	left: 61.5%;
}
.route-block__num span:nth-child(5){
	top: 40%;
	left: 20%;
}
.route-block__num span:nth-child(6){
	bottom: 155px;
	right: 79%;
}
.route-block__num span:nth-child(7){
	bottom: 155px;
	right: 44%;
}
.route-block__num span:nth-child(8){
	bottom: 155px;
	right: 175px;
}

.route-block__text span,
.route-block__num span {
	opacity: 0;
	transition: opacity 1.25s ease, font-weight 1.25s ease;
}

.route-block__text span.active,
.route-block__num span.active {
	opacity: 1;
}

/* точки */
.route-svg .js-step-dot {
	transition: fill .25s ease;
	fill: #000; /* неактив */
}

.route-svg .js-step-dot.is-active {
	fill: #D9DFA3; /* актив */
}
.route-svg .route--orange {
	opacity: 0;
	visibility: hidden;
}

.region-stats {
	--orange: #D9DFA3;
	--bg: #f4f4f4;
	--text: #0b0b0b;
	--muted: #000;
	--radius: 30px;
	color: var(--text);

	padding: 0 var(--space-container);
}

.region-stats__tabs {
	background: #eee;
	border-radius: 999px;
	padding: 8px;
	display: flex;
	gap: 8px;
	max-width: 100%;
	margin: 0 auto 20px;
}

.region-stats__tab {
	flex: 1;
	border: 0;
	background: transparent;
	border-radius: 999px;
	padding: 16px 16px;
	cursor: pointer;
	font-size: 16px;
	color: rgba(0,0,0,.6);
	transition: background .2s ease, color .2s ease;
}

.region-stats__tab.is-active {
	background: #D9DFA3FF;
	color: #654A43;
}
.quotes__item .flex{
	display: flex;
}
.region-stats__card {
	background: var(--bg);
	border-radius: var(--radius);
	padding: 34px;
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 22px;
	align-items: stretch;
}

.region-stats__kicker {
	font-weight: 700;
	font-size: 29px;
	line-height: 109%;
	text-transform: uppercase;
	color: #000000;
}


.region-stats__grid {
	margin-top: 18px;
	display: flex;
	gap: 14px;
	align-items: start;
}
.region-stats__col:last-child {
	position: relative;
	padding-left: 59px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.region-stats__col:first-child {
	display: flex;
	flex-wrap: wrap;
	gap: 23px 16px;
	flex: 0 0 572px;
}
.region-stats__city {
	color: var(--orange);
	font-weight: 700;
	font-size: 57px;
	line-height: 115%;
	text-transform: uppercase;
	flex: 0 0 100%;
}
.region-stats__item {
	min-height: 58px;
}

.region-stats__label {
	color: var(--muted);
	margin-bottom: 7px;
	font-weight: 400;
	font-size: 16px;
	line-height: 102%;
}
.region-stats__value span.js-num {
	font-weight: 700;
	font-size: 49px;
	line-height: 109%;
	text-transform: uppercase;

}
.region-stats__col:last-child span.js-num{
	color: #0000001A;
}

.region-stats__unit {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
}
.region-stats__col:first-child .region-stats__value {
	align-items: center;
}
.region-stats__value {
	display: flex;
	align-items: baseline;
	gap: 10px;
	font-weight: 700;
	font-size: 39px;
	line-height: 109%;
	text-transform: uppercase;
}

.region-stats__unit {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #000;
}

.region-stats__divider {
	color: rgba(0, 0, 0, .12);
	transform: rotate(-90deg);
	transform-origin: left center;
	margin-top: 0;
	position: absolute;
	bottom: -6px;
	left: 25px;
	font-weight: 700;
	font-size: 29px;
	line-height: 109%;
	text-transform: uppercase;
}

.region-stats__right {
	position: relative;
	background: #D9DFA3;
	border-radius: 30px;
	padding: 38px 49px;
	color: #654A43;
	overflow: hidden;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.region-stats__right::after {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	background-image: url('data:image/svg+xml,%3Csvg width="369" height="323" viewBox="0 0 369 323" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.07406 430.378L-0.000114229 354.262L284.495 50.474L60.0044 52.6573L59.5213 2.97809L365.73 4.52944e-06L368.278 251.403L314.32 316.136L312.141 92.0927L6.07406 430.378Z" fill="white" fill-opacity="0.12"/%3E%3C/svg%3E');
	bottom: -24px;
	right: 0;
}

.region-stats__right-title {
	font-weight: 700;
	font-size: 29px;
	line-height: 109%;
	text-transform: uppercase;

}

.region-stats__right-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 36px 18px;
	position: relative;
	z-index: 1;
}

.region-stats__right-label {
	margin-bottom: 12px;
	font-weight: 400;
	font-size: 16px;
	line-height: 102%;
}

.region-stats__right-val {
	font-weight: 700;
	font-size: 39px;
	line-height: 109%;
	text-transform: uppercase;
}

.region-stats__right-unit {
	font-size: 16px;
	font-weight: 400;
	margin-left: 0;
}
.route-block__footer {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 100px;
	gap: 40px;
}
.route-block__footer__text {
	font-weight: 300;
	font-size: 12px;
	line-height: 100%;
}
.route-block__footer__text a {
	display: block;
}
.region-stats__title {
	font-weight: 700;
	font-size: 84px;
	line-height: 107%;
	text-transform: uppercase;
	color: #EEEEEE;
	margin-bottom: 26px;
}
.region-stats__title .flex {
	gap: 20px;
	align-items: center;
}

.partners {
	position: relative;
	overflow: hidden;
	padding: 70px 0 200px;
	background: #fff;
}

.partners__bg {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: clamp(48px, 8vw, 120px);
	letter-spacing: 0.08em;
	color: rgba(0,0,0,0.04);
	user-select: none;
	pointer-events: none;
	white-space: nowrap;
}

.partners__rows {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 34px;
}

/* --- marquee --- */
.marquee {
	--duration: 32s;
	--gap: 60px;

	width: 100%;
	overflow: hidden;
}

.marquee__track {
	display: flex;
	width: max-content;
	will-change: transform;
	animation: marquee var(--duration) linear infinite;
}

.marquee.is-reverse .marquee__track {
	animation-direction: reverse;
}

.marquee__set {
	display: flex;
	align-items: center;
	gap: var(--gap);
	padding-left: var(--gap);
	padding-right: var(--gap);
}

.partner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	opacity: 0.9;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.partner:hover {
	opacity: 1;
	transform: translateY(-1px);
}

.partner img {
	display: block;
	height: 90px;
	width: auto;
	max-width: 382px;
	filter: grayscale(100%);
	opacity: 0.7;
	transition: filter 0.2s ease, opacity 0.2s ease;
}

.partner:hover img {
	filter: grayscale(0%);
	opacity: 1;
}

@keyframes marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* пауза при наведении (если нужно) */
.marquee:hover .marquee__track {
	animation-play-state: paused;
}

/* уважение prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
	.marquee__track { animation: none; }
}

.payback-calculator fieldset {
	border: none;
}
.payback-calculator{
	background-image: url(/local/templates/.default/dist/img/franchise/NZ5_4221-HDR_resized.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 108px var(--space-container) 184px;
	position: relative;
	margin: 234px 0;
}
.marquee__set span {
	font-weight: 700;
	font-size: 193px;
	line-height: 107%;
	text-transform: uppercase;
	color: #d5d5d53d;
}
.payback-calculator__title .flex{
	align-items: center;
	gap: 20px;
}
.payback-calculator__title{
	position: absolute;
	bottom: var(--space-container);
	right: var(--space-container);

	font-weight: 700;
	font-size: 84px;
	line-height: 107%;
	text-align: right;
	text-transform: uppercase;
	color: #EEEEEE;
}
.payback-calculator__panel {
	width: 577px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.payback-calculator__form {
	background: #F4F4F452;
	backdrop-filter: blur(40px);
	border-radius: 30px;
	padding: 75px 68px;
	margin-bottom: 30px;
	width: 100%;
	height: 655px;
	position: relative;
}
.js-calc-form.is-visible {
	right: 68px;
	left: 68px;
}
.js-calc-form.is-visible, .js-calc-total.is-visible{
	opacity: 1;
	visibility: visible;
}
.js-calc-form, .js-calc-total {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease;
}
.js-calc-total {
	display: flex;
	flex-direction: column;
	gap: 35px;
}
.payback-calculator__total__item {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.payback-calculator__total__item span:first-child {
	font-weight: 400;
	font-size: 29px;
	line-height: 100%;
	color: #fff;
}
.payback-calculator__total__item span:last-child {
	font-weight: 700;
	font-size: 39px;
	line-height: 109%;
	color: #D9DFA3;
}
button.franchise-btn.payback-calculator__submit {
	border: none;
	background: #F4F4F452;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding: 0 30px 0 0;
	backdrop-filter: blur(40px);
	color: #fff;
}
.payback-calculator__brand img {
	width: 232px;
}
.payback-calculator__brand {
	margin-bottom: 53px;
}
.payback-calculator__label {
	font-weight: 400;
	font-size: 29px;
	line-height: 100%;
	color: #fff;
	margin-bottom: 25px;
}
fieldset.payback-calculator__group {
	margin-bottom: 31px;
	padding: 0;
}
.payback-calculator__options label input{
	display: none;
}
.payback-calculator__options label:has(input:checked){
	background: #F4F4F4B2;
}
.payback-calculator__options label{
	min-width: 56px;
	height: 56px;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	font-weight: 400;
	font-size: 29px;
	line-height: 100%;
	text-transform: lowercase;
	color: #fff;
	background: #F4F4F452;
	backdrop-filter: blur(40px);
	transition: all .2s linear;
	cursor: pointer;
}
.payback-calculator__group {
	display: flex;
	flex-direction: column;
}
.payback-calculator__group input {
	width: 100%;
	background: #F4F4F452;
	backdrop-filter: blur(40px);
	border: none;
	border-radius: 30px;
	height: 56px;
	padding: 0 20px;
	font-weight: 400;
	font-size: 29px;
	line-height: 100%;
	color: #fff;
	margin: 0;
}
.payback-calculator__options{
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
}

.hero-betone {
	padding: 418px 0 315px;
	overflow: hidden;
	position: relative;
}

.hero-betone__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 60px;
	margin-bottom: 232px;
}

.hero-betone__left {
	width: 520px;
	height: 420px;
	flex: 0 0 520px;
}

.media-card {
	position: absolute;
	border-radius: 28px;
	overflow: hidden;
	background: #eee;
	box-shadow: 0 20px 60px rgba(0,0,0,0.12);
	will-change: transform, opacity;
}

.media-card__media {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* позиции карточек (подгони под макет) */
.media-card--video {
	width: 456px;
	height: 669px;
	bottom: 104px;
	left: 18%;
	transform: rotate(11deg);
}

.media-card--photo1 {
	width: 490px;
	height: 646px;
	left: 10%;
	top: 52px;
	transform: rotate(-15.5deg);
}

.media-card--photo2 {
	width: 537px;
	height: 637px;
	left: 0;
	top: 346px;
	transform: rotate(-8deg);
}

/* правая часть просто для примера */
.hero-betone__right {  min-width: 280px; }
.hero-betone__label {
	font-weight: 400;
	font-size: 35px;
	line-height: 100%;
	text-align: right;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 45px;
}
.hero-betone__title { margin: 18px 0 24px; font-size: 54px; line-height: .95; }

.join-btnn {
	/* фон блока */
	background: #fff;
	color: #111;
}

.join-btnn__inner {
	/* высота секции — можно менять под макет */
	min-height: 720px;
	position: relative;
	margin: 0 auto;
	padding: 40px var(--space-container) 34px;

	/* флекс-раскладка всего блока */
	display: flex;
	flex-direction: column;
}

/* ------------------------------------------------- */
/* Плейсхолдер под буквы */
/* ------------------------------------------------- */
.join-btnn__letters {
	/* “воздух” под большие буквы */
	height: 765px;

	/* на всякий: чтобы контент внутри мог позиционироваться */
	position: relative;

	/* если захочешь временно увидеть область */
	/* outline: 1px dashed rgba(0,0,0,.15); */
}

/* ------------------------------------------------- */
/* Центр: заголовок + CTA */
/* ------------------------------------------------- */
.join-btnn__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;

	/* отступ от букв */
	margin-top: 10px;
}

.join-btnn__title {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-weight: 500;
	font-size: 84px;
	line-height: 109%;
	text-align: center;
	text-transform: uppercase;
}

.join-btnn__cta {
	margin-top: 22px;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.join-btnn__btn {
	border: 0;
	cursor: pointer;

	height: 34px;
	padding: 0 18px;

	border-radius: 999px;
	background: #D9DFA3;
	color: #fff;

	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;

	transition: transform .2s ease, opacity .2s ease;
}

.join-btnn__btn:hover {
	transform: translateY(-1px);
	opacity: .95;
}

.join-btnn__btn-circle {
	border: 0;
	cursor: pointer;

	width: 34px;
	height: 34px;

	border-radius: 999px;
	background: #D9DFA3;
	color: #fff;

	font-size: 18px;
	font-weight: 700;
	line-height: 1;

	display: flex;
	align-items: center;
	justify-content: center;

	transition: transform .2s ease, opacity .2s ease;
}

.join-btnn__btn-circle:hover {
	transform: translateY(-1px) rotate(90deg);
	opacity: .95;
}

/* ------------------------------------------------- */
/* Нижние две кнопки по центру */
/* ------------------------------------------------- */
.join-btnn__bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: linear-gradient(0deg, rgba(232, 232, 237, 0.52), rgba(232, 232, 237, 0.52));
	padding: 8px;
	border-radius: 100px;
	position: fixed;
	bottom: 24px;
	left: 0;
	right: 0;
	max-width: max-content;
	margin: auto;
	z-index: 9;
}

.join-btnn__pill {
	border: none;
	height: 51px;
	padding: 0 77px;
	border-radius: 999px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	background-color: transparent;
	color: #00000078;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	transition: all .2s ease;
}

.join-btnn__pill:hover {
	background: #D9DFA3;
	color: #fff;
}

.join-btnn__footer {
	margin-top: auto; /* прижимает футер к низу секции */

	display: flex;
	align-items: flex-end;
	justify-content: space-between;

	padding-top: 156px;
}

.join-btnn__brand {
	font-weight: 800;
	letter-spacing: 0.02em;
	font-size: 34px;
	line-height: 1;
}

.join-btnn__social {
	display: flex;
	align-items: center;
	gap: 14px;
}

.join-btnn__social-link {
	color: rgba(0, 0, 0, .55);
	text-decoration: none;
	text-transform: lowercase;
	transition: color .2s ease;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
}

.join-btnn__social-link:hover {
	color: rgba(0,0,0,.9);
}

.hero__content .title-line:last-child .pill{
	display: none;
}
@media (max-width: 1750px) {
	.region-stats__col:first-child{
		flex: 0 0 500px;
	}
}
@media (max-width: 1500px) {
	.region-stats__col:first-child{
		flex: 0 0 360px;
	}
	.hero-betone__right {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		padding-right: var(--space-container);
	}
	.hero-betone__title img{
		max-width: 100%;
	}
	.hero-betone__title {
		max-width: 580px;
	}

}
@media (max-width: 1380px) {
	.region-stats__col:first-child{
		flex: 0 0 335px;
	}
}
@media (max-width: 1300px) {
	.tools-label br {
		display: none;
	}
	.hero__letters .hero__letter:nth-child(1) {
		left: -411px;
		top: 80px;
		max-width: 950px;
	}
	.hero__letters .hero__letter:nth-child(2) {
		max-width: 1230px;
	}
	.hero__letters .hero__letter:nth-child(3) {
		max-width: 1000px;
	}
	.hero__card{
		top: 355px;
		right: 130px;
	}
	.hero__letters{
		padding-top: 720px;
	}
	.tool-hs{
		display: none;
	}
	.tools-label {
		position: static;
		opacity: 1 !important;
		visibility: visible !important;
		max-width: 100% !important;
		text-align: left !important;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><circle cx="10.1329" cy="10.1329" r="10.1329" fill="%23654A43"/><path d="M10.313 5.19482V14.2524" stroke="white" stroke-width="2"/><path d="M14.8467 9.71875L5.78906 9.71875" stroke="white" stroke-width="2"/></svg>');
		background-position: left top;
		background-repeat: no-repeat;
		padding-left: 40px;
		min-height: 21px;
		pointer-events: all;
	}
	.tools-label.is-open{
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><g clip-path="url(%23clip0_437_2)"><path d="M10.1329 20.2658C15.7291 20.2658 20.2658 15.7291 20.2658 10.1329C20.2658 4.53665 15.7291 0 10.1329 0C4.53665 0 0 4.53665 0 10.1329C0 15.7291 4.53665 20.2658 10.1329 20.2658Z" fill="%23654A43"/><path d="M14.8467 9.71875H5.78906" stroke="white" stroke-width="2"/></g><defs><clipPath id="clip0_437_2"><rect width="21" height="21" fill="white"/></clipPath></defs></svg>');
	}
	.shears__animate img {
		margin-top: 120px;
		width: 100%;
	}
	.tools-label span {
		display: none;
	}
	.shears__animate{
		flex-direction: column;
		width: 100%;
	}
	.shears__animate .tools-section {
		position: static;
		transform: translate(0px, 0px);
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 55px;
	}
	.shears__animate .tools-section .tools-svg {
		display: none;
	}
	:root{
		--mobile-margin: 100px;
	}
	.map{
		margin-top: var(--mobile-margin);
	}
	.payback-calculator,
	.route-block,
	.video,
	.about {
		margin: var(--mobile-margin) 0;
	}
	.partners{
		padding: 0 0 var(--mobile-margin);
	}
	.region-stats__card{
		display: flex;
		flex-direction: column;
	}
	.region-stats__col:first-child,
	.region-stats__col:last-child{
		flex: 0 0 50%;
	}
	.payback-calculator__title{
		bottom: auto;
		top: var(--space-container);
	}
	.payback-calculator{
		padding: 260px var(--space-container) 50px;
	}
	.media-card--photo1 {
		width: 410px;
		height: 552px;
		left: 8%;
	}
	.media-card--photo2 {
		width: 435px;
		height: 563px;
		left: 0;
		top: 356px;
	}
	.media-card--video {
		width: 390px;
		height: 600px;
		bottom: 104px;
		left: 10%;
	}
	.hero-betone {
		padding: 390px 0 272px;
	}
}
@media (max-width: 1150px) {
	.hero__letters .hero__letter:nth-child(1) {
		left: -340px;
		top: 80px;
		max-width: 800px;
	}
	.hero__letters .hero__letter:nth-child(2) {
		max-width: 990px;
		transform: rotate(22deg) !important;
		top: 25px;
	}
	.hero__letters .hero__letter:nth-child(3) {
		top: 275px;
		max-width: 857px;
		transform: rotate(8deg) !important;
		right: -316px;
	}
	.hero__card {
		left: 0;
	}
	.hero-title{
		font-size: 60px;
		line-height: 125%;
	}
	.about__title{
		font-size: 100px;
	}
	.quotes__item{
		font-size: 40px;
		line-height: 120%;
	}
	.route-block__title{
		font-size: 60px;
		line-height: 125%;
	}
	.route-block__text span{
		font-size: 20px;
		line-height: 100%;
	}
	.route-block__text span:nth-child(3),
	.route-block__text span:nth-child(2),
	.route-block__text span:nth-child(1){
		top: 23%;
	}
	.route-block__inner{
		padding: 155px 0 90px;
	}
	.route-block__num span{
		font-size: 80px;
	}
	.route-block__num span:nth-child(3),
	.route-block__num span:nth-child(2),
	.route-block__num span:nth-child(1){
		top: 8%;
	}
	.route-block__num span:nth-child(5),
	.route-block__num span:nth-child(4) {
		top: 42%;
	}
	.route-block__num span:nth-child(7),
	.route-block__num span:nth-child(6){
		bottom: 120px;
	}
	.route-block__num span:nth-child(8) {
		bottom: 125px;
		right: 125px;
	}
	.route-block__footer{
		margin-top: 50px;
	}
	.region-stats__right-title{
		margin-bottom: 45px;
	}
	.marquee__set span{
		font-size: 150px;
	}
	.join-btnn__title{
		font-size: 50px;
	}
	.region-stats__city{
		font-size: 40px;
	}
	.hero-betone__inner{
		flex-direction: column;
	}
	.media-card--photo1 {
		left: 0;
		right: 0;
		margin: auto;
	}
	.media-card--photo2{
		top: 375px;
	}
	.media-card--video {
		width: 390px;
		height: 600px;
		bottom: auto;
		top: 428px;
		right: 10%;
		left: auto;
		transform: rotate(11deg);
	}
	.hero-betone__left {
		flex: 0 0 664px;
	}
	.hero-betone__btn {
		margin: 10px auto 0;
		width: 100% !important;
	}
	.hero-betone__label {
		font-weight: 400;
		font-size: 35px;
		line-height: 100%;
		text-align: center;
		text-transform: uppercase;
		color: #000;
		margin-bottom: 25px;
		width: 100%;
	}
	.hero-betone{
		padding: 390px 0 0;
	}
	.hero-betone__inner{
		margin-bottom: 0;
	}
}
@media (max-width: 980px) {
	header.r-header .column-right ul a, header.r-header .column-left ul a{
		font-size: 15px;
	}
	.hero:has(.hero__background) .hero__letters .hero__letter{
		display: none;
	}
	.hero__background{
		height: 650px;
	}
	.hero__title {
		top: 63px;
		left: 0;
		font-size: 40px;
		right: 0;
		text-align: center;
		max-width: 380px;
		margin: 0 auto;
		padding: 0 5px 105px 0;
	}

	.hero__letters .hero__letter:nth-child(1) {
		left: -287px;
		top: 80px;
		max-width: 680px;
	}
	.hero__letters .hero__letter:nth-child(2) {
		max-width: 760px;
	}
	.hero__letters .hero__letter:nth-child(3) {
		top: 250px;
		max-width: 710px;
		transform: rotate(8deg) !important;
		right: -290px;
	}
	.hero__card{
		width: 275px;
		padding: 30px;
	}
	.hero__card__lines {
		margin: 10px 0;
	}
	.hero__card__total {
		font-weight: 700;
		font-size: 40px;
		line-height: 100%;
		margin: 0px 0 10px;
	}
	.hero__card__text {
		font-size: 14px;
	}
	.hero__letters {
		padding-top: 650px;
	}
	.pill {
		position: relative;
		overflow: hidden;
		display: inline-block;
		height: 49px;
		background: #D9D9D9;
		width: 135px;
		border-radius: 30px;
	}
	.hero-title {
		font-size: 37px;
		line-height: 120%;
	}
	.map__heading .franchise-btn {
		flex: 0 0 275px;
	}
	.about__title{
		font-size: 80px;
	}
	.about-card:nth-child(13),
	.about-card:nth-child(12),
	.about-card:nth-child(11),
	.about-card:nth-child(10),
	.about-card:nth-child(9),
	.about-card:nth-child(8),
	.about-card:nth-child(6){display: none}
	.about-card:nth-child(5){
		z-index: 2;
	}
	.franchise-btn{
		width: 275px;
		padding-left: 30px;
	}
	.map__title {
		font-size: 23px;
		line-height: 110%;
	}
	.quotes__item:last-child {
		margin: 0 0 0 auto;
		text-align: right;
	}
	.shears__title {
		font-size: 60px;
		width: 100%;
		text-align: center;
	}
	.quotes{
		gap: 100px;
	}
	.shears__animate{
		background-size: contain;
	}
	.shears__animate img {
		margin-top: 150px;
	}
	.route-block__text span:nth-child(3), .route-block__text span:nth-child(2), .route-block__text span:nth-child(1) {
		top: 28%;
	}
	.route-block__text span {
		font-size: 18px;
		line-height: 100%;
	}
	.route-block__text span:nth-child(1) {
		max-width: 150px;
	}
	.region-stats__title{
		font-size: 60px;
	}
	.region-stats__value span.js-num {
		font-size: 32px;
	}
	.region-stats__unit{
		font-size: 13px;
	}
	.region-stats__city {
		font-size: 32px;
	}
	.payback-calculator__title{
		font-size: 60px;
	}
	.join-btnn__letters {
		height: 610px;
	}
}
@media (max-width: 768px) {
	.join-btnn__inner {
		min-height: 640px;
		padding: 28px 16px 16px;

	}



	.join-btnn__title {
		font-size: 34px;
	}

	.join-btnn__footer {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.join-btnn__social {
		flex-wrap: wrap;
	}
}
@media (max-width: 650px) {
	:root {
		--space-container: 19px;
	}
	.hero__letters {
		padding-top: 375px;
	}
	.hero__title{
		display: none;
	}
	.hero__background {
		height: 375px;
		object-position: left;
	}
	.partner img{
		filter: grayscale(0%);
	}
	.route-block__footer {
		margin-top: 50px;
		flex-direction: column;
		gap: 15px;
	}
	.pill {
		height: 27px;
		width: 69px;
	}
	.hero__letters .hero__letter:nth-child(1) {
		left: -145px;
		top: 50px;
		max-width: 335px;
	}
	.hero__letters .hero__letter:nth-child(2) {
		max-width: 390px;
	}
	.hero-title {
		font-size: 25px;
		line-height: 120%;
	}
	.hero__content .title-line:last-child .pill{
		display: block;
	}
	.hero__content .title-line:nth-child(2) .pill{
		display: none;
	}
	.hero__letters .hero__letter:nth-child(3){
		top: 127px;
		max-width: 260px;
		right: -90px;
	}
	.hero__letters{
		padding-top: 320px;
	}
	.hero__card{
		top: 134px;
		width: 217px;
		right: 30px;
	}
	.hero__card__logo img {
		height: 21px;
		max-width: 100%;
		object-fit: contain;
		display: block;
	}
	.hero__card__lines img {
		display: block;
		height: 60px;
	}
	.hero__card__total{
		font-weight: 700;
		font-size: 27px;
	}
	.hero__card__text {
		font-size: 13px;
	}
	.hero__letters {
		padding-top: 375px;
	}
	.title-line{
		flex-wrap: wrap;
		gap: 0 10px;
	}
	.map__heading .franchise-btn {
		flex: 0 0 auto;
	}
	.map__heading {
		margin-bottom: 23px;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		gap: 15px;
	}
	.map__img {
		width: 100%;
		display: block;
		transform-origin: 50% 50%;
		height: 341px;
		object-fit: cover;
	}
	.map__heading .franchise-btn {
		flex: 0 0 auto;
		width: 100%;
	}
	.about__title {
		font-size: 58px;
	}
	.about-card:nth-child(3) img{
		max-width: 344px;
	}
	.about__gallery{
		height: 1164px;
	}
	.about-card:nth-child(7) img{
		max-width: 340px;
	}
	.about-card:nth-child(1) img{
		max-width: 290px;
	}
	.quotes__item{
		font-size: 25px;
	}
	.shears__title{
		font-size: 40px;
	}
	.shears{
		gap: 10px;
	}
	.shears__animate {
		background-size: 273px;
	}
	.shears__animate img {
		margin-top: 37px;
	}
	.route-block__title {
		font-size: 30px;
		line-height: 125%;
	}
	.map-pin{
		width: 35px;
		height: 35px;
		background-size: 21px;
	}
	.region-stats__title {
		font-size: 30px;
		margin-bottom: 18px;
	}
	.region-stats__grid {
		flex-direction: column;
		gap: 50px;
		margin-top: 0;
	}
	.region-stats__item {
		flex: 0 0 100%;
	}
	.region-stats__col:last-child{
		padding-left: 0;
	}
	.region-stats__divider {
		transform: rotate(0);
		position: static;
		font-size: 20px;
	}
	.region-stats__card{
		padding: 60px 30px;
	}
	.region-stats__kicker{
		font-size: 25px;
	}
	.region-stats__city {
		font-size: 25px;
	}
	.region-stats__right {
		margin: 0 -15px;
		padding: 40px 20px;
	}
	.region-stats__right-grid {
		display: flex;
		flex-direction: column;
		gap: 18px 18px;
	}
	button.region-stats__tab {
		white-space: nowrap;
		font-size: 14px;
	}
	.region-stats__tabs-container{
		overflow-x: auto;
	}
	.region-stats__right-title {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.payback-calculator__title {
		font-size: 30px;
		top: 130px;
	}
	.payback-calculator__panel{
		width: 100%;
	}
	.payback-calculator__form{
		padding: 60px 38px;
		height: 600px;
	}
	.payback-calculator__label{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.payback-calculator__options label {
		width: 90px;
		height: 47px;
		font-size: 18px;
		text-wrap-mode: nowrap;
		padding: 0 10px;
	}
	.js-calc-form.is-visible {
		right: 38px;
		left: 38px;
	}
	fieldset.payback-calculator__group{
		margin-bottom: 47px;
	}
	.payback-calculator__field{
		width: 100%;
	}

	.marquee__set span {
		font-size: 80px;
	}
	.partner img{
		height: 48px;
	}
	.marquee{
		--gap: 30px;
	}
	.media-card--photo1 {
		width: 306px;
		height: 403px;
		left: 8%;
	}
	.media-card--photo2 {
		width: 316px;
		height: 375px;
		left: 0;
		top: 250px;
	}
	.media-card--video {
		width: 311px;
		height: 457px;
		top: 428px;
		right: -6%;
	}
	.hero-betone__left {
		flex: 0 0 530px;
	}
	.hero-betone__right{
		padding: 0 var(--space-container);
	}
	.hero-betone__label{
		font-size: 18px;
	}
	.join-btnn__letters {
		height: 300px;
	}
	.join-btnn__bottom{
		display: none;
	}
	.route-block__num,
	.route-block__text,
	.js-route-svg {
		display: none;
	}


	.route-scanline{
		position: fixed;
		left: 0;
		top: 50vh;            /* центр экрана */
		width: 100vw;
		height: 1px;
		pointer-events: none;
		opacity: 0;           /* невидимая */
		z-index: 9999;
	}


	/* флаг возле точки */
	.route-flag {
		position: absolute;
		left: -42px;
		top: 14%;
		transform: translateY(-50%);
		width: 90px;
		height: 98px;
		pointer-events: none;
		opacity: 0;
	}

	.route-step.is-active .route-flag {
		opacity: 1;
	}

	/* звёздочки — поверх точки */
	.route-burst {
		position: absolute;
		left: 10px; /* чуть левее, чтобы центр был на dot */
		top: 50%;
		transform: translateY(-50%);
		width: 44px;
		height: 44px;
		overflow: visible;
		pointer-events: none;
	}


	.route-mobile {
		position: relative;
		display: flex;
		gap: 0;
	}

	/* КОЛОНКА С ЛИНИЕЙ */
	.route-mobile__line {
		position: relative;
		width: 20px;
		flex-shrink: 0;
		overflow: hidden;
	}

	/* СЕРАЯ ЛИНИЯ */
	.route-mobile__line-bg {
		position: absolute;
		left: 50%;
		top: 50px;
		width: 2px;
		height: 100%;
		background: #d9d9d9;
		transform: translateX(-50%);
		border-radius: 2px;
	}

	/* ОРАНЖЕВЫЙ ПРОГРЕСС */
	.route-mobile__line-progress {
		position: absolute;
		left: 50%;
		top: 50px;
		width: 2px;
		height: 0;
		background: #D9DFA3;
		transform: translateX(-50%);
		border-radius: 2px;
		will-change: height;
	}
	.route-block__mobile-text {
		display: flex;
		flex-direction: column;
		gap: 56px; /* расстояние между шагами */
		padding-bottom: 80px;
	}

	.route-step {
		position: relative;
		padding-left: 32px;
		min-height: 40px;
	}

	.route-num {
		display: inline-block;
		margin-bottom: 15px;
		opacity: 0;
		font-weight: 700;
		font-size: 50px;
		line-height: 100%;
		color: #f0f0f0;
	}

	.route-text {
		color: #000;
		opacity: 0;
		font-weight: 400;
		font-size: 20px;
		line-height: 100%;
	}
	.route-block__inner{
		padding: 20px 0 0;
	}

	.route-burst {
		position: absolute;
		left: -30px;
		top: 50%;
		transform: translateY(-50%);
		width: 60px;
		height: 60px;
		pointer-events: none;
		z-index: 4;
	}

	.route-step { position: relative; padding-left: 32px; }

	.route-dot{
		position:absolute;
		left:-16px;
		top:50%;
		transform:translateY(-50%);
		width:12px;
		height:12px;
		border-radius:50%;
		background:#000;
		transition: all .6s ease;
	}

	.route-step.is-done .route-dot,
	.route-step.is-active .route-dot{
		background:#D9DFA3;
	}

	.route-step.is-active .route-dot{
		transform: translateY(-50%) scale(1.3);
	}

	.route-num, .route-text { opacity: 0; transition: all .6s ease}
	.route-step.is-active .route-num,
	.route-step.is-active .route-text,
	.route-step.is-done .route-num,
	.route-step.is-done .route-text { opacity: 1; }
	html{
		width: 100%;
		overflow-x: hidden;
	}
	.region-stats__tabs{
		max-width: none;
		width: max-content;
	}
}

@media (max-width: 560px) {
	.region-stats__grid {
		grid-template-columns: 1fr;
	}
	.region-stats__city {
		font-size: 34px;
	}
	.payback-calculator__group input#rent::placeholder{
		font-size: 15px;
	}
}
@media (max-width: 480px) {

	.join-btnn__pill {
		width: 100%;
		justify-content: center;
	}
}
@media (min-width: 651px) {
	.route-mobile{
		display: none;
	}
}






@keyframes pinPulse{
	0%   { transform: scale(0.7); opacity: 0; }
	20%  { opacity: 0.9; }
	100% { transform: scale(1.35); opacity: 0; }
}

/* End */
/* /local/templates/.default/dist/css/page/franchise/style.css?176968687945722 */