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

* {
	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 {
	--font-family: "Muller", sans-serif;
}

body {
	background: #f5f5f5;

	font-family: var(--font-family);
	line-height: normal;
	font-weight: 400;
	font-size: 20px;
}

.wrapper {
	overflow: hidden;
}

.container {
	max-width: 1730px;
	margin: 0 auto;
	padding: 0 40px;
}

.title-h1 {
	font-weight: 700;
	font-size: 54px;
	line-height: 124%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.title-h2 {
	font-weight: 700;
	font-size: 42px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: center;
	color: #2a2222;
}

.title-h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}
.completed-projects__slide-body .title-h3 {flex-grow: 1;}

.line {
	display: inline-block;
	background-color: #fed116;
	width: 83px;
	height: 4px;
}

.btn-yellow {
	border-radius: 8px;
	padding: 20px 16px 18px 16px;
	background: #fed116;
	transition: all .2s ease;

	font-weight: 700;
	font-size: 20px;
	line-height: 112%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #2a2222;
	text-align: center;
}

@media(hover:hover) {
	.btn-yellow:hover {
		background: #c29f12;
	}
}

.btn-yellow:active {
	background: #fcca02;
}

.btn-white {
	border-radius: 8px;
	padding: 20px 16px;
	background: #fff;
	transition: all .2s ease;

	font-weight: 700;
	font-size: 20px;
	line-height: 112%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	color: #2a2222;
}

@media(hover:hover) {
	.btn-white:hover {
		background: #cecece;
	}
}

.btn-white:active {
	background: #fff;
}

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

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

.header {}

.header__container {
	max-width: 1920px;
	margin: 0 auto;
}

.header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	padding: 0px 0px 0px 23px;
}

.header__logo {}

.header__logo-img {}

.header__right {
	display: flex;
}

.header__list {
	display: flex;
}

.header__item {
	position: relative;
}

.header__list-sub {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 2;

	background: #f5f5f5;

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

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

.header__item:hover .header__list-sub {
	transform: translateY(0px);
	opacity: 1;
	pointer-events: all;
}

.header__list-item-sub {}

.header__list-item-link-sub {
	display: block;
	padding: 20px;
	transition: all .2s ease;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
}

@media(hover:hover) {
	.header__list-item-link-sub:hover {
		color: #1e6377;
	}
}

.header__list-item-link-sub:active {
	color: #1e6377;
}

.header__list-item-sub:not(:last-child) .header__list-item-link-sub {
	border-bottom: 1px solid #e2e2e2;
}

.header__item-link {
	padding: 32px 41px 32px 42px;
	border-right: 1px solid #e2e2e2;
	cursor: pointer;

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

	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #2a2222;
	transition: all .2s ease;
}

.accordion__item-head--show.header__item-link {
	color: #1e6377;
}

.accordion__item-head--show.header__item-link .arrow-down {
	transform: rotate(180deg);
	fill: #164b5a;
	stroke: #164b5a;
}

@media(hover:hover) {
	.header__item-link:hover {
		color: #1e6377;
	}

	.header__item-link:hover .arrow-down {
		transform: rotate(180deg);
		fill: #164b5a;
		stroke: #164b5a;
	}
}

.header__item-link:active {
	color: #164b5a;
}

.header__item-link:active .arrow-down {
	transform: rotate(180deg);
	fill: #164b5a;
	stroke: #164b5a;
}

.arrow-down {
	width: 24px;
	height: 12px;
	min-width: 24px;
	transition: all .2s ease;
	fill: #2A2222;
	stroke: #2A2222;
}

.header__tel {
	display: inline-block;
	padding: 32px;
	transition: all .2s ease;

	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #1e6377;
}

.header__tel svg{
	display: none;
}

@media(hover:hover) {
	.header__tel:hover {
		color: #133d49;
	}
}

.header__tel:active {
	color: #14586b;
}

.header__phone-drop {
    position: relative;
}

.header__phone-sub {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    border-radius: 0;
    z-index: 100;
    padding: 10px 0;
    list-style: none;
    margin: 0;
}

.header__phone-drop:hover .header__phone-sub {
    display: block;
}

.header__phone-sub-item {
    padding: 0;
}

.header__phone-sub-item .header__tel {
    padding: 10px 24px;
    white-space: nowrap;
    display: block;
}

.burger-btn {
	display: none;
	padding: 0 32px;
	border-left: 1px solid #e2e2e2;
}

.burger-icon {
	width: 40px;
	height: 40px;
	min-width: 40px;
}

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

.burger-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 80px);
	z-index: 10;
	background-color: rgb(0, 0, 0, .5);

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

	display: flex;
	justify-content: end;
}

.burger-menu--visible {
	opacity: 1;
	pointer-events: all;
}

.burger-menu__window {
	border-top: 1px solid #e2e2e2;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #f5f5f5;

	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 20px;

	max-width: 400px;

	transition: all .3s ease;
	transform: translateX(100%);
}

.burger-menu--visible .burger-menu__window {
	transform: translateX(0%);
}

.burger-menu .header__item-link {
	border: none;
	padding: 20px;
}

.burger-menu .header__list {
	align-items: center;
	justify-content: start;
	align-items: start;
	flex-direction: column;
	width: 100%;
	gap: 10px;
}

.burger-menu .header__list-sub {
	position: unset;
	opacity: 1;
	pointer-events: all;
	transform: unset;

	max-height: 0;
	overflow: hidden;
}

.burger-menu .footer__btn {
	width: 100%;
	max-width: unset;
}

.burger-menu .footer__right {
	align-items: start;
	padding: 40px 0px 0px 0px;
}

.burger-menu .footer__tel,
.burger-menu .footer__location-text,
.burger-menu .footer__email {
	text-align: left;
	color: #2a2222;
}

.burger-menu .header__item {
	width: 100%;
}

.burger-menu .header__item-link {
	justify-content: start;
}

.burger-menu .header__item-link:not(:last-child) {
	border-bottom: 1px solid #e2e2e2;
}

.burger-menu .header__item-link:first-child {
	border-bottom: 1px solid #e2e2e2;
}

.burger-menu .header__list-item-link-sub {
	text-align: start;
}

.header__list-item-sub:last-child .header__list-item-link-sub {
	border-bottom: 1px solid #e2e2e2;
}

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

.page__preview {}

.preview__inner {}

.swiper-preview {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.preview__slider-line {}

.preview__slide {
	position: relative;
	z-index: 1;
}

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

.preview__slide-container {
	padding: 140px 40px 101px 40px;
}

.preview-main .preview__slide-container {
	padding: 122px 40px 120px 40px;
}

.preview-engine-repair .preview__slide-container {
	padding: 139px 40px 129px 40px;
}

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

.preview__head-left {
	max-width: 951px;
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 22px;
}

.preview-engine-repair .preview__head-left {
	gap: 26px;
}

.preview__title {
	word-break: break-word;
}

.preview__subtitle {
	font-weight: 500;
	font-size: 30px;
	line-height: 129%;
	color: #e6e6e6;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);

	max-width: 650px;
	margin: 8px 0px 0px 0px;
}

.preview-about-company .preview__subtitle {
	max-width: 919px;
	margin: 0;
}

.preview-about-company__desc {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin: 15px 0px 0px 0px;
}

.preview-about-company .preview__slide-container {
	padding: 138px 40px 131px 40px;
}

.preview-to .preview__subtitle {
	max-width: unset;
}

.preview-engine-repair .preview__subtitle {
	max-width: 919px;
}

.preview__desc {
	font-weight: 700;
	font-size: 29px;
	line-height: 135%;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	color: #e2e2e2;

	padding: 11px 22px 7px 22px;
	display: inline-block;
	border: 1px solid #297286;
	border-radius: 8px;
	box-shadow: 1px 0px 9px 0 rgba(83, 83, 83, 0.25);
	background: #1e6377;
	margin: 6px 0px 0px 0px;
}

.preview__btns {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin: 6px 0px 0px 0px;
}

.preview__link {}

.preview__link.btn-yellow {
	padding: 20px 30.5px 17px 30.5px;
}

.preview-main .preview__link.btn-yellow {
	padding: 20px 48px 17px 48px;
}

.preview__link.btn-white {
	padding: 20px 47px 17px 47px;
}

.preview-main .preview__link.btn-white {
	padding: 20px 38px 17px 38px;
}

.preview__head-right {
	max-width: 517px;
	width: 100%;
}

.preview__head-card {
	box-shadow: 2px 1px 16px 0 rgba(83, 83, 83, 0.25);
	background: rgba(83, 102, 111, 0.6);
	border-radius: 12px;
	overflow: hidden;
	max-width: 451px;
	width: 100%;
}

.preview__head-card-body {
	padding: 24px 24px 19px 24px;

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

.preview__head-card-top {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.preview__head-card-name {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

.preview__head-card-subtitle {
	font-weight: 500;
	line-height: 127%;
	color: #fff;

	max-width: 389px;
}

.preview__head-card-date {
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	color: #fff;
}

.preview__head-card-link {
	display: block;
	padding: 17px 24px;
	background: #1e6377;
	transition: all .2s ease;

	font-weight: 400;
	font-size: 20px;
	line-height: 127%;
	letter-spacing: 0.03em;
	color: #fff;
}

@media(hover:hover) {
	.preview__head-card-link:hover {
		background: #184e5e;
	}
}

.preview__head-card-link:active {
	background: rgb(37, 124, 148);
}

.preview__bot {
	margin: 55px 0px 0px 0px;

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

.preview__card {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.preview__card:nth-child(1) {
	max-width: 371px;
}

.preview__card:nth-child(2) {
	max-width: 326px;
}

.preview__card:nth-child(3) {
	max-width: 358px;
}

.preview__card:nth-child(4) {
	max-width: 315px;
}

.preview__card-name {}

.preview__card-name-img {}

.preview__card-desc {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

.swiper-preview-pagination {
	position: absolute;
	top: auto !important;
	right: auto !important;
	bottom: 77px !important;
	left: 50% !important;
	transform: translateX(-50%);
	z-index: 2;
	width: unset !important;

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

.swiper-pagination-bullet {
	width: 61px;
	height: 3px;
	margin: 0 !important;
	opacity: 1;
	border-radius: 0;
	transition: all .6s ease;

	background-color: rgba(255, 255, 255, 0.7);
}

.swiper-pagination-bullet-active {
	background-color: #fed116;
}

/* -------------------------solution------------------------- */

.page__solution {}

.equipment-repair {
	padding: 120px 0;
	background-color: #254e5a;
}

.solution__container {}

.solution__inner {}

.solution__title {
	max-width: 780px;
	margin: 0px auto 32px auto;
}

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

.solution__card {
	position: relative;
	z-index: 1;
	border-radius: 12px;
	overflow: hidden;
}

.solution__card-pos {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;

	font-weight: 400;
	font-size: 20px;
	line-height: 118%;
	text-align: right;
	color: #2a2222;

	padding: 14px 24px;
}

.equipment-repair .solution__card::after {
	/*display: none;*/
}

.solution__card::after {
	content: '';

	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80%;

	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(30, 99, 119, 1) 100%);
}

.solution__card-img {
	width: 100%;
	transition: all .3s ease;
}

@media(hover:hover) {
	.solution__card:hover .solution__card-img {
		transform: scale(1.05);
	}
}

.solution__card:active .solution__card-img {
	transform: scale(1.05);
}

.solution__card-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;

	position: absolute;
	bottom: 0;
	left: 0;
	padding: 24px;
	z-index: 2;
}



.equipment-repair__head {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;

	max-width: 1060px;
	margin: 0 auto 32px auto;
}

.equipment-repair__title {
	color: #fff;
	max-width: 970px;
}

.equipment-repair__subtitle {
	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	text-align: center;
	color: #fff;
}

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

.page__services {
	background-color: #1E6377;
	padding: 120px 0;
	position: relative;
}

.marg0 {
	margin: 0;
}

.services-bg {
	background-color: #254E5A;
}

.bot-line {
	position: relative;
}

.bot-line::after {
	content: '';

	position: absolute;
	bottom: -1.5px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 809px;
	height: 3px;
	z-index: 2;

	background-image: url("../img/line.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.services__container {}

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

.services__head {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;

	text-align: center;

	max-width: 1059px;
	margin: 0 auto;
}

.our-business .services__head {
	max-width: 1300px;
}

.our-business .services__subtitle {
	max-width: 1125px;
}

.our-business__subtitle {
	font-weight: 700;
	font-size: 30px;
	line-height: 115%;
	text-align: center;
	color: #fff;
}

.services__item {
	font-weight: 500;
	font-size: 16px;
	line-height: 122%;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-align: center;
	color: #fed116;

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

.services__title {
	color: #fff;
}

.why-us .services__title {
	text-align: start;
	width: 100%;
}

.why-us .services__head {
	margin: 0;
}

.services-tech-support .services__title {
	max-width: 927px;
}

.services__subtitle {
	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	text-align: center;
	color: #fff;
}

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

.services__company-item {}

.services__company-img {
	max-width: 100%;
	max-height: 70px;
}

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

.services-tech-support .services__cards {
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.our-business .services__cards {
	display: flex;
	flex-wrap: wrap;
}

.our-business .services__cards .card {
	flex: 1 1 32%;
}

.card {
	border: 1px solid #297286;
	border-radius: 12px;
	padding: 23px;
	box-shadow: 1px 0px 9px 0 rgba(83, 83, 83, 0.25);
	background: #1e6377;

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

.card-bg {
	background: #254e5a;
}

.card__img {
	background: rgba(255, 237, 165, 0.3);
	width: 60px;
	height: 60px;
	padding: 4px;
	border-radius: 4px;

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

.card__image {
	max-width: 100%;
}

.card__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.our-business .card__list {
	gap: 32px;
}

.card__name {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

.card__desc {
	font-weight: 400;
	line-height: 122%;
	color: #eeefef;
}

.services__bot {
	display: flex;
	align-items: center;
	justify-content: center;
}

.services__btn {
	max-width: 536px;
	width: 100%;
	text-align: center;
	letter-spacing: 0.02em;
}

/* -------------------------stages------------------------- */

.page__stages {}

.stages__container {}

.stages__inner {}

.stages__title {
	margin: 0px 0px 32px 0px;
	letter-spacing: 0.03em;
}

.stages__head {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;
	margin: 0px auto 32px auto;
	max-width: 1059px;
}

.stages-engine-repair .stages__head {
	max-width: unset;
	align-items: start;
}

.stages-engine-repair .stages__subtitle {
	text-align: start;
}

.stages-engine-repair .stages__title {
	text-align: start;
}

.stages__head-desc {
	display: flex;
	flex-direction: column;
	gap: 28px;
	max-width: 1188px;
}

.stages__head .stages__title {
	margin: 0;
}

.stages__subtitle {
	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	text-align: center;
	color: #2a2222;
}

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

	position: relative;
}

.stages__cards::after {
	content: '';

	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 3px;
	border-radius: 10px;

	background-color: #fed116;
	z-index: -1;
}

.stages__card {
	border-radius: 12px;
	padding: 24px;
	box-shadow: 2px 1px 18px 0 rgba(83, 83, 83, 0.25);
	background: #1e6377;

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

.stages__card-name {
	width: 75px;
	height: 75px;

	border-radius: 5px;
	padding: 5px;
	background: rgba(255, 237, 165, 0.3);

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

.stages__card-name-img {
	width: 65px;
	height: 65px;
}

.stages__card-desc {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

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

.page__about-company {
	background: #254e5a;
	padding: 120px 0 122px 0;
	position: relative;
	z-index: 2;
}
.page__about-company.about-company-mission {
	background-image: url(/local/templates/gm.service/img/footer/bg.png);
  	background-position: bottom;
  	background-repeat: no-repeat;	
}

.bg-mount {
    background-image: url(/local/templates/gm.service/img/footer/bg.png);
      background-position: bottom;
      background-repeat: no-repeat;    
}

.about-company__container {}

.about-company__inner {
	position: relative;
	z-index: 1;
}

.about-company-img {
	position: absolute;
	bottom: -189px;
	left: -134px;
	z-index: -1;
	max-width: 100%;
}

.about-company-mission .about-company-img {
	max-width: 682px;
	bottom: -182px;
	left: -69px;
}

.about-company__body {
	max-width: 982px;
	margin: 0px 0px 0px auto;

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

.about-company__head {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0px 9px 0px 0px;
}

.about-company__item {
	font-weight: 500;
	font-size: 16px;
	line-height: 122%;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fed116;
}

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

.about-company__desc-text {
	font-weight: 500;
	font-size: 28px;
	line-height: 115%;
	color: #fff;
}

.about-company__desc-text span {
	color: #fed116;
}

.about-company__card {
	border: 1px solid #297286;
	border-radius: 12px;
	padding: 23px 27px 23px 23px;
	box-shadow: 1px 0px 9px 0 rgba(83, 83, 83, 0.25);
	background: #1e6377;

	display: flex;
	gap: 20px;
}

.about-company__card-body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
}

.about-company__card-desc {
	font-weight: 500;
	font-size: 26px;
	line-height: 115%;
	color: #fff;
}

.about-company__card-bot {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.about-company__card-name {
	font-weight: 700;
	font-size: 20px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-align: right;
	color: #fff;
}

.about-company__card-post {
	font-weight: 400;
	font-size: 20px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-align: right;
	color: #fff;
}

.about-company__card-img {}

.about-company__card-image {
	width: 208px;
	height: 208px;
	border-radius: 18px;
	object-fit: cover;
}

/* -------------------------completed-projects------------------------- */

.page__completed-projects {
	position: relative;
}

.page__completed-projects.bot-line {
	padding: 0px 0px 120px 0px;
}

.completed-projects-bg {
	position: absolute;
	top: -216px;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	z-index: -1;
}

.completed-projects-bg-2 {
	width: unset;
	transform: unset;
	left: auto;
	right: -9px;
	top: -122px;
}

.completed-projects__container {}

.completed-projects__inner {}

.completed-projects__head {
	margin: 0px 0px 32px 0px;

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

.completed-projects__title {
	text-align: start;
}

.completed-projects__link {
	display: flex;
	align-items: center;
	gap: 8px;

	font-weight: 400;
	font-size: 18px;
	line-height: 117%;
	color: #1e6377;
	white-space: nowrap;
	transition: all .2s ease;
}

@media(hover:hover) {
	.completed-projects__link:hover {
		color: #174957;
	}

	.completed-projects__link:hover .arrow-link {
		stroke: #174957;
	}
}

.completed-projects__link:active {
	color: #143b46;
}

.completed-projects__link:active .arrow-link {
	stroke: #143b46;
}

.arrow-link {
	width: 5px;
	height: 8px;
	min-width: 5px;
	fill: none;
	stroke: #1E6377;
	transition: all .2s ease;
}

.completed-projects__body {
	position: relative;
}

.slider-btn {
	border-radius: 8px;
	width: 55px;
	height: 55px;
	min-width: 55px;

	background: #1e6377;

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

	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;

	transition: all .2s ease;
}

@media(hover:hover) {
	.slider-btn:hover {
		background: #174a58;
	}
}

.slider-btn:active {
	background: #0c2931;
}

.completed-projects-btn-prev {
	left: -95px;
}

.btn-prev,
.btn-next {
	width: 15px;
	height: 30px;
}

.completed-projects__slider {
	width: 100%;
	overflow: hidden;
}

.completed-projects__slider-line {}

.completed-projects__slide {
	border-radius: 12px;
	overflow: hidden;
}

.completed-projects__slide-img {
	overflow: hidden;
	position: relative;
}

.completed-projects__slide-img .active_from {
	position: absolute;
  	top: 20px;
  	right: 20px;
  	background: #fed116;
  	padding: 6px 10px 3px;
  	border-radius: 8px;
  	font-size: 16px;
  	line-height: 16px;
  	color: #254e5a;
  	font-weight: 500;
}

.completed-projects__slide-image {
	width: 100%;
	height: 303px;
	object-fit: cover;
	transition: all .2s ease;
}

@media(hover:hover) {
	.completed-projects__slide:hover .completed-projects__slide-image {
		transform: scale(1.05);
	}
}

.completed-projects__slide:active .completed-projects__slide-image {
	transform: scale(1.05);
}

.completed-projects__slide-body {
	background: #fff;
	padding: 24px;

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

.completed-projects__slide-name {
	color: #2a2222;
	transition: all .2s ease;
}

@media(hover:hover) {
	.completed-projects__slide:hover .completed-projects__slide-name {
		color: #0b6c88;
	}
}

.completed-projects__slide:active .completed-projects__slide-name {
	color: #133d49;
}

.completed-projects__slide-item {
	font-weight: 400;
	font-size: 18px;
	line-height: 117%;
	color: #1e6377;
}

.completed-projects-btn-next {
	right: -95px;
}

.news-list-b__date {
  color: #1e6377;
  font-size: 14px;
}

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

.page__documentation {
	position: relative;
	z-index: 2;
}

.documentation__container {}

.documentation__inner {}

.documentation__title {
	text-align: start;
	margin: 0px 0px 32px 0px;
}

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

.documentation__card {
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	padding: 23px;
	box-shadow: 2px 1px 18px 0 rgba(83, 83, 83, 0.25);
	background: #fff;

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

	transition: all .3s ease;
}

@media(hover:hover) {
	.documentation__cards:hover .documentation__card:not(:hover) {
		opacity: .5;
	}
}

.documentation__cards:active .documentation__card:not(:hover) {
	opacity: .5;
}

.documentation__card-img {
	width: 140px;
	height: 140px;
	min-width: 140px;

	box-shadow: 4px 5px 9px 0 rgba(61, 61, 61, 0.25);
	background: linear-gradient(138deg, #0b6c88 0%, #195566 100%);
	border-radius: 12px;

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

.documentation__card-image {}

.documentation__card-name {
	color: #1e6377;
}

.documentation__card-bg {
	background: #1e6377;
}

.documentation__card-bg .documentation__card-img {
	background: #fff;
}

.documentation__card-bg .documentation__card-name {
	color: #fff;
}

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

.page__request {
	background: #1e6377;
	position: relative;
	z-index: 2;
	margin: 0;
}

.request__container {}

.request__inner {
	position: relative;
	z-index: 1;
	padding: 120px 0;
}

.popup-content .request__inner {
	padding: 60px 0;
}
.popup-content .title-h2 {font-size: 36px;}
.request-img {
	position: absolute;
	bottom: -39px;
	right: 51px;
	z-index: -1;
}

.request__body {
	max-width: 660px;
	width: 100%;
	min-height: 440px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.request__title {
	color: #fff;
}

.request__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.request__form-label {}

.request__form-input {
	font-weight: 400;
	font-size: 20px;
	color: #000;

	border-radius: 8px;
	padding: 17px 20px;
	width: 100%;
	background: #fff;
}

.request__form-input::placeholder {
	color: #565656;
}

.request__form-file {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	border-radius: 8px;
	padding: 15px;
	background: rgba(44, 52, 56, 0.8);
	cursor: pointer;
	transition: all .2s ease;
}

@media(hover:hover) {
	.request__form-file:hover {
		background: rgba(44, 52, 56, 1);
	}
}

.request__form-file:active {
	background: rgba(44, 52, 56, 1);
}

.request__form-file-input {
	display: none;
}

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

.request__form-file-text {
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	color: #fff;
}

.request__form-btn {
	font-weight: 700;
	font-size: 20px;
	line-height: 80%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: center;
	color: #2a2222;

	padding: 20px 18px 18px 18px;
}

.request__form-check {
	display: flex;
	align-items: start;
	gap: 15px;
}

.request__form-checkbox {
	appearance: none;
	width: 21px;
	height: 21px;
	min-width: 21px;
	border: 1px solid #1e6377;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.5);
	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-error .request__form-checkbox {border: 2px solid #ff0000;}
.request__form-error input {border: 2px solid #ff0000;}

.request__form-checkbox:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.request__form-check-text {
	font-weight: 400;
	font-size: 12px;
	color: #fff;
}

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

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

.footer {
	position: relative;
	z-index: 1;
	background: #17242A;
	padding: 92px 0 12px 0;
}

.footer-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	object-fit: cover;
}

.footer__container {}

.footer__inner {}

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

.footer__columns {
	max-width: 772px;
	width: 100%;

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

.footer__column {
	max-width: 215px;
	width: 100%;

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

.footer__column-name {
	font-weight: 400;
	font-size: 15px;
	line-height: 147%;
	color: #fff;
}

.footer__column-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.footer__column-item {}

.footer__column-item-link {
	font-weight: 400;
	font-size: 13px;
	line-height: 154%;
	color: #fff;

	transition: all .2s ease;
}

@media(hover:hover) {
	.footer__column-item-link:hover {
		color: #0b6c88;
	}
}

.footer__column-item-link:active {
	color: #0b6c88;
}

.footer__right {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: end;
}

.footer__location {
	display: flex;
	align-items: center;
	gap: 18px;
}

.location {
	width: 10px;
	height: 14px;
	min-width: 10px;
}

.footer__location-text {
	font-weight: 400;
	font-size: 15px;
	line-height: 144%;
	text-align: right;
	color: #fff;
}

.footer__tel {
	font-weight: 700;
	font-size: 18px;
	line-height: 111%;
	text-align: right;
	color: #fff;

	transition: all .2s ease;
}

@media(hover:hover) {
	.footer__tel:hover {
		color: #0b6c88;
	}
}

.footer__tel:active {
	color: #0b6c88;
}

.footer__email {
	font-weight: 400;
	font-size: 18px;
	line-height: 111%;
	text-align: right;
	color: #fff;

	transition: all .2s ease;
}

@media(hover:hover) {
	.footer__email:hover {
		color: #0b6c88;
	}
}

.footer__email:active {
	color: #0b6c88;
}

.footer__btn {
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: center;
	color: #2a2222;

	padding: 17px 15px 15px 15px;
	max-width: 249px;
	width: 100%;
}

.footer__bot {
	border-top: 1px solid #bcbcbc;
	padding: 11px 0px 0px 0px;

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

.footer__bot-text {
	font-weight: 400;
	font-size: 12px;
	line-height: 167%;
	color: #bcbcbc;
}

.footer__bot-link {
	font-weight: 400;
	font-size: 13px;
	line-height: 154%;
	color: #bcbcbc;
}

.footer__bot-right {
	display: flex;
	align-items: center;
	gap: 17px;
}

.footer__bot-right-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 188%;
	color: #bcbcbc;
}

.footer__bot-right-img {}

/* -------------------------service-desc------------------------- */

.page__service-desc {
	position: relative;
	padding: 20px 0px 23px 0px;
}

.service-desc-bg {
	position: absolute;
	top: -170px;
	left: 0;
	width: 100%;
	object-fit: cover;
	z-index: -1;
}

.service-desc__container {}

.service-desc__inner {
	position: relative;
	z-index: 1;
}

.service-desc-img {
	position: absolute;
	top: -21px;
	right: -59px;
	z-index: -1;
	max-width: 35%;
}

.service-desc__subtitle {
	font-weight: 700;
	font-size: 30px;
	line-height: 115%;
	color: #2a2222;

	max-width: 1052px;
	width: 100%;
}

.service-desc__subtitle span {
	color: #1e6377;
}

/* -------------------------business-result------------------------- */

.page__business-result {}

.business-result__container {}

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

.business-result__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
}

.planned-to .business-result__head {
	gap: 14px;
}

.planned-to .business-result__item {
	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	text-align: center;
	color: #2a2222;
	text-transform: unset;
	letter-spacing: 0;
}

.business-result__item {
	font-weight: 500;
	font-size: 16px;
	line-height: 122%;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #1e6377;
}

.business-result__title {}

.business-result__bot {
	display: flex;
	align-items: center;
	justify-content: center;
}

.business-result__link {
	max-width: 402px;
	width: 100%;
}

.planned-to .business-result__link {
	max-width: unset;
	width: unset;
	padding: 20px 35px 18px 35px;
}

.page__business-result .stages__cards::after {
	display: none;
}

/* -------------------------tech-support------------------------- */

.page__tech-support {}

.tech-support-bg {
	background: #254e5a;
	padding: 120px 0;
}

.tech-support__container {}

.tech-support__inner {
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-items: center;
}

.tech-support__head {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;

	max-width: 1059px;
	width: 100%;
}

.tech-support__title {}

.tech-support-bg .tech-support__title {
	color: #fff;
}

.tech-support-bg .tech-support__subtitle {
	color: #fff;
}

.tech-support__subtitle {
	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	text-align: center;
	color: #2a2222;
}

.tech-support__body {
	width: 100%;
	position: relative;
}

.tech-support-btn-prev {
	left: -95px;
}

.tech-support__slider {
	width: 100%;
	overflow: hidden;
}

.tech-support__slider-line {}

.tech-support__slide {
	border-radius: 12px;
	padding: 260px 24px 24px 24px;
	overflow: hidden;
	height: unset;
	position: relative;
	z-index: 1;
    min-height: 477px;
    padding: 24px;

    display: flex;
    align-items: end;
}

.tech-support__slide::after{
  content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120%;
	z-index: -1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(30, 99, 119, 1) 100%);
}

.tech-support__slide-desc{
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
}

@media(max-width:768px){
    .tech-support__slide{
        min-height: 420px;
    }
}

.tech-support__slide-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.tech-support__slide-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tech-support__slide-name {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

.tech-support__slide-desc {
	line-height: 118%;
	background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.3) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tech-support-btn-next {
	right: -95px;
}

/* -------------------------about-us------------------------- */

.page__about-us {
	padding: 120px 0 112px 0;
	background: #254e5a;
}

.about-us__container {}

.about-us__inner {}

.about-us__title {
	color: #fff;
	text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	margin: 0px 0px 32px 0px;
	text-align: start;
}

.about-us__body {
	display: flex;
	align-items: end;
	gap: 20px;
}

.about-us__cards {
	max-width: 1093px;
	width: 100%;

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

.about-us__cards .card:nth-child(1) {
	grid-column: 1/-1;
}

.about-us__cards .card {
	gap: 24px;
}

.about-us__cards .card__list {
	gap: 12px;
}

.why-us .card__list {
	gap: 32px;
}

.about-us__content {
	max-width: 537px;
	width: 100%;
}

.about-us__card {
	display: flex;
	flex-direction: column;
	gap: 24px;

	position: relative;
	z-index: 1;

	border: 1px solid #297286;
	border-radius: 12px;
	padding: 39px 23px 23px 26px;
	box-shadow: 1px 0px 9px 0 rgba(83, 83, 83, 0.25);
	background: #1e6377;
}

.about-us__cards .services__company {
	gap: 42px;
}

.about-us__card-img {
	position: absolute;
	top: 24px;
	left: 24px;
}

.about-us__card-elem {
	position: absolute;
	top: 10px;
	left: 66px;
	transform: translateY(-100%);
}

.about-us__card-desc {
	line-height: 127%;
	letter-spacing: 0.02em;
	color: #fff;
}

.about-us__card-bot {
	display: flex;
	flex-direction: column;
	align-items: end;

	font-weight: 700;
	font-size: 20px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-align: right;
	color: #fff;
}

.about-us__card-name {}

.about-us__card-post {
	font-weight: 400;
}

/* -------------------------agit------------------------- */

.page__agit {
	background: #254e5a;
	position: relative;
	z-index: 2;
	background-image: url('/local/templates/gm.service/img/footer/bg.png');
	background-position-y: bottom;
	background-repeat: no-repeat;
}

.agit__container {}

.agit__inner {
	padding: 117px 0;
	position: relative;
	z-index: 1;
}

.agit-img {
	position: absolute;
	bottom: -98px;
	left: -135px;
	pointer-events: none;
	z-index: -1;
	max-width: 45%;
}

.agit__body {
	max-width: 1086px;
	width: 100%;
	margin: 0px 0px 0px auto;

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

.agit__title {
    max-width: 895px;
    width: 100%;

    text-align: start;
    color: #fff;
}

h1.anim-slide--visible,
h2.anim-slide--visible {
    animation: slideInLeft 0.8s ease forwards;
}

.agit__subtitle {
	max-width: 703px;
	width: 100%;

	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	color: #fff;
}

.agit__btns {
	margin: 16px 0px 0px 0px;

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

.agit__link {
	display: inline-block;
}

.agit__link.btn-yellow {
	max-width: 380px;
	width: 100%;
}

.agit__link.btn-white {
	max-width: 466px;
	width: 100%;
	padding: 20px 16px 18px 16px;
}

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

.page__faq {
	position: relative;
}

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

.faq__container {}

.faq__inner {}

.faq__title {
	margin: 0px 0px 32px 0px;
	text-align: start;
}

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

.faq__accordion {
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	box-shadow: 2px 1px 18px 0 rgba(83, 83, 83, 0.25);
	background: #fff;

	position: relative;
}

.faq__accordion::after {
	content: '';

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

	background: #fed116;
	border-radius: 12px 0 0 12px;
}

.faq__accordion-head {
	padding: 33px 25px 27px 31px;
	cursor: pointer;

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

.faq__accordion-name {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #1e6377;
}

.faq__accordion-icon {
	transition: all .3s ease;
}

.accordion__item-head--show .faq__accordion-icon {
	transform: rotate(180deg);
}

.acc-arrow {
	width: 58px;
	height: 29px;
	min-width: 58px;
}

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

.faq__accordion-body {
	padding: 0px 32px 36px 32px;
}

.faq__accordion-text {
	line-height: 122%;
	color: #2a2222;
}

/* -------------------------planned-to-desc------------------------- */

.page__planned-to-desc {
	position: relative;
}

.planned-to-desc-bg {
	position: absolute;
	top: -168px;
	left: 0;
	width: 100%;
	object-fit: cover;
	z-index: -1;
}

.planned-to-desc__container {}

.planned-to-desc__inner {
	display: flex;
	align-items: start;
	gap: 32px;
}

.planned-to-desc__img {
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	max-width: 637px;
	width: 100%;
}

.planned-to-desc__image {
	width: 100%;
	object-fit: cover;
}

.planned-to-desc__body {
	max-width: 965px;

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

.planned-to-desc__text {
	font-weight: 700;
	font-size: 28px;
	line-height: 115%;
	color: #2a2222;
}

.planned-to-desc__text span {
	color: #1e6377;
}

.engine-repair-body {
	max-width: 982px;
	width: 100%;

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

.engine-repair-body__title {
	text-align: start;
}

.engine-repair-body__desc {
	display: flex;
	flex-direction: column;
	gap: 28px;
	margin: 20px 0px 0px 0px;
}

.engine-repair-body__desc-text {
	font-weight: 400;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	color: #2a2222;
}

/* -------------------------price------------------------- */

.page__price {
	position: relative;
	padding: 0px 0px 120px 0px;
}

.table-parameter {
	padding: 120px 0;
	background-color: #254e5a;
}

.price-bg {
	position: absolute;
	top: -185px;
	left: 0;
	z-index: -1;
	width: 100%;
}

.price__container {}

.price__inner {}

.price__head {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0px 0px 32px 0px;
}

.price__title {
	text-align: start;
}

.table-parameter .price__title {
	color: #fff;
}

.price__desc {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.price__desc-text {
	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	color: #2a2222;
}

.table-parameter .price__desc-text {
	color: #fff;
}

.price__main {}

.table {
	box-shadow: 2px 1px 18px 0 rgba(83, 83, 83, 0.25);
	border-radius: 12px;
	border: 2px solid #f2f2f2;
	overflow: hidden;
}

.table__head {
	background: #1e6377;
	border-bottom: 1px solid #f2f2f2;

	display: flex;
}

.table__head-box {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;

	padding: 24px;

	display: flex;
	align-items: center;
}

.table__box-name {
	border-right: 1px solid #f2f2f2;
	width: 66.5%;
}

.table__box-price {
	width: 34%;
}

.table__main {}

.table__row {
	background: #fff;
	display: flex;
}

.table__row-body {
	width: 100%;
}

.table__row-sub {
	display: flex;
}

.table__box span {
	color: #1e6377;
	font-weight: 700;
}

.table__row:nth-child(even) {
	background: #e5ecee;
}

.table__row:not(:last-child) {
	border-bottom: 1px solid #f2f2f2;
}

.table__box {
	display: flex;
	align-items: center;
	padding: 16px 24px;

	font-weight: 400;
	font-size: 24px;
	line-height: 100%;
	color: #2a2222;
}

.table-parameter__desc {
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	color: #fff;

	margin: 58px 0px 0px 0px;
	max-width: 1054px;
}

/* -------------------------gallery------------------------- */

.page__gallery {}

.gallery__container {}

.gallery__inner {}

.gallery__title {
	margin: 0px 0px 32px 0px;
	text-align: start;
}

.gallery__body {
	position: relative;
}

.gallery-btn-prev {
	left: -95px;
}

.gallery__slider {
	width: 100%;
	overflow: hidden;
}

.gallery__slider-line {}

.gallery__slide {
	border-radius: 12px;
	overflow: hidden;
	height: unset;
}

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

.gallery-btn-next {
	right: -95px;
}

/* -------------------------our-projects------------------------- */

.page__our-projects {
	position: relative;
}

.our-projects-bg {
	position: absolute;
	top: -165px;
	left: 0;
	max-width: 100%;
	object-fit: cover;
	z-index: -1;
}

.our-projects__container {}

.our-projects__inner {}

.our-projects__head {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: start;
	margin: 0px 0px 32px 0px;
}

.our-projects__title {
	text-align: start;
}

.our-projects__subtitle {
	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	color: #2a2222;
}

.our-projects__desc {
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-width: 1294px;
	margin: 60px 0px 0px 0px;
}

.our-projects__desc-text {
	font-weight: 700;
	font-size: 30px;
	line-height: 115%;
	color: #2a2222;
}

/* -------------------------supply-spare-parts------------------------- */

.page__supply-spare-parts {
	background-color: #1e6377;
	padding: 120px 0;
}

.supply-spare-parts__container {}

.supply-spare-parts__inner {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;
	max-width: 1138px;
	margin: 0 auto;
}

.supply-spare-parts__title {
	color: #fff;
}

.supply-spare-parts__subtitle {
	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	text-align: center;
	color: #fff;
}

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

.page__certificates {}

.certificates__container {}

.certificates__inner {
	display: flex;
	flex-direction: column;
	gap: 42px;
}

.certificates__title {
	text-align: start;
}

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

.certificates__card {
	box-shadow: 2px 1px 18px 0 rgba(83, 83, 83, 0.25);
	border-radius: 12px;
	overflow: hidden;

	position: relative;
	z-index: 1;
}

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

.certificates__card-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 55px;
	height: 55px;
	transform: translate(-50%, -50%);

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

	background: #1e6377;
	border-radius: 10px;
	transition: all .2s ease;
}

@media(hover:hover) {
	.certificates__card-btn:hover {
		background: #164957;
	}
}

.certificates__card-btn:active {
	background: #10333d;
}

.plus {
	width: 31px;
	height: 31px;
	min-width: 31px;
}

.certificates__bot {
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

.page__page-preview {
	background: #254e5a;
	padding: 90px 0;
}

.page-preview__container {}

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

.page-preview__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;

	font-weight: 400;
	font-size: 18px;
	line-height: 117%;
	color: #fed116;
}

.arrow-left {
	width: 5px;
	height: 8px;
	min-width: 5px;
}

.page-preview__title {}

/* -------------------------about-project------------------------- */

.page__about-project {}

.about-project__container {}

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

.about-project__body {
	max-width: 1006px;
	width: 100%;

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

.about-project__head {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.about-project__title {
	text-align: start;
}

.about-project__subtitle {
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	color: #2a2222;
}

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

.about-project__text {
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	color: #2a2222;
}

.about-project__card {
	max-width: 537px;
	width: 100%;

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

	padding: 24px;
	box-shadow: 2px 1px 16px 0 rgba(83, 83, 83, 0.25);
	background: #1e6377;
	border-radius: 12px;
}

.about-project__card-box {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.about-project__card-item {
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	color: #fff;
}

.about-project__card-value {
	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

/* -------------------------article------------------------- */

.page__article.article-bg {color: #fff;}
.page__article table td, .page__article table th {padding: 16px; text-align: left;}
.page__article table th {text-transform: uppercase;}
.page__article .article__inner table tbody td p, .page__article table tbody td div {margin-bottom: 15px; color:#000;}
.page__article table tr:nth-child(even) {
	background: #e5ecee;	
}

.page__article tbody tr:nth-child(odd) {
	background: #fff;	
}
.page__article tbody tr{
	color: #000;
}

.article-bg {
	padding: 120px 0;
	background-color: #1e6377;
}

.article__container {}

.article__inner {
	display: flex;
	flex-direction: column;
	gap: 56px;
}

.article__head {
	max-width: 1308px;
	width: 100%;
}

.article__title {
	text-align: start;
}

.article-bg .article__title {
	color: #fff;
}

.article__list {
	display: flex;
	flex-direction: column;
	gap: 42px;

	counter-reset: list-counter;
	list-style: none;
}

.article__item {
	padding: 0px 0px 0px 74px;
	position: relative;
	counter-increment: list-counter;

	font-weight: 700;
	font-size: 24px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #2a2222;
}

.article-bg .article__item {
	color: #fff;
}

.article__item::before {
	content: counter(list-counter);
	position: absolute;
	left: 0;
	top: 48%;
	transform: translateY(-50%);

	font-weight: 700;
	font-size: 29px;
	line-height: 127%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;

	width: 42px;
	height: 42px;
	background: #1e6377;
	border-radius: 2px;
	padding: 4px 0px 0px 0px;

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

.article-bg .article__item::before {
	background: rgba(255, 237, 165, 0.3);
}

/* -------------------------completed-projects-gallery------------------------- */

.page__completed-projects-gallery {}

.completed-projects-gallery__container {}

.completed-projects-gallery__inner {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.completed-projects-gallery__title {
	text-align: start;
}

.completed-projects-gallery__body {
	display: flex;
	gap: 20px;
}

.completed-projects-gallery__slider {
	max-width: 321px;
	width: 100%;
	min-width: 321px;
	max-height: 864px;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
}

.swiper-completed-projects-gallery-btn-prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	z-index: 2;

	background: #1e6377;

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

	transition: all .2s ease;
}

@media(hover:hover) {
	.swiper-completed-projects-gallery-btn-prev:hover {
		background: #174e5e;
	}
}

.swiper-completed-projects-gallery-btn-prev:active {
	background: #103742;
}

.swiper-completed-projects-gallery-btn-prev svg {
	transform: rotate(90deg);
}

.completed-projects-gallery__slider-line {}

.completed-projects-gallery__slide {
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.gallery-slide-active {}

.completed-projects-gallery__slide::after {
	content: '';

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

	background-color: rgb(42, 34, 34, .5);
	z-index: 2;
	opacity: 0;
	transition: all .3s ease;
	pointer-events: none;
}

.gallery-slide-active::after {
    opacity: 1;
}

.gallery-slide-active .completed-projects-gallery__slide-icon {
	opacity: 1;
}

.completed-projects-gallery__slide-img {
	height: 201px;
	width: 100%;
	object-fit: cover;
	transition: all .2s ease;
}

@media(hover:hover) {
	.completed-projects-gallery__slide:hover .completed-projects-gallery__slide-img {
		transform: scale(1.05);
	}
}

.completed-projects-gallery__slide:active .completed-projects-gallery__slide-img {
	transform: scale(1.05);
}

.completed-projects-gallery__slide-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	transition: all .3s ease;
	opacity: 0;
	pointer-events: none;
}

.swiper-completed-projects-gallery-btn-next {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 45px;
	z-index: 2;

	background: #1e6377;

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

	transition: all .2s ease;
}

@media(hover:hover) {
	.swiper-completed-projects-gallery-btn-next:hover {
		background: #174e5e;
	}
}

.swiper-completed-projects-gallery-btn-next:active {
	background: #103742;
}

.swiper-completed-projects-gallery-btn-next svg {
	transform: rotate(90deg);
}

.completed-projects-gallery__content {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
	min-width: 0;
}

.completed-projects-gallery__slider-big {
    width: 100%;
    overflow: hidden;
    min-width: 0;
}

.completed-projects-gallery__img {}

.completed-projects-gallery__images {
	width: 100%;
	border-radius: 12px;
	height: 813px;
	object-fit: cover;
}

.completed-projects-gallery__desc {
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	color: #2a2222;
}

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

.page__contacts {}

.contacts__container {}

.contacts__inner {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	padding: 0px 0px 0px 135px;
}

.contacts__body {
	max-width: 668px;
	width: 100%;
	padding: 90px 0px;
}

.contacts__head {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0px 0px 32px 0px;
}

.contacts__title {
	text-align: start;
}

.contacts__subtitle {
	font-weight: 400;
	font-size: 30px;
	line-height: 130%;
	color: #2a2222;
}

.contacts__subtitle a {
	font-weight: 700;
	color: #1e6377;
	transition: all .2s ease;
}

@media(hover:hover) {
	.contacts__subtitle a:hover {
		color: #184e5e;
	}
}

.contacts__subtitle a:active {
	color: #133d49;
}

.contacts__desc {
	margin: 0px 0px 72px 0px;
}

.contacts__row {
	display: flex;
	align-items: center;
	gap: 32px;
}

.contacts__row-name {
	font-weight: 400;
	font-size: 30px;
	line-height: 130%;
	color: #2a2222;
	min-width: 117px;
}

.contacts__row-value {
	font-weight: 500;
	font-size: 30px;
	line-height: 130%;
	color: #2a2222;
}

.contacts__bot {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: start;
	width: 100%;
}

.contacts__tel {
	font-weight: 700;
	font-size: 30px;
	line-height: 130%;
	color: #1e6377;

	transition: all .2s ease;
}

@media(hover:hover) {
	.contacts__tel:hover {
		color: #184e5e;
	}
}

.contacts__tel:active {
	color: #133e4b;
}

.contacts__btns {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.contacts__btn {
	padding: 22px 16px 20px 16px;
	width: 100%;
}

.contacts__btn-download {
	width: 100%;
	border: 3px solid #1e6377;
	border-radius: 8px;
	padding: 19px 16px 17px 16px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	line-height: 111%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #2a2222;

	transition: all .2s ease;
}

@media(hover:hover) {
	.contacts__btn-download:hover {
		background-color: #1e6377;
		color: #fff;
	}
}

.contacts__btn-download:active {
	background-color: #174e5e;
	color: #fff;
}

.contacts__map {
	max-width: 787px;
	width: 100%;
	min-height: 743px;
	filter: grayscale(1);
}

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

@media(max-width:1880px) {
	.completed-projects-btn-prev {
		left: 20px;
	}

	.completed-projects-btn-next {
		right: 20px;
	}

	.tech-support-btn-next,
	.tech-support-btn-prev {
		top: auto;
		bottom: -40px;
		transform: unset;
		left: auto;
	}

	.tech-support-btn-next {
		right: 0;
	}

	.tech-support-btn-prev {
		right: 60px;
	}





	.tech-support__body {
		padding: 0px 0px 40px 0px;
	}





	.gallery-btn-prev {
		left: 20px;
	}

	.gallery-btn-next {
		right: 20px;
	}
}

@media(max-width:1640px) {
	.service-desc-img {
		display: none;
	}

	.service-desc__subtitle {
		max-width: unset;
	}






	.agit__body {
		max-width: 867px;
	}

	.agit-img {
		max-width: 700px;
	}




	.about-company-mission .about-company-img {
		max-width: 450px;
	}
}

@media(max-width:1520px) {
	.header__item-link {
		padding: 32px 24px;
		font-size: 16px;
		gap: 6px;
	}

	.header__tel {
		padding: 32px 24px;
		font-size: 16px;
	}

	.stages__cards::after {
		display: none;
	}

}

@media(max-width:1440px) {
	.about-us__card-elem {
		display: none;
	}

	.about-us__body {
		flex-direction: column;
	}

	.about-us__content {
		max-width: unset;
	}

	.about-us__cards {
		max-width: unset;
	}
}

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

	.burger-btn {
		display: block;
	}






	.preview__slide-container {
		padding: 90px 40px 60px 40px;
	}

	.swiper-preview-pagination {
		bottom: 42px !important;
	}

	.preview__card-desc {
		font-size: 20px;
	}

	.preview__bot {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin: 40px 0px 0px 0px;
	}

	.preview__head {
		flex-direction: column;
	}

	.preview__head-right,
	.preview__head-card,
	.preview__head-card-subtitle,
	.preview__head-left,
	.preview__card:nth-child(1),
	.preview__card:nth-child(2),
	.preview__card:nth-child(3),
	.preview__card:nth-child(4) {
		max-width: unset;
	}

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

	.preview__subtitle {
		font-size: 24px;
	}

	.preview__desc {
		font-size: 20px;
	}

	.preview__btns {
		width: 100%;
	}

	.btn-yellow {
		font-size: 16px;
	}

	.btn-white {
		font-size: 16px;
	}






	.solution__card-title {
		font-size: 20px;
	}

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

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






	.page__services {
		padding: 80px 0;
	}

	.services__inner {
		gap: 20px;
	}






	.stages__card-desc {
		font-size: 20px;
	}






	.about-company-img {
		max-width: 400px;
		bottom: -140px;
	}

	.about-company__body {
		max-width: unset;
		gap: 30px;
	}

	.page__about-company {
		padding: 80px 0;
	}

	.about-company__desc-text,
	.about-company__card-desc {
		font-size: 24px;
	}

	.about-company__desc {
		gap: 24px;
	}

	.about-company__card {
		padding: 20px;
	}






	.documentation__card-img {
		width: 100px;
		height: 100px;
		min-width: 100px;
	}

	.documentation__card-image {
		max-width: 60px;
	}

	.documentation__card {
		gap: 20px;
	}





	.request-img {
		max-width: 500px;
		bottom: 41px;
		right: -100px;
	}

	.request__inner {
		padding: 80px 0;
	}

	.request__body {
		max-width: unset;
	}

	.completed-projects-bg {
		display: none;
	}






	.page__about-us {
		padding: 80px 0;
	}






	.agit-img {
		display: none;
	}

	.agit__body {
		max-width: unset;
	}

	.agit__inner {
		padding: 80px 0;
	}






	.faq__accordion-name {
		font-size: 20px;
	}

	.faq__accordion-head {
		padding: 24px;
	}

	.acc-arrow {
		width: 50px;
		height: 21px;
		min-width: 50px;
	}

	.faq__accordion-body {
		padding: 0 24px 24px 24px;
	}





	.service-desc__subtitle {
		font-size: 24px;
	}

	.page__service-desc {
		padding: 0;
	}






	.planned-to-desc__inner {
		flex-direction: column;
	}

	.planned-to-desc__text {
		font-size: 24px;
	}

	.planned-to-desc__body {
		gap: 24px;
	}

	.planned-to .business-result__item {
		font-size: 20px;
	}




	.tech-support-bg {
		padding: 80px 0;
	}

	.tech-support__subtitle {
		font-size: 20px;
	}

	.stages__subtitle {
		font-size: 20px;
	}






	.engine-repair-body__desc-text {
		font-size: 20px;
	}


	.engine-repair-body__desc {
		gap: 24px;
		margin: 10px 0px 0px 0px;
	}






	.table__head-box,
	.table__box {
		font-size: 20px;
	}

	.page__price {
		padding: 0px 0px 80px 0px;
	}





	.our-projects__subtitle {
		font-size: 20px;
	}

	.our-projects__desc-text {
		font-size: 24px;
	}

	.our-projects__desc {
		margin: 30px 0px 0px 0px;
		gap: 20px;
	}

	.our-business__subtitle {
		font-size: 24px;
	}




	.equipment-repair {
		padding: 80px 0;
	}

	.equipment-repair__subtitle {
		font-size: 18px;
	}

	.solution__card-pos {
		font-size: 16px;
	}





	.page__supply-spare-parts {
		padding: 80px 0;
	}

	.supply-spare-parts__subtitle {
		font-size: 20px;
	}






	.about-company-mission .about-company-img {
		display: none;
	}



	.certificates__inner {
		gap: 24px;
	}





	.about-project__inner {
		flex-direction: column;
	}

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

	.about-project__card {
		max-width: unset;
	}

	.about-project__subtitle,
	.about-project__text {
		font-size: 20px;
	}

	.about-project__box {
		gap: 20px;
	}





	.article-bg {
		padding: 80px 0;
	}

	.article__inner {
		gap: 30px;
	}

	.article__item {
		font-size: 20px;
		padding: 0px 0px 0px 60px;
	}

	.article__list {
		gap: 30px;
	}





	.table-parameter {
		padding: 80px 0;
	}

	.table-parameter__desc {
		font-size: 20px;
		margin: 30px 0px 0px 0px;
	}

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









	.completed-projects-gallery__body {
		flex-direction: column-reverse;
	}

	.completed-projects-gallery__slider {
		max-width: unset;
	}

	.swiper-completed-projects-gallery-btn-prev {
		width: 45px;
		height: 100%;
	}

	.swiper-completed-projects-gallery-btn-next {
		width: 45px;
		height: 100%;
		right: 0;
		left: auto;
	}

	.completed-projects-gallery__slide-img {
		height: 100%;
	}

	.swiper-completed-projects-gallery-btn-prev svg,
	.swiper-completed-projects-gallery-btn-next svg {
		transform: unset;
	}

	.completed-projects-gallery__images {
		height: unset;
	}

	.completed-projects-gallery__desc {
		font-size: 20px;
	}

	.completed-projects-gallery__content {
		gap: 10px;
	}






	.contacts__inner {
		padding: 0px 0px 0px 20px;
	}

	.contacts__btn-download {
		font-size: 16px;
	}

	.contacts__subtitle,
	.contacts__row-name,
	.contacts__row-value,
	.contacts__tel {
		font-size: 24px;
	}

	.contacts__body {
		padding: 40px 0;
	}

	.contacts__map {
		min-height: 600px;
	}

	.contacts__row-name {
		min-width: 80px;
	}

	.contacts__row {
		gap: 20px;
	}

	.contacts__btns {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}
}

@media(max-width:1600px){
 .stages__card-desc{
  font-size: 20px;
 }
}

@media(min-width:1335px) {

 .solution__cards,
 .stages__cards {
  grid-template-columns: repeat(5, 1fr);
 }

}

@media(max-width:768px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        background: #f5f5f5;
    }

    .main{
        padding: 60px 0px 0px 0px;
    }
		
	.header .header__tel {
		padding: 0;
	}

	.header .header__tel span{
		display: none;
	}

	.header .header__tel svg{
		display: block;
		width: 30px;
		height: 30px;
	}

	.header__right{
		align-items: center;
		gap: 20px;
	}

	.burger-btn {
		padding: 0;
		border: none;
	}

	.header__inner {
		padding: 10px 0;
		gap: 20px;
	}

	.header__container {
		padding: 0 20px;
	}

	.header__logo-img {
		max-width: 250px;
		width: 100%;
	}

	.burger-menu {
		height: calc(100% - 60px);
	}





	.preview__slide-container {
		padding: 40px 20px 60px 20px !important;
	}

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

	.preview__head-left {
		gap: 12px;
	}

	.preview__subtitle {
		font-size: 20px;
	}

	.preview__head-card-body {
		padding: 20px;
		gap: 16px;
	}

	body {
		font-size: 16px;
	}

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

	.preview__desc,
	.preview__card-desc {
		font-size: 16px;
	}

	.preview__card-name-img {
		max-height: 60px;
	}

	.swiper-preview-pagination {
		bottom: 30px !important;
	}

	.preview__card {
		gap: 16px;
	}






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

	.solution__card-title {
		font-size: 16px;
		padding: 16px;
		word-break: break-word;
	}

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

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

	.container {
		padding: 0 20px;
	}






	.card {
		padding: 20px;
		gap: 24px;
	}

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

	.services__company-item {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.page__services {
		padding: 60px 0;
	}

	.card__name {
		font-size: 20px;
	}

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

	.services__subtitle {
		font-size: 20px;
	}





	.stages__card-desc {
		font-size: 16px;
	}






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

	.stages__card-name {
		width: 60px;
		height: 60px;
	}

	.stages__card-name-img {
		width: 52px;
		height: 52px;
	}






	.page__about-company {
		padding: 60px 0;
	}

	.about-company__desc-text,
	.about-company__card-desc {
		font-size: 20px;
	}

	.about-company__card-image {
		width: 160px;
		height: 160px;
	}

	.about-company__card-name,
	.about-company__card-post {
		font-size: 16px;
	}

	.about-company__card {
		flex-direction: column-reverse;
	}

	.about-company-img {
		max-width: 347px;
		bottom: -100px;
		left: -67px;
	}

	.stages__card {
		gap: 24px;
		padding: 20px;
	}






	.title-h3 {
		font-size: 20px;
	}

	.completed-projects__slide-body {
		padding: 20px;
	}

	.completed-projects__slide-image {
		height: 240px;
	}

	.completed-projects-btn-prev,
	.completed-projects-btn-next {
		top: auto;
		bottom: -70px;
		transform: unset;
	}

	.completed-projects-btn-next {
		right: 0;
	}

	.completed-projects-btn-prev {
		right: 60px;
		left: auto;
	}






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

	.documentation__card-img {
		width: 80px;
		height: 80px;
		min-width: 80px;
	}

	.documentation__card-image {
		max-width: 40px;
	}





	.request-img {
		display: none;
	}

	.request__inner {
		padding: 60px 0;
	}






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

	.footer__right {
		align-items: start;
		width: 100%;
	}

	.footer {
		padding: 40px 0 12px 0;
	}

	.footer__location {
		flex-direction: row-reverse;
		gap: 10px;
	}

	.footer__columns {
		flex-wrap: wrap;
	}

	.footer__location-text,
	.footer__tel,
	.footer__email {
		text-align: left;
	}

	.footer__column-item-link {
		font-size: 16px;
	}

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

	.footer__btn {
		max-width: unset;
	}






	.tech-support__slide-name {
		font-size: 20px;
	}







	.about-us__cards .services__company {
		gap: 20px;
	}

	.page__about-us {
		padding: 60px 0;
	}

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





	.agit__inner {
		padding: 60px 0;
	}

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

	.agit__subtitle {
		font-size: 20px;
	}

	.agit__link.btn-yellow,
	.agit__link.btn-white {
		max-width: unset;
	}

	.page__completed-projects {
		padding: 0px 0px 60px 0px;
	}

	.faq__accordion-name {
		font-size: 18px;
	}

	.service-desc__subtitle {
		font-size: 20px;
	}






	.planned-to-desc__text {
		font-size: 20px;
	}

	.planned-to-desc__body {
		gap: 20px;
	}

	.planned-to .business-result__item {
		font-size: 16px;
	}






	.tech-support-bg {
		padding: 60px 0 80px 0;
	}

	.tech-support__subtitle {
		font-size: 16px;
	}

	.stages__subtitle {
		font-size: 16px;
	}





	.engine-repair-body__desc-text {
		font-size: 16px;
	}






	.table__head-box,
	.table__box {
		font-size: 16px;
	}

	.table__head-box {
		padding: 16px;
	}

	.table__box {
		padding: 16px;
	}

	.table__box-price {
		min-width: 170px;
	}

	.page__price {
		padding: 0px 0px 60px 0px;
	}







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

	.gallery-btn-next,
	.gallery-btn-prev {
		top: auto;
		bottom: 0;
		right: 0;
		left: auto;
		transform: unset;
	}

	.gallery-btn-prev {
		right: 60px;
	}






	.our-projects__subtitle {
		font-size: 16px;
	}

	.our-projects__desc-text {
		font-size: 20px;
	}

	.our-business__subtitle {
		font-size: 20px;
	}

	.our-business .services__cards {
		flex-direction: column;
	}





	.equipment-repair {
		padding: 60px 0;
	}

	.equipment-repair__subtitle {
		font-size: 16px;
	}

	.solution__card-pos {
		font-size: 14px;
		padding: 10px;
	}




	.page__supply-spare-parts {
		padding: 60px 0;
	}

	.supply-spare-parts__subtitle {
		font-size: 16px;
	}






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

	.certificates__card-btn {
		width: 40px;
		height: 40px;
	}

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





	.page__page-preview {
		padding: 40px 0;
	}

	.page-preview__inner {
		gap: 20px;
	}





	.about-project__card-value {
		font-size: 20px;
	}

	.about-project__subtitle,
	.about-project__text {
		font-size: 16px;
	}

	.article-bg {
		padding: 60px 0;
	}

	.article__item {
		font-size: 16px;
	}

	.article__item {
		padding: 60px 0px 0px 0px;
	}

	.article__item::before {
		transform: unset;
		top: 0;
	}

	.table-parameter {
		padding: 60px 0;
	}

	.table-parameter__desc {
		font-size: 16px;
		margin: 20px 0px 0px 0px;
	}

	.price__desc-text {
		font-size: 16px;
	}





	.swiper-completed-projects-gallery-btn-next,
	.swiper-completed-projects-gallery-btn-prev {
		width: 30px;
	}

	.completed-projects-gallery__slide-icon {
		max-width: 20px;
	}

	.completed-projects-gallery__desc {
		font-size: 16px;
	}







	.contacts__inner {
		flex-direction: column;
		padding: 0;
	}

	.contacts__body {
		padding: 40px 20px 0 20px;
		max-width: unset;
	}

	.contacts__map {
		min-height: 400px;
	}

	.contacts__subtitle,
	.contacts__row-name,
	.contacts__row-value,
	.contacts__tel {
		font-size: 20px;
	}

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

}

@media(max-width:520px) {
	.preview__bot {
		grid-template-columns: repeat(1, 1fr);
		margin: 30px 0px 0px 0px;
	}

	.preview__head {
		gap: 30px;
	}

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

	.completed-projects__head {
		flex-direction: column;
		align-items: end;
	}

	.completed-projects__title {
		width: 100%;
	}

	.solution__card-title {
		font-size: 16px;
	}






	.table__head-box,
	.table__box {
		font-size: 14px;
	}

    .table__box-price {
        min-width: 130px;
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(80px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}