*,
html {
	box-sizing: border-box;
}

body {
	color: #000;
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	font-weight: 400;
	background: #fff;
	background-color: #fff;
	overflow-x: hidden;
}

.container {
	max-width: 1050px;
	margin: 0 auto;
	padding: 0 15px;
}

.header {
	position: relative !important;
	padding: 18px 0;
	color: #fff;
	min-height: 100vh;
	background: #05161f;
	overflow: hidden;
}

.header-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.8s ease-in-out;
	z-index: 0;
	pointer-events: none;
}

.header-bg.active {
	opacity: 1;
}

.header__about {
	position: relative !important;
	padding: 18px 0;
	color: #fff;
	min-height: 415px;
	background-color: #05161f;
	background-image: url('../images/about-decor.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0px 180px;
}

.header__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.menu {
	display: flex;
	align-items: center;
	gap: 47px;
}

.menu__item-link {
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	letter-spacing: -0.352px;
}
.header__call-btn {
	color: #fff;
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
	text-transform: uppercase;
	padding: 14px 27px;
	border-radius: 30px;
	border: 1px solid #fff;
	transition: all 0.3s;
}

.header__call-btn:hover {
	background: #fff;
	color: #000;
}
.header__lang {
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	letter-spacing: -0.352px;
}

.header__lang-news {
	color: #000;
}

.header__call-btn--news {
	color: #000;
	border: 1px solid #000;
}
.header__call-btn--news:hover {
	color: #fff;
	background-color: #000;
}

.menu__item-link--news {
	color: #000;
}

.mobile__menu-news {
	background: #fff !important;
	margin-top: 0 !important;
}

.header__slider {
	position: absolute;
	z-index: 1000;
	top: 50%;
	transform: translateY(-50%);
	touch-action: pan-y; /* Улучшает поведение свайпа на мобильных */
	user-select: none; /* Предотвращаем выделение текста при свайпе */
	-webkit-user-select: none;
	-webkit-touch-callout: none; /* Запрещаем iOS context menu */
}
.header__item {
	max-width: 555px;
}
.header__title {
	color: #fff;
	font-family: Arial;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 63px */
	letter-spacing: 2.52px;
	margin-bottom: 13px;
}
.header__text {
	color: #fff;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px; /* 135% */
	margin-bottom: 53px;
}

.header__btn {
	padding: 13px 25px;
	display: block;
	color: #fff;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
	text-transform: uppercase;
	border-radius: 30px;
	border: 2px solid #fff;
	transition: all 0.3s;
}
.header__item {
	opacity: 0;
	transition: opacity 0.8s ease;
	height: 0;
	overflow: hidden;
	pointer-events: none;
	transform: translateX(20px);
	transition: opacity 0.8 ease, transform 0.8s ease;
}

.header__item.active {
	opacity: 1;
	height: auto;
	pointer-events: auto;
	transform: translateY(0);
}
.header__btn:hover {
	color: #000;
	background: #fff;
}
.fade-in {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.8s ease;
}
.fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}

.fade-in-slider {
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.8s ease;
}
.fade-in-slider.visible-slider {
	opacity: 1;
	transform: translateY(-50%);
}

.slide-in-right {
	opacity: 0;
	transform: translateX(100px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.slide-in-right.visible {
	opacity: 1;
	transform: translateX(0);
}

.title {
	color: #000;
	font-family: Arial;
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 63px */
	letter-spacing: 2.52px;
	text-transform: uppercase;
}

.slider-controls {
	position: absolute;
	display: flex;
	align-items: center;
	bottom: 150px;
}

.slider-dots {
	display: flex;
	align-items: center;
	/* gap: 12px; */
}
.dot + .dot {
	margin-left: 12px;
}
.arrow-prev {
	margin-right: 28px;
}

.arrow-next {
	margin-left: 28px;
}

.dot {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 1px solid #fff;
	cursor: pointer;
}

.dot.active {
	background-image: url('../images/dot-active.png');
	border: none;
	width: 22px;
	height: 22px;
}

.slider-arrows button {
	background: none;
	border: none;
	color: white;
	font-size: 20px;
	cursor: pointer;
}

.arrow-prev,
.arrow-next {
	height: 24px;
}
.scroll-animate-left,
.scroll-animate-right {
	opacity: 0;
	transform: translateX(100px); /* default для right */
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.scroll-animate-left {
	transform: translateX(-100px);
}

.scroll-animate-left.visible,
.scroll-animate-right.visible {
	opacity: 1;
	transform: translateX(0);
}
.scroll-animate-up {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.scroll-animate-up.visible {
	opacity: 1;
	transform: translateY(0);
}
.map-animate {
	opacity: 0;
	transform: scale(0.9);
	filter: blur(10px);
	transition: all 1s ease;
}

.map-animate.visible {
	opacity: 1;
	transform: scale(1);
	filter: blur(0);
}

.why {
	padding: 75px 0 115px;
}

.why__title {
	margin-bottom: 55px;
}

.why__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 43px;
}
.why__text {
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	margin-bottom: 42px;
}
.why__items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	row-gap: 42px;
	column-gap: 35px;
}

.why__item-img {
	margin-bottom: 10px;
}
.why__item-text {
	min-width: 215px;
}
.why__video {
	position: relative;
	display: inline-block; /* або block, якщо треба 100% ширину */
}

.why__preview {
	display: block;
	height: auto;
}

.why__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: none;
	border-radius: 50%;
	color: white;
	font-size: 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
	width: 80px;
	height: 80px;
}

.why__play:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

.products {
	padding: 58px 0 83px;
	background-image: url('../images/products-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.products__title {
	margin-bottom: 67px;
}

.products__text {
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
.products__text {
	width: 575px;
}
.products__text + .products__text {
	margin-top: 30px;
}

.products__text-bottom {
	margin-bottom: 50px;
}
.products__buttons {
	display: flex;
	gap: 20px;
}
.products__btn {
	padding: 13px 30px;
	color: #0b304a;
	text-align: center;
	font-family: Arial;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 17px */
	letter-spacing: -0.34px;
	text-transform: uppercase;
	border-radius: 30px;
	border: 2px solid #0b2f4a;
	transition: all 0.3s;
}
.products__btn:hover {
	background: #0b2f4a;
	color: #fff;
}

.delivery {
	padding: 78px 0 148px;
}

.delivery__title {
	margin-bottom: 24px;
}

.delivery__text {
	margin-bottom: 24px;
}
.delivery__map {
	width: 1020px;
}
.process__item {
	opacity: 0;
	transform: translateX(-50px);
	transition: all 0.8s ease;
}

/* Коли елемент видимий */
.process__item.visible {
	opacity: 1;
	transform: translateX(0);
}

.process {
	padding: 47px 0 100px;
	background: #f6f6f7;
}
.process__title {
	margin-bottom: 35px;
}

.process__items {
	display: flex;
	align-items: center;
	gap: 44px;
	margin-bottom: 45px;
}
.process__item {
	width: 310px;
	padding: 41px 34px;
	border-radius: 10px;
	background: #275a5b;
}
.process__item-title {
	color: #fff;
	font-family: Arial;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 28.5px */
	text-transform: uppercase;
}
.process__item-text {
	color: #fff;
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 27px */
	margin-top: 34px;
}
.process__btn {
	color: #0a2f4a;
	text-align: center;
	font-family: Arial;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 17px */
	letter-spacing: -0.34px;
	text-transform: uppercase;
	padding: 13px 40px;
	border-radius: 30px;
	border: 2px solid #0e344e;
	transition: all 0.3s;
}

.process__btn:hover {
	background: #0e344e;
	color: #fff;
}
.process__item:nth-child(1) {
	background-image: url('../images/products-1.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.process__item:nth-child(2) {
	background-image: url('../images/products-2.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.process__item:nth-child(3) {
	background-image: url('../images/products-3.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.process__item:nth-child(1)::after,
.process__item:nth-child(2)::after {
	content: '';
	position: absolute;
	background-image: url('../images/process-arrow.svg');
	background-repeat: no-repeat;
	width: 44px;
	height: 16px;
	right: -44px;
	top: 120px;
}

.partners {
	padding: 90px 0 140px;
}

.partners__title {
	margin-bottom: 50px;
}

.partners__top {
	display: flex;
	align-items: center;
	gap: 50px;
	margin-bottom: 50px;
}

.partners__bottom {
	display: flex;
	align-items: center;
	gap: 112px;
}

.news {
	padding: 100px 0 100px;
	background: #f6f6f7;
}

.news__title {
	margin-bottom: 35px;
}

.news__inner {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 50px;
}
.news__items {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 15px;
}

.news__item::after {
	content: '';
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.3); /* затемнення */
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.news__item:hover::after {
	opacity: 1;
}

.news__item > * {
	position: relative;
	z-index: 2;
}

.news__item-main {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}

.news__item:nth-child(2) {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.news__item:nth-child(3) {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.news__left {
	min-width: 270px;
}
.news__info {
	margin-bottom: 300px;
}
.news__info-text {
	color: #000;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 150% */
	margin-bottom: 5px;
}
.news__info-phone {
	color: #114262;
}
.news__btn a {
	padding: 13px 30px;
	color: #114262;
	text-align: center;
	font-family: Arial;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 17px */
	letter-spacing: -0.34px;
	text-transform: uppercase;
	transition: all 0.3s;
	border-radius: 30px;
	border: 2px solid #114262;
}

.news__btn a:hover {
	background: #114262;
	color: #fff;
}

.news__item {
	position: relative;
	display: inline-block;
	padding: 20px;
	width: 225px;
}
.news__item-main {
	background-image: url('../images/news-1.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 505px;
	width: 100%;
}

.news__item:nth-child(2) {
	background-image: url('../images/news-2.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.news__item:nth-child(3) {
	background-image: url('../images/news-3.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.news__item-mark {
	padding: 12px 25px;
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	color: #fff;
	font-family: Arial;
	font-size: 19.844px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 151.181% */
	background: #ce940c;
}
.news__item-wrapper {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.news__item-wrapper--casual {
	display: flex;
	align-items: center;
	gap: 13px;
}
.news__item-text--black {
	color: #000 !important;
}

.news__item-date {
	color: #fff;
	font-family: Arial;
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
	line-height: 24px; /* 150% */
	text-transform: lowercase;
	margin-bottom: 13px;
}
.news__item-text {
	color: #fff;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 150% */
}

.error {
}

.error__content {
	margin: 100px 0 480px;
}
.error__num {
	color: #000;
	text-align: center;
	font-family: Arial;
	font-size: 139px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 208.5px */
	margin-bottom: 30px;
	text-align: center;
}
.error__text {
	color: #000;
	text-align: center;
	font-family: Arial;
	font-size: 29px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 43.5px */
	margin-bottom: 55px;
	text-align: center;
}
.error__btn-wrapper {
	margin: 0 auto;
	text-align: center;
}
.error__btn {
	text-align: center;
	color: #114262;
	font-family: Arial;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 24px */
	position: relative;
	padding-bottom: 6px;
}
.error__btn::after {
	content: '';
	position: absolute;
	bottom: 0;
	background: #00526b;
	height: 1px;
	width: 190px;
	left: 0;
}
.quality {
	padding: 90px 0 90px;
	position: relative;
	margin-bottom: 40px;
}

.quality__title {
	margin-bottom: 50px;
}

.quality__wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.quality__items {
	display: flex;
	transition: transform 0.5s ease;
	width: 100%;
	cursor: grab;
	touch-action: pan-y;
}

.quality__items.swiping {
	transition: none;
	cursor: grabbing;
}

.quality__item {
	flex: 0 0 25%;
	box-sizing: border-box;
	padding: 5px;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

.quality__item-img {
	width: 100%;
	height: auto;
	display: block;
}

.quality__item.active {
	transition: 0.3s ease;
}

.quality-slider-controls {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}

.quality-slider-dots {
	display: flex;
	align-items: center;
}

.quality-dot + .quality-dot {
	margin-left: 12px;
}

.quality-arrow-prev {
	margin-right: 28px;
}

.quality-arrow-next {
	margin-left: 28px;
}

.quality-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #000;
	cursor: pointer;
	background-color: transparent;
}

.quality-dot.quality-active {
	background-image: url('../images/dot-active-gal.png');
	background-size: cover;
	border: none;
	width: 22px;
	height: 22px;
}

.quality-slider-dots button {
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
}

.quality-arrow-prev,
.quality-arrow-next {
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contacts {
	padding: 50px 0 140px;
}

.contacts__title {
	margin-bottom: 36px;
}

.contacts__top {
	display: flex;
}
.contacts__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
}
.contacts__info-office {
	align-items: center;
}
.contacts__info {
	display: flex;
	margin-bottom: 25px;
}
.contacts__subtitle {
	color: #000;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
	margin-right: 11px;
	white-space: nowrap;
}
.contacts__descr {
	color: #000;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
}
.contacts__link {
	display: inline-block;
	color: #114262;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.32px;
}
.contacts__link span {
	color: #000;
}

.contacts__form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	margin-bottom: 50px;
}
.contacts__input {
	padding: 14px 22px;
	width: 500px;
	border-radius: 10px;
	background: #dde1dd;
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.352px;
}
.contacts__input::placeholder {
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.352px;
}
.custom-select-wrapper {
	position: relative;
	display: inline-block;
}

.contacts__select-type,
.contacts__select {
	cursor: pointer;
	padding: 14px 45px 15px 22px;
	width: 500px;
	border-radius: 10px;
	background: #dde1dd;
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.352px;
	border: none;
}

.contacts__select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.contacts__select-type {
	background-image: url('../images/select-arrow.svg');
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 11px;
}

.contacts__btn {
	color: #114262;
	text-align: center;
	font-family: Arial;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 17px */
	letter-spacing: -0.34px;
	text-transform: uppercase;
	padding: 13px 25px;
	transition: all 0.3s;
	border-radius: 30px;
	border: 2px solid #114262;
	margin: 0 auto;
    display: block;
}
.contacts__btn-wrapper {
	text-align: center;
	margin: 0 auto;
	grid-column: 1 / -1;
}
.contacts__btn:hover {
	color: #fff;
	background: #114262;
}
.wpcf7-response-output {
	margin-top: 0 !important;
    border: none !important;
    grid-column: 1 / -1;
    text-align: center;
}
.why__text-wrapper {
	margin-top: 60px
}
.article__item img {
	width: 100%;
    height: 218px;
    object-fit: cover;
}

.footer {
	background: #0e212a;
	min-height: 475px;
	position: relative;
	overflow: hidden;
}

.footer::after {
	position: absolute;
	content: '';
	background-image: url('../images/footer-decor.svg');
	background-repeat: no-repeat;
	height: 380px;
	background-size: contain;
	width: 100%;
}

.footer__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 45px;
}

.footer__inner {
	padding: 55px 0 50px;
}

.footer__descr,
.footer__subtitle,
.footer__link,
.footer__link span {
	color: #fff;
}
.footer__link {
	display: block;
}

.footer__link + .footer__link {
	margin-top: 8px;
}
.footer__link {
	text-decoration: underline;
}

.footer__link {
	text-decoration: none;
}

.phone-number {
	position: relative;
	padding-bottom: 2px;
}

.phone-number::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 0.3px;
	bottom: 0;
	background-color: #fff;
	left: 0;
}

.footer__link span:last-child {
	text-decoration: none;
}

.footer__content {
	display: flex;
	align-items: end;
	justify-content: space-between;
}
.footer__socials {
	display: flex;
	gap: 14px;
}

.custom-icon {
	cursor: pointer;
}

.custom-icon:hover .circle {
	fill: #114262;
	transition: all 0.3s;
}

.custom-icon:hover .symbol {
	fill: white;
	transition: all 0.3s;
}

.messenger-icon {
	cursor: pointer;
}

.messenger-icon:hover .circle {
	fill: #114262;
	transition: all 0.3s;
}

.messenger-icon:hover .symbol {
	fill: white;
	transition: all 0.3s;
}

.header__about-content {
	position: absolute;
	z-index: 1000;
	top: 50%;
	transform: translateY(-50%);
}
.header__about-title {
	color: #fff;
	font-family: Arial;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 63px */
	letter-spacing: 2.52px;
	text-transform: uppercase;
	margin-bottom: 45px;
}
.header__about-wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
}
.header__about-btn {
	padding: 13px 25px;
	display: inline-block;
}
.header__about-btn--first {
	color: #000;
	text-align: center;
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 18px */
	letter-spacing: -0.36px;
	text-transform: uppercase;
	border-radius: 30px;
	border: 2px solid #fff;
	background: #fff;
	transition: all 0.3s;
}

.header__about-btn--first:hover {
	color: #fff;
	background: transparent;
}
.header__about-btn--second {
	color: #fff;
	text-align: center;
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 18px */
	letter-spacing: -0.36px;
	text-transform: uppercase;
	border-radius: 30px;
	border: 2px solid #fff;
	transition: all 0.3s;
}

.header__about-btn--second:hover {
	color: #05161f;
	background: #fff;
}

.about__why {
	padding: 40px 0 100px;
}

.about__why-inner {
	margin-bottom: 60px;
}

.why__text-wrapper p:nth-child(2) {
	margin-bottom: 0;
}
.why__text-wrapper p:nth-child(1) {
	margin-bottom: 25px;
}

.steps {
	overflow-x: hidden;
}
.steps__items {
	display: flex;
	flex-direction: column;
	gap: 39px;
}
.steps__item-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px 0;
}
.steps__item {
	background: linear-gradient(90deg, #2c1d17 0%, #cd6800 100%);
}
.steps__item:nth-child(1) {
	background-image: url('../images/step-1.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -140px 0;
}
.steps__item:nth-child(2) {
	background-image: url('../images/step-2.png');
	background-repeat: no-repeat;
	background-size: 120%;
	background-position: -200px 0;
}
.steps__item:nth-child(3) {
	background-image: url('../images/step-3.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -140px 0;
}
.steps__item:nth-child(4) {
	background-image: url('../images/step-4.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -140px 0;
}
.steps__item {
	min-height: 230px;
	position: relative;
}
.steps__img {
	display: none;
}

.steps__item:nth-child(even)::after {
	content: '';
	position: absolute;
	width: 17px;
	height: 41px;
	background-image: url('../images/arrow-blue.svg');
	background-repeat: no-repeat;
	bottom: -41px;
	right: 50%;
	z-index: 100;
	transform: translateX(50%);
}
.steps__item:nth-child(odd)::after {
	content: '';
	position: absolute;
	width: 17px;
	height: 41px;
	background-image: url('../images/arrow-red.svg');
	background-repeat: no-repeat;
	bottom: -41px;
	right: 50%;
	z-index: 100;
	transform: translateX(50%);
}

.steps__item:last-child::after {
	display: none;
}

.step__text {
	max-width: 600px;
	margin-left: auto;
	color: #fff;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}

.menu__item-link--dark {
	color: #0e212a;
}

.header__call-btn--dark {
	color: #0e212a;
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
	text-transform: uppercase;
	border-radius: 30px;
	border: 1px solid #0e212a;
	transition: all 0.3s;
}

.header__call-btn--dark:hover {
	background: #0e344e;
	color: #fff;
}
.header__top-news {
	padding: 35px 0 35px;
}

.header__lang-dark {
	color: #0e212a;
}

.article {
	padding: 20px 0 165px;
}

.article__title {
	margin-bottom: 40px;
	font-weight: 700;
}

.article__items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	row-gap: 65px;
	column-gap: 15px;
}
.article__item {
	width: 330px;
}
.article__item-img {
	border-radius: 5px;
	background: lightgray 50% / cover no-repeat;
}
.article__item-date {
	color: #000;
	font-family: Arial;
	font-size: 18px;
	font-style: italic;
	font-weight: 700;
	line-height: 149.008%; /* 26.821px */
	letter-spacing: -0.18px;
	margin: 11px 0;
}
.article__item-text {
	color: #1d3d73;
	font-family: Arial;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 31.5px */
	letter-spacing: -0.21px;
}

.pagination {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-top: 30px;
	flex-wrap: wrap;
}

.pagination button {
	color: #0e212a;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 14px */
	border-radius: 6px; /* було 4px — зробив плавніше */
	border: 1px solid #0e212a;
	background: #fff;
	padding: 7px 10px;
	cursor: pointer;
	min-width: 34px;
	transition: background 0.3s, color 0.3s;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pagination button.active {
	background-color: #0e212a;
	color: white;
}

.pagination button:disabled,
.pagination button.dots {
	background: transparent;
	cursor: default;
	opacity: 0.6;
}

.post {
	padding: 20px 0 155px;
}

.post__title {
	color: #000;
	font-family: Arial;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 54px */
	letter-spacing: 0.1px;
	margin-bottom: 25px;
	text-transform: none;
}

.post__descr {
	display: flex;
	align-items: center;
	gap: 22px;
}
.post__news {
	color: #fff;
	font-family: Arial;
	font-size: 19.844px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 151.181% */
	padding: 12px 24px;
	background: #ce940c;
}
.post__date {
	color: rgba(0, 0, 0, 0.6);
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
	letter-spacing: -0.6px;
}

.post__texts p {
	margin-top: 20px;
}
.post__texts p {
	color: #000;
	text-align: justify;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.6px;
}
.post__img {
	padding: 20px 0 35px;
}
.post__items {
	display: flex;
	flex-direction: column;
	gap: 45px;
	margin-bottom: 45px;
	margin-top: 45px;
}

.post__item-title {
	color: #000;
	text-align: justify;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
	letter-spacing: -0.6px;
	margin-bottom: 20px;
}
.post__item-content {
	display: flex;
	align-items: start;
	gap: 35px;
}

.post__item-text {
	color: #000;
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.6px;
}
.post__reference-title {
	color: #000;
	text-align: justify;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
	letter-spacing: -0.6px;
	margin-bottom: 20px;
}
.post__links {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.post__link {
	color: #044f69;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.6px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.burger {
	position: relative;
	width: 32px;
	height: 20px;
	background: transparent;
	border: none;
	outline: none;
	display: none;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	z-index: 1200;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	transition: all 0.3s ease-in-out;
}

.burger span {
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 23%;
	background-color: #fff;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.burger-news span {
	background-color: #000 !important;
}

.burger span:first-child,
.burger span:last-child {
	transform-origin: center;
}

.burger span:nth-child(2) {
	opacity: 1;
}

#header.open .burger span:first-child {
	transform: rotate(45deg) translate(5px, 6px);
}

#header.open .burger span:nth-child(2) {
	opacity: 0;
}

#header.open .burger span:last-child {
	transform: rotate(-45deg) translate(5px, -6px);
}
@supports (-webkit-touch-callout: none) {
	/* iOS only hack */
	.burger {
		width: 45px;
	}
	#header.open .burger span:first-child {
		transform: rotate(45deg) translate(7.5px, 5px);
	}
	#header.open .burger span:last-child {
		transform: rotate(-45deg) translate(7.5px, -4.5px);
	}
}

#header.open .mobile-arrow {
	display: block;
	transition: all 0.3s ease-in-out;
}

.modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.modal-content {
	position: relative;
	max-width: 100%;
	max-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-content img {
	max-width: 100%;
	max-height: 90vh;
	width: auto;
	height: auto;
	object-fit: contain;
	box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	transition: transform 0.3s ease;
}

.modal-close {
	position: absolute;
	top: -30px;
	right: 0;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
}

.no-scroll {
	overflow: hidden;
}
.menu-mobile {
	display: flex;
	gap: 51px;
}
.header__call-btn--footer {
	color: #fff;
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
	text-transform: uppercase;
	border-radius: 30px;
	border: 1px solid #0e212a;
	transition: all 0.3s;
	padding: 14px 27px;
	border: 1px solid #fff;
}
.header__call-btn--footer:hover {
	background: #fff;
	color: #0e212a;
}

.header__call-btn--mobile {
	display: none;
}

#header.open .burger {
	transition: all 0.3s;
}
#header.open .mobile__menu {
	transform: translateX(0);
}
.header__lang-mobile {
	display: none;
	z-index: 1200;
}
.mobile__menu {
	transform: translateX(100%);
	transition: transform 0.3s ease;
}

.mobile__menu.open {
	transform: translateX(0);
}

.mobile__menu {
	padding-top: 70px;
	margin-top: -18px;
	position: fixed;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 50px;
	width: 100%;
	min-height: 100vh;
	z-index: 1150;
	padding-right: 20px;
	padding-left: 20px;
	transform: translateX(100%);
	transition: all 0.3s;
	background: #05161f;
	text-align: center;
}
.wpcf7-not-valid-tip {
	display: none!important;
}
input.wpcf7-not-valid {
	border: 1px solid red!important
}
.menu__item-mobile {
	text-align: center;
}
.menu__item-mobile + menu__item-mobile {
	margin-top: 20px;
}
.mobile-right {
	display: flex;
	align-items: center;
	gap: 32px;
}

.slider__mobile-text {
	display: none;
	margin-top: 45px;
	max-width: 175px;
	color: #fff;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 16.5px */
}
.why__video-mobile {
	display: none;
	margin-bottom: 30px;
}
.why__preview {
	display: flex;
	justify-self: center;
}
.products__title br {
	display: none;
}
.partners__mobile {
	display: none;
}

.contacts__delivery {
	padding: 50px 0 60px;
}

.employees__item-link {
	display: block;
	padding-top: 6px;
}

.employees__item-link span::after {
	background-color: #0e212a;
}

.employees__items {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 53px;
}

.employees__item {
	display: flex;
	gap: 30px;
}
.employees__item-photo {
	border-radius: 15px;
	background: lightgray 50% / cover no-repeat;
}
.employees__item-content {
	margin-top: 18px;
}
.employees__item-name {
	color: #000;
	font-family: Arial;
	font-size: 26px;
	font-weight: 700;
	line-height: 150%; /* 39px */
}
.employees__item-description {
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%; /* 24px */
	margin-bottom: 35px;
}
.mobile__menu.mobile__menu-news .call-back.header__call-btn {
    border: 1px solid #000;
    color: #000;
}

/* Стилі поп-апа */
.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1200;
}

.popup-content {
	background: #fff;
	padding: 50px 52px 65px;
	border-radius: 16px;
	text-align: center;
	max-width: 400px;
	width: 90%;
	position: relative;
	min-width: 432px;
}

.popup-content h2 {
	color: #0e212a;
	text-align: center;
	font-family: Arial;
	font-size: 24px;
	font-weight: 700;
	line-height: 150%; /* 36px */
	margin-bottom: 30px;
}

.popup-content input {
	width: 100%;
	margin-bottom: 9px;
	padding: 11px 19px;
	border-radius: 15px;
	border: 1px solid #bdbdbd;
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.32px;
}

.submit-btn {
	background: white;
	color: black;
	padding: 14px 27px;
	color: #0e212a;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	font-weight: 700;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 30px;
	border-radius: 30px;
	border: 2px solid #0e212a;
	transition: all 0.3s;
}

.submit-btn:hover {
	color: #fff;
	background: #0e212a;
}

.close-btn {
	position: absolute;
	top: 14px;
	right: 22px;
	border: none;
	border-radius: 50%;
	font-size: 20px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.liquids {
	padding-bottom: 70px;
}
.liquids__title {
	margin-bottom: 36px;
}

.liquids__items {
	display: flex;
	justify-content: space-between;
	gap: 80px;
}
.liquids__item {
}
.liquids__subtitle {
	color: #000;
	font-family: Arial;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 33px */
	letter-spacing: 1.32px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.liquids__text {
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: 0.96px;
	margin-bottom: 28px;
}
.liquids__weight {
	padding: 15px 20px;
	background-image: url('../images/liquid-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	display: inline-block;

}
.liquids__weight-text {
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 24px */
	letter-spacing: 0.96px;
}

@media (max-width: 1599px) {
	.steps__item:nth-child(2) {
		background-size: auto;
	}
}

@media (max-width: 1100px) {
	.liquids__items{
		gap: 30px;
	}
	.employees__items {
		gap: 25px;
	}
	.article__items {
		grid-template-columns: 1fr 1fr;
	}
	.step__text {
		margin: 0 auto;
	}
	.header__about {
		background-position: 0 250px;
		min-height: 300px;
	}

	.contacts__subtitle {
		white-space: wrap;
		text-align: left;
	}
	.contacts__input {
		width: 360px;
	}

	.footer::after {
		background-size: auto;
		bottom: -150px;
	}
	.footer__inner {
		position: relative;
		z-index: 100;
	}

	.contacts__select-type,
	.contacts__select {
		width: 360px;
	}

	.partners__top,
	.partners__bottom {
		flex-wrap: wrap;
		gap: 25px;
	}

	.why__video {
		display: none;
		width: 100%;
	}
	.why__video-mobile {
		display: block;
	}
	.why__inner {
		flex-direction: column;
	}
	.delivery__map {
		width: 100%;
	}
}
.footer-mobile {
	display: none;
}
@media (max-width: 1000px) {
	.liquids__items{
		flex-direction: column;
	}
	.liquids__item img{
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	.employees__items {
		flex-wrap: wrap;
		justify-content: center;
	}
	.liquids__weight{
		text-align: center;
		display: block;
	}
	.employees__item {
		width: 481px;
	}
	.menu-mobile {
		display: none;
	}
	.footer-mobile {
		margin-bottom: 60px;
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	.header__call-btn--footer {
		font-size: 14px;
		letter-spacing: -0.28px;
		padding: 10px 27px;
	}
	.menu,
	.header__call-btn,
	.header__lang {
		display: none;
	}

	.burger {
		display: inline-flex;
	}
	.header__lang-mobile {
		display: block;
	}
	.header__call-btn--mobile {
		display: inline-block;
	}
	.header__logo {
		z-index: 1200;
	}
	.header__logo img {
		width: 48px;
		height: 30px;
	}
}
.news__item-mobile {
	display: none;
}

@media (max-width: 900px) {
	.process__item.visible,
	.scroll-animate-left,
	.scroll-animate-left.visible,
	.scroll-animate-right,
	.scroll-animate-right.visible,
	.scroll-animate-up,
	.scroll-animate-up.visible,
	.map-animate,
	.map-animate.visible {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
	.footer__content {
		display: block;
	}
	.contacts__inner {
		display: block;
	}
	.contacts__info {
		justify-content: start;
	}
	.contacts__subtitle {
		width: 300px;
	}
	.contacts__top {
		display: block;
	}
	.footer__socials {
		justify-content: center;
		margin-top: 160px;
	}

	.contacts__descr,
	.contacts__link {
		text-align: left;
		width: 350px;
	}
	.footer__subtitle {
		width: auto;
	}
	.footer__descr,
	.footer__link {
		width: auto;
	}
	.contacts__link {
		display: block;
	}
	.quality {
		padding: 50px 0 60px;
		position: relative;
		margin-bottom: 0px;
	}

	.news {
		padding: 38px 0 38px;
	}
	.news__inner {
		display: block;
	}
	.news__items {
		display: block;
	}
	.news__item-text {
		font-size: 16px;
	}
	.post__text,
	.post__item-text,
	.post__link {
		font-size: 14px;
	}
	.post__date {
		font-size: 16px;
	}
	.post__news {
		font-size: 15px;
		padding: 4px 24px;
	}
	.news__item-wrapper {
		padding-bottom: 60px;
	}
	.news__item-main {
		height: 390px;
	}
	.news__item-date {
		font-size: 14px;
	}
	.news__item-desktop {
		display: none;
	}
	.news__item-mobile {
		display: block;
	}
	.news__left {
		display: none;
	}
	.process__items {
		flex-direction: column;
	}
	.process__item {
		width: 100%;
	}
	.process__item:nth-child(1)::after,
	.process__item:nth-child(2)::after {
		top: 185px;
		right: 50%;
		transform: translateX(50%) rotate(90deg);
	}
}
.news__item-wrapper--mobile {
	display: flex;
	align-items: center;
	gap: 23px;
}
.news__item-mobile {
	margin-top: 30px;
}
.news__item-text--mobile {
	color: #000;
	font-family: Arial;
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
	line-height: 20px; /* 125% */
}
.news__item-mobile--gallery {
	padding-bottom: 16px;
	border-bottom: 1px solid #d9d9d9;
}
.contacts__form-mobile {
	display: none;
}
.footer__top a {
	color: #fff
}

@media (max-width: 800px) {
	.contacts__form-mobile {
		gap: 15px;
		display: flex;
		flex-direction: column;
		margin-bottom: 28px;
	}
	.contacts__input {
		width: 100%;
		font-size: 14px;
	}

	.contacts__select-type,
	.contacts__select {
		width: 100%;
	}
	.contacts__btn,
	.header__about-btn {
		font-size: 10px;
		letter-spacing: -0.2px;
		padding: 10px 27px;
	}
	.header__about-btn {
		padding: 8px 24px;
	}
}
@media (max-width: 750px) {
	.liquids__subtitle{
		font-size: 18px;
		margin: 10px 0;
	}
	.liquids__text{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.liquids__weight{
		padding: 10px 15px;
	}
	.liquids{
		padding-bottom: 0;
	}
	.liquids__weight-text{
		font-size: 14px;
	}
	.error__num {
		font-size: 90px;
	}
	.error__text {
		font-size: 20px;
	}
	.error__btn {
		font-size: 18px;
	}
	.error__btn::after {
		width: 143px;
	}
	.post__img {
		width: 100%;
	}
	.post {
		padding: 0 0 80px;
	}
	.article {
		padding: 0 0 65px;
	}
	.article__item-date {
		font-size: 12px;
	}
	.article__item-text {
		font-size: 16px;
	}
	.article__item-img {
		width: 250px;
		height: 150px;
	}
	.article__item {
		max-width: 250px;
	}
}

@media (max-width: 700px) {
	.contacts__subtitle {
		width: 200px;
		font-size: 14px;
	}
	.contacts__descr,
	.contacts__link {
		font-size: 14px;
	}
	.footer__subtitle {
		width: auto;
		font-size: 14px;
	}
	.footer__descr,
	.footer__link {
		font-size: 14px;
	}
}
.header-bg {
	background-size: cover;
}
@media (max-width: 650px) {
	.contacts__delivery {
		padding-bottom: 40px !important;
	}
	.header-bg {
		max-height: 460px;
	}
	.post__reference-title {
		margin-bottom: 10px;
	}
	.post__item-decor {
		margin-bottom: 15px;
	}
	.post__item-content {
		display: block;
	}
	.post__img {
		padding: 15px 0 20px;
	}
	.post__items {
		gap: 30px;
		margin-bottom: 30px;
	}
	.post__item-title {
		margin-bottom: 12px;
	}
	.post__texts > .post__text + .post__text {
		margin-top: 15px;
	}
	.step__text {
		font-size: 12px;
	}
	.steps__item {
		min-height: auto;
	}
	.contacts {
		padding: 40px 0 63px;
	}
	.partners {
		padding: 25px 0 70px;
	}
	.partners__mobile {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
	.partners__top-mobile {
		margin-bottom: 20px;
	}
	.partners__top,
	.partners__bottom {
		display: none;
	}
	.process {
		padding: 25px 0 25px;
		background: #fff;
	}
	.process__btn {
		font-size: 10px;
		padding: 10px 27px;
	}
	.process__items {
		margin-bottom: 25px;
	}
	.delivery {
		padding: 38px 0 25px;
	}
	.delivery__text {
		margin-bottom: 21px;
	}
	.why__item-img {
		margin-bottom: 20px;
	}
	.why {
		padding: 27px 0 80px;
	}
	.about__why {
		padding: 27px 0 80px;
	}
	.about__why-inner {
		margin-bottom: 40px;
	}
	.why__text {
		margin-bottom: 33px;
	}
	.why__text-wrapper p:nth-child(1) {
		margin-bottom: 20px;
	}
	.why__text,
	.why__item-text,
	.delivery__text {
		font-size: 12px;
	}
	.products__text {
		width: auto;
		font-size: 14px;
	}
	.products__btn {
		font-size: 10px;
		padding: 8px 14px !important;
	}
	.products__buttons {
		gap: 10px;
	}
	.why__preview {
		width: 360px;
		height: 275px;
	}
	.products__text + .products__text {
		margin-top: 20px;
	}
	.products__text-bottom {
		margin-bottom: 30px;
	}
	.slider-controls {
		bottom: 30px;
		right: 50%;
		transform: translateX(50%);
	}
	.why__items {
		grid-gap: 30px;
	}
	.why__item-text {
		min-width: auto;
	}
	.quality-dot + .quality-dot,
	.dot + .dot {
		margin-left: 7px;
	}
	.quality-arrow-next,
	.quality-arrow-prev,
	.arrow-prev,
	.arrow-next {
		height: 42px;
	}
	.quality-arrow-next img,
	.quality-arrow-prev img,
	.arrow-prev img,
	.arrow-next img {
		width: 7px;
		height: 14px;
	}
	.slider-dots,
	.quality-slider-dots {
		padding: 10px 0;
	}
	.quality-arrow-next,
	.quality-arrow-prev,
	.arrow-prev,
	.arrow-next {
		height: 30px;
	}

	.dot,
	.quality-dot {
		width: 6px;
		height: 6px;
	}
	.quality-dot.active .dot.active {
		scale: 0.8;
	}

	.arrow-prev,
	.arrow-next,
	.quality-arrow-prev,
	.quality-arrow-next {
		padding: 8px;
	}

	.quality-arrow-next,
	.arrow-next {
		margin-left: 16px;
	}
	.quality-arrow-prev,
	.arrow-prev {
		margin-right: 16px;
	}
	.slider__mobile-text {
		display: block;
	}
	.header__text-mobile {
		display: none;
	}
	.header__title,
	.article__title,
	.header__about-title,
	.title {
		font-size: 24px;
		letter-spacing: 1.5px;
		margin-bottom: 23px;
	}
	.header__title {
		margin-bottom: 30px;
	}
	.header__btn {
		font-size: 14px;
		padding: 16px 30px;
		letter-spacing: 0;
	}
	.header {
		/* background-image: url('../images/header-bg-mobile.png'); */
		background-repeat: no-repeat;
		background-size: 100% 460px;
		min-height: 460px;
	}
	.header-bg {
		background-size: 100% 460px;
		height: 460px;
	}
	.header__slider {
		top: 45%;
	}
	.products {
		padding: 38px 0 30px;
	}
	.quality__item {
		flex: 0 0 calc(100% / 3);
	}
}
@media (max-width: 600px) {
	.contacts__descr-info,
	.contacts__link {
		width: 250px;
	}
	.contacts__subtitle {
		width: 160px;
		line-height: 150%; /* 24px */
	}
	.footer__descr,
	.footer__link {
		width: auto;
	}
	.footer__subtitle {
		width: auto;
	}
	.footer__left .footer__info:nth-child(1) {
		align-items: center;
	}
}
.footer__menu-inner {
	display: flex;
}

.footer-wrapper ul.menu li {
	display: block;
}

.footer-wrapper #nav_menu-2 {
	margin-top: -35px;
}

@media (max-width: 550px) {
	.liquids__item img{
		width: 100%;
	}
	.liquids__text{
		margin-bottom: 10px;
		font-size: 12px;
	}
	.employees__item {
		gap: 10px;
	}
	.article__items {
		row-gap: 20px;
	}
	.article__item-text {
		font-size: 14px;
	}
	.pagination button {
		padding: 5px 8px;
		min-width: auto;
		font-size: 12px;
	}
	.article__items {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.article__item-img {
		width: 100%;
		height: 100%;
	}
	.article__item {
		min-width: 100%;
	}
}

@media (max-width: 515px) {
	.process__item:nth-child(1)::after,
	.process__item:nth-child(2)::after {
		top: 214px;
		right: 50%;
		transform: translateX(50%) rotate(90deg);
	}
	.contacts__descr,
	.contacts__link {
		width: 180px;
	}
}
.quality__item {
	flex: 0 0 calc(100% / 4);
}

@media (max-width: 450px) {
	.popup-content h2 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.popup-content {
		padding: 35px 30px 40px;
		min-width: auto;
	}
	.close-btn {
		right: 15px;
	}
	.close-btn img {
		width: 25px;
		height: 25px;
	}
	.employees__items {
		gap: 40px;
	}
	.contacts {
		padding-top: 70px;
	}
	.employees__item-photo {
		width: 100%;
	}
	.employees__item-description {
		margin-bottom: 20px;
	}
	.employees__item {
		display: block;
		max-width: 230px;
		margin: 0 auto;
		gap: 0px;
	}
	.header__contacts-title {
		font-size: 24px !important;
	}
	.error__num {
		font-size: 70px;
	}
	.error__text {
		font-size: 18px;
	}
	.error__btn {
		font-size: 16px;
	}
	.error__btn::after {
		width: 128px;
	}
	.post__title {
		letter-spacing: 0.6px !important;
	}
	.post__item-title {
		font-size: 14px;
		letter-spacing: normal;
	}
	.post__text,
	.post__item-text,
	.post__link {
		font-size: 12px;
	}
	.post__item-title {
		font-size: 18px;
	}
	.post__news {
		line-height: 25px;
	}
	.post__date {
		font-size: 14px;
	}
	.steps__item-inner {
		padding: 25px 0;
	}
	.header__about-wrapper {
		gap: 10px;
	}
	.contacts__subtitle {
		width: 140px;
	}
	.footer__subtitle {
		width: auto;
	}
	.quality__item {
		flex: 0 0 calc(100% / 2);
	}
	.header__title,
	.header__about-title,
	.article__title,
	.title {
		/* font-size: 18px; */
		letter-spacing: 1.5px;
		margin-bottom: 23px;
	}

	.products {
		background-image: url('../images/products-bg-mobile.png');
		background-size: cover;
	}
	.products__title br {
		display: block;
	}
	.header {
		min-height: 400px;
	}
	.why__preview {
		width: 100%;
	}
	.slider-controls {
		bottom: 15px;
	}
	.dot + .dot {
		margin-left: 7px;
	}
	.arrow-prev,
	.arrow-next {
		height: 42px;
	}
	.arrow-prev img,
	.arrow-next img {
		width: 7px;
		height: 14px;
	}
	.slider-dots,
	.quality-slider-dots {
		padding: 10px 0;
	}
	.arrow-prev,
	.arrow-next {
		height: 30px;
	}

	.dot,
	.quality-dot {
		width: 6px;
		height: 6px;
	}
	.quality-dot.quality-active,
	.dot.active {
		scale: 0.8;
	}

	.arrow-prev,
	.arrow-next,
	.quality-arrow-prev,
	.quality-arrow-next {
		padding: 10px;
	}

	.arrow-next {
		margin-left: 16px;
	}
	.arrow-prev {
		margin-right: 16px;
	}
	.slider__mobile-text {
		display: block;
	}
	.header__text-mobile {
		display: none;
	}
	.header__title {
		font-size: 18px;
		letter-spacing: 1.08px;
		margin-bottom: 22px;
	}
	.submit-btn {
		color: #05161f !important;
		margin-top: 20px;
	}
	.submit-btn:hover {
		color: #fff !important;
	}
	.popup-content input {
		font-size: 12px;
	}
	.header__btn,
	.submit-btn {
		color: #fff;
		text-align: center;
		font-family: Inter;
		padding: 12px 22px;
		font-size: 10px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 10px */
		letter-spacing: -0.2px;
		text-transform: uppercase;
	}
	.header {
		/* background-image: url('../images/header-bg-mobile.png'); */
		background-repeat: no-repeat;
		background-size: 100% 400px;
	}

	.header__slider {
		top: 52%;
	}
	.contacts__form {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 422px) {
	.process__item:nth-child(1)::after,
	.process__item:nth-child(2)::after {
		top: 241px;
		right: 50%;
		transform: translateX(50%) rotate(90deg);
	}
}
@media (max-width: 360px) {
	.process__item:nth-child(1)::after,
	.process__item:nth-child(2)::after {
		top: 269px;
		right: 50%;
		transform: translateX(50%) rotate(90deg);
	}
}