.offer-indicators__flex-block {
	display: flex;
	gap: 20px;
	flex-direction: row;
	flex-wrap: wrap;
}

.offer-indicators__flex-block .offer-indicators__banner {
	width: calc(50% - 10px);
}

.offer-indicators__flex-block .offer-indicators__banner.offer-indicators__banner_light {
	background: #0770DC;

}

.offer-indicators__banner_light ul {
	margin-top: 18.5px;
}

.offer-indicators__flex-block .offer-indicators__banner_light ul li span {
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
}

.offer-indicators__flex-block .offer-indicators__banner_light ul li {
	display: flex;
	margin-bottom: 10.5px;
	flex-direction: row;
	flex-wrap: wrap;

}

.offer-indicators__flex-block .offer-indicators__banner_light button {}

.offer-indicators .offer-indicators__banner.offer-indicators__banner_light {
	gap: 0;
}

.offer-indicators .offer-indicators__banner.offer-indicators__banner_light .btn {
	margin-top: auto;
	background-color: #15358D;
	transition: all .3s ease-in;

	&:hover {
		background-color: #fff;
		color: #15358D;
		transition: all .3s ease-in;
	}
}

.offer-indicators__banner .offer-indicators__graphic-items-line {
	width: 110px;
	height: 24px;

	position: relative;
	margin-left: auto;
}

.offer-indicators__banner .offer-indicators__graphic-items-line:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	width: calc(100% * var(--progress, .5));
	background-color: hsl(210, 76%, calc(92% - var(--progress, .5) * 38%));
	transition: width .4s ease-out;
}

.offer-indicators__banner.offer-indicators__banner .offer-indicators__graphic-items-line:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	width: calc(100% * var(--progress, .5));
	background-color: hsl(210, 80%, calc(45% + var(--progress, .5) * 47%));
	transition: width .4s ease-out;
}

.offer-indicators__banner .offer-indicators__graphic-items-stat {
	font-weight: 400;
	font-size: 14px;
	color: #FFF;
	width: 70px;
	text-align: right;
}

.offer-indicators__banner-name {

	font-weight: 400;
	font-size: 14px;
	color: hsla(0, 0%, 100%, 1);
	width: calc(100% - 195px);
}

.block-like {
	background: hsla(213, 48%, 95%, 1);
	padding: 4px;
	border-radius: 32px;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	width: fit-content;
}

.block-like__l {
	background: #FFF;
	padding: 4px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	gap: 4px;

}

.block-like__icon {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background: hsla(224, 56%, 41%, 1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.block-like__number {
	font-weight: 500;
	font-size: 14px;
	color: rgba(46, 78, 164, 1);
}

.block-like_r {
	color: rgba(152, 162, 179, 1);
	font-weight: 500;
	font-size: 12px;
	padding-right: 12px;
}

.block-like:hover .block-like_r {
	color: rgba(46, 78, 164, 1);
}

.block-like._active .block-like_r {
	display: none;
}

.block-like._active .block-like__icon {
	background-color: #00aeef;
}

@media (max-width: 980px) {
	.offer-indicators__flex-block .offer-indicators__banner {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.offer-indicators__banner-name {
		width: calc(100% - 130px);
	}

	.offer-indicators__banner .offer-indicators__graphic-items-line {
		width: 50px;
	}

	.offer-indicators__flex-block .offer-indicators__banner {
		padding: 32px 16px;
	}

	.offer-indicators .offer-indicators__banner {
		height: 280px;
	}

	.offer-indicators .offer-indicators__banner.offer-indicators__banner_light {
		height: initial;
	}

	.offer-indicators .offer-indicators__banner span {
		font-size: 24px;
	}

	.offer-indicators .offer-indicators__banner p {
		font-size: 28px;
	}
}


.modal-container__top {
	& .achieve-itm_counter::before {
		display: none !important;
	}
}

.offers-list {
	& .achieve-itm_counter::before {
		display: none !important;
	}
}

& #modal-offer {
	& .popup__close {
		right: 15px;
		top: 15px;
	}
}

.offer-indicators__flex-block .offer-indicators__banner_light ul li span {
	max-width: 55%;
	line-height: 108%;
}

.offer-indicators__graphic {
	width: 100%;
}

.top-offers {
	position: relative;

	& .top-offers__title {
		position: absolute;
		left: 0;
		color: #DEEAF8;
		text-align: center;
		font-size: 96px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		left: 0;
		right: 0;
		margin: 0 auto;
		transform: translateY(-80%);

		@media(max-width: 1370px) {
			font-size: 80px;
		}

		@media(max-width: 992px) {
			font-size: 55px;
		}

		@media(max-width: 700px) {
			font-size: 25px;
		}
	}
}

.top-theme__slider-item {
	transition: all .3s ease-in;
	border: 1px solid transparent;

	&:hover {
		transition: all .3s ease-in;
		border: 1px solid #C1DBF6;
	}
}

.offers-list .achieve-itm {
	transition: all .3s ease-in;
	border: 1px solid transparent;

	&:hover {
		transition: all .3s ease-in;
		border: 1px solid #C1DBF6;
	}
}

.achieve-itm__desc {
	position: relative;

	&:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 18px;
		background: linear-gradient(to bottom, #fff0 -31%, #fff 78%);
		pointer-events: none;
	}
}

.offers-form__section-inner .offers-form textarea {
	padding: .75rem 2.5rem .75rem 1.5rem;
	;
}

.ellipce {
	width: 810px;
	height: 810px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #0066CF;
	transform: translate(30%, -50%);

	background-color: #0066CF;
}

.achiev-hero__banner {
	overflow: hidden;
}

.achiev-hero__banner-decor {
	z-index: 2;
}

.achiev-hero__banner-image {
	z-index: 3;
}

.modal-container__top {

	& .top-themes__modal-arrow-prev {
		position: absolute;
		left: 40px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 5;
		border-radius: 6px;
		border: 1px solid #FFF;
		width: 32px;
		height: 32px;
		padding: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		background-color: transparent;

		@media(max-width: 768px) {
			left: 24px;
		}

		@media(max-width: 550px) {
			bottom: 48px;
			top: initial;
			transform: translateY(0);
			left: 16px;
		}

	}

	& .top-themes__modal-arrow-next {
		position: absolute;
		right: 40px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 5;
		border-radius: 6px;
		border: 1px solid #FFF;
		width: 32px;
		height: 32px;
		padding: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		background-color: transparent;

		@media(max-width: 768px) {
			right: 24px;
		}

		@media(max-width: 550px) {
			bottom: 48px;
			top: initial;
			transform: translateY(0);
			right: 16px;
		}
	}

}

.nothing-res {
	height: 380px;
	width: 100%;
	border-radius: 20px;
	background: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;

	& p {
		color: #2B2B2B;
		text-align: center;
		font-size: 24px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 4px;
		max-width: 379px;
		text-align: center;
	}

	& span {
		color: #98A2B3;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		max-width: 377px;
		text-align: center;
		margin-bottom: 20px;
	}
}

.modal-container__universal {
	& .achieve-itm__desc {
		&::after {
			display: none;
		}
	}
}

.priority-nav-dropdown {
	z-index: 5;
}

.priority-nav-block {
	/* top: 45px;
    z-index: 3; */
}

.priority-nav-block-left {
	max-width: 45%;

	position: absolute;
	min-height: 3rem;

	@media(max-width: 992px) {
		position: relative;
		top: initial;
		min-height: initial;
	}

	& .priority-nav-block-actives {}

	& .priority-nav-block-actives__itm {
		height: fit-content;
		padding-right: 1rem;
	}
}

.offer-hero .region-hero__aside__foot {
	@media(min-width: 992px) {
		transform: translateY(-5rem);
		position: relative;
		z-index: -1;
	}
}

.offers-list {
	& .achieve-itm__tag {
		height: 33px;
	}
}

.modal-container__universal .modal-content {
	background-color: #fff;
}

.modal-container__universal .modal-content-scroll .achieve-itm__body {
	padding: 0;
}

.modal-container__universal .modal-content {
	max-height: 549px;
}

.modal-container__universal .achieve-itm__desc {
	max-height: 339px;
}

.priority-nav-block-actives__itm[data-index="0"] {
	&::after {
		display: none;
	}
}

@media (max-width: 700px) {
	.achiev-hero__banner-decor {
		top: 0px;
	}
}

@media (max-width: 600px) {
	.offer-indicators .offer-indicators__banner p {
		font-size: 48px;
		font-style: normal;
		font-weight: 600;
		line-height: 60px;
		/* 125% */
		letter-spacing: -0.96px;
	}
}

@media (max-width: 600px) {
	.region-hero__map {
		display: block;
		width: 97% !important;
		left: 0;
	}
}

.offers-list .achieve-itm {
	padding: 1rem;
	height: 315px;
}

.offers-list .achieve-itm .achieve-itm__body {
	padding: 0;
}

.offers-form__section-inner .custom-select__single .custom-select__single-label {
	max-width: 100%;
	overflow: hidden;
}

.offer-indicators__graphic {
	@media(max-width: 992px) {
		gap: 0;
	}
}

@media (max-width: 600px) {
	.priority-nav-block-actives {

		min-width: 206px;
	}
}


/* форма в футере*/
.offers-form-popup-step {
	display: none;
}
.offers-form-popup-step._active {
	display: block;
}
.modal-container__offer {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #0006;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	z-index: 3;
& .steps-title {
	  color: #2B2B2B;
	  font-family: 'Montserrat';
	  font-size: 14px;
	  font-style: normal;
	  font-weight: 400;
	  line-height: normal;
	  margin-bottom: 16px;
  }
& .offers-item {
	  margin-bottom: 24px;
  }

& .offers-form__send {
	  max-width: fit-content;
	  margin-left: auto;
	  height: 41px;
  }

& .offers-item {
	  position: relative;

& .remove-item {
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 32px;
	  height: 32px;
	  border-radius: 50%;
	  border-radius: 100px;
	  border: 1px solid #EEF3F9;
	  background: #EEF5FB;
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
}

& .add-more {
	  display: flex;
	  gap: 12px;
	  align-items: center;
	  justify-content: center;
	  width: 100%;
	  height: 41px;
	  border-radius: 100px;
	  border: 1px solid #EEF3F9;
	  background: #EEF5FB;
	  margin-top: 24px;
	  margin-bottom: 32px;
	  cursor: pointer;

& span {
	  color: #1377DE;
	  text-align: center;
	  font-family: 'Montserrat';
	  font-size: 14px;
	  font-style: normal;
	  font-weight: 500;
	  line-height: normal;
  }
}

& .modal-main-content {
	  max-width: 800px;
	  width: 100%;
	  position: relative;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  pointer-events: auto;

& .content {
	  height: 100%;

& .modal-content {
	  background: #fff;
	  max-width: 800px;
	  border-radius: 16px;
	  overflow: hidden;

  }
}

& .modal-content-scroll {
	  padding: 72px 48px;
	  max-height: 80vh;
	  overflow: auto;
	  margin-right: 7px;
	  border-radius: 16px;


& .form-title {
	  color: #2B2B2B;
	  font-family: 'Montserrat';
	  font-size: 20px;
	  font-style: normal;
	  font-weight: 600;
	  line-height: normal;
	  margin-bottom: 24px;
  }
}

& .custom-select__single {
	  border-radius: 100px;
	  border: 1px solid #EEF3F9;
	  background: #FFF;
	  color: #98A2B3;
	  text-align: center;
	  font-family: 'Montserrat';
	  font-size: 14px;
	  font-style: normal;
	  font-weight: 500;
	  line-height: normal;
	  text-align: left;
	  height: 49px;
	  display: flex;
	  align-items: center;

&.custom-select__single:after {
	 color: #98A2B3;
	 filter: invert(1);
 }
}

& textarea {
	  height: 120px;
	  border-radius: 16px;
	  border: 1px solid #E8F2FD;
	  background: #FFF;
	  width: 100%;
	  /* margin-bottom: 24px; */
	  padding: 8px 20px;
	  resize: none;
	  font-family: 'Montserrat';
	  font-size: 14px;
	  font-style: normal;
	  font-weight: 500;
	  line-height: normal;
	  margin-top: 24px;
  }

& .modal-content {
	  position: relative;
  }

& .js-close-modal {
	  position: absolute;
	  right: 30px;
	  top: 30px;
	  z-index: 3;
	  cursor: pointer;
  }
}

& .offers-form-new {
	  display: flex;
	  flex-direction: column;
  }
}

.popup__select._error .custom-select__single {
	border-color: #f04438 !important;
}
.popup-offers-item__select._error .custom-select__single,
.popup-offers-item__textarea._error textarea {
	border-color: #f04438;
}
.popup-offers-item__select._error .popup__input-error-text,
.popup-offers-item__textarea._error .popup__input-error-text {
	display: block;
	margin-top: 6px;
}

/* Это стили для скрытого инпута - защита от спама */
body .xname{
	display:block;height:.1px;margin:0!important;overflow:hidden;padding:0!important;width:.1px;border:0;opacity:.01;
}

/* Плашка «Получено предложений»: тотал (онлайн+офлайн) + разбивка */
.offer-indicators__flex-block .offer-indicators__banner:not(.offer-indicators__banner_light) {
	gap: 24px;
}

.offer-indicators__banner-bottom {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.offer-indicators__banner-bottom p {
	margin: 0;
}

.offer-indicators__banner-total {
	display: flex;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
}

.offer-indicators__banner .offer-indicators__banner-total-label {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	opacity: 0.6;
	color: #fff;
	line-height: 1;
}

.offer-indicators__banner-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.offer-indicators__banner-split-label {
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 10px;
}

.offer-indicators__banner-split-value {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.015em;
	font-variant-numeric: tabular-nums;
}

@media (max-width: 600px) {
	.offer-indicators__banner-split-value {
		font-size: 22px;
	}
}