@charset "utf-8";

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-UltraLight.woff') format('woff'), url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
	font-weight: 250;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Medium.woff') format('woff'), url('../fonts/Gilroy-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-SemiBold.woff') format('woff'), url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Bold.woff') format('woff'), url('../fonts/Gilroy-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Black.woff') format('woff'), url('../fonts/Gilroy-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--fonti: Inter, -apple-system, "Open Sans", system-ui, "sans-serif";
	--fontg: Gilroy, -apple-system, "Open Sans", system-ui, "sans-serif";
	--white: #fff;
	--grey50: #FAFAFA;
	--grey100: #F7FAFC;
	--grey200: #EDF2F7;
	--grey200-50: rgba(237, 242, 247, 0.5);
	--grey300: #E2E8F0;
	--grey400: #CBD5E0;
	--grey500: #A0AEC0;
	--grey50025: rgba(160, 174, 192, 0.25);
	--grey600: #718096;
	--grey700: #4A5568;
	--grey800: #2D3748;
	--grey900: #1A202C;
	--hover: var(--grey500);
	--hover-bg: #EBF2FA80;
	--hover-dark: var(--grey800);
	--hover-input: var(--grey600);
	--darker: #8DA0C1;
	--yellow: #FFC400;
	--yellow25: rgba(255, 196, 0, 0.25);
	--yellow80: rgba(255, 196, 0, 0.8);
	--orange: #FF4300;
	--blue: #1DA1F2;
	--blue50: #1DA1F280;
	--deep-blue: #152136;
	--red: #CD201F;
	--pink: #E4405F;
	--green: #66CB9F;
	--green-dark: #4AAE8C;
	--grad-yellow: linear-gradient(200.1deg, #FFDD4F 14.44%, #FFB800 90.4%);
	--grad-orange: linear-gradient(180deg, #FF7A00 6.47%, #F35C00 93.33%);
	--grad-green: linear-gradient(180deg, rgba(79, 197, 77, 0.78) 0%, #44BA86 100%);
	--dark-def: #16192C;
	--dark-dark: #101225;
	--dark-light: #505780;
	--sec-dark: #A6B7D4;
	--sec-dark50: rgba(166, 183, 212, 0.5);
	--sec-default: #E4ECF7;
	--sec-default60: #E4ECF799;
	--sec-light: #EBF2FA;
	--sec-light50: rgba(235, 242, 250, 0.5);
	/*added 28.02.23*/
	--body-muted: #7E7F8D;
	--title: #657CA4;
	--tippy-box: #263349;
	--input-bg: #F7FAFC;
	--input-border: #E3E9F3;
	--danger: #F16063;
	--danger-dark: #CF4655;
	--catalog-border: #DAE5F3;
	--preview-border: #D0D8E3;
	--tag-color: #7C93BB;
	--tag-bg: rgba(228, 236, 247, 0.25);
	--tag-bg-green: rgba(102, 203, 159, 0.2);
	--tag-bg-yellow: rgba(255, 244, 204, 1);
	--modal-title: #4F658A;
	--table-border: #E5ECF3;
	--table-title: #8492A6;
	--new-grey: #6E80A0;
	--success: #8CDFB3;
	--tertiary: #FFADBA;
	--skeleton: #E5EFF4;
	/*added 25.11.25 start*/
	--menu-icons: #3D5782;
	--menu-stroke: #D4DAEE;
	--menu-big-hover-text: #2B3946;
	--menu-big-hover-bg: #7E98AF26;
	--top-categories-bg: #F8F8F8;
	--top-categories-bg-mobile: #F1F5F9;
	--header-top: 40px;
	--header: 80px;
	--header-mobile-bg: #EFF4FB;
	--red-main: #E2001A;
	--soft: #E1E8FF;
	--orange2: #F35C00;
	--green2: #3CB37F;
	--tag-color-green: #6D9986;
	--tag-color-yellow: #AD8F2A;
	/*added 25.11.25 end*/
	--newblue:#1479CA;
}
/*added 25.11.25 start*/
@media only screen and (max-width: 767px) {
	:root {
		--header: 65px;
	}
}
/*added 25.11.25 end*/
* {
	--scrollbar-color-thumb: var(--dark-light);
	--scrollbar-color-track: var(--white);
	--scrollbar-width: thin;
	--scrollbar-width-legacy: 5px;
}

@supports (scrollbar-width: auto) {
	* {
		scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
		scrollbar-width: var(--scrollbar-width);
	}
}

@supports selector(::-webkit-scrollbar) {
	*::-webkit-scrollbar-thumb {
		background: var(--scrollbar-color-thumb);
	}

	*::-webkit-scrollbar-track {
		background: var(--scrollbar-color-track);
	}

	*::-webkit-scrollbar {
		max-width: var(--scrollbar-width-legacy);
		max-height: var(--scrollbar-width-legacy);
	}
}

html,
body {
	height: 100%;
	box-sizing: border-box;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: normal 14px/2 var(--fonti);
	color: var(--grey600);
	-webkit-text-size-adjust: none;
	display: flex;
	flex-direction: column;
}

@media only screen and (min-width: 768px) {
	body {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1280px) {
	body {
		font-size: 18px;
	}
}

body.bg-grey {
	background: var(--input-bg);
}

@media only screen and (max-width: 767px) {
	body.bg-grey-mobile {
		background: var(--input-bg);
	}
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

input,
select,
textarea,
button,
.jcf-select,
.jcf-option {
	font: 500 16px/25px var(--fonti);
	letter-spacing: -0.02em;
	color: var(--grey800);
	outline: none;
	text-align: left;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select,
.jcf-select-text>*,
.jcf-option,
.jcf-select,
.multiple-select-trigger {
	-webkit-appearance: none;
	outline: none;
	box-shadow: none;
	margin: 0;
	height: 56px;
	border-radius: 28px;
	background: var(--input-bg);
	border: 0.5px solid var(--input-border);
	padding: 0 24px;
	width: 100%;
	display: block;
	transition-property: border, background, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

select {
	cursor: pointer;
	padding-right: 48px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	opacity: 1;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: -0.01em;
	color: #8A9DBC;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: -0.01em;
	color: #8A9DBC;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	opacity: 1;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: -0.01em;
	color: #8A9DBC;
}

@media (pointer:fine) {

	input:hover,
	textarea:hover,
	.jcf-select:hover .jcf-select-text>*,
	.multiple-select-trigger:hover {
		background-color: transparent;
		border-color: var(--hover-input);
	}
}

input:focus,
textarea:focus,
.jcf-select.jcf-focus .jcf-select-text>*,
.multiple-select.open .multiple-select-trigger {
	border-color: var(--yellow);
	background: var(--white);
	box-shadow: 0px 15px 25px rgba(234, 192, 55, 0.05), 0 0 0 0.5px var(--yellow);
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	opacity: 0.5 !important;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	opacity: 0.5 !important;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	opacity: 0.5 !important;
}

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

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

textarea {
	resize: none;
	border-radius: 15px;
	height: 120px;
	padding-top: 23px;
	padding-bottom: 23px;
	min-height: 56px;
}

.jcf-select {
	position: relative;
	display: block;
	border: 0;
	background: none;
	padding: 0;
	height: auto !important;
	min-height: 0 !important;
}

.jcf-select select {
	z-index: 2;
}

.jcf-select-text {
	position: relative;
	z-index: 1;
	display: block;
	cursor: pointer;
}

.jcf-select-text>* {
	padding-right: 48px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
}

.jcf-option-placeholder {
	font-weight: 300 !important;
	font-size: 14px !important;
	letter-spacing: -0.01em;
	color: #8A9DBC;
}

.jcf-select-text>*:not(.jcf-option-placeholder) {
	background-color: var(--white);
}

.jcf-select-opener,
.multiple-select-trigger .arrow {
	position: absolute;
	top: 50%;
	right: 28px;
	transform: translate3d(0, -50%, 0) rotate(0deg);
	pointer-events: none;
	z-index: 3;
	line-height: 0;
	transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.jcf-drop-active .jcf-select-opener,
.multiple-select.open .multiple-select-trigger .arrow {
	transform: translate3d(0, -50%, 0) rotate(-180deg);
}

.jcf-drop-active .jcf-select-opener,
.jcf-drop-active .jcf-select-text {
	z-index: 21;
}

.jcf-drop-active .jcf-select-text>* {
	border-color: transparent !important;
	box-shadow: none !important;
	background: none !important;
	transition: none !important;
}

.jcf-select-opener svg,
.multiple-select-trigger .arrow svg {
	fill: var(--grey500);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.jcf-select-drop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-radius: inherit;
	background: var(--white);
	border: 1px solid #E7E7E7;
	box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 16px rgba(20, 37, 63, 0.1);
	z-index: 20;
	padding-top: 56px;
	overflow: hidden;
	transform: translateZ(0);
	backface-visibility: hidden;
}

.jcf-list-content {
	display: block;
	overflow: hidden;
	overflow-y: auto;
	max-height: min(50vh, 300px) !important;
}

.jcf-select-drop ul,
.jcf-select-drop li {
	margin: 0;
	padding: 0;
}

.jcf-select-drop ul {
	padding: 16px 0;
}

.jcf-select-drop li:before {
	display: none;
}

.jcf-option {
	cursor: pointer;
	user-select: none;
	border: 0 !important;
	border-radius: 0 !important;
	font-weight: 300;
	background: none !important;
	color: var(--grey600);
	height: auto !important;
	min-height: 0 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	box-shadow: none !important;
}

.jcf-option.jcf-option-placeholder {
	display: none;
}

.jcf-option.jcf-hover {
	color: var(--blue);
}

.jcf-option.jcf-selected {
	color: var(--blue);
	cursor: default;
	background: url(../img/input/select-check.svg) no-repeat calc(100% - 30px) 50% !important;
}

.jcf-option[data-right] {
	display: block;
	width: 100%;
}

.jcf-option[data-right]:before {
	content: attr(data-right);
	float: right;
}

.jcf-option.jcf-selected[data-right]:before {
	margin-right: 24px;
}

.form-inputs {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.form-inputs-el {
	flex: 0 0 auto;
	width: 100%;
}

.form-inputs .form-checks:last-child {
	width: 100%;
	margin-top: 10px;
}

.form-checks,
.form-triggers {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	white-space: normal;
	text-transform: none;
	text-align: left;
}

.form-checks {
	font: 300 14px/20px var(--fonti);
	letter-spacing: -0.01em;
	color: var(--grey800);
}

.form-triggers {
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	color: var(--grey600);
}

.form-checks label,
.form-triggers label {
	cursor: pointer;
	user-select: none;
	position: relative;
}

.form-checks label {
	padding: 5px 0 5px 44px;
}

.form-triggers label {
	padding: 1px 0 1px 58px;
}

.form-checks input,
.form-triggers input {
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
}

.form-checks .checkbox {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 3px;
	left: 0;
}

.form-triggers .check-trigger {
	position: absolute;
	top: 0;
	left: 0;
}

.form-submit {
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 20px;
	margin: 32px 0 0 0;
}

.form-submit .btn {
	width: 100%;
}

.form-add-files {
	display: flex;
	flex-direction: column;
	gap: 25px 0;
}

.form-add-files-area {
	position: relative;
	overflow: hidden;
	transform: translateZ(0);
	background: rgba(255, 255, 255, 0.61);
	border: 1px dashed #C5D4DE;
	border-radius: 15px;
	height: 80px;
	transition-property: border, box-shadow, background;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-area input {
	position: absolute;
	top: 0;
	right: 0;
	width: 300%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	left: auto;
	cursor: pointer;
}

.form-add-files-area:before,
.form-add-files-area:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	pointer-events: none;
	width: 26px;
	height: 2px;
	background: var(--sec-dark);
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-area:before {
	transform: translate3d(-50%, -50%, 0);
}

.form-add-files-area:after {
	transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}

@media (pointer:fine) {
	.form-add-files-area:hover {
		border-color: transparent !important;
		background-color: var(--white);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.15), 0px 6px 25px rgba(20, 37, 63, 0.05);
	}

	.form-add-files-area:hover:before,
	.form-add-files-area:hover:after {
		background: var(--hover-input);
	}
}

.form-add-files-area .txt {
	padding: 20px;
	text-align: center;
	pointer-events: none;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: -0.01em;
	line-height: 20px;
	color: var(--darker);
	display: none;
}

.form-add-files-area .txt strong {
	display: block;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -0.02em;
	margin: 0 0 10px 0;
}

.form-add-files-area2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #FBFEFF;
	border: 1.5px dashed #99CFF0;
	border-radius: 8px;
	gap: 18px;
	line-height: 1.4;
	padding: 40px 15px;
	overflow: hidden;
	backface-visibility: hidden;
	position: relative;
	transform: translateZ(0);
	transition-property: border, background;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	container-type: inline-size;
	container-name: form-add-files-area2;
}

.form-add-files-area2>* {
	width: 100%;
	flex: 0 0 auto;
	max-width: 240px;
}

@media (pointer:fine) {

	.form-add-files-area2:hover,
	.form-add-files-area2:hover .btn-border-blue {
		border-color: var(--hover);
		color: var(--hover);
		background-color: transparent;
	}
}

.form-add-files-area2 .big {
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -0.02em;
	color: var(--grey800);
}

.form-add-files-area2 .small {
	font-weight: 300;
	font-size: 14px;
	letter-spacing: -0.02em;
	color: var(--grey600);
}

.form-add-files-area2 a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	z-index: 2;
	color: inherit;
}

.form-add-files-area2 .btn {
	margin-top: 30px;
	font-size: 17px;
	background-color: var(--white);
}

.form-add-files-area2 input {
	position: absolute;
	max-width: none !important;
	top: 0;
	right: 0;
	left: auto;
	width: 300%;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	user-select: none;
	opacity: 0;
	z-index: 1;
}

@container form-add-files-area2 (min-width: 500px) {
	.form-add-files-area2 .big {
		font-size: 18px;
		max-width: none;
	}

	.form-add-files-area2 .small {
		margin-top: -9px;
	}

	.form-add-files-area2 .btn {
		margin-top: 8px;
		font-size: 15px;
	}
}

.form-add-files-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.form-add-files-list>* {
	position: relative;
}

.form-add-files-list img {
	height: 85px;
	width: 85px;
	object-fit: cover;
	object-position: center;
}

.form-add-files-delete {
	cursor: pointer;
	user-select: none;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(44, 70, 107, 0.6);
	width: 18px;
	height: 18px;
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-delete:before,
.form-add-files-delete:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9.5px;
	height: 2px;
	border-radius: 1px;
	background: #d3d6d9;
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-delete:before {
	transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.form-add-files-delete:after {
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

@media (pointer:fine) {
	.form-add-files-delete:hover {
		background: #EB2F23;
	}

	.form-add-files-delete:hover:before,
	.form-add-files-delete:hover:after {
		background: var(--white);
	}
}

.form-add-files-delete-all {
	flex: 0 0 auto;
}

.form-add-files-delete-all>* {
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	justify-content: center;
	gap: 0 15px;
	cursor: pointer;
	user-select: none;
	font: normal 13px/20px var(--fonti);
	letter-spacing: -0.03em;
	color: var(--grey500);
	width: 85px;
	height: 85px;
	border: 1px dashed #A2BED4;
	transition-property: border, color;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-delete-all svg {
	flex: 0 0 auto;
	fill: #A2BED5;
	margin: -2px;
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {
	.form-add-files-delete-all>*:hover {
		border-color: var(--orange);
		color: var(--orange);
	}

	.form-add-files-delete-all>*:hover svg {
		fill: var(--orange);
	}
}

.form-add-files-delete-all .txt {
	display: none;
}

.form-add-files-area2+.form-add-files-list2 {
	margin-top: 15px;
}

.form-add-files-list2 {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.form-add-files-list2>*:not(.clear) {
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
	position: relative;
}

.form-add-files-list2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 3px;
}

.form-add-files-list2 label {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
	user-select: none;
}

.form-add-files-list2.size-big label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 3px;
	background: #99ABC7;
	pointer-events: none;
	transition: opacity 0.4s ease;
	opacity: 0;
	z-index: 1;
}

.form-add-files-list2.size-big label:has(input:checked):after {
	opacity: 0.5;
}

.form-add-files-list2 label>input {
	position: absolute;
	transform: scale(0);
	opacity: 0;
}

.form-add-files-list2 .btn {
	padding: 0;
	overflow: hidden;
	transform: translateZ(0);
	backface-visibility: hidden;
	border-radius: 3px;
}

.form-add-files-list2 .btn input {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	width: 300%;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	user-select: none;
	opacity: 0;
	z-index: 2;
}

.form-add-files-list2 .btn.plus:before,
.form-add-files-list2 .btn.plus:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 2px;
	background: currentColor;
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	margin: -1px -12px;
}

.form-add-files-list2 .btn.plus:after {
	transform: rotate(-90deg);
}

.form-add-files-list2 .check {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url("../img/check-white.svg") no-repeat 50% 50%;
	background-size: 20px auto;
	pointer-events: none;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	opacity: 0;
	z-index: 2;
}

.form-add-files-list2 input:checked~.check {
	opacity: 0.8;
}

.form-add-files-list2 .delete {
	cursor: pointer;
	user-select: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 18px;
	margin: 2px;
	border-radius: 2px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background: #2C466B66;
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	z-index: 3;
}

.form-add-files-list2 .delete:before,
.form-add-files-list2 .delete:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7.5px;
	height: 1px;
	border-radius: 1px;
	background: var(--white);
}

.form-add-files-list2 .delete:before {
	transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.form-add-files-list2 .delete:after {
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

@media (pointer:fine) {
	.form-add-files-list2 .delete:hover {
		background-color: var(--danger);
	}
}

.form-add-files-list2 .clear {
	flex: 0 0 auto;
	margin-left: auto;
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.03em;
	color: var(--darker);
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-list2 .clear svg {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	fill: var(--sec-dark);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {
	.form-add-files-list2 .clear:hover {
		color: var(--hover-dark);
	}

	.form-add-files-list2 .clear:hover svg {
		fill: var(--danger);
	}
}

.form-add-files-list2 .txt {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 600;
	font-size: 10px;
	line-height: 18px;
	padding: 5px 12px;
	letter-spacing: -0.02em;
	color: var(--white);
	background: #162848E5;
	border-radius: 2px;
	opacity: 0.9;
	margin: 10px;
	z-index: 2;
}

.form-add-files-list2.size-big {
	gap: 5px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

.form-add-files-list2.size-big>*:not(.clear) {
	width: auto;
	height: 120px;
}

.form-add-files-list2.size-big .btn {
	border-style: dashed;
	border-width: 1px;
}

.form-add-files-list2.size-big .btn.plus:before,
.form-add-files-list2.size-big .btn.plus:after {
	width: 30px;
	margin: -1px -15px;
}

.form-add-files-list2.size-big .delete {
	margin: 10px;
	width: 24px;
	height: 24px;
}

.form-add-files-list2.size-big .clear {
	grid-column: 1/-1;
	margin-right: auto;
	margin-left: 0;
	margin-top: 16px;
}

.form-add-files-list2.size-big .check {
	width: 30px;
	height: 30px;
	margin: 10px;
	border-radius: 50%;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	background: var(--yellow) url("../img/check-white-small.svg") no-repeat 50% 50%;
	background-size: 14px auto;
}

.form-add-files-list2.size-big input:checked~.check {
	opacity: 1;
}

.form-add-files-list2 .cover {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 600;
	font-size: 10px;
	line-height: 18px;
	padding: 5px 12px;
	letter-spacing: -0.02em;
	color: var(--white);
	background: #162848E5;
	border-radius: 2px;
	opacity: 0.9;
	margin: 10px;
}

.form-add-files-list2-actions {
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px;
}

.form-add-files-list2-actions-trigger {
	cursor: pointer;
	user-select: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: relative;
	background: #EBF2FA40;
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-list2-actions-trigger>*:before,
.form-add-files-list2-actions-trigger>*:after {
	content: '';
}

.form-add-files-list2-actions-trigger>*,
.form-add-files-list2-actions-trigger>*:before,
.form-add-files-list2-actions-trigger>*:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	background: #D3DBE8;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-list2-actions-trigger>*:before {
	margin-top: -6px;
}

.form-add-files-list2-actions-trigger>*:after {
	margin-top: 6px;
}

@media (pointer:fine) {
	.form-add-files-list2-actions-trigger:hover {
		background: #EBF2FA80;
	}

	.form-add-files-list2-actions-trigger:hover>*,
	.form-add-files-list2-actions-trigger:hover>*:before,
	.form-add-files-list2-actions-trigger:hover>*:after {
		background-color: var(--deep-blue);
	}
}

.form-add-files-list2-actions.open .form-add-files-list2-actions-trigger {
	background: #EBF2FA80;
}

.form-add-files-list2-actions.open .form-add-files-list2-actions-trigger>*,
.form-add-files-list2-actions.open .form-add-files-list2-actions-trigger>*:before,
.form-add-files-list2-actions.open .form-add-files-list2-actions-trigger>*:after {
	background-color: var(--deep-blue);
}

.form-add-files-list2-actions-popup,
.form-add-files-list2-actions-popup li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.form-add-files-list2-actions-popup li:before {
	display: none;
}

.form-add-files-list2-actions-popup {
	position: absolute;
	z-index: 20;
	top: 100%;
	right: -22px;
	width: 230px;
	border-radius: 4px;
	background: var(--white);
	box-shadow: 0px 5px 34px 0px #14253F1A;
	margin-top: 12px;
	padding: 11px 15px;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.form-add-files-list2-actions:not(.open) .form-add-files-list2-actions-popup {
	opacity: 0;
	pointer-events: none;
}

.form-add-files-list2-actions-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	text-align: left;
	font: normal 14px/20px var(--fonti);
	letter-spacing: -0.02em;
	color: var(--grey600);
	gap: 10px;
	padding: 11px 0;
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-list2-actions-link svg {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	fill: var(--sec-dark);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-add-files-list2-actions-link.red {
	color: var(--danger);
}

.form-add-files-list2-actions-link.red svg {
	fill: var(--danger);
}

@media (pointer:fine) {
	.form-add-files-list2-actions-link:not(.red):hover {
		color: var(--hover-dark);
	}

	.form-add-files-list2-actions-link:not(.red):hover svg {
		fill: var(--blue);
	}

	.form-add-files-list2-actions-link.red:hover {
		color: var(--danger-dark);
	}

	.form-add-files-list2-actions-link.red:hover svg {
		fill: var(--danger-dark);
	}
}

.form-add-files-list2+.form-add-files-by-link {
	margin-top: 30px;
}

.form-add-files-by-link-label {
	font: 500 16px/20px var(--fonti);
	letter-spacing: -0.02em;
	color: var(--deep-blue);
	margin: 0 0 20px 0;
}

.form-add-files-by-link-inputs {
	display: flex;
	gap: 10px;
}

.form-add-files-by-link .btn {
	flex: 0 0 auto;
	padding: 0;
	width: 62px;
}

.form-add-files-by-link .btn svg {
	width: 28px;
	height: 28px;
}

.form-add-files-by-link .main-input {
	flex: 1;
}

/*mobile forms end*/
/*tablet forms start*/
@media only screen and (min-width: 768px) {

	input,
	select,
	textarea,
	button,
	.jcf-select,
	.jcf-option {
		letter-spacing: -0.01em;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="color"],
	input[type="date"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="number"],
	input[type="range"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	textarea,
	select,
	.jcf-select-text>*,
	.jcf-option,
	.jcf-select,
	.multiple-select-trigger {
		height: 60px;
		border-radius: 5px;
		/*box-shadow: 0px 15px 25px rgba(124, 147, 187, 0.05);*/
	}

	.jcf-select-drop {
		padding-top: 60px;
	}

	input:focus,
	textarea:focus,
	.multiple-select-trigger.open .multiple-select-trigger {
		box-shadow: 0px 15px 25px rgba(234, 192, 55, 0.05), 0 0 0 0.5px var(--yellow);
	}

	textarea {
		padding-top: 22px;
		padding-bottom: 22px;
		min-height: 60px;
		height: 120px;
		line-height: 20px;
	}

	.main-input.invalid:after,
	.main-input.valid:after {
		width: 22px;
		height: 22px;
		margin: -11px 0;
	}

	.main-input.invalid:after {
		background-image: url(../img/input/invalid.svg);
	}

	.main-input.valid:after {
		background-image: url(../img/input/valid.svg);
	}

	.big-input.invalid:after,
	.big-input.valid:after,
	.big-input-clear {
		right: 30px;
	}

	.big-input input,
	.big-input textarea,
	.big-input select,
	.big-input .jcf-select-text>* {
		font-size: 16px;
		height: 80px;
		border-radius: 5px;
	}

	.big-input .jcf-select-opener {
		right: 30px;
	}

	.big-input input:placeholder-shown,
	.big-input textarea:placeholder-shown,
	.big-input-label {
		font-size: 15px;
		height: 80px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.big-input textarea:placeholder-shown,
	.big-input textarea:placeholder-shown~.big-input-label {
		padding-top: 15px !important;
		/*20.07.23*/
		padding-bottom: 15px !important;
		/*20.07.23*/
	}

	.big-input-autocomplete {
		margin-top: 5px;
		margin-bottom: -16px;
	}

	.big-input-autocomplete>* {
		background-position: calc(100% - 30px) 50%;
	}

	.big-input-autocomplete strong {
		font-size: 16px;
	}

	.main-input-clear {
		cursor: pointer;
		user-select: none;
		position: absolute;
		top: 50%;
		right: 24px;
		width: 24px;
		height: 24px;
		margin: -12px 0;
		border-radius: 50%;
		background: url("../img/clear-grey.svg") no-repeat 50% 50%;
		background-size: 20px auto;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0.5;
	}

	input:placeholder-shown~.main-input-clear {
		opacity: 0;
		pointer-events: none;
	}

	input:not(:placeholder-shown):focus~.main-input-clear {
		opacity: 1;
	}

	.form-checks,
	.form-triggers {
		font-size: 15px;
	}

	.form-triggers {
		letter-spacing: -0.02em;
	}

	.form-submit {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		margin-top: 30px;
	}

	.form-submit .btn {
		width: auto;
		font-size: 16px;
	}

	.form-add-files {
		gap: 20px 0;
	}

	.form-add-files-area {
		min-height: 80px;
		border-width: 0.5px;
		border-color: var(--sec-dark);
		border-radius: 5px;
		height: auto;
	}

	.form-add-files-area:before,
	.form-add-files-area:after {
		display: none;
	}

	@media (pointer:fine) {
		.form-add-files-area:hover {
			border-color: var(--hover-input);
			background-color: var(--white);
		}
	}

	.form-add-files-area .txt {
		display: block;
	}

	.form-add-files-list img {
		height: 80px;
		width: 80px;
		border-radius: 3px;
	}

	.form-add-files-delete {
		border-radius: 3px;
		margin: 1.5px;
	}

	.form-add-files-delete-all {
		width: 100%;
		margin-top: 5px;
	}

	.form-add-files-delete-all>* {
		width: auto;
		height: auto;
		border: 0;
	}

	.form-add-files-delete-all svg {
		fill: var(--grey400);
	}

	.form-add-files-delete-all .txt {
		display: inline;
	}

	.main-checks {
		font-size: 15px;
	}

	.main-checks>* {
		padding: 2px 0 2px 44px;
	}

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

	.password-checker {
		font-size: 14px;
	}

	.password-checker .lines {
		width: calc(100% - 167px);
		gap: 5px;
	}

	.password-checker .lines>* {
		background: var(--white);
	}

	.input-info {
		font: normal 15px/30px var(--fonti);
		margin-top: 15px;
		color: #657CA4;
		letter-spacing: -0.02em;
	}
}

/*tablet forms end*/
@media only screen and (min-width: 1024px) {
	.form-add-files-area .txt {
		padding: 35px 32px;
	}
}

@media only screen and (min-width: 1280px) {
	.form-add-files-area .txt {
		padding: 44px;
	}

	.password-checker .lines>* {
		background: #E7F1F8;
	}
}

.mfp-hide {
	display: none !important;
}

.nowrap {
	white-space: nowrap;
}

.pic-help {
	flex: 0 0 auto;
	display: inline-block;
	vertical-align: middle;
	cursor: help;
	width: 20px;
	height: 20px;
	background: url(../img/help.svg) no-repeat 50% 50%;
	background-size: contain;
}

header,
nav,
section,
article,
aside,
footer,
menu,
time,
figure,
figcaption,
main {
	display: block;
}

img,
svg,
picture {
	border: 0;
	vertical-align: top;
}

a {
	color: var(--blue);
	text-decoration: none;
	outline: none;
	cursor: pointer;
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {
	a:hover {
		color: var(--hover);
	}
}

strong {
	font-weight: bold;
}

p,
ol,
ul {
	margin: 1em 0;
	padding: 0;
}

ol,
ul,
li {
	list-style: none;
}

li {
	position: relative;
	margin: 0;
	padding: 0 0 0 2em;
}

ul>li:before {
	content: '•';
	width: 2em;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

ol {
	counter-reset: li;
}

ol>li:before {
	counter-increment: li;
	content: counters(li, ".") ". ";
	position: relative;
	display: inline-block;
	vertical-align: top;
	min-width: 2em;
	margin: 0 0 0 -2em;
	padding: 0 0.25em 0 0;
}

h1,
.h1 {
	font: 900 28px/32px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--grey800);
	margin: 0 0 24px 0;
}

h2,
.h2 {
	font: 900 24px/32px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--grey800);
	margin: 40px 0 24px 0;
}

@media only screen and (min-width: 768px) {

	h1,
	.h1 {
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 30px;
		color: var(--grey700);
	}

	h2,
	.h2 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 1280px) {

	h1,
	.h1 {
		margin-bottom: 40px;
	}
}

.btn {
	-webkit-appearance: none;
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	justify-content: center;
	text-transform: none;
	text-align: center;
	gap: 10px;
	text-decoration: none;
	font: 600 15px/20px var(--fontg);
	letter-spacing: -0.005em;
	border-radius: 28px;
	border: 0;
	outline: none;
	height: 56px;
	padding: 0 40px;
	cursor: pointer;
	user-select: none;
	transition-property: box-shadow, border, color, background;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn svg {
	fill: currentColor;
	transition-property: fill, stroke;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn svg.loader {
	stroke: currentColor;
}

.btn-yellow {
	color: #253859;
	background-color: #FFD750;
	background-image: linear-gradient(to bottom, #FFD750 0%, #FFDD4F 66.666%, #FFB800 100%);
	background-size: 100% 300%;
	background-position: 0 100%;
	background-repeat: no-repeat;
	box-shadow: 0px 0.5px 1px 0px #00000026, 0px 4px 16px 0px #FFC40040, 0px -0.5px 0px 0px #BA8F0080 inset;
}

.btn-orange {
	color: var(--white);
	background-color: #FB5A00;
	background-image: linear-gradient(to bottom, #FF7A00 6.47%, #F35C00 50%, #FB5A00 100%);
	background-size: 100% 200%;
	background-repeat: no-repeat;
	box-shadow: 0px 12px 25px rgba(255, 127, 48, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.25), inset 0px -0.5px 0px rgba(0, 0, 0, 0.45);
}

.btn-orange2 {
	color: var(--white) !important;
	background-color: #FB5A00;
	background-image: linear-gradient(to right, #FB5A00 0%, #F16063 66%, #FFC656 100%);
	background-size: 300% 100%;
	background-position: 100% 0;
	box-shadow: 0px 15px 30px rgba(250, 158, 91, 0.35), 0px 1px 1px rgba(0, 0, 0, 0.125), inset 0px -0.5px 0px rgba(0, 0, 0, 0.25);
}

.btn-green {
	color: var(--white);
	background: linear-gradient(180deg, #76d274 0%, #44BA86 100%);
	box-shadow: 0px 5px 15px rgba(68, 186, 134, 0.25), inset 0px -1px 0px rgba(117, 31, 1, 0.25);
}

.btn-dark {
	color: var(--white);
	background: #263349;
	box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 24px rgba(29, 54, 96, 0.26);
}

.btn-dark-grad {
	color: var(--white);
	background: linear-gradient(to bottom, #3B475B 0%, #292D32 50%, #292D32 100%);
	background-size: 100% 200%;
	box-shadow: 0px 4px 16px rgba(41, 45, 50, 0.15), 0px 0.5px 1px rgba(0, 0, 0, 0.15);
}

.btn-grey {
	color: var(--sec-dark);
	background: linear-gradient(to bottom, #FBFBFC 17.86%, #F3F7FC 112.69%);
	border: 0.5px solid rgba(0, 0, 0, 0.07);
	box-shadow: 0px 1px 0px #BDCADD, 0px 8px 12px rgba(20, 37, 63, 0.02);
}

.btn-white {
	color: var(--darker);
	background: var(--white);
	border: 0.5px solid #B9C6DE;
	box-shadow: 0px 8px 12px rgba(20, 37, 63, 0.02), inset 0px 0px 0.5px rgba(153, 171, 200, 0.5);
}

.btn-border-blue {
	background: rgba(29, 161, 242, 0.03);
	border: 0.75px solid #93CFF8;
	color: var(--blue);
}

.btn-border-grey {
	background: none;
	border: 0.75px solid var(--sec-dark50);
	color: var(--darker);
}

.btn-border-darkgrey {
	background: none;
	border: 0.75px solid var(--sec-dark);
	color: #657897;
}

.btn-simple-grey {
	color: var(--sec-dark);
}

.btn-simple-red {
	color: var(--orange);
}

.btn-red {
	background: #FFF9F8;
	border: 0.5px solid rgba(255, 67, 0, 0.5);
	color: rgba(255, 67, 0, 0.74);
}

.btn-red2 {
	background: #F96E6E26;
	box-shadow: 0px -0.5px 0px 0px #D1505080 inset;
	color: #EC4F4F;
}

.btn-grey-blue {
	border: 1px solid rgba(166, 183, 212, 0.25);
	background: linear-gradient(225deg, rgba(241, 241, 245, 0.25) 0%, rgba(228, 236, 247, 0.25) 100%);
	color: var(--blue);
	box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.05);
}

.btn-grey-grey {
	color: var(--darker);
	background: #1DA1F20D;
}

@media (pointer:fine) {
	.btn-yellow:hover {
		box-shadow: none;
		color: #253859;
		background-position: 0 0;
	}

	.btn-orange:hover {
		box-shadow: none;
		color: var(--white);
		background-position: 0 100%;
	}

	.btn-orange2:hover {
		box-shadow: none;
		color: var(--white);
		background-position: 0 0;
	}

	.btn-green:hover {
		box-shadow: none;
		color: var(--white);
	}

	.btn-grey:hover {
		color: var(--hover-dark);
	}

	.btn-dark-grad:hover {
		box-shadow: none;
		color: var(--white);
		background-position: 0 100%;
	}

	.btn-dark:hover {
		color: var(--white);
		box-shadow: none;
	}

	.btn-white:hover {
		color: var(--blue);
		box-shadow: none;
	}

	.btn-border-blue:hover {
		border-color: var(--hover);
		color: var(--hover);
		background-color: transparent;
	}

	.btn-border-grey:hover,
	.btn-border-darkgrey:hover {
		border-color: var(--hover-dark);
		color: var(--hover-dark);
		background-color: transparent;
	}

	.btn-grey-blue:hover {
		color: var(--hover);
	}

	.btn-simple-grey:hover {
		color: var(--hover-dark);
	}

	.btn-simple-red:hover {
		color: var(--orange);
	}

	.btn-red:hover,
	.btn-red2:hover {
		color: var(--orange);
		box-shadow: 0px -0.5px 0px 0px var(--orange) inset;
		background: #F96E6E18;
	}

	.btn-grey-grey:hover {
		color: var(--blue);
	}
}

.btn.disabled,
.btn:disabled {
	color: var(--sec-dark);
	background: var(--grey100) !important;
	border: 0;
	box-shadow: none;
	cursor: default;
	pointer-events: none;
}

@media only screen and (min-width: 768px) {
	.btn {
		border-radius: 4px;
		height: 60px;
	}
}

/*forms start*/
.multiple-select {
	position: relative;
}

.multiple-select-trigger {
	position: relative;
	cursor: pointer;
	user-select: none;
}

.multiple-select-trigger .link {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 10px;
	font: 600 15px/20px var(--fonti);
	letter-spacing: -0.02em;
	color: var(--blue);
	transition-property: color, background;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	border-radius: 100px;
	padding: 0 24px;
	display: flex;
	align-items: center;
	background: #E3F4FF;
}

@media only screen and (min-width: 768px) {
	.multiple-select-trigger .link {
		border-radius: 3px;
	}
}

@media (pointer:fine) {
	.multiple-select-trigger:hover .link {
		background-color: var(--grey100);
		color: var(--darker);
	}

	.multiple-select-trigger:hover .arrow svg {
		fill: var(--deep-blue);
	}
}

.multiple-select.open .multiple-select-trigger .link {
	background-color: var(--grey100);
	color: var(--darker);
}

.multiple-select.open .multiple-select-trigger .arrow svg {
	fill: var(--deep-blue);
}

.multiple-select ul,
.multiple-select li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.multiple-select li:before {
	display: none;
}

.multiple-select-wrap {
	position: relative;
}

.multiple-select-popup {
	position: absolute;
	z-index: 20;
	top: 100%;
	left: 0;
	right: 0;
	margin: 5px 0;
	border: 1px solid #E4EBF2;
	background: var(--white);
	box-shadow: 0px 5px 34px 0px #14253F1A;
	border-radius: 5px;
	overflow: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.multiple-select.upside .multiple-select-popup {
	top: auto;
	bottom: 100%;
}

.multiple-select:not(.open) .multiple-select-popup {
	opacity: 0;
	pointer-events: none;
}

.multiple-select-search {
	position: relative;
	padding: 24px 24px 13px 24px;
}

.multiple-select-search input {
	height: 50px;
}

.multiple-select-search svg {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 37px;
	right: 44px;
	pointer-events: none;
	fill: var(--grey500);
}

.multiple-select-list {
	overflow-y: auto;
	max-height: 200px;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.multiple-select-list li {
	position: relative;
}

.multiple-select-list li input {
	position: absolute;
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
}

.multiple-select-list .multiple-select-el {
	display: flex;
	align-items: center;
	padding: 10px 24px;
	transition-property: color, background;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	gap: 15px;
	text-align: left;
	font: 500 16px/20px var(--fonti);
	letter-spacing: -0.02em;
	color: var(--deep-blue);
	cursor: pointer;
	user-select: none;
}

.multiple-select-list .multiple-select-el .ava {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--sec-default);
}

.multiple-select-list .multiple-select-el .ava img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
}

.multiple-select-list .multiple-select-el .text {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.multiple-select-list .multiple-select-el .circle {
	flex: 0 0 auto;
	position: relative;
	background: #F8FAFD;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	box-shadow: 0px 0.25px 5px 3px #EBF1F440 inset;
	transition-property: box-shadow, background;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.multiple-select-list .multiple-select-el .circle:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url("../img/check-white-small.svg") no-repeat 50% 50%;
	background-size: 14px auto;
	opacity: 0;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {
	.multiple-select-list .multiple-select-el:hover {
		color: var(--blue);
	}
}

.multiple-select-list input:checked+.multiple-select-el {
	background: #1DA1F20D;
	color: var(--blue);
}

.multiple-select-list input:checked+.multiple-select-el .circle {
	background-color: var(--yellow);
	box-shadow: 0px 0.25px 8px -3px #FFC40080;
}

.multiple-select-list input:checked+.multiple-select-el .circle:before {
	opacity: 1;
}

.multiple-select-list li.hide {
	display: none !important;
}

.multiple-selected-list:has(li) {
	margin-top: 15px;
}

.multiple-selected-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.multiple-selected-list li {
	flex: 0 0 auto;
	background: var(--grey100);
	border-radius: 3px;
	font: 500 15px/20px var(--fonti);
	color: var(--grey600);
	padding: 10px 59px 10px 15px;
	transition-property: color, background, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	cursor: pointer;
	user-select: none;
}

.multiple-selected-list li:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 24px;
	height: 24px;
	background: var(--white);
	margin: -12px 0;
	border-radius: 2px;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.multiple-selected-list .multiple-select-el:before,
.multiple-selected-list .multiple-select-el:after {
	z-index: 2;
	content: '';
	position: absolute;
	top: 50%;
	right: 22px;
	width: 8.5px;
	height: 1px;
	border-radius: 1px;
	background: var(--darker);
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.multiple-selected-list .multiple-select-el:before {
	transform: translate3d(50%, -50%, 0) rotate(45deg);
}

.multiple-selected-list .multiple-select-el:after {
	transform: translate3d(50%, -50%, 0) rotate(-45deg);
}

@media (pointer:fine) {
	.multiple-selected-list li:hover {
		color: var(--danger-dark);
		background: #F96E6E26;
		box-shadow: 0px 0.5px 1px 0px #B55B5B59;
	}

	.multiple-selected-list li:hover:after {
		opacity: 0.75;
	}

	.multiple-selected-list li:hover .multiple-select-el:before,
	.multiple-selected-list li:hover .multiple-select-el:after {
		background-color: var(--danger-dark);
	}
}

.multiple-selected-list .ava,
.multiple-selected-list .circle {
	display: none;
	visibility: hidden;
}

.main-input-label {
	font: 600 20px/1.2 var(--fontg);
	letter-spacing: -0.015em;
	color: var(--grey800);
	margin: 0 0 15px 0;
}

@media only screen and (max-width: 767px) {
	.main-input-label {
		font-size: 16px;
	}
}

.main-input-label-simple {
	font: 500 18px/20px var(--fonti);
	letter-spacing: -0.02em;
	color: var(--darker);
	margin: 0 0 15px 0;
}

.main-input {
	position: relative;
}

input[type="password"] {
	padding-right: 70px;
}

.main-input.invalid input,
.main-input.valid input {
	padding-right: 60px;
}

.main-input.invalid:after,
.main-input.valid:after,
.big-input.invalid:after,
.big-input.valid:after,
.big-input-clear {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	margin: -12px 0;
	pointer-events: none;
	top: 50%;
	right: 22px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.main-input.invalid:after {
	background-image: url(../img/input/invalid-mob.svg);
}

.main-input.valid:after {
	background-image: url(../img/input/valid-mob.svg);
}

.big-input.invalid:after,
.big-input.valid:after {
	right: 24px;
}

.big-input.invalid:after {
	background-image: url(../img/input/invalid.svg);
}

.big-input.valid:after {
	background-image: url(../img/input/valid.svg);
}

.invalid input,
.invalid textarea,
input.invalid,
textarea.invalid,
.invalid .jcf-select-text,
select.invalid~.jcf-select-text>* {
	background: #FFFAFA;
	border-color: var(--danger);
	box-shadow: 0 0 0 0.5px var(--danger);
	color: var(--danger-dark);
}

.valid input,
.valid textarea,
input.valid,
textarea.valid,
.valid .jcf-select-text,
select.valid~.jcf-select-text>* {
	background: #F8FFFC;
	border-color: #66CB9F;
	box-shadow: 0 0 0 0.5px #66CB9F;
}

.big-input {
	position: relative;
}

.big-input input,
.big-input textarea,
.big-input select,
.big-input .jcf-select-text>* {
	font-weight: 500;
	font-size: 15px;
	line-height: 30px;
	color: var(--grey900);
	letter-spacing: -0.01em;
	height: 80px;
	padding: 35px 80px 15px 24px;
	border-radius: 5px;
	box-shadow: none !important;
}

.big-input.without-label input,
.big-input.without-label textarea,
.big-input.without-label select,
.big-input.without-label .jcf-select-text>* {
	padding-top: 25px;
	padding-bottom: 25px;
}

.big-input.without-label .big-input-label {
	display: none;
}

.big-input .jcf-select-text>* {
	font-size: 16px;
}

.big-input .jcf-select-opener {
	right: 24px;
}

.big-input input::-webkit-input-placeholder,
.big-input textarea::-webkit-input-placeholder {
	color: var(--grey600);
	opacity: 1;
}

.big-input input::-moz-placeholder,
.big-input textarea::-moz-placeholder {
	color: var(--grey600);
	opacity: 1;
}

.big-input input:-ms-input-placeholder,
.big-input textarea:-ms-input-placeholder {
	color: var(--grey600);
	opacity: 1;
}

.big-input input:placeholder-shown,
.big-input textarea:placeholder-shown,
.big-input-label {
	color: var(--grey600);
	font-weight: 300;
	font-size: 14px;
	line-height: 30px;
	padding: 25px 80px 25px 24px;
	letter-spacing: normal;
}

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

	.big-input input:placeholder-shown,
	.big-input textarea:placeholder-shown,
	.big-input-label {
		padding-top: 13px;
		padding-bottom: 13px;
		height: 56px;
	}
}

.big-input:not(.without-label) input::-webkit-input-placeholder,
.big-input:not(.without-label) textarea::-webkit-input-placeholder {
	opacity: 0 !important;
}

.big-input:not(.without-label) input::-moz-placeholder,
.big-input:not(.without-label) textarea::-moz-placeholder {
	opacity: 0 !important;
}

.big-input:not(.without-label) input:-ms-input-placeholder,
.big-input:not(.without-label) textarea:-ms-input-placeholder {
	opacity: 0 !important;
}

.big-input:not(.without-label) input:focus::-webkit-input-placeholder,
.big-input:not(.without-label) textarea:focus::-webkit-input-placeholder {
	opacity: 0 !important;
}

.big-input:not(.without-label) input:focus::-moz-placeholder,
.big-input:not(.without-label) textarea:focus::-moz-placeholder {
	opacity: 0 !important;
}

.big-input:not(.without-label) input:focus:-ms-input-placeholder,
.big-input:not(.without-label) textarea:focus:-ms-input-placeholder {
	opacity: 0 !important;
}

.big-input:not(.without-label) .jcf-select-text>*.jcf-option-placeholder {
	color: transparent !important;
}

.big-input:not(.valid):not(.invalid) input:not(:placeholder-shown):focus,
.big-input:not(.valid):not(.invalid) textarea:not(:placeholder-shown):focus {
	background-color: #FFFEFA;
}

.big-input .jcf-select.jcf-drop-active .jcf-select-text>* {
	box-shadow: none !important;
}

.big-input-clear {
	cursor: pointer;
	user-select: none;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	opacity: 0;
}

input:not(:placeholder-shown)~.big-input-clear {
	pointer-events: all;
	opacity: 1;
}

.big-input-clear svg {
	width: 100%;
	height: 100%;
	fill: var(--sec-dark);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {
	.big-input-clear:hover svg {
		fill: var(--hover-dark);
	}
}

.big-input-label {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	border-color: transparent;
	background-color: transparent;
	z-index: 3;
	white-space: nowrap;
	padding-right: 0 !important;
}

.big-input input:not(:placeholder-shown)~.big-input-label,
.big-input textarea:not(:placeholder-shown)~.big-input-label,
.big-input .jcf-select~.big-input-label {
	font-weight: 300;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.01em;
	color: var(--grey800);
	height: auto;
	padding-top: 15px;
	padding-bottom: 0;
}

.big-input .jcf-drop-active~.big-input-label {
	z-index: 22;
}

.big-input textarea {
	height: auto;
	min-height: 111px;
	/*20.07.23*/
}

.big-input-autocomplete {
	margin: 7.5px 0 0 0;
	z-index: 30;
	background: var(--white);
	box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 8px 16px rgba(20, 37, 63, 0.1);
	border-radius: 5px;
	max-height: 50vh;
	overflow: hidden;
	overflow: auto;
	padding: 12px;
}

.big-input-autocomplete>* {
	cursor: pointer;
	user-select: none;
	margin: 3px 0;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	letter-spacing: -0.02em;
	text-transform: none;
	white-space: normal;
	padding: 9px 50px 9px 15px;
	background: var(--input-bg);
	border-radius: 4px;
	color: var(--grey800);
	background-repeat: no-repeat;
	background-position: calc(100% - 23px) 50%;
}

.big-input-autocomplete>*.selected {
	background-image: url(../img/input/check-sm-dark.svg);
}

.big-input-autocomplete li:before {
	display: none;
}

.big-input-autocomplete strong {
	display: block;
	font-weight: 600;
	font-size: 15px;
	line-height: 15px;
	margin: 6px 0 5px 0;
}

.eye {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 70px;
	cursor: pointer;
	user-select: none;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

input:placeholder-shown~.eye {
	pointer-events: none;
	opacity: 0;
}

.eye svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	transition-property: opacity, fill;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	fill: var(--sec-dark);
}

@media (pointer:fine) {
	.eye:hover svg {
		fill: var(--orange);
	}
}

.eye svg:nth-child(2) {
	opacity: 0;
}

input[type="password"]~.eye svg:nth-child(1) {
	opacity: 0;
}

input[type="password"]~.eye svg:nth-child(2) {
	opacity: 1;
}

.main-checks {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font: 300 12px/20px var(--fonti);
	letter-spacing: -0.01em;
	text-transform: none;
	white-space: normal;
	text-align: left;
	color: var(--grey800);
}

.main-checks>* {
	flex: 0 0 auto;
	max-width: 100%;
	position: relative;
	padding: 0 0 0 32px;
	cursor: pointer;
	user-select: none;
}

.main-checks .checkbox {
	position: absolute;
	top: 0;
	left: 0;
}

.main-checks input {
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
	opacity: 0;
}

.checkbox {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	display: block;
	position: relative;
	background: var(--input-bg);
	border: 0.5px solid var(--input-border);
	border-radius: 3px;
	transition-property: border, background, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.checkbox:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: inherit;
	background: url(../img/input/checkbox.svg) no-repeat 50% 50%;
	background-size: 14px auto;
	opacity: 0;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

input:focus~.checkbox {
	border-color: var(--hover-input);
	background-color: transparent;
}

@media (pointer:fine) {

	label:hover .checkbox,
	.checkbox:hover {
		border-color: var(--hover-input);
		background-color: transparent;
	}
}

input:checked~.checkbox {
	border-color: var(--yellow);
	background-color: var(--yellow);
}

input:checked~.checkbox:before {
	opacity: 1;
}

.check-trigger {
	display: block;
	width: 40px;
	height: 22px;
	border-radius: 11px;
	background: var(--grey300);
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	position: relative;
	transition-property: border, background;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.check-trigger:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	margin: 2px;
	background-color: var(--white);
	transform: translate3d(0, 0, 0);
	transition-property: transform, background;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	border-radius: 50%;
}

input:checked~.check-trigger {
	background-color: var(--yellow);
}

input:checked~.check-trigger:before {
	transform: translate3d(18px, 0, 0);
}

.input-info {
	font: 600 13px/28px var(--fontg);
	color: #90A0B5;
	margin: 18px 0 0 0;
	text-align: left;
	letter-spacing: normal;
	white-space: normal;
	text-transform: none;
}

.password-checker {
	display: flex;
	align-items: center;
	font: bold 14px/18px var(--fontg);
	letter-spacing: -0.01em;
	justify-content: space-between;
	letter-spacing: normal;
}

.password-checker .lines {
	flex: 0 0 auto;
	width: calc(100% - 150px);
	display: flex;
	align-items: center;
	gap: 8px;
}

.password-checker .lines>* {
	background: rgba(231, 241, 248, 0.6);
	height: 3px;
	border-radius: 1.5px;
	flex: 1;
}

.password-checker .text>*:last-child {
	color: var(--sec-dark);
}

.password-checker .text>*:not(:last-child) {
	display: none;
}

.password-checker.lvl1 .text>*:last-child,
.password-checker.lvl2 .text>*:last-child,
.password-checker.lvl3 .text>*:last-child,
.password-checker.lvl4 .text>*:last-child {
	display: none;
}

.password-checker.lvl1 .lines>*:nth-child(1) {
	background: #F13E48;
}

.password-checker.lvl1 .text>*:nth-child(1) {
	display: block;
	color: #F13E48;
}

.password-checker.lvl2 .lines>*:nth-child(1),
.password-checker.lvl2 .lines>*:nth-child(2) {
	background: var(--yellow);
}

.password-checker.lvl2 .text>*:nth-child(2) {
	display: block;
	color: var(--yellow);
}

.password-checker.lvl3 .lines>*:nth-child(1),
.password-checker.lvl3 .lines>*:nth-child(2),
.password-checker.lvl3 .lines>*:nth-child(3) {
	background: var(--green-dark);
}

.password-checker.lvl3 .text>*:nth-child(3) {
	display: block;
	color: var(--green-dark);
}

.password-checker.lvl4 .lines>*:nth-child(1),
.password-checker.lvl4 .lines>*:nth-child(2),
.password-checker.lvl4 .lines>*:nth-child(3),
.password-checker.lvl4 .lines>*:nth-child(4) {
	background: var(--blue);
}

.password-checker.lvl4 .text>*:nth-child(4) {
	display: block;
	color: var(--blue);
}

.swiper {
	overflow: hidden;
}

.swiper-wrapper {
	display: flex;
}

.swiper-slide {
	flex: 0 0 auto;
}

.main-slider-arrow {
	cursor: pointer;
	user-select: none;
	z-index: 5;
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	background: rgba(237, 242, 247, 0.25);
	border: 1px solid rgba(228, 236, 247, 0.75);
	-webkit-backdrop-filter: blur(3.5px);
	backdrop-filter: blur(3.5px);
	backface-visibility: hidden;
	border-radius: 5px;
	margin: -30px 0;
	display: none;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-property: opacity, background, border, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (min-width: 768px) {
	.main-slider-arrow {
		display: block;
	}
}

.main-slider-arrow.swiper-button-disabled {
	opacity: 0.5;
	cursor: default;
}

.main-slider-arrow svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	fill: var(--sec-dark);
}

@media (pointer:fine) {
	.main-slider-arrow:not(.swiper-button-disabled):hover {
		border-color: transparent;
		background: rgba(76, 93, 122, 0.9);
		box-shadow: 0px 5px 15px -3px rgba(122, 139, 162, 0.31);
	}

	.main-slider-arrow:not(.swiper-button-disabled):hover svg {
		fill: var(--white);
	}
}

.mainwrap {
	flex: 0 0 auto;
	width: 100%;
	min-height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}

.container {
	flex: 0 0 auto;
	padding: 0 17px;
	width: 100%;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) {
	.container {
		padding-left: 32px;
		padding-right: 32px;
	}
}

@media only screen and (min-width: 1280px) {
	.container {
		padding-left: 40px;
		padding-right: 40px;
		max-width: 1760px;
	}
}

.content {
	flex: 1 0 auto;
	padding-bottom: 60px;
	order: 3;
}

@media only screen and (min-width: 768px) {
	.content {
		padding-bottom: 80px;
	}
}

@media only screen and (min-width: 1280px) {
	.content {
		padding-bottom: 120px;
	}
}
/*edited 25.11.25 start*/
.head1,
.header,
.catalog-menu-wrap {
	order: 1;
	flex: 0 0 auto;
}
/*edited 25.11.25 end*/
.footer {
	flex: 0 0 auto;
	order: 4;
}

.tippy-box[data-theme='my'],
.tippy-box[data-theme='my-small'] {
	background-color: var(--tippy-box);
	color: var(--white);
	font: 500 13px/24px var(--fonti);
	letter-spacing: -0.01em;
	padding: 0;
	text-align: center;
}

.tippy-box[data-theme='my'] {
	font-size: 13px;
	line-height: 24px;
}

.tippy-box[data-theme='my-small'] {
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}

.tippy-box[data-theme='my'] .tippy-content {
	padding: 10px 16px 11px 16px;
}

.tippy-box[data-theme='my-small'] .tippy-content {
	padding: 10px 19px;
}

.tippy-box[data-theme='my'][data-placement^='top']>.tippy-arrow::before,
.tippy-box[data-theme='my-small'][data-placement^='top']>.tippy-arrow::before {
	border-top-color: var(--tippy-box);
}

.tippy-box[data-theme='my'][data-placement^='bottom']>.tippy-arrow::before,
.tippy-box[data-theme='my-small'][data-placement^='bottom']>.tippy-arrow::before {
	border-bottom-color: var(--tippy-box);
}

.tippy-box[data-theme='my'][data-placement^='left']>.tippy-arrow::before,
.tippy-box[data-theme='my-small'][data-placement^='left']>.tippy-arrow::before {
	border-left-color: var(--tippy-box);
}

.tippy-box[data-theme='my'][data-placement^='right']>.tippy-arrow::before,
.tippy-box[data-theme='my-small'][data-placement^='right']>.tippy-arrow::before {
	border-right-color: var(--tippy-box);
}

.tippy-box[data-theme='popup'],
.tippy-box[data-theme='map-popup'] {
	background: var(--white);
	box-shadow: -5px 0px 25px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	font: 600 16px/20px var(--fonti);
	color: var(--grey900);
	padding: 0;
}

.tippy-box[data-theme='map-popup'] {
	box-shadow: 0px 30px 80px 0px #0942991F, 0px 0px 2px 0px #26498D24;
}

.tippy-box[data-theme='map-popup'] {
	width: calc(100vw - 40px);
	max-width: 1236px;
}

.tippy-box[data-theme='popup'] .tippy-content {
	padding: 15px;
}

.tippy-box[data-theme='map-popup'] .tippy-content {
	padding: 10px;
}

.tippy-box[data-theme='popup'][data-placement^='top']>.tippy-arrow::before,
.tippy-box[data-theme='map-popup'][data-placement^='top']>.tippy-arrow::before {
	border-top-color: var(--white);
}

.tippy-box[data-theme='popup'][data-placement^='bottom']>.tippy-arrow::before,
.tippy-box[data-theme='map-popup'][data-placement^='bottom']>.tippy-arrow::before {
	border-bottom-color: var(--white);
}

.tippy-box[data-theme='popup'][data-placement^='left']>.tippy-arrow::before,
.tippy-box[data-theme='map-popup'][data-placement^='left']>.tippy-arrow::before {
	border-left-color: var(--white);
}

.tippy-box[data-theme='popup'][data-placement^='right']>.tippy-arrow::before,
.tippy-box[data-theme='map-popup'][data-placement^='right']>.tippy-arrow::before {
	border-right-color: var(--white);
}

.tippy-box[data-theme='image'] {
	box-shadow: 0px 30px 80px 0px #7E90AD1F;
	padding: 8px;
	background: #D8DFEC;
	border-radius: 13px;
	max-width: 100%;
}

.tippy-box[data-theme='image'] .tippy-content {
	background: var(--white);
	border-radius: 5px;
	padding: 0;
	overflow: hidden;
}

.tippy-box[data-theme='image'][data-placement^='top']>.tippy-arrow::before {
	border-top-color: #D8DFEC;
}

.tippy-box[data-theme='image'][data-placement^='bottom']>.tippy-arrow::before {
	border-bottom-color: #D8DFEC;
}

.tippy-box[data-theme='image'][data-placement^='left']>.tippy-arrow::before {
	border-left-color: #D8DFEC
}

.tippy-box[data-theme='image'][data-placement^='right']>.tippy-arrow::before {
	border-right-color: #D8DFEC;
}

.tippy-box[data-theme='image'] .tippy-content img {
	width: auto;
	height: auto;
	border-radius: 5px;
	background-color: var(--white);
	max-width: 50vw;
	max-height: 50vh;
}

.tippy-box[data-theme='price'] {
	box-shadow: 0px 30px 80px 0px #7E90AD1F;
	padding: 8px;
	background: #D8DFEC;
	border-radius: 13px;
	max-width: 100%;
}

.tippy-box[data-theme='price'] .tippy-content {
	padding: 15px 25px 25px 25px;
	background: var(--white);
	border-radius: 5px;
	overflow: hidden;
}

.tippy-box[data-theme='price'][data-placement^='top']>.tippy-arrow::before {
	border-top-color: #D8DFEC;
}

.tippy-box[data-theme='price'][data-placement^='bottom']>.tippy-arrow::before {
	border-bottom-color: #D8DFEC;
}

.tippy-box[data-theme='price'][data-placement^='left']>.tippy-arrow::before {
	border-left-color: #D8DFEC
}

.tippy-box[data-theme='price'][data-placement^='right']>.tippy-arrow::before {
	border-right-color: #D8DFEC;
}

.tippy-box .legend,
.tippy-box .legend li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.tippy-box .legend li:before {
	display: none;
}

.tippy-box .legend {
	display: flex;
	flex-direction: column;
	gap: 5px;
	line-height: 1.36;
}

.tippy-box .legend li {
	padding-left: 13px;
}

.tippy-box .legend li>span {
	position: absolute;
	top: 0.68em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin: -3px 0;
}

.total-popup {
	text-align: left;
	font: normal 15px/20px var(--fonti);
	letter-spacing: -0.015em;
	color: var(--grey900);
	min-width: 250px;
}

.total-popup .grey {
	color: var(--grey500);
}

.total-popup .orange {
	color: var(--orange);
}

.total-popup .h3 {
	font: 800 24px/40px var(--fontg);
	letter-spacing: -0.03em;
	color: var(--title);
	margin: 0 0 20px 0;
	text-align: inherit;
}

.total-popup ul,
.total-popup li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.total-popup ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.total-popup li:before {
	display: none;
}

.total-popup li {
	width: 100%;
	flex: 0 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 8px;
}

.total-popup .r {
	font-weight: 600;
	flex: 0 0 auto;
	text-align: right;
	letter-spacing: -0.035em;
}

.total-popup .l {
	flex: 1;
	overflow: hidden;
}

.total-popup .l:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	height: 1px;
	border-top: 1px dashed #CBD8EB;
	width: 100vw;
	margin-right: -100vw;
	position: relative;
	left: 8px;
	top: 1em;
}

.total-popup .big {
	font-weight: 800;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-family: var(--fontg);
}

.total-popup .big .r {
	font-weight: bold;
	font-size: inherit;
	letter-spacing: 0.01em;
}

.total-popup .big .l:after {
	border-top-style: solid;
	border-top-width: 0.5px;
}

.main-title .container {
	display: flex;
	flex-direction: column;
	gap: 0 24px;
}

@media only screen and (min-width: 768px) {
	.main-title.with-border .container {
		padding-bottom: 26px;
		position: relative;
	}

	.main-title.with-border .container:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: #DAE5F3;
		margin: 0 17px;
	}

	.main-title.with-border .container:after {
		margin: 0 32px;
	}
}

@media only screen and (min-width: 1280px) {
	.main-title.with-border .container:after {
		margin: 0 40px;
	}
}

.main-title h1,
.main-title .h1 {
	flex: 0 0 auto;
	max-width: 100%;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.main-title .text {
	flex: 1 1 auto;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4px 24px;
}

.main-title .num,
.content-title .num,
.content-title .page {
	font: 600 14px/18px var(--fontg);
	letter-spacing: -0.02em;
	color: var(--sec-dark);
}

.content-title .date {
	font: bold 16px/20px var(--fontg);
	color: var(--sec-dark);
	letter-spacing: 0.01em;
	margin: 4px 0 0 0;
}

.main-title .clear {
	margin: -1px 0;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 0 15px;
	text-decoration: none;
	cursor: pointer;
	user-select: none;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: var(--grey500);
	margin-left: auto;
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.main-title .clear svg {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	fill: var(--grey500);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	margin: -2px;
}

@media (pointer:fine) {
	.main-title .clear:hover {
		color: var(--hover-dark);
	}

	.main-title .clear:hover svg {
		fill: var(--hover-dark);
	}
}

@media only screen and (min-width: 768px) {
	.main-title {
		margin-top: 0;
		margin-bottom: 50px;
	}

	.main-title .container {
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
	}

	.main-title .text {
		margin-top: 4px;
	}

	.main-title .num,
	.content-title .num,
	.content-title .page {
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.01em;
	}

	.main-title .clear {
		font-size: 15px;
		line-height: 21px;
	}
}

.status {
	flex: 0 0 auto;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.status.green {
	background: var(--green);
}

.status.yellow {
	background: var(--yellow);
}

.status.red {
	background: var(--red);
}

.status.grey {
	background: rgba(166, 183, 212, 0.15);
}

.content-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 60px;
	gap: 4px 20px;
	padding: 2px 0 2px 14px;
	position: relative;
	margin: 0 0 30px -17px;
	border-left: 3px solid var(--yellow);
	text-align: left;
}

.content-title .in {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4px 16px;
}

.content-title .big {
	font: 900 24px/24px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--grey800);
	margin-right: auto;
}

.content-title .page {
	font-weight: 600 !important;
	color: var(--darker);
}

.content-title .num {
	position: relative;
}

.content-title .all {
	flex: 0 0 auto;
	font-weight: 500;
	font-size: 13px;
	line-height: 24px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--blue);
	text-decoration: none;
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	position: relative;
}

.content-title .all svg {
	flex: 0 0 auto;
	fill: var(--blue);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {
	.content-title .all:hover {
		color: var(--newblue);
	}

	.content-title .all:hover svg {
		fill: var(--newblue);
	}
}

@media only screen and (min-width: 768px) {
	.content-title {
		margin: 0 0 40px 0;
		padding: 7px 0 7px 30px;
		gap: 5px;
	}

	.content-title .in {
		gap: 40px;
		justify-content: flex-start;
	}

	.content-title .big {
		font-size: 24px;
		line-height: 40px;
		color: var(--grey700);
		margin-right: 0;
	}

	.content-title .num,
	.content-title .all,
	.content-title .page {
		top: 2px;
	}

	.content-title .date {
		font-size: 20px;
	}

	.content-title .page {
		margin-left: auto;
	}

	.content-title .page {
		font-size: 18px;
		letter-spacing: -0.02em;
	}

	.content-title .all {
		font-weight: 600;
		font-size: 16px;
		line-height: 25px;
		font-family: var(--fontg);
		gap: 9px;
		min-width: 0;
	}
}

@media only screen and (min-width: 1280px) {
	.content-title {
		margin-bottom: 50px;
		gap: 0;
		padding: 10px 0 10px 30px;
	}

	.content-title .in {
		gap: 50px;
	}

	.content-title .big {
		font-size: 36px;
		line-height: 40px;
	}
}

.link-to-fav,
.link-delete-fav {
	display: block;
	position: relative;
	cursor: pointer;
	user-select: none;
}

.link-to-fav:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 24px;
	height: 24px;
	background: url(../img/to-fav-hover.svg) no-repeat 50% 50%;
	background-size: contain;
	opacity: 0;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.link-to-fav svg,
.link-delete-fav svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	transform: translate3d(-50%, -50%, 0);
	transition-property: fill, opacity;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.link-delete-fav svg {
	width: 18px;
	height: 18px;
}

.link-to-fav svg {
	fill: var(--sec-default);
}

.link-to-fav.active svg {
	fill: var(--yellow);
}

@media (pointer:fine) {
	.link-to-fav:not(.active):hover svg {
		opacity: 0;
	}

	.link-to-fav:not(.active):hover:after {
		opacity: 1;
	}

	.link-delete-fav:hover svg {
		fill: #F68E87 !important;
	}
}

.cover-badges {
	text-align: center;
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
}

.cover-badges>* {
	height: 32px;
	line-height: 32px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	border-radius: 16px;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	position: relative;
	color: var(--white);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: auto 32px;
	padding: 0 12px 0 34px;
	background-position: 3px 0, 0 0;
}

.cover-badges .bg-recommend {
	background-image: url("../img/cover-badges/recommend.svg"), linear-gradient(220.34deg, rgba(60, 208, 255, 0.85) 5.74%, rgba(10, 220, 131, 0.85) 90.68%);
	box-shadow: 0px 7px 15px 3px rgba(13, 169, 118, 0.15);
}

.cover-badges .bg-action {
	background-image: url("../img/cover-badges/action.svg"), linear-gradient(222.58deg, rgba(255, 201, 96, 0.85) 6.09%, rgba(255, 89, 92, 0.85) 95%);
	box-shadow: 0px 7px 15px 3px rgba(233, 114, 41, 0.15);
}

.cover-badges .bg-discount {
	background-image: url("../img/cover-badges/discount.svg"), linear-gradient(224.14deg, rgba(24, 87, 146, 0.85) 13.34%, rgba(14, 43, 94, 0.85) 92.39%);
	box-shadow: 0px 7px 15px 3px rgba(20, 55, 105, 0.15);
}

.link-up {
	position: fixed;
	z-index: 99;
	bottom: 0;
	right: 0;
	width: 72px;
	height: 70px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(3, 3, 60, 0.6);
	box-shadow: 0px 0px 0.5px 0px rgba(0, 0, 0, 1), 0px 20px 20px -2px rgba(12, 12, 80, 0.25);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	border-radius: 5px;
	cursor: pointer;
	user-select: none;
	transition-property: opacity, background, box-shadow, border, transform;
	transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.5s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	transform: translate3d(0, 0, 0);
}

.link-up svg {
	height: 37.14%;
	width: auto;
	flex: 0 0 auto;
	fill: var(--sec-default);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {
	.link-up:hover {
		background: rgba(3, 3, 60, 0.8);
	}

	.link-up:hover svg {
		fill: var(--yellow);
	}
}

html:not(.scrolled) .link-up {
	pointer-events: none;
	opacity: 0;
}

@media only screen and (max-width: 767px) {
	.link-up {
		margin: 110px 17px;
		width: 50px;
		height: 50px;
	}
}

@media only screen and (min-width: 768px) {
	.link-up {
		margin: 32px;
	}
}

@media only screen and (min-width: 1280px) {
	.link-up {
		margin: 40px;
	}
}

.cover-link-chat,
.cover-popup-chat {
	position: fixed;
	bottom: 150px;
	right: 0;
	margin: 17px;
	transform: translate3d(0, 0, 0);
	z-index: 99;
}

.cover-link-chat {
	transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
	width: 52px;
	height: 52px;
	border-radius: 50%;
	cursor: pointer;
	user-select: none;
}

html:not(.scrolled) .cover-link-chat,
html:not(.scrolled) .cover-popup-chat {
	transform: translate3d(0, 150px, 0);
}

html.product-scrolled .cover-link-chat,
html.product-scrolled .cover-popup-chat {
	transform: translate3d(0, -80px, 0);
}

html.product-scrolled .link-up {
	transform: translate3d(0, -80px, 0);
}

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

	.cover-link-chat,
	.cover-popup-chat {
		bottom: 110px;
		margin-bottom: 77px;
		margin-right: 23px;
	}
/*edited 25.11.25 start*/
	.cover-popup-chat {
		margin-bottom: 142px;
		margin-right: 0;
	}
/*edited 25.11.25 end*/
	.cover-link-chat {
		width: 44px;
		height: 44px;
	}

	html:not(.scrolled) .cover-link-chat,
	html:not(.scrolled) .cover-popup-chat {
		transform: translate3d(0, 74px, 0);
	}
}

@media only screen and (min-width: 768px) {
	.cover-link-chat {
		margin: 32px 42px;
	}

	.cover-popup-chat {
		margin: 125px 30px;
	}
}

@media only screen and (min-width: 1280px) {
	.cover-link-chat {
		margin: 40px 50px;
	}

	.cover-popup-chat {
		margin: 133px 40px;
	}
}

.cover-link-chat * {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	transition-property: opacity, background, box-shadow, filter;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cover-link-chat .glow1 {
	display: none !important;
}

.cover-link-chat .glow2 {
	pointer-events: none;
	background: rgba(29, 161, 242, 0.2);
	box-shadow: 0px 0px 30px 0px rgba(16, 181, 252, 0.15);
	margin: -46%;
}

.cover-link-chat .glow3 {
	pointer-events: none;
	background: rgba(29, 161, 242, 0.15);
	margin: -23%;
}

.cover-link-chat .bg {
	background: #69829A;
	box-shadow: 0px 0px 3px -1px rgba(22, 8, 0, 0.65);
}

.cover-link-chat .bg:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: inherit;
	background: linear-gradient(223.15deg, #FFE26A 12.49%, #FFA800 74.11%);
	box-shadow: 0px 25px 35px -10px rgba(250, 196, 5, 1) inset;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cover-link-chat .pic {
	background: url(../img/cover-chat.svg) no-repeat 50% 50%;
	background-size: 46.15% auto;
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1));
	cursor: pointer;
	user-select: none;
	transform: translate3d(0, -2%, 0);
}

.cover-link-chat:before,
.cover-link-chat:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 19px;
	height: 1.5px;
	border-radius: 2px;
	background: var(--white);
	z-index: 3;
	opacity: 0;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cover-link-chat:before {
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.cover-link-chat:after {
	transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

@media (pointer:fine) {

	.cover-link-chat:hover .glow1,
	.cover-link-chat:hover .glow2,
	.cover-link-chat:hover .glow3 {
		opacity: 0.75;
	}
}

.cover-link-chat.active .bg {
	box-shadow: none;
}

.cover-link-chat.active .bg:before,
.cover-link-chat.active .pic {
	opacity: 0;
}

.cover-link-chat.active:before,
.cover-link-chat.active:after {
	opacity: 1;
}

.cover-link-chat.active .glow1 {
	opacity: 0;
}
/*edited 25.11.25 start*/
.cover-popup-chat {
	--side: 30px;
	transition-property: transform, opacity;
	transition-duration: 0.5s, 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	width: 100%;
	max-width: 414px;
	background: var(--white);
	box-shadow: 0px 2px 3px rgba(12, 26, 75, 0.25), 0px 0px 50px rgba(5, 21, 46, 0.56);
	border-radius: 20px;
	z-index: 300;
}
.cover-link-chat:not(.active)~.cover-popup-chat {
	opacity: 0;
	pointer-events: none;
}

@media only screen and (max-height: 650px) {
	@media only screen and (max-width: 767px) {
		.cover-popup-chat {
			margin-bottom: -30px !important;
			right: 70px !important;
			width: calc(100% - 80px) !important;
			--side: 20px;
		}
	}

	@media only screen and (min-width: 768px) {
		.cover-popup-chat {
			margin-bottom: 15px !important;
			right: 80px !important;
		}
	}
}

.cover-popup-chat .head {
	color: var(--grey200);
	font: 300 16px/24px var(--fonti);
	letter-spacing: -1%;
	background-color: var(--dark-dark);
	background-image: url("../img/cover-popup-chat-head_v25.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	padding: 32px var(--side) 25px var(--side);
	border-radius: 20px 20px 0 0;
	margin-bottom: 16px;
}

.cover-popup-chat .head .big {
	font: 800 28px/1 var(--fontg);
	margin: 0 0 10px 0;
	letter-spacing: -0.02em;
}

.cover-popup-chat .title {
	font: bold 14px/26px var(--fonti);
	text-transform: uppercase;
	letter-spacing: -2%;
	color: var(--grey600);
	padding: 0 var(--side);
	margin-top: 12px;
}

.cover-popup-chat ul,
.cover-popup-chat li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cover-popup-chat li:before {
	display: none;
}

.cover-popup-chat li>* {
	display: flex;
	align-items: center;
	gap: 20px;
	text-decoration: none;
	position: relative;
	font: 500 18px/1 var(--fonti);
	letter-spacing: -1%;
	color: var(--grey800);
	padding: 11px var(--side);
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cover-popup-chat ul:last-child li:last-child>* {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.cover-popup-chat li.with-bg>* {
	background-color: color-mix(in srgb, var(--sec-light) 80%, transparent);
	padding-top: 20px;
	padding-bottom: 20px;
	color: var(--grey800) !important;
}

@media (pointer:fine) {
	.cover-popup-chat li>a:hover {
		color: var(--hover);
	}
}

.cover-popup-chat li>* img {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
}

.cover-popup-chat .arrow {
	flex: 0 0 auto;
	position: relative;
	margin-left: auto;
	background: color-mix(in srgb, var(--sec-default) 50%, transparent);
	border-radius: 50%;
	width: 32px;
	height: 32px;
}

.cover-popup-chat li.with-bg .arrow {
	background-color: var(--sec-default);
}

.cover-popup-chat .arrow:before,
.cover-popup-chat .arrow:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background: var(--darker);
	width: 9px;
	height: 1px;
	border-radius: 1px;
	transform-origin: 100% 50%;
}

.cover-popup-chat .arrow:before {
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.cover-popup-chat .arrow:after {
	transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.cover-popup-chat strong {
	font-weight: bold;
	letter-spacing: 2%;
}

.cover-popup-chat .small {
	display: block;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -2%;
	color: var(--table-title);
	margin-top: 6px;
}

.cover-popup-chat .close {
	position: absolute;
	top: -54px;
	right: 12px;
	cursor: pointer;
	user-select: none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #69829A80;
	color: #FFFFFF99;
}

.cover-popup-chat .close:before,
.cover-popup-chat .close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 1.5px;
	border-radius: 1px;
	background-color: currentColor;
}

.cover-popup-chat .close:before {
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.cover-popup-chat .close:after {
	transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

/*edited 25.11.25 end*/
.load-more {
	flex: 1 0 auto;
	width: 100%;
	max-width: 310px;
	margin: 0 auto;
	cursor: pointer;
	user-select: none;
	background: rgba(235, 242, 250, 0.24);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	font-weight: 300;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: var(--blue);
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	padding: 30px 20px;
}

@media only screen and (max-width: 767px) {
	.load-more {
		display: none;
	}
}

.load-more .plus {
	flex: 0 0 auto;
	width: 80px;
	height: 80px;
	border: 1px dashed var(--blue);
	border-radius: 8px;
	position: relative;
	transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	margin: 0 auto 50px auto;
}

.load-more .plus:before,
.load-more .plus:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 24px;
	height: 2px;
	border-radius: 1px;
	background: var(--blue);
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.load-more .plus:after {
	transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}

.load-more .line {
	flex: 0 0 auto;
	width: 25px;
	height: 2px;
	border-radius: 1px;
	background: var(--grey400);
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	margin: 0 auto 16px auto;
}

@media (pointer:fine) {
	.load-more:hover {
		color: var(--hover);
	}

	.load-more:hover .plus {
		border-color: var(--hover);
	}

	.load-more:hover .plus:before,
	.load-more:hover .plus:after {
		background: var(--hover);
	}

	.load-more:hover .line {
		background: var(--yellow);
	}
}

@media only screen and (min-width: 768px) {
	.load-more {
		background: rgba(235, 242, 250, 0.15);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1);
		font-size: 18px;
	}

	.load-more .line {
		margin-bottom: 25px;
	}

	.load-more .plus {
		width: 99px;
		height: 99px;
		margin: 0 0 50px 0;
	}

	.load-more .plus:before,
	.load-more .plus:after {
		width: 32px;
	}
}

.btn-show-more,
.btn-show-more+.btn {
	font-family: var(--fontg);
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
}

.btn-show-more {
	margin-top: 40px;
}

.btn-show-more+.btn {
	margin-top: 15px;
}

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

	.btn-show-more,
	.btn-show-more+.btn {
		font: normal 14px/16px var(--fonti);
		letter-spacing: -0.03em;
	}

	.btn-show-more {
		background: linear-gradient(180deg, #FFFFFF 23.96%, #EFF4F9 89.37%);
		border: 0.5px solid rgba(141, 160, 193, 0.25);
		box-shadow: 0px 1px 0px #BDCADD, 0px 8px 12px rgba(20, 37, 63, 0.02);
		color: var(--deep-blue);
		gap: 15px;
	}

	.btn-show-more svg {
		fill: var(--deep-blue);
	}

	@media (pointer:fine) {
		.btn-show-more:hover {
			color: var(--blue);
			border-color: var(--blue);
			background-color: transparent;
		}

		.btn-show-more:hover svg {
			fill: var(--blue);
		}
	}
}

@media only screen and (min-width: 768px) {
	.btn-show-more svg {
		display: none;
	}
}

@media only screen and (min-width: 1280px) {
	.btn-show-more {
		margin-top: 60px;
	}
}

/*edited 25.11.25 start*/
.tags {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}
.tags>* {
	flex: 0 0 auto;
	max-width: 100%;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -3%;
	color: var(--tag-color);
	background-color: var(--tag-bg);
	border-radius: 3px;
	padding: 7px 16px;
}

.tags>.bg-green {
	background-color: var(--tag-bg-green);
	color: var(--tag-color-green);
	font-weight: 500;
}

.tags>.bg-yellow {
	background-color: var(--tag-bg-yellow);
	color: var(--tag-color-yellow);
	font-weight: 500;
}

.tags>.bg-red {
	background-color: #FFF1F1;
}

/*edited 25.11.25 end*/
.loader {
	fill: none !important;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 32px;
	height: 32px;
	animation: loader 1s linear infinite;
	backface-visibility: hidden;
	will-change: transform;
}

@-webkit-keyframes loader {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes loader {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.notification-simple {
	margin: 30px 0 -20px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	font: normal 15px/16px var(--fonti);
	letter-spacing: -0.02em;
	color: var(--grey800);
	padding: 21px 24px;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	gap: 4px 18px;
}

.notification-simple strong {
	font-weight: 600;
}

.notification-simple.green {
	border-color: var(--success);
	background-color: #F3FCF7;
}

.notification-simple.red {
	border-color: var(--tertiary);
	background-color: #FFF7F8;
}

.notification-simple.orange {
	border-color: #FD7500;
	background-color: #FD75000D;
}