/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  scroll-behavior: smooth;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
/**
 * Render the `main` element consistently in IE.
 */

.mfp-close{
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
*{
  box-sizing: border-box;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url('/fonts/HelveticaNeue/HelveticaNeue-Roman.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/fonts/HelveticaNeue/HelveticaNeue-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/fonts/HelveticaNeue/HelveticaNeue-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/fonts/HelveticaNeue/HelveticaNeue-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/fonts/HelveticaNeue/HelveticaNeue-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Steppe';
    src: url('/fonts/Steppe/Steppe-Black.eot');
    src: local('Steppe Black'), local('Steppe-Black'),
        url('/fonts/Steppe/Steppe-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Steppe/Steppe-Black.woff2') format('woff2'),
        url('/fonts/Steppe/Steppe-Black.woff') format('woff'),
        url('/fonts/Steppe/Steppe-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Steppe';
    src: url('/fonts/Steppe/Steppe-Book.eot');
    src: local('Steppe Book'), local('Steppe-Book'),
        url('/fonts/Steppe/Steppe-Book.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Steppe/Steppe-Book.woff2') format('woff2'),
        url('/fonts/Steppe/Steppe-Book.woff') format('woff'),
        url('/fonts/Steppe/Steppe-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Steppe';
    src: url('/fonts/Steppe/Steppe-Bold.eot');
    src: local('Steppe Bold'), local('Steppe-Bold'),
        url('/fonts/Steppe/Steppe-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Steppe/Steppe-Bold.woff2') format('woff2'),
        url('/fonts/Steppe/Steppe-Bold.woff') format('woff'),
        url('/fonts/Steppe/Steppe-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Steppe';
    src: url('/fonts/Steppe/Steppe-ExtraBold.eot');
    src: local('Steppe Extra Bold'), local('Steppe-ExtraBold'),
        url('/fonts/Steppe/Steppe-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Steppe/Steppe-ExtraBold.woff2') format('woff2'),
        url('/fonts/Steppe/Steppe-ExtraBold.woff') format('woff'),
        url('/fonts/Steppe/Steppe-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Steppe';
    src: url('/fonts/Steppe/Steppe-SemiBold.eot');
    src: local('Steppe Semi Bold'), local('Steppe-SemiBold'),
        url('/fonts/Steppe/Steppe-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Steppe/Steppe-SemiBold.woff2') format('woff2'),
        url('/fonts/Steppe/Steppe-SemiBold.woff') format('woff'),
        url('/fonts/Steppe/Steppe-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Steppe';
    src: url('/fonts/Steppe/Steppe-Medium.eot');
    src: local('Steppe Medium'), local('Steppe-Medium'),
        url('/fonts/Steppe/Steppe-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Steppe/Steppe-Medium.woff2') format('woff2'),
        url('/fonts/Steppe/Steppe-Medium.woff') format('woff'),
        url('/fonts/Steppe/Steppe-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Steppe';
    src: url('/fonts/Steppe/Steppe-Thin.eot');
    src: local('Steppe Thin'), local('Steppe-Thin'),
        url('/fonts/Steppe/Steppe-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Steppe/Steppe-Thin.woff2') format('woff2'),
        url('/fonts/Steppe/Steppe-Thin.woff') format('woff'),
        url('/fonts/Steppe/Steppe-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Steppe';
    src: url('/fonts/Steppe/Steppe-Regular.eot');
    src: local('Steppe Regular'), local('Steppe-Regular'),
        url('/fonts/Steppe/Steppe-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Steppe/Steppe-Regular.woff2') format('woff2'),
        url('/fonts/Steppe/Steppe-Regular.woff') format('woff'),
        url('/fonts/Steppe/Steppe-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Steppe';
    src: url('/fonts/Steppe/Steppe-Light.eot');
    src: local('Steppe Light'), local('Steppe-Light'),
        url('/fonts/Steppe/Steppe-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Steppe/Steppe-Light.woff2') format('woff2'),
        url('/fonts/Steppe/Steppe-Light.woff') format('woff'),
        url('/fonts/Steppe/Steppe-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Parkinsans';
    src: url('/fonts/Parkinsans/Parkinsans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Parkinsans';
    src: url('/fonts/Parkinsans/Parkinsans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Parkinsans';
    src: url('/fonts/Parkinsans/Parkinsans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope/Manrope-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

:root {
  --font-family: "HelveticaNeue", Arial, sans-serif;
  --second-family: "Steppe", sans-serif;
  --third-family: "Parkinsans", sans-serif;
  --font3: "Manrope", sans-serif;
  --font4: "Inter", sans-serif;
  --font5: "Cormorant Garamond", sans-serif;
  --font6: "Karla", sans-serif;
  --font7: "Copyright House Industries", sans-serif;
  --font8: "Figtree", sans-serif;
  --font9: "Bacasime Antique", sans-serif;
  --font10: "Julietta Messie", sans-serif;
}
body {
	font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #979797;
	width: 100%;
}
.container{
    width: 100%;
    max-width: 1460px;
    padding: 0 15px;
    margin: 0 auto;
}
.img__responsive{
  max-width: 100%;
  height: auto;
}
.swiper-container{overflow: hidden;}
.manufacturers__carousel .swiper-slide{
  width: 149px;
  overflow: hidden;
}
.our__works--slider .swiper-slide{
  width: 270px;
}
.single__service--image,
.single__work--image{
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  overflow: hidden;
}
.single__service--image img,
.manufacturers__carousel img,
.single__work--image img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}
.services__slider .swiper-slide:hover img,
.manufacturers__carousel .swiper-slide:hover img,
.our__works--slider .swiper-slide:hover img{
  transform:  scale(1.11);
  -webkit-transform:  scale(1.11);
  -moz-transform:  scale(1.11);
  -ms-transform:  scale(1.11);
  -o-transform:  scale(1.11);
}
.single__work{
  display: flex !important;
  flex-direction: column;
  gap: 20px;
  font-family: var(--font3);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #667085;
}
.single__work.even{
  flex-direction: column-reverse;
}
.single__work--title{
  font-size: 24px;
  line-height: 117%;
  letter-spacing: -0.02em;
  color: #1b1b1b;
  margin-bottom: 5px;
}
.etaps__subtext,
.our__works--title{
  font-family: var(--font3);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.03em;
  text-align: center;
  color: #1b1b1b;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 16px;
  backdrop-filter: blur(2px);
  background: #f7f7f7;
  border: 1px solid #ededed;
  border-radius: 36px;
  position: relative;
  width: max-content;
}
.etaps__subtext::before,
.our__works--title::before{
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 5.25V9.75C11.25 10.1478 11.092 10.5294 10.8107 10.8107C10.5294 11.092 10.1478 11.25 9.75 11.25H5.25C4.85218 11.25 4.47064 11.092 4.18934 10.8107C3.90804 10.5294 3.75 10.1478 3.75 9.75V5.25C3.75 4.85218 3.90804 4.47064 4.18934 4.18934C4.47064 3.90804 4.85218 3.75 5.25 3.75H9.75C10.1478 3.75 10.5294 3.90804 10.8107 4.18934C11.092 4.47064 11.25 4.85218 11.25 5.25ZM18.75 3.75H14.25C13.8522 3.75 13.4706 3.90804 13.1893 4.18934C12.908 4.47064 12.75 4.85218 12.75 5.25V9.75C12.75 10.1478 12.908 10.5294 13.1893 10.8107C13.4706 11.092 13.8522 11.25 14.25 11.25H18.75C19.1478 11.25 19.5294 11.092 19.8107 10.8107C20.092 10.5294 20.25 10.1478 20.25 9.75V5.25C20.25 4.85218 20.092 4.47064 19.8107 4.18934C19.5294 3.90804 19.1478 3.75 18.75 3.75ZM9.75 12.75H5.25C4.85218 12.75 4.47064 12.908 4.18934 13.1893C3.90804 13.4706 3.75 13.8522 3.75 14.25V18.75C3.75 19.1478 3.90804 19.5294 4.18934 19.8107C4.47064 20.092 4.85218 20.25 5.25 20.25H9.75C10.1478 20.25 10.5294 20.092 10.8107 19.8107C11.092 19.5294 11.25 19.1478 11.25 18.75V14.25C11.25 13.8522 11.092 13.4706 10.8107 13.1893C10.5294 12.908 10.1478 12.75 9.75 12.75ZM18.75 12.75H14.25C13.8522 12.75 13.4706 12.908 13.1893 13.1893C12.908 13.4706 12.75 13.8522 12.75 14.25V18.75C12.75 19.1478 12.908 19.5294 13.1893 19.8107C13.4706 20.092 13.8522 20.25 14.25 20.25H18.75C19.1478 20.25 19.5294 20.092 19.8107 19.8107C20.092 19.5294 20.25 19.1478 20.25 18.75V14.25C20.25 13.8522 20.092 13.4706 19.8107 13.1893C19.5294 12.908 19.1478 12.75 18.75 12.75Z' fill='%231B1B1B' /%3E%3C/svg%3E");
}
.our__works--count{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #e12229;
}
.our__works--text{
  font-family: var(--font3);
  font-weight: 400;
  font-size: 14px;
  line-height: 171%;
  letter-spacing: -0.01em;
  color: #1b1b1b;
  margin-top: -10px;
}
.our__works--heading{
  display: flex;
  align-items: center;
  gap: 49px;
  justify-content: center;
  margin-bottom: 55px;
}
.our__works{
  padding-top: 60px;
  padding-bottom: 100px;
  position: relative;
  z-index: 2;
}
.our__works--nav{
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: flex-end;
  padding-right: 190px;
  padding-top: 41px;
}
.our__works--nav>div{
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.our__works--prev{
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='16' viewBox='0 0 80 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292892 7.29289C-0.0976334 7.68342 -0.0976334 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41422 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM80 8V7L1 7V8V9L80 9V8Z' fill='%231B1B1B' /%3E%3C/svg%3E");
    background-position: left;
    background-repeat: no-repeat;
    transition: width .4s;
    -webkit-transition: width .4s;
    -moz-transition: width .4s;
    -ms-transition: width .4s;
    -o-transition: width .4s;
    position: relative;
}
.our__works--next{
 background-image: url("data:image/svg+xml,%3Csvg width='80' height='16' viewBox='0 0 80 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M79.7071 8.70711C80.0976 8.31658 80.0976 7.68342 79.7071 7.29289L73.3431 0.928932C72.9526 0.538408 72.3195 0.538408 71.9289 0.928932C71.5384 1.31946 71.5384 1.95262 71.9289 2.34315L77.5858 8L71.9289 13.6569C71.5384 14.0474 71.5384 14.6805 71.9289 15.0711C72.3195 15.4616 72.9526 15.4616 73.3431 15.0711L79.7071 8.70711ZM0 8V9H79V8V7H0V8Z' fill='%231B1B1B' /%3E%3C/svg%3E");
    background-position: right;
    background-repeat: no-repeat;
    transition: width .4s;
    -webkit-transition: width .4s;
    -moz-transition: width .4s;
    -ms-transition: width .4s;
    -o-transition: width .4s;
    position: relative;
}
.our__works--nav>div:hover{
width: 80px;
}
.our__works--prev:hover:before{
  content: '';
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  background-color: rgba(27, 27, 27, 0.08);
  left: -32px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.our__works--next:hover:after{
  content: '';
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  background-color: rgba(27, 27, 27, 0.08);
  right: -32px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.etaps{
  background: #343434;
  position: relative;
  padding: 65px 0;
}
.etaps::before{
  content: '';
  width: 530px;
  height: 560px;
  background-image: var(--image);
  position: absolute;
  right: 0;
  top: -200px;
}
.etaps__heading{
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 80px;
  padding-left: 64px;
}
.etaps__title>h2{
  margin-top: 0;
  margin-bottom: 9px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 56px;
  line-height: 93%;
  letter-spacing: -0.06em;
  color: #f7f7f7;
}
.etaps__title>span{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 93%;
  letter-spacing: 0.6em;
  text-transform: uppercase;
  color: #979797;
}
.etaps__item--number{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 64px;
  line-height: 93%;
  letter-spacing: -0.06em;
  color: #f7f7f7;
  flex-shrink: 0;
  width: 80px;
}
.etaps__item--title{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 117%;
  letter-spacing: -0.02em;
  color: #fff;
}
.etaps__item--description{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #c5c5c5;
}
.etaps__item--text{
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.etaps__item{
  display: flex;
  gap: 15px;
  padding: 66px 16px 66px 25px;
  margin-left: -1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.etaps__item:after{
  content: '';
  width: 1px;
  height: 126px;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  right: 0;
  bottom: -63px;
}
.etaps__item:nth-last-child(-n+3){
  border-bottom: none;
}
.etaps__item:nth-child(3n):after,
.etaps__item:nth-last-child(-n+3):after{
  display: none;
}

.etaps__list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  max-width: 1185px;
  margin-left: auto;
  margin-right: 100px;
}
.youtube-play-button::before{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  width: 90px;
  height: 90px;
  cursor: pointer;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 94 94' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-25.3612' y='-25.1914' width='144.552' height='144.552'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(12.92px);clip-path:url(%23bgblur_0_66_1719_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='25.8383'%3E%3Ccircle cx='46.9149' cy='47.0847' r='45.7612' fill='black' fill-opacity='0.4' /%3E%3Ccircle cx='46.9149' cy='47.0847' r='45.7612' stroke='%23F2F2F2' stroke-opacity='0.29' stroke-width='1.35308' /%3E%3Ccircle cx='46.9149' cy='47.0847' r='45.7612' stroke='white' stroke-width='1.35308' /%3E%3C/g%3E%3Cg filter='url(%23filter1_d_66_1719)'%3E%3Cpath d='M59.4987 44.5203C61.4732 45.6603 61.4732 48.5101 59.4987 49.6501L42.8438 59.2658C40.8693 60.4058 38.4013 58.9809 38.4013 56.701L38.4013 37.4695C38.4013 35.1896 40.8693 33.7647 42.8438 34.9046L59.4987 44.5203Z' fill='white' /%3E%3Cpath d='M59.1287 45.1611C60.6095 46.0161 60.6094 48.1538 59.1287 49.0088L42.4734 58.625C40.9927 59.4797 39.1416 58.4109 39.1414 56.7012L39.1414 37.4697C39.1414 35.7598 40.9926 34.691 42.4734 35.5459L59.1287 45.1611Z' stroke='%23F2F2F2' stroke-opacity='0.29' stroke-width='1.48083' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_66_1719_clip_path' transform='translate(25.3612 25.1914)'%3E%3Ccircle cx='46.9149' cy='47.0847' r='45.7612' /%3E%3C/clipPath%3E%3Cfilter id='filter1_d_66_1719' x='8.78478' y='4.8869' width='81.8113' height='84.3966' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset /%3E%3CfeGaussianBlur stdDeviation='14.8083' /%3E%3CfeComposite in2='hardAlpha' operator='out' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0' /%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_66_1719' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_66_1719' result='shape' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.youtubevideo__block{
  width: 100%;
  height: 620px;
  object-fit: cover;
}
.faq{
  padding-top: 56px;
  padding-bottom: 125px;
}
.faq>.container{
  max-width: 715px;
}
.faq__heading{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 56px;
  line-height: 96%;
  letter-spacing: -0.06em;
  color: #1b1b1b;
  max-width: 715px;
  margin: 0 auto 70px auto;
}
.faq__item--description {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #979797;
}
.active .faq__item--description{
  padding: 25px 0 5px 0;
}
.faq__item{
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  padding: 25px 0;
}
.faq__item--title{
  display: flex;
  align-items: flex-start;
  gap: 15px;
  justify-content: space-between;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 117%;
  letter-spacing: -0.02em;
  color: #1e1e1e;
  cursor: pointer;
}
.faq__item--icon{
  width: 28px;
  height: 28px;
  position: relative;
}
.faq__item--icon::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  content: '+';
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #1e1e1e;
}
.active .faq__item--icon::before{
  content: '-';
}
.footer__title{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 56px;
  line-height: 96%;
  letter-spacing: -0.06em;
  text-align: center;
  color: #1b1b1b;
  margin-bottom: 24px;
}
footer ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
footer ul.footer__links{
  flex-direction: column;
  gap: 15px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
footer ul.footer__links a{
  text-decoration: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 117%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #1e1e1e;
}
footer ul.footer__links li.__phones a{
  color: #e12229;
}
footer ul.footer__links a:hover{
  text-decoration: underline;
}
footer ul.footer__socials{
  justify-content: center;
  align-items: center;
  gap: 15px;
}
footer ul.footer__socials a{
  display: flex;
  align-items: center;
  justify-content: center;
}
footer ul.footer__socials a img{
  width: 35px;
  height: 35px;
}
footer{
  padding-bottom: 100px;
}
.etaps:after{
  content: '';
  width: 240px;
  height: 128px;
  position: absolute;
  left: 0;
  bottom: 135px;
  background-image: url(/image/61153527.png);
}
.etaps__button{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}
.hero__content--button>button,
.about__bottom--button>button,
.etaps__button>button{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 252px;
  backdrop-filter: blur(34px);
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 78px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #1b1b1b;
  gap: 20px;
  outline: none;
  padding: 6px 6px 6px 25px;
  -webkit-border-radius: 78px;
  -moz-border-radius: 78px;
  -ms-border-radius: 78px;
  -o-border-radius: 78px;
}
.hero__content--button>button,
.about__bottom--button>button{
  height: 56px;
  justify-content: flex-start;
  padding-left: 55px;
}
.hero__content--button,
.about__bottom--button{
  display: flex;
  justify-content: center;
}
.hero__content--button>button::after,
.about__bottom--button>button::after{
  content: '';
  width: 152px;
  height: 134px;
  background-image: url(/image/calculator-icon-3d-illustration1.png);
  background-position: center;
  background-size: cover;
  position: absolute;
  right: -50px;
  top: -50px;
}
.hero__content--button>button::before,
.about__bottom--button>button::before,
.etaps__button>button::before{
  content: '';
  position: absolute;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  top: -10px;
  left: -10px;
  backdrop-filter: blur(34px);
  background: #fff;
  opacity: .2;
  border-radius: 78px;
  -webkit-border-radius: 78px;
  -moz-border-radius: 78px;
  -ms-border-radius: 78px;
  -o-border-radius: 78px;
}
.etaps__button>button>span{
  flex-shrink: 0;
}
.etaps__button>button>svg{
  margin-left: auto;
}
.services__slider .swiper-slide{
  width: 270px;
}
.single__service--title{
  display: flex;
  align-items: center;
  font-family: var(--font4);
  font-weight: 500;
  font-size: 24px;
  line-height: 117%;
  letter-spacing: -0.03em;
  color: #1b1b1b;
  gap: 34px;
  margin-bottom: 9px;
}
.single__service--title>span{
  width: auto;
}
.single__service--title>svg{
  flex-shrink: 0;
}
.single__service--subtitle{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #979797;
}
.single__service--text{
  padding: 24px 14px 30px 14px;
}
.single__service--button{
  display: flex;
  justify-content: center;
  transform: scaleX(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
.single__service--button>button{
  cursor: pointer;
  padding: 0;
  outline: none;
  padding: 6px 6px 6px 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 252px;
  margin: 0 auto;
  backdrop-filter: blur(34px);
  background: #343434;
  font-family: var(--font4);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #fafafa;
  border: none;
  border-radius: 78px;
  -webkit-border-radius: 78px;
  -moz-border-radius: 78px;
  -ms-border-radius: 78px;
  -o-border-radius: 78px;
}
.single__service--button>button>span{
  flex-shrink: 0;
}
.single__service--button>button>svg{
  margin-left: auto;
  flex-shrink: 0;
}
.services{
  padding-bottom: 24px;
  padding-top: 60px;
}
.services__slider .swiper-slide:hover .single__service--button{
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
}
.services__heading--title{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 56px;
  line-height: 93%;
  letter-spacing: -0.06em;
  color: #1e1e1e;
  margin-bottom: 13px;
}
.services__heading>span{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 93%;
  letter-spacing: 0.6em;
  text-transform: uppercase;
  color: #1e1e1e;
}
.services__slider{
  position: relative;
  margin-top: 33px;
}
.services--prev,
.services--next{
  position: absolute;
  top: calc(207px - 25px);
  z-index: 2;
}
.services--prev{
  left: -25px;
}
.services--next{
  right: -25px;
}
.info__image{
    display: flex;
    overflow: hidden;
}
.info__left{
    max-width: 300px;
    position: relative;
    z-index: 2;
}
.info__image>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: -55px;
}
.info>.container{
    max-width: 1264px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.info__title{
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 106%;
    letter-spacing: -0.06em;
    color: #1b1b1b;
}
.info__text{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 93%;
    letter-spacing: 0.6em;
    text-transform: uppercase;
    color: #1e1e1e;
    margin-top: 10px;
}
.info__list{
    display: flex;
    flex-direction: column;
    gap: 33px;
    margin-top: 54px;
}
.info__list--text{
    font-family: var(--font3);
    font-weight: 400;
    font-size: 16px;
    color: #1b1b1b;
    margin-top: 3px;
}
.info__list--item>span{
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 36px;
    color: #e12229;
    line-height: 1;
}
.about__bottom--text{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.6em;
    text-transform: uppercase;
    text-align: center;
    color: #979797;
    margin-bottom: 40px;
}
.about__bottom{
    padding-top: 50px;
}
.about__bottom--title{
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 122%;
    letter-spacing: -0.06em;
    text-align: center;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.about__list--item-image{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.about__list--item--text{
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #979797;
    text-align: center;
    margin-top: 10px;
}
.about__list--item--text>div{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 117%;
    letter-spacing: -0.02em;
    color: #fff;
    height: 58px;
    overflow: hidden;
}
.about__list{
    padding-top: 40px;
    padding-bottom: 55px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
}
.about__block{
    padding-top: 60px;
    padding-bottom: 105px;
    background: #343434;
}
.about__top--title{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 117%;
    letter-spacing: -0.03em;
    color: #fff;
    margin-bottom: 20px;
}
.about__top--text{
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #979797;
}
.about__top{
    padding-bottom: 55px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.about__top--title, .about__top--text{
  max-width: 915px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.etaps__image{
  display: none;
}
.hero{
  background-image: var(--imagehero);
  width: 100%;
  height: 720px;
  background-position: center;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
}
/* .hero::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
} */
.manufacturers__carousel{
    padding-top: 50px;
}
.hero__content{
    width: 100%;
    max-width: 540px;
    margin-bottom: 160px;
}
.hero>.container{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    z-index: 2;
    height: 100%;
}
.hero__content--pretitle{
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 36px;
    line-height: 109%;
    letter-spacing: -0.06em;
    color: #f7f7f7;
    transform: rotate(-2deg) translateY(15px);
    width: max-content;
    background: #e12229;
    border-radius: 8px;
    padding: 12px 17px 10px 33px;
}
.hero__content--title{
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 83px;
    line-height: 109%;
    letter-spacing: -0.06em;
    color: #f7f7f7;
    width: max-content;
    position: relative;
    z-index: 2;
}
.hero__content--description{
    font-family: var(--font4);
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fafafa;
    margin-bottom: 45px;
}
.header__logo{
  margin-right: auto;
}
.header__logo img{
  max-width: 96px;
}
.header__wrapper{
  display: flex;
  align-items: center;
  gap: 20px;
}
.header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 25px 0;
  transition: top .4s, padding .6s;
  -webkit-transition: top .4s, padding .6s;
  -moz-transition: top .4s, padding .6s;
  -ms-transition: top .4s, padding .6s;
  -o-transition: top .4s, padding .6s;
}
.header.scrolled{
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -ms-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  padding: 5px 0;
}
.scrolled .btn-group>button,
.scrolled .header__menu ul>li>a{
  color: #1b1b1b;
}
.scrolled .btn-group>button svg path{
  fill: #1b1b1b;
}
.scrolled .header__call{
  width: 50px;
  height: 50px;
}
.scrolled .header__language{
  height: 50px;
}
.scrolled .header__logo img{
  max-width: 70px;
}
.header__menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 35px;
  align-items: center;
}
.header__menu ul>li>a{
  font-family: var(--font3);
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.03em;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.header__menu ul>li>a:hover{
  text-decoration: underline;
}
.header__burger{
  display: none;
}
.header__language{
  width: 91px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  position: relative;
}
.btn-group,
.btn-group>button,
#form-language{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.dropdown-menu{
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  width: 100%;
  display: none;
}
.dropdown-menu.show,
.btn-group:hover .dropdown-menu{
  display: block;
}
.header__call{
  width: 60px;
  height: 60px;
  background-color:  #e12229;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
  margin-left: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.language-select{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  font-family: var(--font3);
  font-weight: 500;
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
}
.language-select img{
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.btn-group>button{
  font-family: var(--font3);
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  gap: 10px;
  text-transform: uppercase;
}
.header__links{
  display: flex;
  align-items: center;
}
.calc__form{
  border-radius: 20px;
  width: 100%;
  max-width: 370px;
  min-height: 669px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 23px 25px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  background-image: url(/image/calculator.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.calc__form--headi{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.calc__form--headi img{
  max-width: 61px;
}
.calc__form--title{
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #1b1b1b;
  max-width: 220px;
  margin-bottom: 5px;
}
.calc__form--subtitle{
  width: max-content;
  height: 27px;
  padding: 0 17px;
  font-family: var(--font4);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 20px;
  background: #25d366;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.form__row>span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 12px;
  display: block;
}
.form__row{
  margin-bottom: 20px;
}
.form__row>select{
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4.5 4.56481L8 1' stroke='%23484541' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.form__row>select,
.form__row input{
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  padding: 0 15px !important;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #7d7d7d;
  outline: none;
}
input[type="text" i] {
    padding-block: 0;
    padding-inline: 0;
}

.form__row input::placeholder{
  line-height: 50px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #7d7d7d;
}
.form__row>button{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 20px);
    border: none;
    backdrop-filter: blur(34px);
    background: #e12229;
    border-radius: 78px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    gap: 20px;
    outline: none;
    padding: 6px 6px 6px 65px;
    -webkit-border-radius: 78px;
    -moz-border-radius: 78px;
    -ms-border-radius: 78px;
    -o-border-radius: 78px;
    margin-left: 10px;
}
.form__row>button::before{
    content: '';
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
    backdrop-filter: blur(34px);
    background: rgba(255, 0, 0, 0.2);
    opacity: .2;
    border-radius: 78px;
    -webkit-border-radius: 78px;
    -moz-border-radius: 78px;
    -ms-border-radius: 78px;
    -o-border-radius: 78px;
}
.form__row.button__row{
  margin-top: 60px;
}
.form__row>button>svg{
  margin-left: auto;
  position: relative;
  z-index: 3;
}
.form__row>button>span{
  flex-shrink: 0;
  position: relative;
  z-index: 3;
}
.form__row--check{
  display: flex;
  align-items: center;
  gap: 5px;
}
.check__phone{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 5px;
  width: 51px;
  height: 51px;
  background: #25d366;
  flex-shrink: 0;
  outline: none;
  border: none;
  pointer-events: none;
  user-select: none;
}
.button--error{
  background: #e12229;
}
.cost__block{
  margin-top: 20px;
  margin-bottom: 35px;
}
.cost__block>span{
  display: block;
  margin-bottom: 14px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000;
}
.cost__block__elem{
  margin-bottom: 7px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #7d7d7d;
}
.cost__block__elem--value{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000;
}
.cost__block__elemtotal{
  color: #25d366;
}
.cost__block__elem--wrapper{
  display: flex;
  gap: 24px;
}
.cost__block--sum{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000;
}
.calc__form--close{
  cursor: pointer;
}
.blured{
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
.input--error{
  border-color: #e12229 !important;
  color: #e12229 !important;
}
.input--error::placeholder{
  color: #e12229 !important;
}
.form__success{
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #1b1b1b;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 40px;
}
button{
  cursor: pointer;
}
@media (max-width: 1800px) {
  .etaps::before{
    width: 480px;
  }
}
@media (max-width: 1600px) {
  .services--prev{
    left: 10px;
  }
  .services--next{
    right: 10px;
  }
  .etaps::before{
    width: 400px;
  }
  .etaps:after{
    display: none;
  }
  .etaps__image{
    display: block;
    width: 240px;
    height: 128px;
    position: absolute;
    left: 0;
    bottom: unset;
    background-image: url(/image/61153527.png);
  }
  .etaps__heading{
    margin-bottom: 45px;
  }
  .etaps__list{
    margin-top: 210px;
  }
}
@media (max-width: 1280px) {
  .etaps__list{
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
  }
  .etaps__item{
    margin-left: 0;
    padding: 36px 0;
    gap: 20px;
  }
  .etaps__button{
    margin-top: 30px;
  }
  .etaps__item--text{
    gap: 5px;
  }
  .etaps__item:after{
    display: none;
  }
  .etaps__item:nth-last-child(-n+3){
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .etaps__item:last-child{
    border-bottom: none;
  }
}
@media (max-width: 1180px) {
.about__list {
    grid-template-columns: repeat(2, 1fr);
}
.single__service--button{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
}
.mobile__menu{
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 10000;
  width: 100%;
  max-width: 370px;
  height: 100%;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}
.mobile__menu.active{
  left: 0;
}
.overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}
.overlay.active{
  width: 100%;
}
.mobile__menu--heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mobile__menu--wrapper{
  position: relative;
  z-index: 10001;
  padding: 23px 29px;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.mobile__menu--heading img{
  max-width: 61px;
}
@media (max-width: 1023px) {
  .header{
    padding: 15px 0;
  }
  .header.scrolled .header__burger{
    color: #1b1b1b;
  }
  .header.scrolled .header__burger svg path{
    stroke: #1b1b1b;
  }
  .header__menu ul{
    flex-direction: column;
    gap: 20px;
  }
  .header__menu ul>li>a{
    color: #1b1b1b;
  }
  .etaps__heading{
    flex-direction: column;
    gap: 35px;
    padding-left: 5px;
  }
  .header__call{
    display: none;
  }
  .header__burger{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font3);
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    height: 60px;
  }
  .header__buttons{
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    padding: 0 18px;
  }
  .dropdown-menu{
    min-width: 80px;
    left: unset;
    right: 0;
  }
  .header__language{
    width: auto;
    background-color: transparent;
  }
  .btn-group>button{
    padding: 0;
  }
}
@media (max-width: 992px) {
  .services--prev{
    display: none;
  }
  .services--next{
    display: none;
  }
  .our__works--slider,
  .services__slider{
    width: calc(100% + 10px);
  }
  .info>.container{
    position: relative;
    overflow: hidden;
  }
  .info__image{
    position: absolute;
    right: 0;
    bottom: -30px;
    max-width: 540px;
  }
  .info__image>img{
    margin-bottom: 0;
  }
  .info__left{
    padding-bottom: 200px;
    padding-top: 60px;
  }
  .info__list{
    margin-top: 100px;
  }
  .etaps__title>h2{
    max-width: 320px;
  }
  .etaps::before{
    background-image: var(--imagem);
    width: 283px;
    height: 472px;
    top: -130px;
  }
}
.etaps__item--button{
  display: none;
}
@media (max-width: 767px) {
.hero{
  background-image: var(--imagemhero);
}
.hero__content{
    margin-bottom: 130px;
}
.hero__content--pretitle{
  font-size: 24px;
}
.hero__content--title{
  font-size: 55px;
}
.container{
  padding-left: 10px;
  padding-right: 10px;
}
.our__works--title{
  padding: 12px;
  gap: 10px;
}
.etaps__item--button{
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #979797;
}
.etaps__item--description{
  display: none;
}
.active .faq__item--description {
    padding: 25px 50px 5px 0;
}
.faq__heading{
  margin-bottom: 45px;
}
.faq{
  padding-top: 70px;
}
.youtubevideo__block{
  height: 700px;
}
.youtube-play-button::before{
  width: 55px;
  height: 55px;
}
.about__list {
    grid-template-columns: 1fr;
    gap: 60px;
}
.about__list--item--text>div{
  height: auto;
}
.about__list--item--text{
  gap: 10px;
}
.about__top--title, .about__top--text{
  text-align: left;
}
.about__block{
  padding-top: 35px;
  padding-bottom: 60px;
}
.our__works--subtitle,
.our__works--title{
  flex-shrink: 0;
}
.manufacturers__carousel .swiper-slide{
  width: 111px;
}
.our__works{
  padding-top: 35px;
}
}
@media (max-width: 389px) {
  .our__works--heading{
    gap: 15px;
  }
}