/* montserrat-300 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-300.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-300italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 300;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-300italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 400;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 500;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-500italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 600;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-600italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	src: url('fonts/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-700italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
	--black: #000;
	--dark: #021F1E;
	--white: #fff;
	--blue: #010066;
	--blue-dark: #00416D;
	--blue-light: #0070CF;
	--grey-light: #f7f7f7;
	--font: "Montserrat", sans-serif;
	--transition: .3s;
	--gdpr-link-color: #010066;
	--gdpr-btn-bg: #0070CF;
	--gdpr-btn-border: #0070CF;
	--gdpr-btn-color-hover: #010066;
	--gdpr-btn-padding: .3rem;
}

body {
	font-family: var(--font);
	font-size: 18px;
	line-height: 1.2;
	min-height: 100vh;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 100%;
	color: var(--dark);
}
body.home{
	color: var(--blue);
}
p {
	margin-bottom: 1.3rem;
}

a {
	transition: var(--transition);
}

a img.alignright {
	display: block;
	margin: 0 1em 1em 0;
}

a img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

a img.aligncenter {
	display: block;
	margin: 1em auto;
}

img,
svg {
	max-width: 100%;
	height: auto;
}

img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

img.aligncenter {
	display: block;
	margin: 1em auto;
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([class*=ymaps]),
textarea,
select,
.custom-count {
	margin-bottom: 10px;
	outline: none;
	width: 100%;
	font-family: var(--font);
	color: var(--dark);
	border: none;
	border: 1px solid var(--grey-light);
	border-radius: 1000px;
	padding: 20px;
	transition: var(--transition);
	background-color: var(--grey-light);
	font-size: 17px;

	&.wpcf7-not-valid {
		border: 1px solid #ffbaba;
		background-color: #ffe9e9 !important;
	}
}

textarea {
	height: 130px;
	border-radius: 20px;
}

input[type=checkbox] {
	border: 1px solid var(--blue-light);
	width: 24px;
	height: 24px;
	background-color: transparent;
	transition: var(--transition);
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	margin-right: 10px;
	flex: 0 0 auto;
	position: relative;
	border-radius: 7px;
}

input[type=checkbox]:checked {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 4.76923L4.15789 8L11 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e ");
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--blue-light);
}

input[type=submit] {
	width: 100%;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	color: var(--blue);
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	transition: var(--transition);
	position: relative;
	z-index: 10;
}

.wpcf7-acceptance {
	font-size: 17px;
}

.wpcf7-acceptance {
	font-size: 15px;
	max-width: 340px;
	display: block;
}

.wpcf7-acceptance a:hover {
	text-decoration: none;
	color: var(--white);
}

.wpcf7-list-item {
	margin: 0px 0 0px;
}

.wpcf7-list-item>label {
	display: flex;
}

.wpcf7-form-control-wrap {
	position: relative;
	display: block;
}

.wpcf7-form label, .dosage__form label {
	margin-bottom: 10px;
}

.wpcf7-not-valid-tip {
	display: none;
}

.wpcf7-spinner {
	position: absolute;
}

.fr-line-submit {
	margin-top: 20px;
}
.fr-line-policy {
	margin-top: 10px;
}
.modal-content {
	border: none;
	padding: 30px;
	border-radius: 30px;
	background-color: var(--white);
	color: var(--dark);
}

.modal-header {
	display: block;
	border: unset;
	padding: 0;
	text-align: center;
}

.modal-title {
	font-weight: 700;
	font-size: 20px;
	color: var(--dark);
	margin-bottom: 20px;
	line-height: 130%;
	text-align: left;
	padding-right: 30px;

}

.modal-body {
	font-size: 17px;
}

.modal-close {
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	z-index: 99;

	& svg {
		stroke: #CDCDCD;
		transition: var(--transition);
	}

	&:hover svg {
		stroke: var(--dark);
	}
}

.btn-close {
	--bs-btn-close-bg: transparent;
	--bs-btn-close-opacity: 1;
	--bs-btn-close-hover-opacity: 1;
}

.modal-body {
	padding: 0;
}

.modal .wpcf7-acceptance a {
	color: #bebebe;
}

.modal .wpcf7-acceptance a:hover {
	color: var(--dark);
}

.modal input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([class*=ymaps])::-moz-placeholder,
.modal textarea::-moz-placeholder,
.modal select::-moz-placeholder {
	color: var(--dark);
}

.modal input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([class*=ymaps])::placeholder,
.modal textarea::placeholder,
.modal select::placeholder {
	color: var(--dark);
}

.modal input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([class*=ymaps])::-ms-input-placeholder,
.modal textarea::-ms-input-placeholder,
.modal select::-ms-input-placeholder {
	color: var(--dark);
}

.wpcf7 form .wpcf7-response-output {
	display: none;
}

.fw-500 {
	font-weight: 500;
}

#modal_ok .modal-body {
	margin-bottom: 30px;
	font-size: 20px;
}

#modal_ok .blob-btn {
	font-size: 17px;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		max-width: 580px;
	}
}
/*
@media (min-width: 992px) {

	#modal_order .modal-close,
	#modal_relation .modal-close {
		right: 10px;
		top: 10px;
	}

	#modal_order .modal-dialog,
	#modal_relation .modal-dialog {
		max-width: 900px;
	}

	#modal_order .modal-content,
	#modal_relation .modal-content {
		padding-top: 40px;
		padding-bottom: 20px;
	}

	#modal_order .wpcf7 form .wpcf7-response-output,
	#modal_relation .wpcf7 form .wpcf7-response-output {
		display: none;
	}

	#modal_order .wpcf7-list-item,
	#modal_relation .wpcf7-list-item {
		margin: 0 0 20px;
	}
}*/
/*
#modal_order .modal-content:after,
#modal_relation .modal-content:after {
	content: "";
	display: block;
	background-color: var(--white);
	height: 102px;
	border-radius: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url("./images/bg_modal_order.svg");
	background-position: calc(50% + 220px) center;
	background-repeat: no-repeat;
}*/

.btn {
	background-color: var(--blue-dark);
	color: var(--white);
	display: inline-block;
	cursor: pointer;
	transition: var(--transition);
	padding: 19px 15px;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	border: none;
	outline: none;
}

.btn:hover {
	background-color: var(--blue-light);
	color: var(--white);
}

.btn.alt {
	background-color: var(--blue-light);
}

.btn.alt:hover {
	background-color: var(--blue-dark);
}

#scroll_up {
	background-color: var(--blue-dark);
	color: var(--white);
	position: fixed;
	z-index: 20;
	right: 15px;
	bottom: 15px;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	display: none;
	transition: background-color 0.3s ease-in-out;
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.15);
	border-radius: 10px;
}

#scroll_up svg {
	max-width: 20px;
}

#scroll_up svg path {
	fill: var(--white);
}

#scroll_up:hover {
	background-color: var(--blue-light);
}

.icon-links {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	align-items: center;

}

.icon-links li:not(:last-child) {
	margin-right: 10px;
}

.icon-links a {
	display: block;
}

.icon-links a:hover {
	transform: translateY(-5px);
}

.icon-links svg,
.icon-links img {
	max-width: 40px;
	max-height: 40px;
}

.container-position {
	position: relative;
	z-index: 10;
}

.blob-btn {
	--border-radius: 10px;
	z-index: 1;
	position: relative;
	padding: 19px 18px;
	text-align: center;
	color: var(--blue);
	font-size: 20px;
	font-weight: 700;
	background-color: transparent;
	outline: none;
	border: none;
	transition: color 0.5s;
	cursor: pointer;
	border-radius: var(--border-radius);
	display: inline-block;
	text-decoration: none;
}

.blob-btn.blue {
	color: var(--white);
}

.blob-btn.blue input[type=submit] {
	color: var(--white);
}

.blob-btn.blue .blob-btn__inner {
	background-color: var(--blue-light);
}

.blob-btn.blue-dark {
	color: var(--white);
}

.blob-btn.blue-dark .blob-btn__inner {
	background-color: var(--blue-dark);
}

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

.blob-btn.grey .blob-btn__inner {
	background-color: var(--grey-light)
}

.blob-btn.blob-btn-round {
	--border-radius: 100px;
}

.blob-btn.btn-txt-small {
	font-size: clamp(0.938rem, 0.85rem + 0.242vw, 1.063rem);
	text-transform: uppercase;
}
.blob-btn.btn-full-width{
	width:100%;
}
.blob-btn:before {
	content: "";
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
}

.blob-btn:after {
	content: "";
	z-index: -2;
	position: absolute;
	left: 3px;
	top: 3px;
	width: 100%;
	height: 100%;
	transition: all 0.3s 0.2s;
	border-radius: var(--border-radius);
}

.blob-btn:hover {
	color: var(--white);
	border-radius: var(--border-radius);
}

.blob-btn:hover input[type=submit] {
	color: var(--white);
}

.blob-btn:hover:after {
	transition: all 0.3s;
	left: 0;
	top: 0;
	border-radius: var(--border-radius);
}

.blob-btn__inner {
	z-index: -1;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
	background: var(--white);
}

.blob-btn__blobs {
	position: relative;
	display: block;
	height: 100%;
	filter: url("#goo");
}

.blob-btn__blob {
	position: absolute;
	top: 0;
	width: 25%;
	height: 100%;
	background: var(--blue);
	border-radius: 100%;
	transform: translate3d(0, 150%, 0) scale(1.7);
	transition: transform 0.45s;
}

.blob-btn:has(input[type=submit]) {
	padding: 0px;
}

.blob-btn input[type=submit] {
	padding: 20px 18px;
}

@supports (filter: url("#goo")) {
	.blob-btn__blob {
		transform: translate3d(0, 150%, 0) scale(1.4);
	}
}

.blob-btn__blob:nth-child(1) {
	left: 0%;
	transition-delay: 0s;
}

.blob-btn__blob:nth-child(2) {
	left: 30%;
	transition-delay: 0.08s;
}

.blob-btn__blob:nth-child(3) {
	left: 60%;
	transition-delay: 0.16s;
}

.blob-btn__blob:nth-child(4) {
	left: 90%;
	transition-delay: 0.24s;
}

.blob-btn:hover .blob-btn__blob {
	transform: translateZ(0) scale(1.7);
}

@supports (filter: url("#goo")) {
	.blob-btn:hover .blob-btn__blob {
		transform: translateZ(0) scale(1.7);
	}
}

.header {
	--header-padding: 18px;
	z-index: 999;
	background: #fff;
	border-radius: 0 0 20px 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 24px 0 rgba(3, 29, 28, 0.07);
}

.home .header {
	margin-bottom: -40px;
	box-shadow: 0 0 24px 0 rgba(3, 29, 28, 0.07);
}

header.sticky-header {
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 999;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

.header__wrapper {
	grid-template-columns: auto 1fr;
	row-gap: 12px;
	column-gap: 40px;
}

.header__logo {
	height: calc(100% - var(--header-padding));
	grid-row: 1 / span 2;
}

.header__logo svg {
	fill: var(--white);
}

.header__logo a {
	display: block;
	width: 100%;
	padding: 20px 30px;
	text-align: center;
	border-radius: 0px 0px 20px 20px;
	background-color: var(--blue-light);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.header__info {
	flex-wrap: wrap;
	align-items: center;
	padding: 20px 0 0px;
}

.header__manufacture {
	flex-grow: 1;
}

.header__phone {
	font-weight: 700;
	margin-bottom: 2px;
}

.header__phone a {
	color: var(--dark);
	text-decoration: none;
}

.header__phone a:hover {
	color: var(--blue-light);
}

.header__contact {
	text-align: right;
	color: var(--dark);
	font-size: 17px;
	display: flex;
	flex-direction: column;
	margin-left: 30px;
}

.header__callback {
	cursor: pointer;
	text-decoration-line: underline;
	font-weight: 400;
	font-size: 15px;
}

.header__menu-nav > ul {
	--nav-padding: 16px;
	display: flex;
	justify-content: space-between;
	margin: 0px calc(var(--nav-padding) * -1);
	padding: 0;
}

.header__menu-nav > ul > li {
	list-style-type: none;
	position: relative;
	padding-bottom: var(--header-padding);
}

.header__menu-nav ul > li > a {
	display: block;
	padding: 10px var(--nav-padding);
	font-size: 15px;
	text-transform: uppercase;
	color: var(--dark);
	text-decoration: none;
}
.header__menu-nav ul > li.menu-item-has-children a{
	padding-right: calc(var(--nav-padding) + 24px);
}
.header__menu-nav ul > li > .divider{
	position: absolute;
    right: 3px;
	width: 24px;
    height: 24px;
	cursor: pointer;
	top: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header__menu-nav ul > li > .divider svg{
	stroke: var(--dark);
}
.header__menu-nav > ul > li:hover .divider svg{
	stroke: var(--blue-light);
}
.header__menu-nav > ul > li:hover > a,
.header__menu-nav >  ul > li.current-menu-item>a {
	border-radius: 1000px;
	background: var(--grey-light);
	color: var(--blue-light);
}
.header__menu-nav > ul .sub-menu {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.mobile__line {
	display: none;
	background: var(--blue-light);
	border-radius: 0 0 20px 20px;
	width: 100%;
	padding: 18px 20px;
}

.mobile__menu-close,
.menu-burger {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mobile__menu .mobile__menu-close svg{
	stroke: var(--white);
}
.mobile__line a svg{
	fill: var(--white);
}
.banner {
	--distance-between: 40px;
	position: relative;
}

.banner__content {
	padding: clamp(5rem, 3.258rem + 4.848vw, 7.5rem) 0px clamp(3.125rem, 0.947rem + 6.061vw, 6.25rem);
	color: var(--white);
}

.banner__bubble {
	position: absolute;
	width: 162px;
	height: 96px;
	left: calc(50% - 245px);
	top: 127px;

	& .bubble-1 {
		right: 0px;
		top: 0px;
	}

	& .bubble-2 {
		left: 0px;
		top: 9px;
	}

	& .bubble-3 {
		left: 17px;
		bottom: 0px;
	}
}

.bbubble {
	opacity: 0.63;
	-webkit-animation: float 5s ease-in-out infinite;
	animation: float 5s ease-in-out infinite;
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px);
	}

	100% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

@keyframes float {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px);
	}

	100% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

.bubble-50 {
	width: 50px;
	height: 50px;
}

.bubble-32 {
	width: 32px;
	height: 32px;
}

.bubble-16 {
	width: 16px;
	height: 16px;
}


.banner__tagline {

	font-weight: 700;
	position: relative;
	margin: 20px 0px;
}

.banner__wave svg {
	stroke: var(--white);
	max-width: unset;
}

.banner__wave-3 {
	transform: translateX(-200px);
}

.banner__title {
	font-size: clamp(1.5rem, 0.367rem + 3.152vw, 3.125rem);
}

.banner__title span {
	font-size: 120px;
	line-height: 105%;
	display: block;
}

.banner__subtitle {
	display: flex;
	font-weight: 700;
	font-size: clamp(0.875rem, 0.439rem + 1.212vw, 1.5rem);
	text-transform: uppercase;
	margin-top: 10px;
	align-items: center;
	gap: 10px;
}

.banner__subtitle .blob-btn {
	padding: 10px 30px;
	color: var(--white);
	border-radius: 1000px;
}

.banner__subtitle .blob-btn .blob-btn__inner {
	background: rgba(255, 255, 255, 0.5);
}

.banner__subtitle > span {
	padding: 8px 30px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 1000px;
	color: var(--white);
	margin-right: 10px;

	&:last-child {
		margin-right: 0px;
	}

	&.subtitle-white {
		background: var(--white);
		color: var(--blue-dark);
	}
}

.banner__btn {
	margin-top: clamp(2.5rem, 1.629rem + 2.424vw, 3.75rem);

	& .blob-btn {
		width: 100%;
		max-width: 370px;
		text-transform: uppercase;
		font-size: 17px;
	}
}

.banner__img {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(50% - calc(var(--distance-between)/2));
	height: 100%;
	overflow-y: hidden;
	border-radius: 0 0 0 150px;

	& img {
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: 50%;
		object-position: 50%;
		height: 100%;
		width: 100%;
	}
}

.banner__text {
	font-size: 17px;
	font-weight: 600;
	max-width: 405px;
	margin-bottom: 25px;
	position: relative;
}
.banner .container{
	overflow: hidden;
}
.banner__video {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: calc(50% - calc(var(--distance-between)/2));
	height: 100%;
	border-radius: 0 0 150px 0;
}

.banner__video video {
	position: relative;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

h1,
.h1 {
	font-weight: 700;
	font-size: clamp(1.063rem, 0.278rem + 2.182vw, 2.188rem);
	text-transform: uppercase;
	color: var(--dark);
}

.page-head h1 {
	margin-bottom: 0px;
}

.section-title {
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 600;
	
	margin-bottom: 10px;
}
.home .section-title {
	color: var(--blue);
}
.custom-title {
	margin-bottom: 40px;
}

.title-with-slider {
	padding-right: 200px;
}

.color-dark {
	color: var(--dark)
}

.color-white {
	color: var(--white);
}

.section-title span {
	color: var(--blue-light);
}

.section-title.white {
	color: var(--white);
}

.section-text {
	font-size: 20px;
}

.section-text.blue {
	color: var(--blue-light);
}

.section-text.white {
	color: var(--white);
}

.section {
	padding: 0 0 clamp(3.125rem, 0.947rem + 6.061vw, 6.25rem);
	overflow-x: hidden;
}
.review + .section{
	padding-top: clamp(3.125rem, 0.947rem + 6.061vw, 6.25rem);
}
body:not(.home) .application{
	padding-top:0px;
	padding-bottom: clamp(3.125rem, 0.947rem + 6.061vw, 6.25rem);
}
.section-content {

	color: var(--dark);
}

.page-head+.section {
	padding-top: clamp(1.25rem, 0.379rem + 2.424vw, 2.5rem);
}

.page-404 {
	font-size: 120px;
	color: var(--blue-light);
	font-weight: 700;
}

.advantage {
	padding: 80px 0 100px;
	background-color: var(--blue-dark);
	border-radius: 0px 0px 20.47vw 0px;
	overflow: hidden;
	margin-top: 40px;
}

.advantage__title {
	max-width: 835px;
}

.advantage__text {
	margin-bottom: 40px;
}

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

.advantage__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr 60px 1fr;
	gap: 20px;
}

.advantage-item {
	padding: 20px;
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.07);
	border-radius: 30px;
	background-color: var(--white);
	display: flex;
	align-items: center;
	gap: 20px;
	color: var(--blue);
	transition: var(--transition);
	cursor: pointer;
}

.advantage-item:hover {
	transform: scale(1.05);
}

.advantage-item:nth-child(4n+1) {
	grid-column: 1/2;
	grid-row: 1/2;
}

.advantage-item:nth-child(4n-2) {
	grid-column: 2/2;
	grid-row: 1/3;
}

.advantage-item:nth-child(3n+3) {
	grid-column: 1/2;
	grid-row: 2/4;
}

.advantage-item:nth-child(4n) {
	grid-column: 2/2;
	grid-row: 3/3;
}

.advantage-item__img {
	flex: 0 0 35%;
}

.advantage-item__content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.advantage-item__title {
	font-size: 25px;
	font-weight: 600;
}

.advantage-item__text {
	font-size: 17px;
}

.bubble,
.bbubble {
	position: absolute;
	border-radius: 100%;
	bottom: 10px;
	background-color: var(--white);
	z-index: 1;
}

.about {
	padding: 80px 0 45px;
	overflow: hidden;
}

.about__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 20px;
}

.about__title {
	max-width: 920px;
}

.about__label {
	max-width: 215px;
	font-size: 20px;
	font-weight: 700;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	color: var(--blue);
}

.about__label:before {
	content: "";
	display: block;
	width: 16px;
	height: 15px;
	background-image: url("./images/plus.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	flex: 0 0 auto;
	margin-top: 5px;
}

.about-item {
	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-content: center;
	text-align: center;
}

.about-item__img {
	min-height: 266px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about-item__img img,
.about-item__img svg {
	max-width: 266px;
}

.about-item__title {
	font-size: 20px;
	color: var(--blue);
}

.about__list {
	margin-bottom: 45px;
}

.about__docs {
	position: relative;
}

.about__docs-wrapper {
	position: relative;
	max-width: -moz-fit-content;
	max-width: fit-content;
	z-index: 5;
}

.about__docs-wrapper:before {
	content: "";
	display: block;
	position: absolute;
	top: -20px;
	bottom: -20px;
	right: -60px;
	width: 100vw;
	background-color: var(--blue-light);
	border-radius: 0px 69px 69px 0px;
	z-index: -1;
}

.about__docs-title {
	font-size: 20px;
	font-weight: 500;
	color: var(--white);
	margin-bottom: 20px;
}

.about__docs-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 900px;
}

.about__docs-wave {
	position: absolute;
	bottom: 17px;
	right: -17px;
}

.about-doc {
	max-width: 275px;
}

.about-doc a {
	color: var(--blue);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 10px;
}

.about-doc a:before {
	content: "";
	display: block;
	width: 55px;
	height: 55px;
	background-image: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M50.5933 12.4114C50.5933 12.4002 50.582 12.3776 50.582 12.3663C50.582 12.3438 50.5707 12.3325 50.5707 12.31C50.5707 12.2987 50.5594 12.2762 50.5594 12.2649C50.5594 12.2536 50.5482 12.2311 50.5369 12.2198C50.5256 12.2086 50.5256 12.186 50.5144 12.1747C50.5031 12.1635 50.5031 12.1409 50.4918 12.1297C50.4805 12.1184 50.4805 12.0958 50.4693 12.0846C50.458 12.062 50.4467 12.0395 50.4242 12.017C50.4129 12.0057 50.4129 11.9944 50.4017 11.9831C50.3904 11.9606 50.3678 11.9381 50.3566 11.9268L41.081 0.417252C41.0584 0.383441 41.0246 0.3609 41.0021 0.327088C40.9908 0.315818 40.9908 0.315818 40.9795 0.315818L40.9119 0.248195C40.9006 0.236924 40.8894 0.236924 40.8781 0.225654C40.8555 0.214383 40.833 0.191842 40.8105 0.180572C40.7992 0.169302 40.7879 0.169302 40.7767 0.158031L40.709 0.12422C40.6978 0.112949 40.6865 0.112949 40.6752 0.101679C40.6527 0.0904081 40.6301 0.0791376 40.5963 0.0678671C40.5851 0.0678671 40.5738 0.0565966 40.5625 0.0565966C40.54 0.0453261 40.5062 0.0453261 40.4836 0.0340556C40.4724 0.0340556 40.4611 0.0227851 40.4498 0.0227851C40.416 0.0115146 40.3935 0.0115146 40.3596 0.0115146H40.3258C40.2808 0.0115146 40.2469 0.000244141 40.2019 0.000244141H10.1998C9.57993 0.000244141 9.07276 0.507529 9.07276 1.12752V5.76059H5.52256C4.90268 5.76059 4.39551 6.26788 4.39551 6.88787V53.8729C4.39551 54.4928 4.90268 55.0001 5.52256 55.0001H44.8791C45.499 55.0001 46.0062 54.4928 46.0062 53.8729V49.2397H49.4775C50.0974 49.2397 50.6045 48.7324 50.6045 48.1124V12.479C50.6045 12.4565 50.6045 12.434 50.5933 12.4114ZM41.3289 4.30625L47.1219 11.4983H41.3289V4.30625ZM39.4017 13.347L42.5123 17.1797H36.7305V10.0553L39.2551 13.1667C39.3002 13.2343 39.3453 13.2906 39.4017 13.347ZM11.3269 2.2433H39.0748V9.35644L36.4826 6.16622C36.4601 6.13241 36.4262 6.10986 36.4037 6.07605L36.3812 6.05351C36.3586 6.03097 36.3361 6.0197 36.3135 5.99716C36.3023 5.98589 36.291 5.98589 36.2797 5.97462C36.2572 5.96335 36.2346 5.94081 36.2121 5.92954C36.2008 5.91827 36.1896 5.91827 36.1783 5.907L36.1107 5.87318C36.0994 5.86191 36.0881 5.86191 36.0769 5.86191C36.0543 5.85064 36.0205 5.83937 35.998 5.8281C35.9867 5.8281 35.9754 5.81683 35.9642 5.81683C35.9416 5.80556 35.9078 5.80556 35.8853 5.79429C35.874 5.79429 35.8627 5.78302 35.8515 5.78302C35.8176 5.77175 35.7951 5.77175 35.7613 5.77175H35.7275C35.6824 5.77175 35.6486 5.76048 35.6035 5.76048H11.3269V2.2433ZM6.64961 52.7455V8.00376H34.4764V18.3071C34.4764 18.9271 34.9836 19.4344 35.6035 19.4344H43.7521V52.7456H6.64961V52.7455ZM48.3504 46.9963H46.0062V18.1492C46.0062 18.1267 46.0062 18.1041 45.9949 18.0816C45.9949 18.0703 45.9836 18.0478 45.9836 18.0365C45.9836 18.014 45.9724 18.0027 45.9724 17.9802C45.9724 17.9576 45.9611 17.9464 45.9611 17.9351C45.9611 17.9238 45.9498 17.9013 45.9385 17.89C45.9273 17.8787 45.9273 17.8562 45.916 17.8449C45.9047 17.8337 45.9047 17.8111 45.8935 17.7998C45.8822 17.7886 45.8822 17.766 45.8709 17.7548C45.8596 17.7322 45.8484 17.7097 45.8371 17.6984C45.8258 17.6871 45.8258 17.6759 45.8146 17.6759C45.792 17.6533 45.7808 17.6195 45.7582 17.597L42.6476 13.7642H48.3504V46.9963Z' fill='%23010066'/%3E%3Cpath d='M36.7305 24.0449H13.6711C13.0512 24.0449 12.5441 24.5522 12.5441 25.1722C12.5441 25.7922 13.0512 26.2995 13.6711 26.2995H36.7305C37.3504 26.2995 37.8576 25.7922 37.8576 25.1722C37.8576 24.5522 37.3504 24.0449 36.7305 24.0449ZM36.7305 30.9213H13.6711C13.0512 30.9213 12.5441 31.4286 12.5441 32.0485C12.5441 32.6685 13.0512 33.1758 13.6711 33.1758H36.7305C37.3504 33.1758 37.8576 32.6685 37.8576 32.0485C37.8576 31.4286 37.3504 30.9213 36.7305 30.9213ZM36.7305 37.7977H13.6711C13.0512 37.7977 12.5441 38.305 12.5441 38.925C12.5441 39.545 13.0512 40.0523 13.6711 40.0523H36.7305C37.3504 40.0523 37.8576 39.545 37.8576 38.925C37.8576 38.305 37.3504 37.7977 36.7305 37.7977ZM36.7305 44.6741H13.6711C13.0512 44.6741 12.5441 45.1814 12.5441 45.8014C12.5441 46.4214 13.0512 46.9286 13.6711 46.9286H36.7305C37.3504 46.9286 37.8576 46.4214 37.8576 45.8014C37.8576 45.1814 37.3504 44.6741 36.7305 44.6741Z' fill='%23010066'/%3E%3C/g%3E%3CclipPath%3E%3Crect width='55' height='55' fill='white'/%3E%3C/clipPath%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: var(--transition);
	flex: 0 0 auto;
}

.about-doc a:hover {
	color: var(--white);
}

.about-doc a:hover:before {
	background-image: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M50.5933 12.4114C50.5933 12.4002 50.582 12.3776 50.582 12.3663C50.582 12.3438 50.5707 12.3325 50.5707 12.31C50.5707 12.2987 50.5594 12.2762 50.5594 12.2649C50.5594 12.2536 50.5482 12.2311 50.5369 12.2198C50.5256 12.2086 50.5256 12.186 50.5144 12.1747C50.5031 12.1635 50.5031 12.1409 50.4918 12.1297C50.4805 12.1184 50.4805 12.0958 50.4693 12.0846C50.458 12.062 50.4467 12.0395 50.4242 12.017C50.4129 12.0057 50.4129 11.9944 50.4017 11.9831C50.3904 11.9606 50.3678 11.9381 50.3566 11.9268L41.081 0.417252C41.0584 0.383441 41.0246 0.3609 41.0021 0.327088C40.9908 0.315818 40.9908 0.315818 40.9795 0.315818L40.9119 0.248195C40.9006 0.236924 40.8894 0.236924 40.8781 0.225654C40.8555 0.214383 40.833 0.191842 40.8105 0.180572C40.7992 0.169302 40.7879 0.169302 40.7767 0.158031L40.709 0.12422C40.6978 0.112949 40.6865 0.112949 40.6752 0.101679C40.6527 0.0904081 40.6301 0.0791376 40.5963 0.0678671C40.5851 0.0678671 40.5738 0.0565966 40.5625 0.0565966C40.54 0.0453261 40.5062 0.0453261 40.4836 0.0340556C40.4724 0.0340556 40.4611 0.0227851 40.4498 0.0227851C40.416 0.0115146 40.3935 0.0115146 40.3596 0.0115146H40.3258C40.2808 0.0115146 40.2469 0.000244141 40.2019 0.000244141H10.1998C9.57993 0.000244141 9.07276 0.507529 9.07276 1.12752V5.76059H5.52256C4.90268 5.76059 4.39551 6.26788 4.39551 6.88787V53.8729C4.39551 54.4928 4.90268 55.0001 5.52256 55.0001H44.8791C45.499 55.0001 46.0062 54.4928 46.0062 53.8729V49.2397H49.4775C50.0974 49.2397 50.6045 48.7324 50.6045 48.1124V12.479C50.6045 12.4565 50.6045 12.434 50.5933 12.4114ZM41.3289 4.30625L47.1219 11.4983H41.3289V4.30625ZM39.4017 13.347L42.5123 17.1797H36.7305V10.0553L39.2551 13.1667C39.3002 13.2343 39.3453 13.2906 39.4017 13.347ZM11.3269 2.2433H39.0748V9.35644L36.4826 6.16622C36.4601 6.13241 36.4262 6.10986 36.4037 6.07605L36.3812 6.05351C36.3586 6.03097 36.3361 6.0197 36.3135 5.99716C36.3023 5.98589 36.291 5.98589 36.2797 5.97462C36.2572 5.96335 36.2346 5.94081 36.2121 5.92954C36.2008 5.91827 36.1896 5.91827 36.1783 5.907L36.1107 5.87318C36.0994 5.86191 36.0881 5.86191 36.0769 5.86191C36.0543 5.85064 36.0205 5.83937 35.998 5.8281C35.9867 5.8281 35.9754 5.81683 35.9642 5.81683C35.9416 5.80556 35.9078 5.80556 35.8853 5.79429C35.874 5.79429 35.8627 5.78302 35.8515 5.78302C35.8176 5.77175 35.7951 5.77175 35.7613 5.77175H35.7275C35.6824 5.77175 35.6486 5.76048 35.6035 5.76048H11.3269V2.2433ZM6.64961 52.7455V8.00376H34.4764V18.3071C34.4764 18.9271 34.9836 19.4344 35.6035 19.4344H43.7521V52.7456H6.64961V52.7455ZM48.3504 46.9963H46.0062V18.1492C46.0062 18.1267 46.0062 18.1041 45.9949 18.0816C45.9949 18.0703 45.9836 18.0478 45.9836 18.0365C45.9836 18.014 45.9724 18.0027 45.9724 17.9802C45.9724 17.9576 45.9611 17.9464 45.9611 17.9351C45.9611 17.9238 45.9498 17.9013 45.9385 17.89C45.9273 17.8787 45.9273 17.8562 45.916 17.8449C45.9047 17.8337 45.9047 17.8111 45.8935 17.7998C45.8822 17.7886 45.8822 17.766 45.8709 17.7548C45.8596 17.7322 45.8484 17.7097 45.8371 17.6984C45.8258 17.6871 45.8258 17.6759 45.8146 17.6759C45.792 17.6533 45.7808 17.6195 45.7582 17.597L42.6476 13.7642H48.3504V46.9963Z' fill='%23fff'/%3E%3Cpath d='M36.7305 24.0449H13.6711C13.0512 24.0449 12.5441 24.5522 12.5441 25.1722C12.5441 25.7922 13.0512 26.2995 13.6711 26.2995H36.7305C37.3504 26.2995 37.8576 25.7922 37.8576 25.1722C37.8576 24.5522 37.3504 24.0449 36.7305 24.0449ZM36.7305 30.9213H13.6711C13.0512 30.9213 12.5441 31.4286 12.5441 32.0485C12.5441 32.6685 13.0512 33.1758 13.6711 33.1758H36.7305C37.3504 33.1758 37.8576 32.6685 37.8576 32.0485C37.8576 31.4286 37.3504 30.9213 36.7305 30.9213ZM36.7305 37.7977H13.6711C13.0512 37.7977 12.5441 38.305 12.5441 38.925C12.5441 39.545 13.0512 40.0523 13.6711 40.0523H36.7305C37.3504 40.0523 37.8576 39.545 37.8576 38.925C37.8576 38.305 37.3504 37.7977 36.7305 37.7977ZM36.7305 44.6741H13.6711C13.0512 44.6741 12.5441 45.1814 12.5441 45.8014C12.5441 46.4214 13.0512 46.9286 13.6711 46.9286H36.7305C37.3504 46.9286 37.8576 46.4214 37.8576 45.8014C37.8576 45.1814 37.3504 44.6741 36.7305 44.6741Z' fill='%23fff'/%3E%3C/g%3E%3CclipPath%3E%3Crect width='55' height='55' fill='white'/%3E%3C/clipPath%3E%3C/svg%3E");
}

.originality {
	padding: 55px 0 65px;
}

.originality__title {
	font-size: 110px;
	font-weight: 700;
	line-height: 0.7;
	color: #0070CF;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.originality__title span {
	color: var(--blue);
}

.originality__text {
	font-size: 35px;
	color: var(--blue);
	text-transform: uppercase;
	margin-bottom: 25px;
}

.originality__subtitle {
	font-size: 35px;
	color: var(--blue-light);
	text-transform: uppercase;
	margin-bottom: 30px;
}

.originality-item {
	text-align: center;
	transition: var(--transition);
}

.originality-item__img {
	margin-bottom: 20px;
	position: relative;
}

.originality-item__img img {
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.07);
	border: 17px solid #00416D;
	border-radius: 2.86vw;
}

.originality-item__title {
	font-size: 20px;
	font-weight: 700;
	color: var(--blue);
}

.originality-item.type-1 img {
	border-radius: 6.51vw 2.08vw 5.57vw 6.51vw;
	border-color: var(--blue-light);
}

.originality-item.type-3 img {
	border-radius: 6.51vw 6.51vw 6.51vw 2.92vw;
	border-color: var(--blue-light);
}

.offer {
	background-color: var(--blue-light);
	padding: 40px 0 0;
}

.offer__title {
	margin: 40px 0 35px;
}

.offer__text {
	max-width: 320px;
	font-size: 17px;
	font-weight: 500;
	position: relative;
	padding: 60px 0;
	margin-left: auto;
	margin-bottom: 60px;
	margin-right: 6rem;
}

.offer__text:before,
.offer__text:after {
	content: "";
	display: block;
	width: 312px;
	height: 16px;
	background-image: url("./images/offer_wave.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
}

.offer__text:before {
	left: 110px;
	top: 13px;
}

.offer__text:after {
	right: 120px;
	bottom: 15px;
}

.offer__text-arrow {
	position: absolute;
	right: calc(100% - 48px);
	top: -10px;
	width: 100%;
}

.offer__form {
	position: relative;
	max-width: 420px;
}

.offer__form:before {
	content: "";
	display: block;
	height: 114px;
	position: absolute;
	left: -21px;
	right: -21px;
	top: -20px;
	background-color: var(--white);
	border-radius: 57px 57px 55px 55px;
}

.offer__form:after {
	content: "";
	display: block;
	height: 114px;
	position: absolute;
	left: -21px;
	right: -21px;
	top: 100%;
	background-color: var(--white);
	border: 20px solid var(--blue-dark);
	border-top: none;
	border-radius: 0 0 55px 55px;
	background-image: url("./images/bg_modal_order.svg");
	background-size: 310px;
	background-repeat: no-repeat;
	background-position: center;
	height: 114px;
	width: 462px;
}

.offer__form-wrapper {
	position: relative;
	border-radius: 40px 40px 0 0;
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.07);
	background-color: var(--blue-dark);
	padding: 30px 20px 20px;
	color: var(--white);
}

.offer__form-title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
}
.slider_videos.slick-dotted, .slider_cases.slick-dotted {
	padding-bottom: 40px;
}
.slider_products.slick-dotted  {
	padding-bottom: 20px;
}
.slider_videos.slick-dotted .slick-dots, .slider_cases.slick-dotted  .slick-dots, .slider_products.slick-dotted  .slick-dots{
	bottom: 0px;
} 
.slick-arrow {
	position: absolute;
	z-index: 5;
	top: calc(50% - 28px);
	cursor: pointer;
	left: -23px;
	width: 56px;
	height: 56px;
	font-size: 0;
	border-radius: 50%;
	background-color: var(--white);
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.07);
	padding: 0;
	border: none;
	outline: none;
	background-image: url("./images/arrow.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
}

.slick-next {
	left: unset;
	right: -23px;
	transform: rotate(180deg);
}

.slick-dots {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 100%;
	z-index: 5;
	font-size: 0;
	min-height: 24px;
}

.slick-dots li button {
	outline: none;
	padding: 0;
	margin: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #618A94;
	transition: var(--transition);
	border: none;
	border-color: rgba(0, 112, 207, 0.28);
}

.slick-dots li button:hover {
	background-color: var(--blue-light);
}

.slick-dots li.slick-active button {
	width: 24px;
	height: 24px;
	border: 3px solid rgba(0, 112, 207, 0.28);
	border-radius: 50%;
	background-color: #127ACF;
}

.presentation {
	padding: 165px 0 115px;
}

.presentation__title {
	max-width: 950px;
}

.presentation__text {
	max-width: 771px;
	margin-bottom: 55px;
}

.presentation__list-items {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.presentation__list-items.right .presentation-item:after {
	left: unset;
	right: 100%;
}

.presentation-item {
	min-height: 103px;
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.15);
	border-radius: 30px;
	padding: 20px;
	font-size: 17px;
	background-color: var(--white);
	color: var(--blue);
	position: relative;
	transition: var(--transition);
	cursor: pointer;
}

.presentation-item:hover {
	transform: scale(1.1);
}

.presentation-item:after {
	content: "";
	height: 1px;
	width: 50px;
	background-image: url("./images/dashed.svg");
	background-repeat: repeat-x;
	background-position: center;
	position: absolute;
	left: 100%;
	top: 50%;
}

.presentation-item:nth-child(n+2) {
	background-color: var(--blue-light);
	color: var(--white);
}

.presentation-item:nth-child(n+3) {
	background-color: var(--blue-dark);
	color: var(--white);
}

.presentation__slider {
	margin: 0 auto;
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.07);
	max-width: 600px;
	z-index: 5;
	border-radius: 60px;
}

.presentation-slide {
	position: relative;
}

.presentation-slide img {
	border-radius: 60px;
	border: 20px solid var(--blue-light);
}

.presentation-slide__description {
	position: absolute;
	top: 45px;
	left: 30px;
	right: 30px;
	padding: 10px 15px;
	border-radius: 15px;
	text-align: center;
	backdrop-filter: blur(10px);
}

.presentation__video {
	border-radius: 47.5px;
	display: flex;
	align-items: center;
	background-color: var(--white);
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.07);
	gap: 20px;
	font-size: 17px;
	color: var(--blue);
	text-decoration: none;
	padding: 10px;
	max-width: 212px;
	position: absolute;
	bottom: -35px;
	left: calc(50% - 106px);
	z-index: 10;
	width: 100%;
}

.presentation__video:hover {
	color: var(--blue-light);
}

.presentation__video svg {
	flex: 0 0 auto;
}

.compare {
	padding: 130px 0 80px;
	background-color: var(--blue-light);
	overflow: hidden;
	position: relative;
}

.compare__wrapper {
	position: relative;
	z-index: 5;
}

.compare__head {
	position: relative;
	margin-bottom: 65px;
}

.compare__head:before {
	content: "";
	display: block;
	position: absolute;
	top: -20px;
	bottom: -12px;
	left: -94px;
	border-radius: 90px 0 0 90px;
	width: 120vw;
	background-color: var(--white);
}

.compare__title {
	position: relative;
}

.compare__subtitle {
	position: relative;
	margin-bottom: 20px;
}

.compare__wave {
	position: relative;
}

.compare__list {
	color: var(--white);
}

.compare__list-title {
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	height: 100%;
	align-items: flex-end;
	line-height: 1;
}

.compare__list-text {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	height: 100%;
	align-items: flex-end;
	line-height: 1.5;
}

.compare-item {
	height: 100%;
	padding: 20px;
	font-size: 17px;
	color: var(--blue);
	border-radius: 30px;
	background-color: var(--white);
	font-weight: 500;
	min-height: 124px;
}

.compare-item.alt {
	background-color: var(--blue-dark);
	color: var(--white);
}

.application {
	padding: 80px 0 20px;
	overflow: hidden;
}

.application__head {
	margin-bottom: 30px;
}

.application__text {
	color: var(--blue-light);
	font-size: 20px;
	max-width: 395px;
	margin-left: auto;
}

.application-item {
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.07);
	border-radius: 30px;
	background-color: var(--white);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	text-align: center;
	font-size: 17px;
	font-weight: 500;
	color: var(--blue);
	transition: var(--transition);
	cursor: pointer;
	height: 100%;
}

.application-item:hover {
	background-color: var(--blue-light);
	color: var(--white);
	transform: scale(1.1);
}

.application-item.reverse {
	background-color: var(--blue-light);
	color: var(--white);
}

.application-item:hover .application-item__img,
.application-item.reverse .application-item__img {
	filter: brightness(0) invert(1);
}

.application-item.reverse:hover .application-item__img {
	filter: unset;
}

.application-item.reverse:hover {
	color: var(--blue);
	background-color: var(--white);
}

.application-item__title {
	max-width: 310px;
	margin: 0 auto;
}

.application-item__img {
	transition: var(--transition);
	min-height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.products {
	padding: 65px 0 100px;
	overflow: hidden;
}
.products__list{
	padding-top:70px;
}
.products__title {
	font-size: 100px;
	color: var(--blue);
	text-transform: uppercase;
	font-weight: 700;
	line-height: 0.71;
	margin-bottom: 45px;
	display: flex;
	flex-direction: column;
}

.products__title span:first-child:after {
	content: "";
	display: inline-block;
	width: 565px;
	height: 44px;
	background-image: url("./images/products_wave.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 70px;
}

.products__title span:last-child {
	color: var(--blue-light);
	text-align: right;
	display: block;
	margin-top: 30px;
}

.product__title a {
	font-size: clamp(1.063rem, 0.932rem + 0.364vw, 1.25rem);
	text-transform: none;
	color: var(--dark);
    text-decoration: none;
	font-weight: 700;
}

.products__links {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 50px;
}

.products__links a {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: var(--white);
	border-radius: 10px;
	background-color: var(--blue);
	padding: 13px 5px;
	min-width: 200px;
	text-align: center;
	text-decoration: none;
}

.products__links a:hover {
	background-color: var(--blue-dark) !important;
}

.products__links a.ozon {
	background-color: #3260EA;
}

.products__links a.wb {
	background-color: #B547E6;
}

.products__links a.ym {
	background-color: #F5C951;
}

.product {
	color: var(--blue);
	font-size: 20px;
	height: 100%;
}

.product__img {
	padding: 20px;
	border-radius: 30px 30px 0px 0px;
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.15);
}

.product__btn .blob-btn {
	margin-bottom: 20px;
	margin-top: -10px;
}

.product__title {
	margin-bottom: 10px;
	max-width: 310px;
}

.product__param {
	font-weight: 700;
}

.review {
	padding: 90px 0 70px;
	background-color: var(--blue-dark);

	overflow: hidden;
}

.home .review {
	border-radius: 0px 9.27vw 0px 0px;
}


.review-item {
	border-radius: 30px;
	background-color: var(--white);
	padding: 20px;
	color: var(--blue);
	font-size: 17px;
}

.review-item__head {
	display: flex;
	gap: 20px;
	color: #CDCDCD;
	margin-bottom: 10px;
}

.review-item__name {
	text-decoration: underline;
}

.review-item__rate {
	display: flex;
}

.review-item__rate .active path {
	fill: #F5EC14;
}

.review__slider .slick-list,
.reviews__slider .slick-list {
	margin-right: -20px;
}

.review__slider .slick-slide,
.reviews__slider .slick-slide {
	margin-right: 20px;
}

.review__slider .slick-dots {
	bottom: -44px;
}

.review .slick-dots {
	max-width: calc(100% - 280px);
	right: 140px;
	left: unset;
}

.review__link {
	margin-top: 20px;
	text-align: right;
	font-size: 20px;
	position: relative;
}

.review__link a {
	color: var(--white);
}

.review__link a:hover {
	color: var(--blue-light);
}

.relation {
	padding: 80px 0 45px;
	overflow: hidden;
}

.relation__title {
	margin-bottom: 30px;
}

.relation-item {
	display: flex;
	gap: 20px;
	color: var(--blue);
	font-size: 17px;
}

.relation-item__left {
	flex: 0 0 200px;
}

.relation-item__img img {
	border-radius: 20px 20px 0px 0px;
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.15);
}

.relation-item__btn .blob-btn {
	margin-top: -10px;
}

.relation-item__title {
	font-size: 20px;
	font-weight: 700;
}

.relation-item__text {
	max-width: 380px;
	margin-bottom: 10px;
}

.relation__list {
	margin-bottom: 30px;
}

.relation__docs {
	max-width: 100%;
	padding-left: 55px;
}

.relation__docs:before {
	content: "";
	display: block;
	position: absolute;
	top: -20px;
	bottom: -20px;
	left: 0;
	width: 100vw;
	background-color: var(--blue-light);
	border-radius: 69px 0 0 69px;
	z-index: -1;
}

.contacts {
	padding: 65px 0 90px;
}

.contacts__img:hover {
	animation-name: tada;
}

.contacts__wrapper {
	padding-left: 3.5rem;
}

.contacts__title {
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.contacts__text {
	font-size: 17px;
}

.contacts__links {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.contacts__links .blob-btn {
	min-width: 310px;
}

.footer {
	overflow: hidden;
	color: var(--white);
	background: var(--blue-dark);
	padding: clamp(1.25rem, -0.057rem + 3.636vw, 3.125rem) 0px;
}

.footer a {
	color: var(--white);
}

.footer__main {
	gap: 20px;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr auto;
	height: 100%;
}

.footer__logo {
	height: 100%;
}

.footer__logo a svg {
	max-width: 100%;
	;
}

.footer__logo a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	background-color: var(--white);
	width: 263px;
	height: 85px;
}

.footer__logo a svg {
	fill: var(--blue-light);
}

.footer__columns {
	grid-template-columns: 1fr 310px 1fr 1fr;
	gap: 20px;
}

.footer__menu ul {
	margin: 0px;
	padding: 0px;
}

.footer__menu ul li {
	list-style-type: none;
	position: relative;
	width: 100%;
}

.footer__menu>ul {
	display: grid;
	gap: 15px
}

.footer__menu ul li a {
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;

	&:hover {
		color: var(--blue-light);
	}
}

.footer__menu>ul li ul.sub-menu {
	display: grid;
	gap: 12px;
	margin-top: 16px;
	line-height: 110%;
}

.footer__menu ul li ul.sub-menu li a {
	font-weight: 400;
}

.footer__copyright {
	display: grid;
	gap: 7px;
}

.footer__copyright a,
.footer__copyright-text {
	font-size: 15px;
	color: #88aec8;
}

.footer__copyright a:hover {
	text-decoration: none;
}

.footer__menu ul li .divider {
	position: absolute;
	right: 0px;
	top: 3px;
	z-index: 2;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
	transition: var(--transition);
}
.divider svg{
	stroke: var(--white);
}
.footer__menu ul li .divider.active_a svg {
	transform: rotate(180deg);
}

.footer__wrapper {
	position: relative;
}

.footer__info {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	padding: 20px 0;
}

.footer__text {
	max-width: 420px;
	font-size: 17px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer__contacts,
.footer__copyright {
	margin-top: 40px;
}

.footer__contact {
	font-size: 15px;
}

.footer__contact-title {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}

.footer__contact-text a {
	text-decoration: none;

	&:hover {
		text-decoration: underline;
	}
}

.custom-select {
	color: var(--blue);
	font-size: 20px;
	position: relative;
	z-index: 5;
	border-radius: 10px 10px 0 0;
	transition: var(--transition);
}

.custom-select.open {
	background-color: var(--white);
}

.custom-select.open .custom-select__title:after {
	transform: rotate(180deg);
}

.custom-select__title {
	margin-bottom: 20px;
	border: 1px solid var(--grey-light);
    border-radius: 1000px;
    padding: 20px;
	background-color: var(--grey-light);
	color: var(--black);
    font-size: 17px;
	cursor: pointer;
	position: relative;
	z-index: 5;
}

.custom-select__title:after {
	content: "";
	display: block;
	width: 21px;
	height: 12px;
	background-image: url("./images/select.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: calc(50% - 6px);
	right: 20px;
	transition: var(--transition);
}

.custom-select__options {
	display: none;
	background-color: var(--white);
	border-radius: 0 0 15px 15px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.15);
}

.custom-select__option {
	padding: 19px 20px;
	transition: var(--transition);
	cursor: pointer;
}

.custom-select__option:last-child {
	border-radius: 0 0 10px 10px;
}

.custom-select__option:hover {
	background-color: var(--blue-dark);
	color: var(--white);
}


.custom-count__label {
	font-weight: 700;
	color: var(--dark);
	font-size: 20px;
}

.custom-count__value {
	display: flex;
	align-items: center;
	gap: 7px;
	justify-content: space-between;
}

.custom-count__input input {
	font-weight: 700;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	border-radius: 0px !important;
    border: 0px !important;
}

.custom-count__input input::-moz-placeholder {
	color: var(--dark) !important;
}

.custom-count__input input::placeholder {
	color: var(--dark) !important;
}

.custom-count__input input::-ms-input-placeholder {
	color: var(--dark) !important;
}

.custom-count__input input::-webkit-outer-spin-button,
.custom-count__input input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.custom-count__input input[type=number] {
	-moz-appearance: textfield;
}

.custom-count__arrow {
	font-size: 20px;
	line-height: 100%;
	color: var(--dark);
	cursor: pointer;
	padding: 0px 8px;
}

.modal-relation-img {
	display: flex;
	justify-content: flex-end;
}

.modal-relation-img img {
	border-radius: 20px;
	box-shadow: 0px 0px 24px 0px rgba(3, 29, 28, 0.15);
	max-height: 200px;
	max-width: 200px;
}

.compare-slider .slick-dots {
	position: unset;
}

.compare-slider .slick-dots li button {
	background-color: #99C6EC;
}

.compare-slider .slick-dots li.slick-active button {
	background-color: var(--blue-dark);
}

.bread {
	color: var(--dark);
	margin-bottom: 40px;
	font-size: 17px;

	& a {
		font-size: 17px;
		color: #cdcdcd;
		text-decoration: none;
	}

	& a:hover {
		color: var(--dark);
		text-decoration: none;
	}

	& svg {
		stroke: #cdcdcd;
	}

	& .navigation-pipe {
		padding: 0px 7px;
	}
}

.text-content {
	font-size: 17px;
	color: var(--dark);
}

.text-content h1,
.text-content .h1 {
	font-size: clamp(1.063rem, 0.284rem + 1.818vw, 1.875rem);
	margin-bottom: 20px;
}

.text-content h2,
.text-content .h2 {
	font-size: clamp(1rem, 0.564rem + 1.212vw, 1.625rem);
	margin-bottom: 20px;
}

.text-content h3,
.text-content .h3 {
	font-size: clamp(0.938rem, 0.545rem + 1.091vw, 1.5rem);
	margin-bottom: 20px;
}

.text-content h4,
.text-content .h4 {
	font-size: clamp(0.875rem, 0.527rem + 0.97vw, 1.375rem);
	margin-bottom: 20px;
}

.text-content h5,
.text-content .h5 {
	font-size: clamp(0.813rem, 0.508rem + 0.848vw, 1.25rem);
	margin-bottom: 20px;
}

.text-content h6,
.text-content .h6 {
	font-size: clamp(0.75rem, 0.445rem + 0.848vw, 1.188rem);
	margin-bottom: 20px;
}

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

.custom-card {
	background: var(--grey-light);
	border-radius: 30px;
	padding: 20px;
	color: var(--dark);

	.custom-img{
		border-radius: 20px;
		overflow: hidden;
	}
	& a {
		color: var(--dark);
		text-decoration: none;
	}

	& a:not(.blob-btn):hover {
		color: var(--blue-light);
		text-decoration: underline;
	}

	& .info-title {
		font-weight: 700;
		font-size: clamp(0.938rem, 0.85rem + 0.242vw, 1.063rem);
	}

	.custom-card__info {
		margin-top: 20px;
	}
}

.pcard {
	& .pcard__info {
		padding: 0px 20px
	}

	& .pcard__info-title {
		margin-bottom: 18px;
		text-transform: uppercase;
	}

	& .pcard__info-product {
		font-size: clamp(0.938rem, 0.85rem + 0.242vw, 1.063rem);
		margin-bottom: 18px;
	}
	& .pcard__button{
		margin-top: 20px;
	}
}

.pcard__info-product a {
	display: flex;
	justify-content: space-between;

	& svg {
		flex-shrink: 0;
		stroke: var(--dark);
		margin-left: 10px;
		transition: var(--transition);
	}

	&:hover svg {
		stroke: var(--blue-light);
	}
}
.prcards{
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.prcards .pcard{
	padding: 0px;
	& .pcard__info{
		padding: 0px 20px 20px;
	}
	& .info-title a{
        font-size: clamp(1.063rem, 0.932rem + 0.364vw, 1.25rem);
		text-transform: none; 
    }
}
.block-gray {
	background: var(--grey-light);
	border-radius: 30px;
	padding: 20px;
}

.wp-pagenavi {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 32px 0px 0px -6px;
	flex-wrap: wrap;

	& .pages {
		display: none;
	}

	&>span,
	&>a {
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--dark);
		transition: var(--transition);
		border-radius: 8px;
		min-width: 36px;
		height: 36px;
		margin: 0px 0px 6px 6px;
		text-decoration: none;
		background-color: transparent;
		color: var(--dark);
	}

	&>span.current,
	&>a:hover {
		background: var(--blue-light);
		color: var(--white);
		text-decoration: none;
		border-color: var(--blue-light);
	}

	&>a:focus {
		text-decoration: none;
	}
}


/*USE CSS for Slider*/
.products-slider {
	display: grid;
	grid-template-columns: 1fr 420px;
	gap: 20px;
}

.slider-thumb {
	--thumb-padding: 9px;
	--thumb-shadow: 16px;
	padding: 25px 0px calc(25px - var(--thumb-padding));
	margin: 0px calc(-1*var(--thumb-shadow));
}

.slider-thumb.slick-slider .slick-list {
	padding: calc(var(--thumb-shadow)) var(--thumb-shadow);
	margin: calc(-1*var(--thumb-shadow)) 0px 0px 0px;
	padding-bottom: 0px;
}

.slider-thumb .slick-slide.thumbnail-image .thumbImg {
	max-width: 200px;
	height: 121px;
	margin: 0 auto;
	border-radius: 20px;
	margin-bottom: var(--thumb-padding);
	overflow: hidden;
	box-shadow: 0 0 16px 0 rgba(3, 29, 28, 0.07);

}

.slider-thumb .slick-slide:not(.slick-active):has(+ .slick-current),
.slider-thumb .slick-slide.slick-active+.slick-slide:not(.slick-active) {
	opacity: 0;
	transition: var(--transition);
}

.product-image img,
.slider-thumb .slick-slide.thumbnail-image .thumbImg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.slider-thumb.slick-vertical .slick-slide {
	border: 0px;
}

.slider-thumb .slick-slide:active,
.slider-thumb .slick-slide:focus,
.slider-thumb .slick-arrow:hover,
.slider-thumb .slick-arrow:focus {
	border: 0;
	outline: 0;
}



.slider-thumb .slick-arrow {
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 0;
	box-shadow: unset;
	font-size: 0;
	position: absolute;
	background-image: none;
	left: 50%;
	transform: translateX(-50%);
	right: 0;
	z-index: 99;

	&.slick-prev {
		top: 0;
	}

	&.slick-next {
		bottom: 0;
		top: unset;
	}

	& svg {
		stroke: #CDCDCD;
		transition: var(--transition);
	}

	&:hover svg {
		stroke: var(--dark);
	}
}

.slider-images {
	border-radius: 30px;
	box-shadow: 0 0 16px 0 rgba(3, 29, 28, 0.07);
	overflow: hidden;
}

.pinfo {
	grid-template-rows: 1fr auto;
	gap: 30px;
	height: 100%;
}

.pinfo h1 {
	margin-bottom: 10px;
}

.pinfo__anonse {
	font-size: 17px;
}

.pinfo__advantages {
	background: var(--grey-light);
	border-radius: 30px;
	padding: 20px;

	& ul:last-child {
		margin-bottom: 0px;
	}
}

.pinfo__price {
	font-weight: 700;
	font-size: clamp(2.125rem, 1.428rem + 1.939vw, 3.125rem);
	text-transform: uppercase;
	margin-bottom: 20px;
}

.product_buttons {
	grid-template-columns: 260px 1fr;
	gap: 10px;
}

.product_buttons .product_button .blob-btn {
	width: 100%;
}

.page-content ul {
	margin-left: 0px;
	padding-left: 0px;
}

.page-content ul li {
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 10px;
	position: relative;

	&:last-child {
		margin-bottom: 0px;
	}
}

.page-content ul li:before {
	content: '';
	width: 16px;
	height: 16px;
	left: 0px;
	top: 0px;
	position: absolute;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='9' viewBox='0 0 8 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='4' cy='4.5' r='4' fill='%230070CF'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-position: 50%
}

.modal__img img {
	border-radius: 10px;
	box-shadow: 0 0 16px 0 rgba(3, 29, 28, 0.07);
	margin-bottom: 20px;
}

.modal__title {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 20px;
}

#ProductTab {
	margin-top: clamp(3.125rem, 1.818rem + 3.636vw, 5rem);
}

.custom-tabs.nav-tabs {
	--bs-nav-tabs-border-width: 0px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 317px));
	gap: 10px;
}

.custom-tabs.nav-tabs .nav-link {
	padding: 20px;
	font-size: 15px;
	text-transform: uppercase;
	color: var(--dark);
	text-align: center;
	border-radius: 1000px;
	background: var(--grey-light);
	transition: var(--transition);
	width: 100%;
	height: 100%;
	&.active,
	&:hover {
		background: var(--blue-light);
		color: #fff;
	}
}

.tabs__title {
	font-weight: 500;
	font-size: clamp(1.063rem, 0.932rem + 0.364vw, 1.25rem);
	margin-bottom: 20px;
}

.tab-content {
	background: var(--grey-light);
	border-radius: 30px;
	padding: 20px;
	font-size: clamp(1.063rem, 1.15rem + -0.242vw, 0.938rem);
	margin-top: 20px;
}

a.link-hover {
	position: absolute;
	inset: 0;
	z-index: 10;
}

.product__docs {
	gap: 20px;
	max-width: 510px;
}

.product__doc {
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	position: relative;
	transition: var(--transition);

	&:hover {
		background: var(--blue-light);
		color: #fff;
	}

	&:hover .product__doc-icon svg {
		fill: #fff;
	}

	&:hover .product__doc-link svg {
		stroke: #fff;
	}
}

.product__doc-icon {
	flex-shrink: 0;
	margin-right: 20px;
	transition: var(--transition);

	& svg {
		fill: var(--dark);
	}
}

.product__doc-title {
	flex-grow: 1;
}

.product__doc-link {
	flex-shrink: 0;
	margin-left: 20px;
	transition: var(--transition);

	& svg {
		stroke: var(--dark);
	}
}

.slider_wr-custom-h {
	margin: 0px -10px;
}

.slider_wr {
	margin: 0px -10px;
}
.slider_content {
	padding: 0px 10px;
}
.slider_shadow{
	margin: -16px;
}
.slider_shadow .slider_content {
	padding: 0px 16px;
}
.slider_shadow_big{
	
	margin: -24px;
}
.slider_shadow_big .slick-list{
	padding: 24px 14px;
}
.slider_shadow_big .slider_content {
	padding: 0px 10px;
}
.slider_shadow_big .slick-slide:not(.slick-active):has(+ .slick-current), .slider_shadow_big .slick-slide.slick-active+.slick-slide:not(.slick-active) {
    opacity: 0;
    transition: var(--transition);
}

.slider_shadow_big .slick-arrow-custom.slick-arrow{
	top: -55px;
}

.slider-custom-h .slick-track {
	display: flex;
}
.slider-custom-h .slick-slide{
	height: unset;
}
.slider-custom-h .slider_content{
	height: 100%;
}

.video {
	position: relative;

	&:hover {
		color: var(--blue-light);
	}

	&:hover .video__img-play {
		background: var(--grey-light);

	}

	&:hover .video__img-play svg {
		fill: var(--blue-light);
	}

}

.video__img {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}
.video:hover img{
	transform: scale(1.1);
}
.video__img-play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: clamp(2.5rem, 1.193rem + 3.636vw, 4.375rem);
	height: clamp(2.5rem, 1.193rem + 3.636vw, 4.375rem); 
	background: var(--blue-light);
	border-radius: 50%;
	transition: var(--transition);

	& svg {
		fill: var(--white);
		transition: var(--transition);
		width: clamp(0.75rem, 0.837rem + -0.242vw, 0.625rem);
	}
}

.slick-arrow-custom.slick-arrow {
	--slick-size: clamp(2.5rem, 1.629rem + 2.424vw, 3.75rem);
	width: var(--slick-size);
	height: var(--slick-size);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: var(--grey-light);
	background-image: none;
	box-shadow: unset;
	transition: var(--transition);
	top: -75px;

	&.slick-prev {
		left: unset;
		right: calc(65px + var(--slick-size));
	}

	&.slick-next {
		transform: none;
		left: unset;
		right: 15px;
	}

	& svg {
		stroke: var(--dark);
		transition: var(--transition);
	}

	&:hover {
		background-color: var(--blue-light);
	}

	&:hover svg {
		stroke: var(--white);
	}

}

.shema {
	position: relative;

	img {
		box-shadow: 0 0 16px 0 rgba(3, 29, 28, 0.07);
		border-radius: 30px;
	}
}

.shema__blocks {
	position: absolute;
	inset: 0;
}

.shema__block {
	--shema-position: 16px;
	position: absolute;
	z-index: 20;
}

.shema__block-6 {
	left: calc(50% - 17.4045801527%);
	top: 45.5555555556%;
}

.shema__block-7 {
	left: calc(50% + 19.1603053435%);
	top: 33.1111111111%;
}

.shema__block-8 {
	left: calc(50% + 18.4732824427%);
	bottom: 13.1111111111%;
}

.shema__block-5 {
	left: calc(50% - 26.2595419847%);
	bottom: 6.33333333333%;
}

.shema__block-6 .shema__tooltip {
	right: var(--shema-position);
	top: calc(100% - 5px);
}

.shema__block-7 .shema__tooltip {
	left: var(--shema-position);
	top: calc(100% - 5px);
}

.shema__block-8 .shema__tooltip {
	left: var(--shema-position);
	bottom: calc(100% - 5px);
}

.shema__block-5 .shema__tooltip {
	right: var(--shema-position);
	bottom: calc(100% - 5px);
}

.shema__tooltip {
	opacity: 1;
	z-index: 100;
	transition: var(--transition);
	position: absolute;
}
/*
.shema__tooltip a.link-hover {
	display: none;
}

.shema__block .bullit-active+.shema__tooltip {
	opacity: 1;
	z-index: 100;
}

.shema__block .bullit-active+.shema__tooltip a.link-hover {
	display: block;
}
*/
.shema__term {
	background: var(--blue-light);
	border-radius: 20px;
	padding: 20px;
	width: 242px;
	font-size: 17px;
	color: var(--white);
}

.shema__term-number {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--white);
	border-radius: 50%;
	margin-bottom: 10px;
	color: var(--dark);
	font-weight: 700;
	text-align: center;
}

.shema__term-title {
	font-weight: 700;
	margin-bottom: 10px;
}

.shema__term-link {
	display: flex;
	justify-content: space-between;

	& span {
		text-decoration: underline;
		margin-right: 5px;
	}

	& svg {
		stroke: var(--white);
	}
}

.item-bullit {
	width: 18px;
	height: 18px;
	position: relative;
	cursor: pointer;
}

.item-bullit-border {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--blue-light);
	z-index: 10;
	animation: pulse_animation 1.3s infinite;
}

.item-bullit .item-bullit-border:nth-child(2) {
	animation-delay: 0.3s;
}

.item-bullit-circle {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 20;
	border-radius: 50%;
	background: var(--white);
	top: 50%;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
}

@keyframes pulse_animation {
	0% {
		box-shadow: 0 0 0 0 rgb(0, 112, 207, 0.6);
	}

	100% {
		box-shadow: 0 0 0 12px rgba(0, 112, 207, 0)
	}
}

@-webkit-keyframes pulse_animation {
	0% {
		box-shadow: 0 0 0 0 rgb(0, 112, 207, 0.6);
	}

	100% {
		box-shadow: 0 0 0 12px rgba(0, 112, 207, 0)
	}
}

.card-case, .card-post {
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	-ms-grid-rows: auto 1fr;
	grid-template-rows: auto 1fr;
	grid-template-rows: ;
	box-shadow: 0 0 16px 0 rgba(3, 29, 28, 0.07);
	background: #fff;
	border-radius: 30px;
	height: 100%;
}

.card-case__img, .card-post__img{
	border-radius: 30px;
	overflow: hidden;
}

.card-case__info{
	padding: 20px;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	-ms-grid-rows: auto 1fr;
	grid-template-rows: auto 1fr;
}

.card-case__title, .card-post__title {
	font-weight: 700;
	font-size: clamp(0.938rem, 0.72rem + 0.606vw, 1.25rem);
	margin-bottom: 5px;
	& a {
		color: var(--dark);
		text-decoration: none;
	}
	& a:hover {
		color: var(--blue-light);
	}
}
.card-case__btn .blob-btn, .card-post__btn .blob-btn{
	width: 100%;
	margin-top: 20px;
}
.form-page{
	border-radius: 30px;
	padding: 30px;
	background: var(--grey-light);
}
.form-page input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([class*="ymaps"]),.form-page textarea, .form-page select, .form-page .custom-count,
.dosage__form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([class*="ymaps"]),.dosage__form textarea, .dosage__form select, .dosage__form .custom-count{
	background-color: var(--white);	
}
.cgroup{
	margin-bottom: 30px;
}
.cgroup:last-child{
	margin-bottom: 0px;
}
.cgroup__title{
	font-weight: 700;
	font-size: clamp(1.25rem, 1.032rem + 0.606vw, 1.563rem);
	margin-bottom: 20px;
}
.cgroup__fields{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	row-gap: 10px;
	column-gap: 20px;
}
.cgroup__field{
	display: flex;
	flex-direction: column;
}
.cgroup__field label, .dosage__form label{
	font-size: clamp(0.938rem, 0.85rem + 0.242vw, 1.063rem);
}
.cgroup__field .custom-count{
	margin-top: auto;
}
.cfile{
	--cfile-width: 314px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.file__text{
	font-weight: 700;
	font-size: 15px;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: var(--cfile-width);
	
}
.file-icon{
	flex-shrink: 0;
	width: 30px;
	height:30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	border-radius: 50%;
	& svg{
		stroke: var(--white);
	}
}
.file_button .file-icon{
	background-color: var(--blue-light);
}
.file_succses .file-icon{
	background-color: #18CF00;
}
.file_error .file-icon{
	background-color: #E62424;
}
.input__file{
	position: relative;
}
.input__file .wpcf7-form-control-wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 5;
	max-width: var(--cfile-width);
}
.input__file .wpcf7-form-control-wrap input.inp-file {
	height: 100%;
	width:100%;
	opacity: 0;
	
}

.file__info{
	width: 100%;
	max-width: 286px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 6px 10px;
	background: var(--blue-light);
	border-radius: 1000px;
	justify-content: space-between;
	font-size: 15px;
	color: var(--white);
}
.file__remove{
	flex-shrink: 0;
	width: 17px;
	height: 17px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
	& svg{
		stroke: var(--white);
	}
}
.file__upload{
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;
}

.file_succses, .file_error, .file__info{
	display: none;
}

.cfile.uploaded{
	& .file_succses, & .file__info{
		display: flex;
	}
	& .input__file .wpcf7-form-control-wrap, & .file_button{
		display: none;
	}
}
.cfile:has(.wpcf7-not-valid){
	& .file_error, & .file__info{
		display: flex;
	}
	& .file_succses{
		display: none;
	}
}
.form-page .file__text.file_button{
	margin-bottom: 0px;
}
.form-page .wpcf7-acceptance{
	max-width:100%
}
.form-page .wpcf7-acceptance .wpcf7-list-item{
	margin-top: 0px;
}
.form-page .wpcf7-acceptance  .wpcf7-list-item-label{
	align-self: center;
}
.form-page textarea{
	height: 120px;
	resize: none;
}

.hover-img{
	overflow: hidden;
	& img{
		transition: .6s;
	}
	&:hover img{
		transform: scale(1.1);
	}
}
.dosage{
	grid-template-columns: 1fr 38.888888888%;
	column-gap: 130px;
	row-gap: 30px;
}

.dosage__title{
	font-size: clamp(0.938rem, 0.85rem + 0.242vw, 1.063rem);
	font-weight: 700;
	margin-bottom: 20px;
}
.dosage__result{
	font-weight: 700;
	font-size: clamp(2.125rem, 1.428rem + 1.939vw, 3.125rem);
	text-transform: uppercase;            
}
.dosage__bottom{
	margin-top: 10px;
}
.dosage__info{
	border-radius: 20px;
	padding: 20px;
	background: var(--white);
}
.dosage__info-title{
	font-size: clamp(0.938rem, 0.85rem + 0.242vw, 1.063rem);
	font-weight: 700;
	margin-bottom: 10px;	
}
.dosage__info-text{
	margin-bottom: 20px;
	font-size: clamp(0.938rem, 0.85rem + 0.242vw, 1.063rem);
}
.pcases{
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.dosage__link{
	font-size: clamp(0.938rem, 0.85rem + 0.242vw, 1.063rem);
	color: var(--dark);
	text-decoration: none;
	align-items: center;
	margin-top: 10px;
	& span{
		text-decoration: underline;
	}
	&:hover span{
		color: var(--dark);
		text-decoration: none;
	}
	& svg{
		stroke: currentColor;
		margin-left: 20px;
	}
}

.navi-terms{
	margin: 0px 0px 30px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}
.navi-terms li{
	list-style-type: none;
	margin: 5px 10px 5px 0px;
	&:last-child{
		margin-right: 0px;
	}
}
.navi-terms li a{
	padding: 20px;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--dark);
    text-align: center;
    border-radius: 1000px;
    background: var(--grey-light);
    transition: var(--transition);
    width: 100%;
    height: 100%;
	text-decoration: none;
	display: block;
	&.active, &:hover {
        background: var(--blue-light);
        color: #fff;
    }
}
.navi-terms li.term-navi-active a{
	background: var(--blue-light);
	color: #fff;
}

.posts{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.card-post__info{
	padding: 20px;
/*	display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;*/
}
.card-post__tags{
	margin-bottom: 20px;
}
.ptags{
	display: flex;
	flex-wrap: wrap;
	
}
.ptag{
	border-radius: 100px;
	padding: 10px 16px;
	background: var(--grey-light);
	margin: 2px 5px 2px 0px;
	display: flex;
	&:last-child{
		margin-right: 0px;
	}
	& .ptag__icon{
		width: 20px;
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 10px;
		flex-shrink: 0;
		& svg{
			max-height: 100%;
		}
	}
	& .ptag__text{
		font-size: 14px;
		align-self: center;
	}
	& .ptag__text-date{
		text-transform: capitalize;
		
	}
}
.ptag-term{
	border-radius: 100px;
	padding: 10px 16px;
	background: var(--blue-light);
	margin: 2px 5px 2px 0px;
	display: flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	&:hover{
		background: var(--grey-light);
		color:var(--dark);
	}
} 
.card-post__img .ptag-term{
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 10;
}

.section-single .ptags{
	margin-top: -20px;
	margin-bottom: clamp(1.875rem, 1.439rem + 1.212vw, 2.5rem); 
}
.section-single h1{
	margin-bottom: 2rem;
}
.section-single .ptag, .section-single .ptag-term{
	margin: 20px 20px 0px 0px;
	&:last-child{
		margin-right: 0px;
	}
}
.section.section-single{
	overflow-x: unset;
}
.sidebar{
	position: sticky;
	top: 140px;
}
.sblock{
	border-radius: 20px;
	padding: 20px;
	background: var(--grey-light);
	margin-bottom: 10px;
	&:last-child{
		margin-bottom: 0px;
	}
}
.sblock__title{
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 20px;
}
.card-shortpost{
	margin-bottom: 10px;
	&:last-child{
		margin-bottom: 0px;
	}
	& .card-shortpost__img{
		flex-shrink: 0;
		margin-right: 10px;
	}
	& .card-shortpost__info-title{
		font-weight: 700;
		font-size: 15px;
		margin-bottom: 10px;
		display: -webkit-box;
		-webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
		& a{
			color: var(--dark);
			text-decoration: none;
		}
		& a:hover{
			text-decoration: underline;
		}
	}
	& .card-shortpost__info-date{
		font-size: 12px;
	}
}
.card-shortpost__img .hover-img{
	border-radius: 10px;
}

.sproduct + .sblock{
	margin-top: 10px;
}

.sproduct .pcard{
	padding: 0px;
	box-shadow: 0 0 16px 0 rgba(3, 29, 28, 0.07);
	background: var(--white);
	& .pcard__info{
		padding: 0px 20px 20px;
	}
	& .info-title{
		text-align: center;
	}
	& .info-title a{
		font-size: 15px; 
		text-transform: none;
    }
}

.faq__link{
	font-weight: 700;
	font-size: 15px;
	justify-content: space-between;
	margin-bottom: 10px;
	color: var(--dark);
	text-decoration: none;
	&:last-child{
		margin-bottom: 0px;
	}
	&:hover{
		color: var(--blue-light);
	}
	& span{
		align-self: center;
	}
	& svg{
		stroke: currentColor;
		flex-shrink: 0;
	}
}

.page-content img[class*="wp-image"]{
	border-radius: 30px;
}
.pvideo{
	margin-bottom: 1.3rem;
	& img{
		width:100%;
	}
	&:hover img {
		transform: scale(1.04);
	}
}
.contacts + .section-lasted-posts{
	padding-top: 70px;
}

#map {
	height: 400px;
}

#map iframe {
	border-radius: 20px;
}

#accordionFAQ {
	--bs-accordion-border-radius: 30px;
	--bs-accordion-inner-border-radius: 30px;
}

#accordionFAQ .accordion-body p:last-child {
	margin-bottom: 0;
}

#accordionFAQ button {
	transition: var(--transition);
}

#accordionFAQ button[aria-expanded="false"]:hover {
	border-color: var(--bs-accordion-btn-focus-border-color);
	box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}