/* ------------------------------------------------------------------------ */

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

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

:focus,
:active {
	outline: none;
}

a:focus,
a:active {
	outline: none;
}

nav,
footer,
header,
aside {
	display: block;
}

html,
body {
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
	font-family: inherit;
}

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

button {
	cursor: pointer;
	background-color: transparent;
}

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

a {
	color: inherit;
}

a,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: 400;
}

svg {
	display: block;
}

/* ---------------------------------------------------------------------------- */

:root {
	--firmennyy-siniy: #1f4683;
	--zelenyy: #008f39;
	--krasnyy: #c1121c;
	--sirenevyy: #7532a0;
	--serosiniy: #52648c;
	--seryy: #cbd0cc;
	--fon-siniy: #f2f6f9;
	--dopolnitelnyy-siniy: #6592cd;
	--svetlozelenyy: #c6d932;
	--svetlosiniy: #eef6fd;
	--siniy: #c8d9ee;

	--font-family: "Montserrat", sans-serif;
	--second-family: "Bebas Neue", sans-serif;
	--third-family: "Muller", sans-serif;
}

body {
	font-family: var(--font-family);
	background: #fff;
}

.wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.main {
	flex: 1 1 100%;
}

.container {
	max-width: 1810px;
	margin: 0 auto;
	padding: 0 20px;
}

section {
	margin: 0px 0px 100px 0px;
}

.btn-border-red {
	position: relative;
	display: inline-block;
	border: 1px solid var(--siniy);
	padding: 14px 9px;
	background: #fff;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	text-align: center;
	color: var(--krasnyy);
}

.btn-border-blue {
	position: relative;
	display: inline-block;
	border: 1px solid var(--siniy);
	padding: 14px 9px;
	background: #2464b9;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	text-align: center;
	color: #fff;
}

.btn-border-green {
	position: relative;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.5);
	padding: 14px 9px;
	background: var(--zelenyy);

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	text-align: center;
	color: #fff;
}

.btn-border-svetlosiniy {
	position: relative;
	display: inline-block;
	border: 1px solid var(--siniy);
	padding: 14px 13px;
	background: var(--svetlosiniy);

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	text-align: center;
	color: var(--firmennyy-siniy);
}

.btn-elem-1 {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 15px;
	height: 15px;

	transition: all .3s ease;
	background-repeat: no-repeat;
	background-position: center;
}

.btn-elem-2 {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 15px;
	height: 15px;
	transform: rotate(90deg);

	transition: all .3s ease;
	background-repeat: no-repeat;
	background-position: center;
}

.btn-elem-3 {
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 15px;
	height: 15px;
	transform: rotate(180deg);

	transition: all .3s ease;
	background-repeat: no-repeat;
	background-position: center;
}

.btn-elem-4 {
	position: absolute;
	bottom: -2px;
	left: -2px;
	width: 15px;
	height: 15px;
	transform: rotate(-90deg);

	transition: all .3s ease;
	background-repeat: no-repeat;
	background-position: center;
}

@media(hover:hover) {

	button:hover .btn-elem-1,
	button:hover .btn-elem-2,
	button:hover .btn-elem-3,
	button:hover .btn-elem-4,
	a:hover .btn-elem-1,
	a:hover .btn-elem-2,
	a:hover .btn-elem-3,
	a:hover .btn-elem-4 {
		width: 9px;
		height: 9px;
	}

	button:hover .btn-elem-1,
	a:hover .btn-elem-1 {
		top: 6px;
		left: 4px;
	}

	button:hover .btn-elem-2,
	a:hover .btn-elem-2 {
		top: 6px;
		right: 4px;
	}

	button:hover .btn-elem-3,
	a:hover .btn-elem-3 {
		bottom: 6px;
		right: 4px;
	}

	button:hover .btn-elem-4,
	a:hover .btn-elem-4 {
		bottom: 6px;
		left: 4px;
	}
}

button:active {}

.title-h1 {
	font-weight: 700;
	font-size: 40px;
	line-height: 105%;
	text-transform: uppercase;
	color: #000;
	font-family: var(--second-family);
}

.title-h2 {
	font-weight: 700;
	font-size: 26px;
	line-height: 108%;
	color: #000;
}

/* -------------------------header------------------------- */

.header {}

.header-pos {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;

	margin: 0;
}

.header__container {}

.header__inner {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 40px;
}

.header-main {
	border-bottom: 1px solid var(--siniy);
	padding: 5px 0 9px 0;
	margin: 0px 0px 20px 0px;
}

.header-main .header__inner {
	align-items: center;
}

.header-main .header__logo {
	margin: 0;
}

.header__logo {
	margin: 15px 0px 0px 0px;

	display: flex;
	align-items: center;
	gap: 28px;
}

.header__logo-img {}

.header-main .header__logo-img {
	max-width: 143px;
}

.header__logo-name {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: var(--firmennyy-siniy);

	display: flex;
	flex-direction: column;
	gap: 3px;
}

.header__right {
	padding: 15px 0 15px 20px;
	background-color: #fff;

	display: flex;
	align-items: center;
	gap: 20px;
}

.burger-btn {
	display: none;
}

.header__list {
	display: flex;
	align-items: center;
	gap: 20px;
}

.header__item {
	position: relative;
	transition: all .3s ease;
}

.header__list-sub {
	background-color: #fff;

	display: flex;
	flex-direction: column;
	gap: 2px;
}

@media(min-width:1201px) {
	.header__list-sub {
		position: absolute;
		top: calc(100% + 31px);
		left: 0;
		width: 300px;
		z-index: 2;
		background-color: #fff;

		opacity: 0;
		pointer-events: none;
		transition: all .3s ease;
	}

	.header-pos .header__list-sub {
		top: calc(100% + 15px);
	}

	.header__item:hover .header__list-sub {
		opacity: 1;
		pointer-events: all;
	}

	.header__list-sub::after {
		content: '';

		position: absolute;
		top: -40px;
		left: 0;
		width: 100%;
		height: 40px;

		z-index: -1;
	}

	.header-pos .header__list-sub::after {
		height: 15px;
		top: -15px;
	}
}

@media(max-width:1200px) {
	.header__list-item-link-sub {
		text-align: center;
	}

	.header__list-sub {
		max-height: 0;
		overflow: hidden;
		transition: all .3s ease;
	}

	.header__item:has(.accordion__item-content--show) {
		background: var(--fon-siniy);
		padding: 10px;
	}
}

.header__list-item-sub {}

.header__list-item-link-sub {
	border-bottom: 1px solid #b2c8e6;
	padding: 10px;
	display: block;
	background: #dce7ef;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: var(--firmennyy-siniy);
}

.header__item-link {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 10px;
	cursor: pointer;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: var(--firmennyy-siniy);

	transition: all .3s ease;
}

@media(hover:hover) {
	.header__item-link:hover {
		color: var(--dopolnitelnyy-siniy);
	}
}

.header__item-link:active {
	color: var(--dopolnitelnyy-siniy);
}

.arrow-down {
	width: 11px;
	height: 7px;
	min-width: 11px;
	fill: #1F4683;
	transition: all .3s ease;
}

.dropdown-head--active .arrow-down {
	transform: rotate(180deg);
}

@media(hover:hover) {
	.header__item:hover .arrow-down {
		transform: rotate(180deg);
	}
}

.header__item:active .arrow-down {
	transform: rotate(180deg);
}

.accordion__item-head--show .arrow-down {
	transform: rotate(180deg);
}

.header__tel {
	font-weight: 700;
	font-size: 20px;
	line-height: 110%;
	color: var(--firmennyy-siniy);

	transition: all .3s ease;
}

@media(hover:hover) {
	.header__tel:hover {
		color: var(--dopolnitelnyy-siniy);
	}
}

.header__tel:active {
	color: var(--dopolnitelnyy-siniy);
}

.social {
	display: flex;
	align-items: center;
	gap: 5px;
}

.social svg {
	fill: var(--dopolnitelnyy-siniy);
}

.social-item {}

.social-item-link {}

.dsen {
	width: 30px;
	height: 30px;
	min-width: 30px;
	transition: all .3s ease;
}

@media(hover:hover) {
	.dsen:hover {
		fill: #000 !important;
	}
}

.dsen:active {
	fill: #000 !important;
}

.vk {
	width: 30px;
	height: 30px;
	min-width: 30px;
	transition: all .3s ease;
}

@media(hover:hover) {
	.vk:hover {
		fill: #4680c2 !important;
	}
}

.vk:active {
	fill: #4680c2 !important;
}

.tg {
	width: 30px;
	height: 30px;
	min-width: 30px;

	transition: all .3s ease;
}

@media(hover:hover) {
	.tg:hover {
		fill: #24a1de !important;
	}
}

.tg:active {
	fill: #24a1de !important;
}

/* -------------------------burger------------------------- */

.burger-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;

	background: #fff;

	opacity: 0;
	pointer-events: none;
	transform: translateY(-100%);
	transition: all .3s ease;
}

.burger-menu--visible {
	opacity: 1;
	pointer-events: all;
	transform: translateY(0%);
}

.burger-menu__window {
	height: 100%;
	overflow: auto;
	padding: 5px 15px 10px 15px;

	display: flex;
	flex-direction: column;
	gap: 20px;
}

.burger-menu__top {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.burger-menu__bot {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

.burger-menu__window .header__inner {
	padding: 0;
}

.burger-menu__window .header__list {
	flex-direction: column;
	gap: 10px;
	align-items: stretch;
}

.burger-menu__window .header__item-link {
	justify-content: center;
	text-align: center;

	border-bottom: 1px solid #b2c8e6;
	padding: 10px;
}

.burger-menu__link {
	border: 1px solid #738bb1;
	padding: 10px 15px;
	width: 100%;

	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	text-align: center;
	text-transform: uppercase;
	color: var(--firmennyy-siniy);

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

.phone4 {
	width: 24px;
	height: 24px;
	min-width: 24px;
}

/* -------------------------preview------------------------- */

.page__preview {
	padding: 30px 0px 0px 0px;
}

.preview__container {}

.preview__inner {
	position: relative;
}

.preview__video {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100% - 546px);
	height: 513px;
	max-width: 1224px;
}

.preview__video-dots {
	position: absolute;
	top: 26px;
	left: 24px;
}

.preview__video-zoom {
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 3;
}

.zoom {
	width: 36px;
	height: 36px;
	min-width: 36px;
}

.preview-video {
	width: 100%;
	height: 513px;
	object-fit: cover;
}

.preview__video-cards {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: flex;
	flex-wrap: wrap;
}

.preview__video-card {
	flex: 1 1 30%;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.preview__video-card:nth-child(1) {
	max-width: 304px;
	height: 283px;
}

.preview__video-card:nth-child(2) {
	max-width: 376px;
	height: 283px;
}

.preview__video-card:nth-child(3) {
	height: 283px;
	border-right: none;
}

.preview__video-card:nth-child(4) {
	max-width: 304px;
	height: 228px;
	border-bottom: none;
}

.preview__video-card:nth-child(5) {
	max-width: 376px;
	height: 228px;
	border-bottom: none;
}

.preview__video-card:nth-child(6) {
	height: 228px;
	border-bottom: none;
	border-right: none;
}

.preview__video-card-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.preview__body {
	min-height: 513px;
	max-width: 930px;
	width: 100%;

	display: flex;
	flex-direction: column;
	justify-content: end;
	gap: 26px;

	position: relative;
	z-index: 2;
}

.preview__box {
	position: relative;
	max-width: 528px;
}

.preview__box-bg {
	width: 100%;
}

.preview__box-link {
	position: absolute;
	bottom: 0;
	left: 0;
}

.preview-title-box {
	position: relative;
	padding: 0px 0px 13px 0px;
}

.preview__title {
	font-weight: 700;
	font-size: 100px;
	line-height: 90%;
	text-transform: uppercase;
	color: #8aaedb;
	font-family: var(--second-family);
}

.preview__title span {
	display: block;
	padding: 0px 30px 0px 0px;
	transform: translateY(-10px);

	font-weight: 700;
	font-size: 100px;
	line-height: 100%;
	letter-spacing: -0.05em;
	text-align: right;
	text-transform: uppercase;
	color: var(--firmennyy-siniy);
}

.preview-title__link {
	position: absolute;
	bottom: 47px;
	left: 0;

	display: flex;
	align-items: center;
	gap: 10px;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: var(--firmennyy-siniy);

	transition: all .2s ease;
}

@media(hover:hover) {
	.preview-title__link:hover {
		color: var(--krasnyy);
	}

	.preview-title__link:hover .arrow-link {
		fill: var(--krasnyy);
	}
}

.preview-title__link:active {
	color: var(--krasnyy);
}

.preview-title__link:active .arrow-link {
	fill: var(--krasnyy);
}

.arrow-link {
	width: 41px;
	height: 15px;
	min-width: 41px;
	fill: #1F4683;
	transition: all .2s ease;
}

/* -------------------------catalog------------------------- */

.page__catalog {}

.catalog__container {}

.catalog__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.catalog__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
}

.catalog__title {}

.catalog__head-box {
	max-width: 858px;
	width: 100%;
	background: var(--firmennyy-siniy);

	display: flex;
}

.catalog__img {
	max-width: 314px;
	width: 100%;
}

.catalog__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.catalog__head-box-body {
	padding: 19px 30px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.catalog__head-box-body-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.catalog__head-box-name {
	font-weight: 700;
	font-size: 40px;
	line-height: 105%;
	text-transform: uppercase;
	color: #fff;
	font-family: var(--second-family);
}

.catalog__head-box-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.catalog__head-box-desc {
	font-weight: 700;
	font-size: 60px;
	line-height: 100%;
	text-transform: uppercase;
	color: #b2c8e6;
	font-family: var(--second-family);
}

.catalog__head-link {}

.catalog__cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	gap: 10px;
}

.catalog__card {
	background: var(--fon-siniy);
	padding: 20px;

	display: flex;
	flex-direction: column;
	gap: 20px;

	transition: all .2s ease;

	position: relative;
}

.catalog__card::after {
	content: '';

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;

	background: linear-gradient(180deg, #acc1d2 0%, #fff 63.76%, #dde6ed 100%);
	opacity: 0;
	transition: all .2s ease;
}

@media(hover:hover) {
	.catalog__card:hover::after {
		opacity: 1;
	}

	.catalog__card:hover {
		background-color: transparent;
	}
}

.catalog__card:active::after {
	opacity: 1;
}

.catalog__card:active {
	background-color: transparent;
}

.catalog__card-img {
	padding: 10px;
}

.catalog__card-image {
	height: 210px;
	width: 100%;
	object-fit: cover;
}

.catalog__card-name {
	display: block;
	width: 100%;

	font-weight: 700;
	font-size: 30px;
	line-height: 107%;
	text-align: center;
	text-transform: uppercase;
	color: var(--firmennyy-siniy);
	font-family: var(--second-family);
}

/* -------------------------request------------------------- */

.page__request {}

.request__container {}

.request__inner {
	padding: 60px 50px;
	background: var(--firmennyy-siniy);

	display: flex;
	flex-direction: column;
	gap: 30px;
}

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

.request__title {
	font-weight: 700;
	font-size: 56px;
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;
	font-family: var(--second-family);
}

.request__subtitle {
	font-weight: 400;
	font-size: 18px;
	line-height: 111%;
	color: #fff;
}

.request-form {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.request-form__inputs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.request-form__label {}

.request-form__input {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;

	width: 100%;
	border: 1px solid #d1d7e0;
	border-radius: 6px;
	padding: 14px 15px;
	background-color: #fff;

	transition: all .2s ease;
}

@media(hover:hover) {
	.request-form__input:hover {
		border: 1px solid #737d8b;
	}

	.request-form__input:hover::placeholder {
		color: #000;
	}
}

.request-form__input:active {
	border: 1px solid #737d8b;
}

.request-form__input::placeholder {
	color: #737d8b;
}

.request-form__bot {
	display: flex;
	align-items: center;
	gap: 20px 30px;

	flex-wrap: wrap;
}

.request-form-link {
	min-width: 172px;
}

.request-form__bot-body {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.request-form__check {
	display: flex;
	align-items: center;
	gap: 6px;
}

.request-form__checkbox {}

.request-form__checkbox {
	appearance: none;
	-webkit-appearance: none;
}

.request-form__checkbox {
	appearance: none;
	width: 20px;
	height: 20px;
	min-width: 20px;
	border-radius: 2px;
	border: 1px solid #d5d5d5;
	background-color: #fff;
	cursor: pointer;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin: 0;
}

.request-form__checkbox:checked {
	background-image: url("../img/check.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.request-form__check-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 115%;
	color: #fff;
}

.request-form__check-text a {
	text-decoration: underline;
	text-decoration-skip-ink: none;
}

/* -------------------------about-company------------------------- */

.page__about-company {}

.about-company__container {}

.about-company__inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.about-company__column {
	display: flex;
	flex-direction: column;
	gap: 37px;
}

.about-company__column:first-child {
	justify-content: space-between;
}

.about-company__top {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.about-company__title {}

.about-company__desc {
	display: flex;
	flex-direction: column;
	gap: 19px;
}

.about-company__desc-tetxt {
	font-weight: 400;
	font-size: 14px;
	line-height: 115%;
	color: #000;
}

.about-company__desc-link {
	display: flex;
	align-items: center;
	gap: 10px;

	font-weight: 400;
	font-size: 14px;
	line-height: 115%;
	color: var(--firmennyy-siniy);

	transition: all .2s ease;
}

@media(hover:hover) {
	.about-company__desc-link:hover {
		color: var(--krasnyy);
	}

	.about-company__desc-link:hover .arrow-link {
		fill: var(--krasnyy);
	}
}

.about-company__desc-link:active {
	color: var(--krasnyy);
}

.about-company__desc-link:active .arrow-link {
	fill: var(--krasnyy);
}

.about-company__bot {}

.about-company__btn {}

.about-company__column-head {
	padding: 10px 0;
}

.about-company__column-head-name {
	font-weight: 400;
	font-size: 14px;
	line-height: 115%;
	color: var(--firmennyy-siniy);
	text-transform: uppercase;

	display: block;
	position: relative;
	padding: 0px 0px 0px 18px;
}

.about-company__column-head-name::after {
	content: '';

	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 100%;

	background: var(--siniy);
}

.about-company__images {
	display: flex;
	align-items: start;
	gap: 10px;
}

.about-company__img {
	width: 100%;
	min-width: 0;
}

.about-company__img-min {
	max-width: 53px;
	width: 100%;
}

.about-company__stat {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.about-company__stat-card {
	border-bottom: 1px solid var(--dopolnitelnyy-siniy);
	border-left: 1px solid var(--dopolnitelnyy-siniy);
	padding: 18px 15px 17px 19px;
	background: rgba(200, 217, 238, 0.25);

	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 5px;
}

.about-company__stat-card-name {
	font-weight: 300;
	font-size: 80px;
	line-height: 100%;
	color: var(--firmennyy-siniy);
	font-family: var(--second-family);
	white-space: nowrap;
}

.about-company__stat-card-desc {
	font-weight: 400;
	font-size: 20px;
	line-height: 110%;
	text-align: right;
	color: #000;
	font-family: var(--third-family);

	display: block;
	padding: 0px 0px 11px 0px;
}

/* -------------------------news------------------------- */

.page__news {}

.news__container {}

.news__inner {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.news__title {}

.news__cards {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px;
}

.news__card {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.news__card-img {}

.news__card-image {
	width: 100%;
	height: 160px;
	object-fit: cover;
}

.news__card-date {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #97a199;

	display: block;
	padding: 5px 0px 0px 0px;
}

.news__card-name {
	font-weight: 700;
	font-size: 16px;
	line-height: 113%;
	color: #000;

	display: block;
	padding: 5px 0px 0px 0px;

	transition: all .2s ease;
}

.news__card-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #494c50;

	transition: all .2s ease;
}

@media(hover:hover) {
	.news__card:hover .news__card-name {
		color: var(--firmennyy-siniy);
	}

	.news__card:hover .news__card-desc {
		text-decoration: underline;
		text-decoration-skip-ink: none;
		color: var(--firmennyy-siniy);
	}
}

.news__card:active .news__card-name {
	color: var(--firmennyy-siniy);
}

.news__card:active .news__card-desc {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--firmennyy-siniy);
}

.news__bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	margin: 8px 0px 0px 0px;
}

.news__pagination {
	display: flex;
	align-items: center;
}

.news__pagination-item {}

.news__pagination-link {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 38px;
	height: 36px;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: var(--firmennyy-siniy);

	transition: all .2s ease;
}

@media(hover:hover) {
	.news__pagination-link:hover {
		background: var(--siniy);
	}
}

.news__pagination-link:active {
	background: var(--siniy);
}

.news__pagination-link--active {
	background: var(--siniy);
}

/* -------------------------footer------------------------- */

.footer {
	background: var(--firmennyy-siniy);
	padding: 50px 0 30px 0;
}

.footer__container {}

.footer__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.footer__top {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 40px;
}

.footer__left {
	max-width: 160px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 26px;
}

.footer__logo {}

.footer__logo-img {}

.footer__left-links {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.footer__left-link {
	font-weight: 400;
	font-size: 14px;
	line-height: 129%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #a3b3cc;
	white-space: nowrap;
}

.footer__mid {
	max-width: 862px;
	width: 100%;

	display: flex;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
}

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

.footer__item {}

.footer__item-link {
	font-weight: 400;
	font-size: 14px;
	line-height: 129%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #fff;
}

.footer__right {
	max-width: 303px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer__right svg {
	display: none;
}

.footer__right-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer__right-link {
	font-weight: 400;
	font-size: 30px;
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;
}

.phone {
	width: 24px;
	height: 24px;
	min-width: 24px;
}

.mail {
	width: 24px;
	height: 21px;
	min-width: 24px;
}

.footer__right-mail {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer__right-mail-box {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.footer__right-mail-name {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: rgba(255, 255, 255, 0.5);
}

.footer__right-mail-link {
	font-weight: 400;
	font-size: 26px;
	line-height: 77%;
	color: #fff;
}

.footer__bot {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	padding: 30px 0 0 0;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.footer__bot-logo {}

.footer__bot-logo-img {}

.footer__bot-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #fff;
}

.footer .social svg {
	width: 36px;
	height: 36px;
	min-width: 36px;
	fill: #627da8;
}

/* -------------------------products------------------------- */

.page__products {}

.products__container {}

.products__inner {}

.pagination {
	margin: 0px 0px 40px 0px;
}

.pagination__inner {}

.pagination__list {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.pagination__item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pagination__item:not(:last-child)::after {
	content: '/';

	font-weight: 400;
	font-size: 14px;
	line-height: 129%;
	color: var(--firmennyy-siniy);
}

.pagination__item-link {
	font-weight: 400;
	font-size: 14px;
	line-height: 129%;
	color: var(--firmennyy-siniy);
}

.pagination__item a {
	text-decoration: underline;
	text-decoration-skip-ink: none;
}

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

.products__title {}

.dots {
	width: 73px;
	height: 11px;
	min-width: 73px;
}

.products__cards {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;

	margin: 0px 0px 60px 0px;
}

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

.products__card-img {
	background: var(--fon-siniy);
	padding: 20px;

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

.products__card-image {
	max-width: 100%;
}

.products__card-name {
	font-weight: 700;
	font-size: 34px;
	line-height: 100%;
	text-align: center;
	text-transform: uppercase;
	color: var(--firmennyy-siniy);
	font-family: var(--second-family);
	text-align: center;

	background: #e1eaf4;
	padding: 7px 10px 3px 10px;
	display: block;
	width: 100%;
}



.products-catalog {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.products-catalog__head {
	display: flex;
	align-items: center;
	gap: 10px;

	background: #f5f5f5;
	padding: 10px 15px;
}

.products-catalog__head-name {
	font-weight: 700;
	font-size: 18px;
	line-height: 111%;
	color: #000;
	white-space: nowrap;
}

.products-catalog__head-box {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.products-catalog__dropdown {
	max-width: 409px;
	width: 100%;

	position: relative;
}

.products-catalog__dropdown-head {
	border: 1px solid #d1d7e0;
	border-radius: 3px;
	padding: 14px 15px;
	background: #fff;
	cursor: pointer;

	transition: all .2s ease;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.products-catalog__dropdown-head svg {
	pointer-events: none;
}

.products-catalog__dropdown-name {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
	pointer-events: none;

	transition: all .2s ease;
}

@media(hover:hover) {
	.products-catalog__dropdown:hover .products-catalog__dropdown-head {
		border: 1px solid #737d8b;
	}
}

.products-catalog__dropdown:active .products-catalog__dropdown-head {
	border: 1px solid #737d8b;
}

.products-catalog__dropdown-content {
	position: absolute;
	top: 110%;
	left: 0;
	width: 100%;

	border: 1px solid #d1d7e0;
	border-radius: 3px;
	background: #fff;

	opacity: 0;
	transform: translateY(-20px);
	pointer-events: none;
	transition: all .3s ease;
	z-index: 2;
}

.dropdown-content--active {
	opacity: 1;
	transform: translateY(0px);
	pointer-events: all;
}

.products-catalog__dropdown-list {}

.products-catalog__dropdown-item {
	padding: 14px 15px;
	cursor: pointer;
}

.products-catalog__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.products-catalog__card {
	background: #f5f5f5;
	padding: 15px;

	display: flex;
	align-items: start;
	gap: 15px;

	transition: all .2s ease;
}

@media(hover:hover) {
	.products-catalog__card:hover {
		background: #ebebeb;
	}

	.products-catalog__card:hover .products-catalog__card-img {
		background: #fff;
	}

	.products-catalog__card:hover .btn-elem-1,
	.products-catalog__card:hover .btn-elem-2,
	.products-catalog__card:hover .btn-elem-3,
	.products-catalog__card:hover .btn-elem-4 {
		opacity: 1;
	}

	.products-catalog__card .btn-elem-1 {
		top: -2px !important;
		left: -2px !important;
		width: 15px !important;
		height: 15px !important;
	}

	.products-catalog__card .btn-elem-2 {
		top: -2px !important;
		right: -2px !important;
		width: 15px !important;
		height: 15px !important;
	}

	.products-catalog__card .btn-elem-3 {
		bottom: -2px !important;
		right: -2px !important;
		width: 15px !important;
		height: 15px !important;
	}

	.products-catalog__card .btn-elem-4 {
		bottom: -2px !important;
		left: -2px !important;
		width: 15px !important;
		height: 15px !important;
	}
}

.products-catalog__card:active {
	background: #ebebeb;
}

.products-catalog__card-img {
	position: relative;
	width: 200px;
	height: 140px;
	min-width: 200px;

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

	transition: all .2s ease;
}

.products-catalog__card-img .btn-elem-1,
.products-catalog__card-img .btn-elem-2,
.products-catalog__card-img .btn-elem-3,
.products-catalog__card-img .btn-elem-4 {
	opacity: 0;
}

.products-catalog__card-image {
	width: 100%;
	height: 140px;
}

.products-catalog__card-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.products-catalog__card-name {
	font-weight: 700;
	font-size: 20px;
	line-height: 110%;
	color: var(--firmennyy-siniy);
}

.products-catalog__card-list {
	display: flex;
	flex-direction: column;
	gap: 7px;

	border-bottom: 1px dashed #97a199;
	padding: 0px 0px 8px 0px;
}

.products-catalog__card-item {
	padding: 5px 0px 0px 0px;
	border-top: 1px dashed #97a199;

	display: flex;
	flex-direction: column;
	gap: 3px;
}

.products-catalog__card-item-name {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #494c50;
}

.products-catalog__card-item-value {
	font-weight: 700;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.products-catalog__card-bot {
	margin: 2px 0px 0px 0px;

	display: flex;
	align-items: center;
	gap: 15px;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: var(--firmennyy-siniy);
}

.products-catalog .news__bot {
	margin: 45px 0px 0px 0px;
}

.products-catalog .btn-border-svetlosiniy {
	padding: 15px 34px;
}

/* -------------------------about-page------------------------- */

.page__about-page {}

.about-page__container {}

.about-page__inner {}

.about-page__head {
	margin: 0px 0px 66px 0px;

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

.about-page__head-left {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.about-page__title {}

.about-page__desc {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.about-page__desc-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.about-page__head-right {
	display: flex;
	flex-direction: column;
	gap: 28px;
	align-items: end;
	justify-content: space-between;
}

.about-page__head-cards {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.about-page__head-card {
	padding: 23px 15px 23px 20px;
	background: rgba(200, 217, 238, 0.25);

	display: flex;
	flex-direction: column;
	gap: 4px;
}

.about-page__head-card-name {
	font-weight: 300;
	font-size: 80px;
	line-height: 100%;
	color: var(--firmennyy-siniy);
	font-family: var(--second-family);
}

.about-page__head-card-desc {
	font-weight: 400;
	font-size: 20px;
	line-height: 110%;
	color: #000;
	font-family: var(--third-family);
}

.about-page__cards {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0 10px;

	position: relative;
}

.about-page__cards:last-child {
	align-items: start;
}

.about-page__card {
	padding: 0px 0px 20px 18px;
	border-left: 2px solid #b2c8e6;
	position: relative;

	display: flex;
	flex-direction: column;
	gap: 10px;
}

.about-page__card::after {
	content: '';

	position: absolute;
	bottom: -6px;
	left: -6px;
	width: 10px;
	height: 10px;

	background-color: #b2c8e6;
	border-radius: 50%;
}

.about-page__cards:last-child .about-page__card::after {
	top: -6px;
	bottom: 0;
}

.about-page__cards:last-child .about-page__card {
	padding: 20px 0 0 18px;
}

.about-page__card-date {
	font-weight: 700;
	font-size: 60px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: var(--firmennyy-siniy);
	font-family: var(--second-family);
	height: 60px;
}

.about-page__card-date span {
	font-size: 26px;
}

.about-page__card-body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: start;
}

.about-page__card-img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
}

.about-page__card-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.about-page-elem {
	grid-column: 1/-1;
	height: 80px;
	width: 100%;
	border-bottom: 3px dashed #b2c8e6;
	border-right: 3px dashed #b2c8e6;
	border-top: 3px dashed #b2c8e6;
	border-radius: 0 100px 100px 0;
}

.about-page-desc {
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
	max-width: 1435px;
	padding: 0px 800px 0px 0px;

	display: flex;
	flex-direction: column;
	gap: 10px;
}

.about-page-desc-text {
	font-weight: 400;
	font-size: 18px;
	line-height: 111%;
	color: var(--firmennyy-siniy);
}

.about-page-desc-text strong {
	font-weight: 600;
}

/* -------------------------management------------------------- */

.page__management {}

.management__container {}

.management__inner {}

.management__title {
	margin: 0px 0px 40px 0px;
}

.management__cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}

.management__card {}

.management__card-img {
	width: 140px;
	height: 180px;

	margin: 0px 0px 10px 0px;
}

.management__card-name {
	font-weight: 700;
	font-size: 16px;
	line-height: 113%;
	color: #000;

	display: block;
	margin: 0px 0px 5px 0px;
}

.management__card-desc {
	display: block;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

/* -------------------------partners------------------------- */

.page__partners {}

.partners__container {}

.partners__inner {}

.partners__head {
	margin: 0px 0px 40px 0px;

	max-width: 867px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 10px;
}

.partners__title {
	margin: 0px 0px 10px 0px;
}

.partners__subtitle {
	font-weight: 700;
	font-size: 16px;
	line-height: 113%;
	color: var(--firmennyy-siniy);
}

.partners__desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.partners__cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 10px;
}

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

.partners__card-img {
	width: 100%;
	height: 140px;
	padding: 10px;
	overflow: hidden;
	background-color: #f5f5f5;

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

.partners__card-image {
	max-width: 100%;
}

.partners__card-name {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	text-align: center;
	color: #000;
}

/* -------------------------services------------------------- */

.page__services {}

.services__container {}

.services__inner {}

.services__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	margin: 0px 0px 40px 0px;
}

.services__title {}

.nav-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 3px;
	margin: 0px 0px 40px 0px;
}

.nav-list__item {}

.nav-list__item-link {
	font-weight: 700;
	font-size: 18px;
	line-height: 111%;
	text-align: center;
	color: var(--firmennyy-siniy);

	padding: 15px;
	background: #e1eaf4;
	display: block;
	transition: all .3s ease;
}

@media(hover:hover) {
	.nav-list__item-link:hover {
		background: #b2c8e6;
	}
}

.nav-list__item-link:active {
	background: #b2c8e6;
}

.nav-list__item-link--active {
	background: var(--firmennyy-siniy);
	color: #fff;
}

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

.services__title-h2 {}

.services__body {
	display: flex;
	gap: 30px;
}

.services__img {
	max-width: 720px;
	width: 100%;
}

.services__image {
	width: 100%;
}

.services__desc {
	max-width: 1020px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 20px;
}

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

.services__text {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.services__box-body {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.services__box-list {}

.services__box-item {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;

	padding: 0px 0px 0px 21px;
	position: relative;
}

.services__box-item::after {
	content: '';

	position: absolute;
	top: 8px;
	left: 8px;
	width: 2px;
	height: 2px;

	background-color: #000;
	border-radius: 50%;
}

.services__steps {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.services__steps-item {
	display: flex;
	align-items: center;
	gap: 5px;
}

.services__steps-item-num {
	border-radius: 50%;
	width: 26px;
	height: 26px;
	min-width: 26px;
	background: var(--dopolnitelnyy-siniy);

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

	font-weight: 700;
	font-size: 14px;
	line-height: 114%;
	text-align: center;
	color: #fff;
}

.services__steps-item-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.services__box-name {
	font-weight: 700;
	font-size: 18px;
	line-height: 111%;
	color: #000;

	display: block;
}

.services__box-contacts {
	padding: 15px;
	background: #eaf1f5;
}

.services__box-contacts .services__box-name {
	padding: 0px 0px 14px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #b1c9e7;
}

.services__box-contacts-name {
	font-weight: 700;
	font-size: 16px;
	line-height: 113%;
	color: #000;

	display: block;
}

.services__box-contacts-list {
	display: flex;
	flex-direction: column;
	gap: 5px;

	margin: 15px 0px 0px 0px;
}

.services__box-contacts-item {}

.services__box-contacts-item-link {
	display: flex;
	align-items: center;
	gap: 10px;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.phone2 {
	width: 26px;
	height: 26px;
	min-width: 26px;
}

.mail2 {
	width: 26px;
	height: 26px;
	min-width: 26px;
}

.services__guatantees {
	display: flex;
	align-items: center;
	gap: 10px;
}

.services__guatantees-date {
	background: var(--dopolnitelnyy-siniy);
	padding: 10px;

	display: flex;
	align-items: center;
	gap: 5px;

	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	color: #fff;
}

.services__guatantees-date span {
	font-weight: 700;
	font-size: 40px;
	line-height: 100%;
	color: #fff;
}

.services__guatantees-text {
	font-weight: 700;
	font-size: 14px;
	line-height: 114%;
	color: #254774;

	width: 100%;
}

/* -------------------------faq-accrodions------------------------- */

.faq-accrodions {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.faq-accrodion {
	background: #f5f5f5;
	border-bottom: 1px solid #b2c8e6;
	transition: all .2s ease;
}

@media(hover:hover) {
	.faq-accrodion:hover {
		background: #e6e6e6;
	}

	.faq-accrodion:hover .faq-accrodion__head-name {
		color: var(--firmennyy-siniy);
	}
}

.faq-accrodion:active {
	background: #e6e6e6;
}

.faq-accrodion:active .faq-accrodion__head-name {
	color: var(--firmennyy-siniy);
}

.accordion__item-head--show .faq-accrodion__head-name {
	color: var(--firmennyy-siniy);
}

.faq-accrodion:has(.accordion__item-head--show) {
	background: #e6e6e6;
}

.faq-accrodion__head {
	padding: 10px 15px 12px 15px;
	cursor: pointer;

	display: flex;
	align-items: center;
	gap: 15px;
}

.faq-accrodion__head .arrow-down {
	width: 14px;
	height: 8px;
	min-width: 14px;
	fill: var(--dopolnitelnyy-siniy);
}

.faq-accrodion__head-name {
	font-weight: 700;
	font-size: 16px;
	line-height: 113%;
	color: #000;

	transition: all .2s ease;
}

.faq-accrodion__content {
	max-height: 0;
	overflow: hidden;
	transition: all .3s ease;
}

.faq-accrodion__body {
	padding: 0px 10px 10px 44px;
}

.faq-accrodion__text {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

/* -------------------------product-card------------------------- */

.page__product-card {}

.product-card__container {}

.product-card__inner {}

.product-card__head {
	margin: 0px 0px 40px 0px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.product-card__title {}

.product-card__content {
	display: flex;
	gap: 30px;
}

.product-card__left {
	max-width: 583px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 30px;
}

.product-card__img {
	padding: 29px 0;
	position: relative;
	z-index: 1;
}

.product-card__image {
	width: 100%;
	object-fit: cover;
}

.product-card__img-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	object-fit: cover;
}

.product-card__slider-body {
	display: flex;
	align-items: center;
	gap: 5px;
}

.product-slider-btn-prev {}

.slider-btn {
	width: 34px;
	height: 34px;
	min-width: 34px;

	border-radius: 50%;
	background-color: var(--dopolnitelnyy-siniy);

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

	transition: all .2s ease;
}

@media(hover:hover) {
	.slider-btn:hover {
		background-color: var(--firmennyy-siniy);
	}
}

.slider-btn:active {
	background-color: var(--firmennyy-siniy);
}

.btn-prev {
	width: 8px;
	height: 14px;
	min-width: 8px;
}

.product-card__slider {
	width: 100%;
	overflow: hidden;
}

.swiper-product-card {}

.product-card__slider-line {}

.product-card__slide {
	border: 1px solid var(--seryy);
	padding: 10px;
	max-width: 80px;
	cursor: pointer;

	opacity: .4;
	transition: all .3s ease;
}

@media(hover:hover) {
	.product-card__slide:hover {
		opacity: 1;
		background: var(--svetlosiniy);
		border: 1px solid var(--dopolnitelnyy-siniy);
	}
}

.product-card__slide:active {
	opacity: 1;
	background: var(--svetlosiniy);
	border: 1px solid var(--dopolnitelnyy-siniy);
}

.product-card__slide--active {
	opacity: 1;
	background: var(--svetlosiniy);
	border: 1px solid var(--dopolnitelnyy-siniy);
}

.product-card__slide-img {
	width: 100%;
}

.product-slider-btn-next {}

.btn-next {
	width: 8px;
	height: 14px;
	min-width: 8px;
}

.product-card__right {
	max-width: 1157px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 30px;
}

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

.product-card__desc-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.product-card__columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.product-card__column {}

.product-card__table {
	border: 1px solid var(--seryy);
}

.product-card__table-box {
	padding: 9px;

	display: flex;
	flex-direction: column;
	gap: 10px;
}

.product-card__table-box:not(:last-child) {
	border-bottom: 1px solid var(--seryy);
}

.product-card__table-box-name {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.product-card__table-box-value {
	font-weight: 700;
	font-size: 16px;
	line-height: 113%;
	color: #000;
}

.product-card__btns {
	margin: 30px 0px 0px 0px;

	display: flex;
	gap: 10px;
}

.product-card__btn {
	width: 100%;

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

.product-card-link {
	width: 100%;

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

.product-card__btns .btn-border-green {
	border: 1px solid #005321;
}

.product-card__column-name {
	font-weight: 700;
	font-size: 18px;
	line-height: 111%;
	color: #000;

	display: block;
	margin: 0px 0px 10px 0px;
}

.product-card__column-list {}

.product-card__column-item {
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	color: #000;

	padding: 0px 0px 0px 20px;
	position: relative;
}

.product-card__column-item::after {
	content: '';

	position: absolute;
	top: 9px;
	left: 10px;
	width: 2px;
	height: 2px;

	border-radius: 50%;
	background-color: #000;
}

/* -------------------------certificates------------------------- */

.page__certificates {}

.certificates__container {}

.certificates__inner {}

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

.certificates__title {}

.certificates__subtitle {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;

	max-width: 870px;
}

.certificates__content {
	display: flex;
	align-items: center;
	gap: 20px;
}

.certificates__slider {
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.certificates__slider-line {}

.certificates__slide {}

.certificates__slide-img {
	width: 100%;
	object-fit: cover;
}

/* -------------------------documentation------------------------- */

.documentation {}

.documentation__sidebar {
	max-width: 420px;
	min-width: 251px;
	width: 100%;
}

.documentation__dropdown {}

.documentation__dropdown-head {
	display: none;
}

.documentation__dropdown-name {}

.documentation__dropdown-content {}

.documentation__dropdown-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.documentation__dropdown-item {}

.documentation__dropdown-item-link {
	border-bottom: 1px solid var(--siniy);
	padding: 10px;
	display: block;

	font-weight: 700;
	font-size: 16px;
	line-height: 113%;
	color: var(--firmennyy-siniy);
}

.documentation .services__content {
	flex-direction: row;
	gap: 30px;
}

.documentation .services__body {
	max-width: 1320px;
	width: 100%;
}

.documentation .services__img {
	max-width: 420px;
}

.documentation .services__image {
	height: 306px;
	object-fit: cover;
}

@media(min-width:1411px) {
	.documentation .nav-list {
		grid-template-columns: repeat(7, 1fr);
	}
}

.documentation .nav-list__item-link {
	height: 100%;
	padding: 15px 10px;

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




.doc-po {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.doc-po__left {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.doc-po__right {}

.doc-po__list {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.doc-po__item {}

.doc-po__item-btn {
	border-bottom: 1px solid var(--siniy);
	padding: 10px;
	background: #f5f5f5;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.doc-po__item-btn-left {
	display: flex;
	align-items: center;
	gap: 10px;

	font-weight: 700;
	font-size: 16px;
	line-height: 113%;
	color: var(--firmennyy-siniy);
}

.file {
	width: 20px;
	height: 20px;
	min-width: 20px;
}

.doc-po__item-btn-right {
	display: flex;
	align-items: center;
	gap: 5px;
}

.doc-po__item-btn-size {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: var(--firmennyy-siniy);
}

.download {
	width: 11px;
	min-width: 11px;
	height: 14px;
}

.play {
	width: 20px;
	height: 20px;
	min-width: 20px;
}

.pdf {
	width: 20px;
	height: 20px;
	min-width: 20px;
}

/* -------------------------news-page------------------------- */

.page__news-page {}

.news-page__container {}

.news-page__inner {}

.news-page__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	margin: 0px 0px 40px 0px;
}

.news-page__title {}

.news-page__cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 30px;
}

.page__news-page .news__bot {
	margin: 40px 0px 0px 0px;
}

/* -------------------------contacts------------------------- */

.page__contacts {}

.contacts__container {}

.contacts__inner {}

.contacts__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	margin: 0px 0px 40px 0px;
}

.contacts__title {}

.contacts__content {
	display: flex;
	gap: 30px;
}

.contacts__left {
	max-width: 720px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 30px;
}

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

.contacts__box-name {
	font-weight: 700;
	font-size: 20px;
	line-height: 110%;
	color: #000;
}

.contacts__box-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.contacts__box-item {}

.contacts__box-item-link {
	display: flex;
	align-items: center;
	gap: 0 10px;
	flex-wrap: wrap;

	font-weight: 400;
	font-size: 18px;
	line-height: 111%;
	color: #000;
}

.contacts__box-item-link>span:nth-child(2) {
	font-weight: 400;
	font-size: 18px;
	line-height: 111%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--firmennyy-siniy);
}

.contacts__box-item-link svg {
	width: 30px;
	height: 30px;
	min-width: 30px;
}

.location {
	width: 30px;
	height: 30px;
	min-width: 30px;
}

.cloack {
	width: 30px;
	height: 30px;
	min-width: 30px;
}

.phone3 {
	width: 30px;
	height: 30px;
	min-width: 30px;
}

.contacts__box-item-link-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #000;
}

.contacts__details {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 10px;
}

.contacts__details-name {
	font-weight: 700;
	font-size: 20px;
	line-height: 110%;
	color: #000;
}

.contacts__details-desc {
	font-weight: 400;
	font-size: 18px;
	line-height: 111%;
	color: #000;
}

.contacts__details .btn-border-svetlosiniy {
	padding: 14px 27px;
}

.contacts__map {
	max-width: 1020px;
	width: 100%;
	min-height: 451px;
}

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

/* -------------------------news-page------------------------- */

.page__news-page {}

.news-page__container {}

.news-page__inner {}

.news-page__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	margin: 0px 0px 40px 0px;
}

.news-page__title {}

.news-page__head-right {
	display: flex;
	align-items: center;
	gap: 30px;
}

.news-page__link-back {
	display: flex;
	align-items: center;
	gap: 10px;

	font-weight: 400;
	font-size: 14px;
	line-height: 129%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--firmennyy-siniy);
}

.link-back {
	width: 21px;
	height: 16px;
	min-width: 21px;
}

.news-page__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.news-page__left {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.news-page__slider {
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.swiper-news-page {}

.news-page__slider-line {}

.news-page__slide {}

.news-page__slide-img {
	width: 100%;
}

.news-page__pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.news-page-slider-pagin {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.news-page__right {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.news-page__date {
	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #97a199;
}

.news-page__desc {
	display: flex;
	flex-direction: column;
	gap: 15px;

	font-weight: 400;
	font-size: 14px;
	line-height: 114%;
	color: #494c50;
}

.news-page__desc-text {}

.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: var(--siniy);
	opacity: 1;
	margin: 0 !important;
	border-radius: 0;
	transition: all .3s ease;
}

.swiper-pagination-bullet-active {
	width: 8px;
	height: 8px;
	background: var(--dopolnitelnyy-siniy);
}

/* -------------------------media------------------------- */

@media(max-width:1540px) {
	.header__logo-img {
		max-width: 140px;
	}

	.header__logo {
		gap: 15px;
	}

	.header__right {
		padding: 15px 0;
	}

	.header__list {
		gap: 10px;
	}

	.header__tel {
		font-size: 18px;
	}





	.footer__left {
		max-width: 240px;
	}

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

@media(max-width:1410px) {
	.header .header__tel {
		display: none;
	}





	.news__card:nth-child(5) {
		display: none;
	}

	.news__cards {
		grid-template-columns: repeat(4, 1fr);
	}







	.products-catalog__card {
		flex-direction: column;
	}






	.about-page__head {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		margin: 0px 0px 30px 0px;
	}

	.dots {
		display: none;
	}

	.about-page-desc {
		bottom: 0;
	}






	.nav-list {
		grid-template-columns: repeat(3, 1fr);
	}






	.product-card__content {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	.product-card__right {
		max-width: unset;
		gap: 20px;
	}

	.product-card__columns {
		gap: 20px;
	}
}

@media(max-width:1200px) {

	.header .header__list,
	.header .social {
		display: none;
	}

	.burger-btn {
		display: block;
	}

	.header {
		background-color: #fff;
	}

	.header__logo {
		margin: 0;
	}

	.header__right {
		padding: 0;
	}

	.header__inner {
		align-items: center;
		padding: 5px 15px;
		gap: 10px;
	}

	.header__logo-img {
		max-width: 113px;
	}

	.header__logo-name {
		font-size: 12px;
		line-height: 100%;
	}






	.preview__video {
		position: relative;
		width: 100%;
	}

	.page__preview {
		padding: 70px 0px 0px 0px;
	}

	.preview__body {
		min-height: unset;
		max-width: unset;
		margin: 20px 0px 0px 0px;
		gap: 18px;
	}

	.preview__box-bg {
		display: none;
	}

	.preview__box-link {
		position: relative;
	}

	.preview__title span {
		padding: 0;
		font-size: 80px;
	}

	.preview__title {
		font-size: 80px;
	}

	.preview-video,
	.preview__video {
		height: 328px;
	}

	.preview__video-card:nth-child(1),
	.preview__video-card:nth-child(2),
	.preview__video-card:nth-child(3) {
		height: 184px;
	}

	.preview__video-card:nth-child(4),
	.preview__video-card:nth-child(5),
	.preview__video-card:nth-child(6) {
		height: 145px;
	}

	.preview__video-dots {
		top: 20px;
		left: 20px;
	}

	.preview__video-zoom {
		bottom: 20px;
		right: 20px;
	}

	section {
		margin: 0px 0px 50px 0px;
	}







	.request__inner {
		padding: 30px;
		gap: 20px;
	}

	.request__title {
		font-size: 50px;
	}

	.request-form {
		gap: 20px;
	}

	.request-form__inputs {
		gap: 10px;
	}





	.about-company__column:nth-child(2) {
		display: none;
	}

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

	.about-company__stat-card-name {
		font-size: 70px;
	}

	.about-company__stat-card-desc {
		font-size: 18px;
	}

	.about-company__top {
		gap: 20px;
	}

	.about-company__column {
		gap: 27px;
	}






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

	.news__card:nth-child(4) {
		display: none;
	}

	.news__inner {
		gap: 30px;
	}





	.footer__mid {
		display: none;
	}

	.footer__top {
		align-items: stretch;
	}

	.footer__right svg {
		display: block;
	}

	.footer__right-link {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;

		border: 1px solid #738bb1;
		padding: 9px 14px;
		font-size: 24px;
	}

	.footer__left {
		justify-content: space-between;
	}

	.footer__right-mail-link {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;

		border: 1px solid #738bb1;
		padding: 9px 14px;
		font-size: 24px;
	}









	.header-main {
		padding: 5px 0;
		margin: 0px 0px 10px 0px;
	}

	.header-main .header__inner {
		padding: 0;
	}

	.header-main .header__logo-img {
		max-width: 113px;
	}

	.title-h1 {
		font-size: 36px;
	}

	.dots {
		display: none;
	}









	.products__card-name {
		font-size: 26px;
	}

	.products__card-img {
		padding: 15px;
	}

	.products__cards {
		gap: 5px;
		margin: 0px 0px 30px 0px;
	}

	.products-catalog .news__bot {
		margin: 15px 0px 0px 0px;
	}

	.products__card {
		gap: 5px;
	}






	.about-page-desc {
		display: none;
	}

	.about-page-elem {
		display: none;
	}

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

	.about-page__card::after {
		width: 16px;
		height: 12px;

		top: auto !important;
		bottom: -1px !important;
		left: -9px !important;

		background-color: transparent;
		background-image: url("../img/about-page/arrow.svg");
	}

	.about-page__cards:not(:last-child) {
		margin: 0px 0px 20px 0px;
	}

	.about-page__head-cards {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
		gap: 20px;
	}

	.about-page__card {
		padding: 0 0 10px 18px !important;
	}

	.management__cards {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		gap: 10px 20px;
	}

	.management__title {
		margin: 0px 0px 30px 0px;
	}





	.partners__head {
		margin: 0px 0px 20px 0px;
	}

	.partners__cards {
		grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	}

	.title-h2 {
		font-size: 24px;
	}






	.product-card__head {
		margin: 0px 0px 30px 0px;
	}

	.product-card__btns {
		flex-direction: column;
	}

	.product-card__table-box-value {
		font-size: 14px;
	}







	.documentation__sidebar {
		max-width: 251px;
		min-width: unset;
	}

	.documentation .services__img {
		max-width: unset;
	}

	.documentation .services__content {
		gap: 20px;
	}







	.contacts__content {
		flex-direction: column;
		gap: 20px;
	}

	.contacts__map {
		max-width: unset;
	}

	.contacts__team {
		margin: 20px 0px 0px 0px;
	}

	.contacts__left {
		max-width: unset;
		gap: 20px;
	}

	.contacts__head {
		margin: 0px 0px 20px 0px;
	}

	.contacts__details-name {
		font-size: 16px;
	}

	.contacts__details-desc {
		font-size: 14px;
	}

	.contacts__box-name {
		font-size: 16px;
	}

	.contacts__box-item-link {
		font-size: 14px;
	}

	.contacts__box-item-link>span:nth-child(2) {
		font-size: 14px;
	}

	.contacts__map {
		min-height: 360px;
	}






	.news-page__head-right {
		display: none;
	}

	.news-page__head {
		margin: 0px 0px 20px 0px;
	}
}

@media(max-width:980px) {
	.catalog__head-box {
		max-width: unset;
	}

	.catalog__head-box-body-bg {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.catalog__img {
		max-width: 261px;
	}

	.catalog__head-box-body {
		padding: 16px 30px 16px 20px;
	}

	.catalog__head-box-desc {
		font-size: 50px;
	}

	.catalog__cards {
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	}

	.catalog__card-name {
		font-size: 26px;
	}

	.preview__video-card:nth-child(1),
	.preview__video-card:nth-child(4) {
		max-width: 197px;
	}

	.preview__video-card:nth-child(2),
	.preview__video-card:nth-child(5) {
		max-width: 244px;
	}







	.products__cards {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
	}







	.services__body {
		flex-direction: column;
	}

	.services__img {
		max-width: unset;
	}

	.nav-list__item-link {
		font-size: 14px;
	}

	.services__head {
		margin: 0px 0px 30px 0px;
	}

	.nav-list {
		margin: 0px 0px 30px 0px;
	}







	.news-page__content {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}

	.news-page-slider-pagin {
		gap: 10px;
	}
}

@media(max-width:768px) {
	.products-catalog__cards {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 10px;
	}
}

@media(max-width:720px) {

	.preview__title,
	.preview__title span {
		font-size: 44px;
		transform: unset;
		text-align: start;
	}

	.preview-title__link {
		position: unset;
		margin: 7px 0px 0px 0px;
	}

	.preview__box-link {
		width: 100%;
	}

	.preview__box {
		max-width: unset;
	}

	.preview__body {
		margin: 25px 0px 0px 0px;
		gap: 25px;
	}

	section {
		margin: 0px 0px 30px 0px;
	}

	.preview-video,
	.preview__video {
		height: 240px;
	}

	.preview__video-card:nth-child(1),
	.preview__video-card:nth-child(2),
	.preview__video-card:nth-child(3) {
		height: 116px;
	}

	.preview__video-card:nth-child(4),
	.preview__video-card:nth-child(5),
	.preview__video-card:nth-child(6) {
		height: 124px;
	}

	.zoom {
		width: 26px;
		height: 26px;
		min-width: 26px;
	}

	.preview__video-dots {
		width: 7px;
		top: 14px;
		left: 14px;
	}





	.catalog__head-box {
		flex-direction: column;
	}

	.catalog__img {
		max-width: unset;
	}

	.catalog__head-box-body {
		gap: 10px;
	}

	.catalog__head-box-row {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.catalog__head-box-name {
		font-size: 36px;
	}

	.catalog__card {
		padding: 10px;
	}







	.request__inner {
		padding: 20px;
	}

	.request-form-link {
		width: 100%;
	}

	.request-form__inputs {
		grid-template-columns: repeat(1, 1fr);
	}






	.about-company__inner {
		grid-template-columns: repeat(1, 1fr);
	}

	.about-company__btn {
		width: 100%;
	}

	.about-company__stat {
		gap: 5px;
	}

	.about-company__stat-card-name {
		font-size: 60px;
	}

	.about-company__stat-card {
		padding: 15px;
		flex-wrap: wrap;
	}






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






	.products-catalog__head {
		flex-direction: column;
		align-items: start;
	}

	.products-catalog__head {
		padding: 10px;
	}

	.products-catalog__head-name {
		font-size: 14px;
	}

	.products-catalog__dropdown-head {
		padding: 10px;
	}

	.products-catalog__head-box {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		gap: 10px;
	}

	.products-catalog__dropdown {
		max-width: unset;
	}

	.products-catalog__card-img {
		width: 100%;
	}

	.products-catalog__card-image {
		max-width: 200px;
		width: 100%;
	}

	.products-catalog__card-name {
		font-size: 16px;
	}

	.pagination {
		margin: 0px 0px 20px 0px;
	}

	.products__head {
		margin: 0px 0px 20px 0px;
	}





	.about-page__head-cards {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 10px;
	}

	.about-page__head-card {
		padding: 15px 20px;
	}

	.about-page__card-date {
		font-size: 50px;
	}

	.management__cards {
		gap: 20px 10px;
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}







	.services__guatantees {
		align-items: start;
	}

	.services__box-contacts .services__box-name {
		font-size: 16px;
	}

	.services__box-name {
		font-size: 14px;
	}







	.product-card__columns {
		display: flex;
		flex-direction: column-reverse;
	}

	.certificates__content {
		gap: 10px;
	}

	.certificates__head {
		margin: 0px 0px 20px 0px;
		gap: 10px;
	}

	.product-card__slide {
		max-width: 60px;
		padding: 5px;
	}

	.product-card__left {
		gap: 20px;
	}







	.documentation .services__content {
		flex-direction: column;
	}

	.documentation__sidebar {
		max-width: unset;
	}

	.documentation__dropdown-head {
		display: flex;
		align-items: center;
		justify-content: space-between;

		border: 1px solid var(--siniy);
		padding: 9px;
		cursor: pointer;

		font-weight: 700;
		font-size: 16px;
		line-height: 113%;
		color: var(--firmennyy-siniy);
	}

	.documentation__dropdown {
		position: relative;
	}

	/* .documentation__dropdown:has(.dropdown-head--active) {
		box-shadow: 0px 0px 10px rgb(0, 0, 0, .5);
	} */

	.documentation__dropdown-content {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 2;
		background-color: #fff;

		opacity: 0;
		pointer-events: none;
		transform: translateY(-20px);
		transition: all .3s ease;
	}

	.dropdown-content--active {
		opacity: 1;
		pointer-events: all;
		transform: translateY(0px);
		box-shadow: 0px 0px 10px rgb(0, 0, 0, .5);
	}
}

@media(max-width:640px) {
	.footer__right {
		display: none;
	}

	.footer__left {
		max-width: unset;
		width: 100%;

		align-items: center;
		text-align: center;
		gap: 10px;
	}

	.footer {
		padding: 20px 0;
	}

	.footer__bot {
		flex-direction: column;
		align-items: center;
	}

	.footer__inner {
		gap: 15px;
	}







	.partners__cards {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}






	.nav-list {
		grid-template-columns: repeat(1, 1fr);
		margin: 0px 0px 20px 0px;
	}

	.services__head {
		margin: 0px 0px 20px 0px;
	}

	.nav-list__item-link {
		padding: 10px;
	}

	.services__body {
		gap: 20px;
	}







	.faq-accrodion__head {
		align-items: start;
		padding: 10px 15px;
	}

	.faq-accrodion__head .arrow-down {
		margin: 5px 0px 0px 0px;
	}
}

@media(max-width:580px) {
	.about-company__stat-card {
		flex-direction: column;
		align-items: start;
	}

	.about-company__stat-card-desc {
		padding: 0;
		text-align: start;
	}

	.about-company__column {
		gap: 20px;
	}






	.news__cards {
		grid-template-columns: repeat(1, 1fr);
	}

	.news__bot {
		margin: 0;
		flex-direction: column;
	}

	.news__btn {
		width: 100%;
	}

	.news__pagination {
		justify-content: space-between;
		width: 100%;
	}






	.products-catalog__head-box {
		grid-template-columns: repeat(1, 1fr);
	}





	.contacts__team .management__cards {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}
}

@media(max-width:400px) {

	.preview__video-card:nth-child(1),
	.preview__video-card:nth-child(4) {
		max-width: 80px;
	}

	.preview__video-card:nth-child(2),
	.preview__video-card:nth-child(5) {
		max-width: 99px;
	}

}

@media(max-width:350px) {
	.header__inner {
		padding: 5px 0;
	}

	.header__logo {
		gap: 5px;
	}
}