/*!
Theme Name: Typar
Theme URI: http://underscores.me/
Author: Alex Shine
Author URI: https://freelancehunt.com/freelancer/Alexey__Shyprow.html
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: typar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Typar is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* @import url("critical.css"); */

/* @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,708&display=swap'); */

:root {
  --black: #131313;
	--black-light: rgba(19, 19, 19, 0.80);
	--red: #E4001C;
	--green: #41884C;
	--gray: #767676;
	--gray-light: #B3B3B3;
	--fone-gray: #EFEFEF;
	--fone-white: #fff;
  --container-padding: 48px;
  --container-padding-all: calc(var(--container-padding) * 2);
}


@font-face {
  font-family: 'Nunito Sans';
  src: url('assets/fonts/NunitoSans/NunitoSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url('assets/fonts/NunitoSans/NunitoSans-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: local('Roboto-Regular'),
        url('assets/fonts/Roboto/Roboto-Regular.woff2');
  font-weight: 400;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: local('Roboto-Medium'),
        url('assets/fonts/Roboto/Roboto-Medium.woff2');
  font-weight: 500;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: local('Roboto-Bold'),
        url('assets/fonts/Roboto/Roboto-Bold.woff2');
  font-weight: 700;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: local('Raleway-Medium'),
        url('assets/fonts/Raleway/Raleway-Medium.woff2');
  font-weight: 500;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: local('Raleway-Bold'),
        url('assets/fonts/Raleway/Raleway-Bold.woff2');
  font-weight: 700;
  font-style: normal;
	font-display: swap;
}

body {
	color: var(--fone-white);
}
* {
  margin: 0;
  padding: 0;
	box-sizing: border-box;
  font: inherit;
  font-style: normal;
  font-family: Raleway;
  font-weight: 500;
  color:var(--black);
}
header {
	position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  padding-top: 18px;
  width: 100%;
}
.header__box {
  width: 100%;
  height: 80px;
  padding: 0 5.1%;
  display: flex;
  align-items: center;
  gap: 25px;
  border-radius: 10px;
  transition: 0.5s;
}
.home .header__box {
  background: transparent;
  box-shadow: none;
}
.header__box,
.home .header__box.active {
  background: #FFF;
  box-shadow: 0 0 14.5px 6px rgba(196, 196, 196, 0.16);
}
.header__logo {
  margin-right: auto;
}
.header__nav {
  height: calc(100% - 5px);
  background: #fff;
}
.header__nav > div {
  height: 100%;
  display: flex;
  align-items: center;
}
.header__nav .menu {
  display: flex;
  align-items: center;
  gap: 1px;
}
.header__nav li {
  padding: 19px 16px;
  color: var(--, #131313);
  font-size: 16px;
  line-height: 16px;
  list-style: none;
  border-radius: 8px;
  transition: 0.5s;
  background: #fff;
  user-select: none;
}
.header__nav a {
  color: var(--black);
  text-decoration: none;
  transition: 0.5s;
  white-space: nowrap;
}
.header__nav li.current_page_item,
.header__nav li:hover {
  background: var(--red);  
  cursor: pointer;
}
.header__nav li.current_page_item a,
.header__nav li:hover a {
  color: #fff;
}
section {
  position: relative;
  overflow: hidden;
}
.container {
  margin: 0 auto;
  max-width: 100%;
  width: 1680px;
  padding: 0 var(--container-padding);
  position: relative;
  z-index: 2;
}

.header__lang {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: none;
}
.header__lang {
  text-transform: uppercase;
}
.header__lang--current {
  width: 30px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.header__lang--current:hover {
  cursor: pointer;
  color: var(--red);
}
.header__lang--arrow path,
.header__lang--current {
  transition: 0.4s;
}
.header__lang--current:hover ~ .header__lang--arrow path {
  stroke: var(--red);
}

.header__lang--arrow {
  transition: 0.7s;
}
.header__lang.active .header__lang--arrow {
  transform: rotate(180deg);
}
.header__lang__box {
  position: absolute;
  width: 124px;
  right: -20px;
  left: auto;
  opacity: 0;
  visibility: hidden;
  display: none;
  flex-direction: column;
  background: #fff;
  top: 30px;
  border: 1px solid #E9E9E9;
  border-radius: 5px;
  transition: 0.7s;
}
.header__lang__box::before {
  content: "";
  display: block;
  width: 15px;
  height: 11px;
  background: url(assets/imgs/lang.svg) no-repeat center center/cover;
  position: absolute;
  top: -9px;
  right: 17px;
}
.header__lang .lang-item {
  list-style: none;
  width: 100%;
  padding: 16px 10px 16px 20px;
  border-top: 1px solid #E9E9E9;
  position: relative;
  z-index: 2;
  background: #fff;
}
.lang-item.current-lang {
  border-top: none;
}
.header__lang .lang-item a {
  text-decoration: none;
  text-transform: none;
  color: #171717;
  font-size: 16px;
  font-weight: 500;
}
.header__lang .lang-item a:hover {
  cursor: pointer;
  color: var(--red);
}
.header__lang__box.active {
  opacity: 1;
  visibility: visible;
}
.common-text span {
  color: var(--red)
}
.common-text b,
.common-text span{
  font-weight: 700;
}
.btn,
.btn-2 {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  user-select: none;
  transition: 0.3s;
}
.btn:hover {
  cursor: pointer;
  box-shadow: 0 4px 4.3px 0 rgba(255, 255, 255, 0.56) inset;
}
.btn-2:hover {
  cursor: pointer;
  background: #131313;
  color: #FFF;
}
h1,
h2 {
  margin-bottom: 30px;
  color: #131313;
  font-family: "Nunito Sans";
  font-size: 54px;
  font-style: normal;
  font-weight: 800;
  line-height: 58px; /* 107.407% */
  text-transform: uppercase;
}
h1 span,
h2 span {
  color: var(--red);
  font-weight: 800;
  font-family: "Nunito Sans";
}
h1 b,
h2 b {
  display: inline-flex;
  font-weight: 800;
  color: var(--gray);
  font-family: "Nunito Sans";
}
h1 b small,
h2 b small,
h2 small {
  color: inherit;
  font-family: Raleway;
  font-size: 17.391px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.565px; /* 112.5% */
}
h2 small {
  position: relative;
  top: -30px;
}
h2 b small {
  position: static;
}
h3 {
  color: var(--black);
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
}
br {
  margin-bottom: 14px;
}
.header__phones {
  position: relative;
  width: 24px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__phones > svg {
  width: 24px;
  height: 24px;
}
.header__phones__submenu {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  right: -35px;
  top: 0;
  opacity: 0;
  transition: 0.4s;
  visibility: hidden;
}
.header__phones:hover .header__phones__submenu {
  opacity: 1;
  visibility: visible;
}
.header__menu__links--a {
  position: relative;
  padding-left: 24px;
  color: rgba(19, 19, 19, 0.60);
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 106.667% */
  text-decoration: none;
  white-space: nowrap;
}
.header__menu__links--a:hover {
  cursor: pointer;
  color: rgba(19, 19, 19, 0.90);
}
.header__menu__links--a svg {
  position: absolute;
  top: 0;
  left: 0;
}
/* === main === */

/* === hero === */

.hero {
  margin-bottom: 70px;
  padding-top: 20px;
  padding-bottom: 270px;
  background: var(--fone-gray);
}
.hero__box {
  width: 100%;
  position: relative;
  overflow: visible;
}
.hero--fone-1,
.hero--fone-1 path {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.hero--fone-2 {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  z-index: 4;
}
.hero--img-right {
  max-width: 59%;
  height: auto;
  object-fit: cover;
  position: absolute;
  z-index: 3;
  top: 50px;
  left: -6%;
}
.hero h1 {
  display: none;
}
.hero--title {
  position: absolute;
  z-index: 2;
  top: 100px;
  right: 13%;
}
.hero__partners {
  position: absolute;
  z-index: 2;
  right: 26px;
  bottom: -45px;
  width: 935px;
  height: 164px;
  padding: 20px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.19);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.hero__partners--text {
  margin-right: 13px;
  width: 360px;
  height: auto;
  max-width: 100%;
  color: #131313;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
}
.hero__partners__icon {
  width: 174px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid #E6E6E6;
  background: #FFF;
}
.hero__tab {
  position: absolute;
  z-index: 4;
  left: 60px;
  bottom: -46px;
  width: 564px;
  height: 92px;
  padding: 20px 20px 20px 43px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFF;
  box-shadow: 2px -1px 7.2px 0 rgba(155, 155, 155, 0.25);
}
.hero__tab--icon {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 27px);
  left: -27px;
  border-radius: 9px;
  border: 1px solid #FFF;
  background: #E4001C;
}
.hero__tab--text {
  width: 263px;
  color: var(--black);
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.hero__tab--btn {
  width: 209px;
  height: 52px;
  color: #fff;
  background: var(--red);
}
/* === critical */

[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}.aligncenter,main{display:block}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.aligncenter,.alignleft,.alignright{margin-bottom:1.5em}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;margin-left:auto;margin-right:auto}


/* === technologies === */
.technologies {
  padding-bottom: 220px;
}
.technologies__box {
  display: flex;
  gap: 189px;
}
.technologies__col-1 {
  width: 628px;
  max-width: 100%;
  position: relative;
  height: min-content;
}
.technologies--graph {
  position: absolute;
  z-index: 1;
  top: 25px;
  left: 25px;
  border-radius: 10.741px;
  border: 1.074px solid #DEDEE0;
  background: #FFF;
  box-shadow: 0 4.296px 15.574px 6.444px rgba(196, 196, 196, 0.19);
}
.technologies--red-text,
.technologies--graph-text,
.technologies--graph-show {
  position: absolute;
  z-index: 2;
  color: #FFF;
  font-size: 15.037px;
  font-weight: 500;
  line-height: 17.185px; /* 114.286% */
  border-radius: 10px;
  user-select: none;
}
.technologies--red-text {
  left: 50px;
  top: calc(100% - 60px);
  width: 180px;
  height: auto;
  padding: 10px 14px;
  background: var(--red);
  filter: drop-shadow(0 4.296px 15.574px rgba(196, 196, 196, 0.19));
}
.technologies--red-text svg {
  position: absolute;
  top: -7px;
  left: 12px;
}
.technologies--graph-text {
  width: fit-content;
  white-space: nowrap;
  padding: 10px 14px;
  background: var(--green);
}
.technologies--graph-text svg {
  position: absolute;
  top: calc(50% - 6px);
  left: -7px;
}
.technologies--graph-show {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  max-width: 478px;
  padding: 15px 16px; 
  color: #424242;
  text-align: right;
  font-size: 14px;
  line-height: 19px; /* 135.714% */
  background: #E1ECE2;
}
.technologies--graph-text-1 {
  top: 100px;
  right: -102px;
}
.technologies--graph-text-2 {
  top: 253px;
  right: -89px;
}
.technologies--graph-text-3 {
  top: 376px;
  right: -167px;
}
.technologies--graph-show-1 {
  top: 138px;
  right: -102px;
}
.technologies--graph-show-2 {
  top: 293px;
  right: -89px;
}
.technologies--graph-show-3 {
  top: 417px;
  right: -167px;
}
.technologies--graph-text:hover {
  cursor: pointer;
}
.technologies--graph-show-4 {
  width: calc(100% - 100px);
  max-width: 100%;
  text-align: left;
  right: 50px;
}
.technologies--red-text:hover ~ .technologies--graph-show-4,
.technologies--graph-text-1:hover ~ .technologies--graph-show-1,
.technologies--graph-text-2:hover ~ .technologies--graph-show-2,
.technologies--graph-text-3:hover ~ .technologies--graph-show-3 {
  opacity: 1;
  visibility: visible;
}

.technologies__col-2 {
  width: 612px;
  max-width: 100%;
  padding-top: 0;
  position: relative;
}
.technologies--h2 {

}
.technologies--p {
  max-width: 100%;
  width: 590px;
  margin-bottom: 40px;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px; /* 122.222% */
}
.technologies__partners {
  display: flex;
  flex-wrap: wrap;
  width: 300px;
  max-width: 100%;
  gap: 18px 6px;
}
.technologies__partners__p {
  position: relative;
  width: fit-content;
  white-space: nowrap;
  box-sizing: content-box;
  padding: 10px;
  background: #fff;
  border: 1px solid #DEDEE0;
  filter: drop-shadow(0 4.095px 13.4px rgba(196, 196, 196, 0.19));
  color: rgba(19, 19, 19, 0.80);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
  border-radius: 8px;
}
.technologies__partners__p svg {
  position: absolute;
  top: 16px;
  right: -31px;
}
.technologies__partners--img:last-child {
  margin-left: 25px;
}

/* === history === */

.history {
  padding-bottom: 220px;
}
.history__box {
  display: flex;
  gap: 40px;
  justify-content: center;
}
.history__col-1 {
  padding-top: 40px;
  width: 630px;
  max-width: 100%;
}
.history__col-2 {
  width: 682px;
  max-width: 100%;
  position: relative;
  height: 480px;
}
.history--h2 {

}
.history--text-1,
.history--text-2 {
  margin-bottom: 30px;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px;
}
.history--text-2 {
  position: relative;
}
.history--text-2 svg {
  position: absolute;
  right: 0;
  top: 0;
}
.history__items {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 5px;
  width: 550px;
  max-width: 100%;
}
.history__items--icon {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1.024px solid #DEDEE0;
  background: #FFF;
  box-shadow: 0 4.095px 13.4px 6.143px rgba(196, 196, 196, 0.19);
}
.history__items--item {
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  white-space: nowrap;
  padding: 0 15px;
  border-radius: 8px;
  border: 1.024px solid #DEDEE0;
  background: #FFF;
  box-shadow: 0 4.095px 13.4px 6.143px rgba(196, 196, 196, 0.19);
  color: rgba(19, 19, 19, 0.80);
  font-size: 16px;
}
.history--img {
  position: absolute;
  z-index: 1;
  border-radius: 10px;
  border: 1px solid #FFF;
}
.history--img-1 {
  top: 0;
  right: 96px;
}
.history--img-2 {
  top: 110px;
  right: 358px;
}
.history--img-3 {
  top: 254px;
  right: 18px;
}
.history__tab {
  position: absolute;
  z-index: 2;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 10.157px;
  border: 1.016px solid #DEDEE0;
  background: #FFF;
  box-shadow: 0 4.063px 14.728px 6.094px rgba(196, 196, 196, 0.10);
}
.history__tab-4 {
  width: 146px;
  height: 65px;
  top: 408px;
  right: -23px;
}
.history__tab-1 {
  top: 39px;
  right: 381px;
  width: 220px;
  height: 56px;
  padding: 0 12px;
}
.history__tab-2 {
  top: 183px;
  right: 56px;
  width: 327px;
  height: 56px;
  padding: 0 14px 0 12px;
}
.history__tab-3 {
  top: 311px;
  right: 401px;
  width: 265px;
  height: 56px;
  padding: 0 14px;
}
.history__tab--number {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #131313;
  font-family: Roboto;
  font-size: 45.615px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.history__tab--number span {
  font-size: 34.294px;
}
.history__tab--text {
  color: #131313;
  font-size: 14px;
  line-height: 15px;
}
.contact-main .history--h2 {
  margin-bottom: 30px;
  width: 575px;
  max-width: 100%;
}
.contact-main .history--text-1,
.contact-main .history--text-2 {
  width: 623px;
  max-width: 100%;
}
.contact-main .history__tab {
  height: 56px;
  white-space: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact-main .history__tab::before {
  content: "";
  display: block;
  width: 28px;
  height: 23px;
  background: url(assets/imgs/history.svg) no-repeat center center/cover;
}
.contact-main .history__tab-1 {
  width: 246px;
  right: 320px;
}
.contact-main .history__tab-2 {
  right: 150px;
  width: 236px;
}
.contact-main .history__tab-3 {
  width: 169px;
}
/* === advantages === */

.advantages {
  padding-bottom: 200px;
}
.advantages .container {
  display: flex;
  justify-content: center;
}
.advantages--fone {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 30px;
}
.advantages__box {
  width: 1500px;
  max-width: 100%;
  padding: 0 40px 0 40px;
  position: absolute;
  top: 80px;
}
.advantages--h2 {
  text-align: center;
  background: #fff;
  padding: 15px 30px;
  width: fit-content;
  margin: 0 auto 30px auto;
  border-radius: 12px;
}
.advantages--p {
  margin: 0 auto 100px auto;
  max-width: 100%;
  width: 490px;
  text-align: center;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.advantages__items {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 35px;
}
.advantages__item {
  width: calc(33% - 12px);
  padding: 35px 30px 45px 35px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.25);
  transition: 0.5s;
}
.advantages__item svg  {
  transition: 0.5s;
}
.advantages__item:hover {
  cursor: pointer;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 1);
}
.advantages__item:hover svg {
  transform: scale(1.5);
}
.advantages__item:nth-child(2){
  position: relative;
  top: -26px;
}
.advantages__item--h3 {
  margin-top: 32px;
  margin-bottom: 10px;
  width: 370px;
  max-width: 100%;
  color: var(--black);
}
.advantages__item--p {
  width: 370px;
  max-width: 100%;
  color: rgba(19, 19, 19, 0.80);
  font-size: 16px;
  line-height: 20px; /* 125% */
}
.advantages--btn {
  margin: 0 auto;
  width: min-content;
  white-space: nowrap;
  border-radius: 8px;
  background: var(--black);
  color: #fff;
  padding: 18px 70px;
}
.advantages-2 {
  padding-top: 200px;
}
.application_one-main .advantages-2 {
  padding-top: 190px;
}
.advantages-2 .advantages__box {
  margin-left: 160px;
  top: 0;
  position: relative;
  padding: 0;
  width: 1335px;
}
.advantages-2 .advantages--h2 {
  margin-bottom: 40px;
  text-align: left;
}
.advantages-2 .advantages__item {
  padding-right: 20px;
}
.advantages-2 .advantages__item:nth-child(2) {
  top: 0;
  background: var(--red);
}
.advantages-2 .advantages__item--h3 {
  margin-top: 22px;
  font-size: 22px;
  line-height: 28px;
  text-transform: none;
}
.advantages-2 .advantages__item--p {
  width: 100%;
}
.advantages-2 .advantages__item:nth-child(2) .advantages__item--h3 {
  color: #fff;
}
.advantages-2 .advantages__item:nth-child(2) .advantages__item--p {
  color: rgba(255, 255, 255, 0.80);
}
/* === directions === */

.directions {
  margin-bottom: 228px;
}
.directions__box {
  margin: 0 auto;
  width: 1178px;
  max-width: 100%;
}
.directions--h2 {
  margin-bottom: 44px;
  width: 1000px;
  max-width: 100%;
}
.directions__grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 282px 282px 294px 283px;
  grid-template-rows: 283px 283px;
  grid-template-areas: 
    "item1 item1 item2 item3"
    "item4 item5 item2 item6";
}
.directions__grid__item:nth-child(1) {
  grid-area: item1;
}
.directions__grid__item:nth-child(2) {
  grid-area: item2;
}
.directions__grid__item:nth-child(3) {
  grid-area: item3;
}
.directions__grid__item:nth-child(4) {
  grid-area: item4;
}
.directions__grid__item:nth-child(5) {
  grid-area: item5;
}
.directions__grid__item:nth-child(6) {
  grid-area: item6;
}
.directions__grid__item {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 12px;
}
.directions__grid__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: var(--black);
  opacity: 0.4;
  transition: 0.4s;
}
.directions__grid__item:hover::before {
  opacity: 0;
}
.directions__grid__item--fone {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  object-fit: cover;
}
.directions__grid__item--h3 {
  margin-top: auto;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
  color: #FFF;
}
.directions__grid__item:nth-child(2) .directions__grid__item--h3 {
  margin-top: 0;
  margin-bottom: auto;
}
.directions__grid__item--a {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 34px;
  align-items: center;
  padding: 0 18px;
  justify-content: space-between;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.28px;
  border-radius: 8px;
  border: 1px solid #FFF;
  transition: 0.4s;
  text-decoration: none;
}
.directions__grid__item--a path {
  transition: 0.4s;
}
.directions__grid__item--a:hover {
  background: #FFF;
  color: var(--black);
}
.directions__grid__item--a:hover path {
  stroke: var(--black)
}


/* === overview === */

.overview {
  margin-bottom: 220px;
}
.overview--h2 {
  margin: 0 auto 24px auto;
  width: 1000px;
  max-width: 100%;
  text-align: center;
}
.overview--h2 svg {
  margin: 0 42px;
}
.overview--p {
  margin-bottom: 28px;
  text-align: center;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px; /* 122.222% */
}
.overview__box {
  display: flex;
  justify-content: center;
}
.overview__col-1 {
  max-width: calc(100% - 750px);
  width: 787px;
  height: 100%;
  position: relative;
}
.overview__col-2 {
  width: 750px;
  padding: 0 20px;
  overflow: hidden;
}
.overview .glide__track {
  overflow: visible !important;
}
.overview .glide__slide {
  opacity: 0;
}
.overview .glide__slide.glide__slide--active,
.overview .glide__slide.glide__slide--active ~ .glide__slide {
  opacity: 1;
}

.overview--fone-1,
.overview--fone-2 {
  position: absolute; 
  z-index: 1;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.overview--fone-1 {
  top: -18px;
  left: 57px;
}
.overview--fone-2 {
  top: 108px;
  right: -69px;
}
.overview__tab {
  position: absolute;
  z-index: 2;
  top: 127px;
  left: 0;
  width: 256px;
  height: 141px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11.743px;
  background: #FFF;
  box-shadow: 0 4.697px 17.028px 7.046px rgba(196, 196, 196, 0.25);
}
.overview__tab--btn {
  position: absolute;
  left: 15px;
  bottom: 15px;
  width: 226px;
  height: 25px;
  border-radius: 6px;
  background: var(--red);
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}

.overview .glide__slide {
  padding: 20px 0 60px 0;
}
.overview__item {
  position: relative;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.25);
  padding: 16px 16px 18px 16px;
}
.overview__item iframe {
  max-width: 100%;
  height: auto;
}
.overview__item--open-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: calc(100% - 60px);
  cursor: pointer;
}
.overview__item--img {
  object-fit: cover;
  width: 100%;
  height: auto;
}
.overview__item--btn {
  width: 100%;
  height: 39px;
  border-radius: 8px;
  border: 1px solid #09090A;
  color: var(--black);
  display: none;
}
.overview__popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
  height: 100vh;
  background: rgba(19, 19, 19, 0.70);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.8s;
}
.overview__popup.active {
  opacity: 1;
  visibility: visible;
}
.overview__popup--close {
  top: 0;
  right: -50px;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(8, 8, 8, 0.50);
  position: absolute;
  cursor: pointer;
}
.overview__popup--inner {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.overview__popup--iframe {
  position: relative;
  z-index: 3;
}
.glide__arrows {
  position: absolute;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
}
.glide__arrow {
  width: 61px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #131313;
  position: static;
  background: transparent;
}
.glide__arrow:hover {
  cursor: pointer;
}
.glide__arrow--right svg {
  transform: rotate(180deg);
}
.glide__arrow.glide__arrow--disabled {
  opacity: 0.7;
}
.glide__bullets {
  position: absolute;
  display: flex;
  align-items: center;
  width: 556px;
  max-width: 100%;
  position: absolute;
  background: #D9D9D9;
  border-radius: 56px;
}
.glide__bullet {
  display: block;
  width: 100%;
  height: 6px;
  background: transparent;
  border-radius: 56px;
  border: none;
}
.glide__bullet.glide__bullet--active {
  background: var(--black);
}
.overview .glide__arrows {
  right: 0;
  bottom: 0;
}
.overview .glide__bullets {
  bottom: 0;
  left: 0;
}


/* === assurance === */

.assurance {
  margin-bottom: 160px;
}
.assurance .container > div {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
.assurance--fone {
  position: absolute;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.assurance__box {
  position: relative;
  top: 0;
  left: 0;
  width: 806px;
  height: 723px;
  padding: 90px 15px 15px 15px;
}
.assurance__box *:not(.assurance__box--fone) {
  position: relative;
  z-index: 2;
}
.assurance__box--fone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.assurance--h2 {
  margin: 0 auto 24px auto;
  padding-top: 54px;
  text-align: center;
  max-width: 100%;
  width: 700px;
  font-size: 54px;
}
.assurance--p {
  margin: 0 auto 48px auto;
  max-width: 100%;
  width: 558px;
  text-align: center;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px;
}
.assurance__btns {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.assurance--btn-1 {
  height: 50px;
  padding: 0 60px;
  color: #fff;
  background: var(--red);
}
.assurance--btn-2 {
  height: 50px;
  padding: 0 22px;
  border: 1px solid var(--black);
  color: var(--black)
}
.assurance--fone-text {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 44px;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 10px;
  background: #FFF;
  padding: 0 33px;
  color: #5D5D5D;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
}
.assurance--fone-text::before {
  content: "";
  display: block;
  width: 25px;
  height: 16px;
  background: url(assets/imgs/assurance-before.svg) no-repeat center center/cover;
  position: absolute;
  bottom: -8px;
}
.assurance--fone-text-1 {
  top: 276px;
  left: calc(806px + 7.76%);
}
.assurance--fone-text-2 {
  top: 411px;
  right: 4.22%;
}
.assurance--fone-text-3 {
  top: 501px;
  left: calc(806px + 2.4%);
}
.assurance--fone-text-4 {
  top: 607px;
  right: 2.52%;
}
.assurance--fone-text-1::before {
  right: 42px;
}
.assurance--fone-text-2::before {
  right: 152px;
}
.assurance--fone-text-3::before {
  left: 29px;
}
.assurance--fone-text-4::before {
  left: 30px;
}


/* === application === */

.application {
  padding: 120px 0;
}
.application--fone {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.application--h2 {
  margin: 0 0 24px 200px;
  max-width: 100%;
  width: 1100px;
}
.application--p {
  position: absolute;
  top: 70px;
  left: 890px;
  width: 350px;
  font-size: 18px;
  line-height: 22px;
  color: rgba(19, 19, 19, 0.80);
}
.application__box {
  width: 1450px;
  max-width: 100%;
  margin-left: auto;
  margin-right: 72px;
}
.application .glide__slide {
  padding: 50px 10px;
}
.application__item {
  margin-left: auto;
  position: relative;
  width: 1140px;
  height: 475px;
  padding: 82px 40px 40px 462px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
}
.application__item--img {
  position: absolute;
  
}

.application__item--text {
  position: absolute;
  z-index: 2;
  width: fit-content;
  white-space: nowrap;
  padding: 10px;
  border-radius: 8px;
  border: 1.024px solid #DEDEE0;
  background: #FFF;
  box-shadow: 0 4.095px 13.4px 6.143px rgba(196, 196, 196, 0.19);
  color: rgba(19, 19, 19, 0.80);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  min-width: 84px;
  text-align: center;
}
.application__item--text.desktop br {
  display: none;
}
.application__item--img,
.application__item--text {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.glide__slide--active .application__item--img,
.glide__slide--active .application__item--text  {
  visibility: visible;
  opacity: 1;
}
.application__item--text span {
  font-weight: 700;
  color: var(--red);
}
.application__item__download {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.application__item__download--btn-1,
.application__item__download--btn-2 {
  width: 73px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 4px;
  color: #FFF;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  text-decoration: none;
}
.application__item__download--btn-1 {
  background: var(--red);
}
.application__item__download--btn-2 {
  background: var(--black);
}
.application__item--h3 {
  margin-bottom: 16px;
  max-width: 100%;
  width: 590px;
  color: #131313;
  font-family: "Nunito Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: 36px; /* 100% */
  text-transform: uppercase;
}
.application__item--h3 b {
  color: rgba(19, 19, 19, 0.80);
  font-weight: 800;
}
.application__item--p {
  max-width: 100%;
  width: 564px;
  color: rgba(19, 19, 19, 0.80);
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
}
.application .glide__arrows {
  top: 390px;
  right: 555px;
}
.application .glide__bullets {
  top: 402px;
  right: 110px;
  width: 436px;
}

/* === results === */
.results {
  padding: 100px 0;
}
.results--h2 {
  text-align: center;
}
.results--p {
  margin-top: 24px;
  margin-bottom: 16px;
  text-align: center;
}
.results .glide {
  margin-top: 98px;
}
.results__item {
  width: 388px;
  position: relative;
}
.results__item:hover {
  cursor: pointer;
}
.results__item--img {
  margin-bottom: 20px;
  border-radius: 10px;
  object-fit: cover;
}
.results__item__text {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #AEAEAE;
  font-size: 16px;
  line-height: 22px; /* 137.5% */
}
.results__item__text b {
  color: var(--black);
  font-size: 14px;
  font-weight: 700;
  text-align: right;
}
.results__item__text span {
  color: var(--red);
}
.results--btn {
  display: none;
  margin: 60px auto 0 auto;
  background: var(--black);
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 50px;
  padding: 0 66px;
}
.results .glide__arrows {
  top: -74px;
  left: calc(50% - 65px);
}
.results__item--a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--black);
  font-family: "Nunito Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 155.556% */
  text-transform: uppercase;
  text-decoration: none;
}
.results__popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
  height: 100vh;
  background: rgba(19, 19, 19, 0.70);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.8s;
}
.results__popup .container {
  height: 100%;
}
.results__popup.active {
  opacity: 1;
  visibility: visible;
}
.results__popup__inner {
  position: relative;
  top: 50px;
  height: calc(100vh - 150px);
}
.results__popup__count {
  position: absolute;
  top: 50px;
  left: 0;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  line-height: 20px; /* 125% */
  display: none;
}
.results__popup__count span {
  font: inherit;
  color: #fff;
}
.results__popup--zoom,
.results__popup--close {
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(8, 8, 8, 0.50);
  position: absolute;
}
.results__popup--zoom {
  top: 0;
  right: 47px;
}
.results__popup--close {
  top: 0;
  right: 0;
}
.results__popup--close:hover {
  cursor: pointer;
}
.results__popup .glide__arrow {
  width: 65px;
  height: 38px;
  border-radius: 6px;
  background: rgba(8, 8, 8, 0.50);
  position: absolute;
  top: calc(50% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.results__popup .glide__arrow:hover {
  cursor: pointer;
}
.results__popup .glide__arrows {
  position: static;
}
.results__popup .glide__arrow--left {
  left: -100px;
}
.results__popup .glide__arrow--right {
  right: -100px;
}
.results__popup .glide__arrow--right svg {
  transform: rotate(0deg);
}
.results__popup .glide__arrow--left svg {
  transform: rotate(180deg);
}
.results__popup__box {
  width: 1200px;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  margin: 0 auto;
  display: none;
}
.results__popup__box.active {
  opacity: 1;
  visibility: visible;
  display: block;
}
.results__popup__item--img {
  margin: 0 auto;
  max-width: 100%;
  min-width: 200px;
  height: auto;
  min-height: 200px;
  max-height: calc(100vh - 200px);
  display: block;
}
.results__popup__item--title {
  margin-bottom: 30px;
  color: #FFF;
  font-family: "Nunito Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px; /* 111.111% */
  text-transform: uppercase;
}
.results__popup .glide__slide {
  width: 1200px;
}
@media(min-width: 881px) {
  .glide__slides.gallery-2 {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .glide__slides.gallery-2 .glide__slide {
    width: calc(25% - 8px);
    height: 350px;
    position: relative;
    overflow: hidden;
  }
  .glide__slides.gallery-2 .glide__slide.disable {
    display: none;
  }
  .glide__slides.gallery-2 .results__item {
    max-width: 100%;
  }
  .glide__slides.gallery-2 .results__item--img {
    max-width: 100%;
    height: 250px;
  }
  .overview .glide__arrows,
  .overview .glide__bullets {
    display: none;
  }
}


/* === contact === */


.contact {
  padding: 50px 0;
}
.contact-main .contact {
  padding-top: 172px;
  padding-bottom: 0;
}
.contact--fone {
  width: 100%;
  height: auto;
  min-height: 743px;
  object-fit: cover;
}
.contact--h2 {
  position: absolute;
  top: -1px;
  left: calc(50% - 480px);
  width: 960px;
  height: 130px;
  text-align: center;
  background: #fff;
  border-radius: 0 0 16px 16px;
  max-width: 100%;
}
.contact-main .contact--h2 {
  width: 100%;
  left: 0;
  background: var(--fone-white);
  height: auto;
  padding: 0 calc(30px + var(--container-padding)) 20px calc(20px + var(--container-padding));
  border-radius: 0;
  font-size: 36px;
  line-height: 40px;
}
.contact__box {
  position: absolute;
  bottom: 0;
  left: calc(50% - 280px);
  width: 560px;
  height: 484px;
  border-radius: 24px;
  background: #FFF;
  padding: 38px 50px 0 50px;
}
.contact--text {
  margin: 0 auto 25px auto;
  width: 440px;
  max-width: 100%;
  color: rgba(19, 19, 19, 0.80);
  text-align: center;
  font-size: 18px;
  line-height: 22px; /* 122.222% */
}
.global-form .wpcf7 {
  width: 460px;
  max-width: 100%;
  margin: 0 auto;
}
.global-form input,
.global-form select,
.global-form textarea {
  margin-bottom: 10px;
  display: block;
  width: 100%;
  height: 50px;
  padding: 14px 15px;
  border-radius: 8px;
  border: 1px solid #959595;
  color: #131313;
  font-size: 16px;
  line-height: 21px; /* 131.25% */
  position: relative;
  z-index: 2;
}
.global-form input::placeholder,
.global-form textarea::placeholder {
  color: #131313;
}
.global-form textarea {
  height: 134px;
  resize: none;
}
.global-form .wpcf7-submit {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: var(--red);
  color: var(--white, #FFF);
  border: none;
  font-family: "Nunito Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}
.global-form br {
  display: none;
}
.global-form .wpcf7-form-control-wrap {
  position: relative;
}
.wpcf7-not-valid-tip {
  font-size: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 8px;
  border: 1px solid var(--red);
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
}
.contact__popup {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}
.contact__popup.active {
  opacity: 1;
  visibility: visible;
}
.contact__popup::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: var(--black);
  opacity: 0.4;
}
.contact__popup__box {
  position: relative;
  z-index: 2;
  width: 586px;
  padding: 60px 48px 80px 48px;
  border-radius: 30px;
  background: #FFF;
  transition: 0.5s;
}
.contact__popup--close {
  position: absolute;
  top: 25px;
  right: 25px;
}
.contact__popup--close path {
  transition: 0.4s;
} 
.contact__popup--close:hover {
  cursor: pointer;
}
.contact__popup--close:hover path {
  fill: var(--red);
}
.contact__popup--img {
  margin: 0 auto;
  display: block;
  height: auto;
  object-fit: cover;
}
.contact__popup--h4 {
  margin-top: 28px;
  margin-bottom: 10px;
  color: #131313;
  text-align: center;
  font-family: Raleway;
  font-size: 32px;
  font-style: normal;
  line-height: 36px; /* 112.5% */
  text-transform: uppercase;
  font-weight: 700;
}
.contact__popup--h4 span {
  display: contents;
  color: var(--red);
  font: inherit;
}
.contact__popup--p {
  margin: 0 auto 30px auto;
  max-width: 100%;
  width: 420px;
  color: rgba(19, 19, 19, 0.80);
  text-align: center;
  font-size: 16px;
  line-height: 20px; /* 125% */
}
.contact__popup--btn {
  margin: 10px auto 0 auto;
  width: 270px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--red);
  color: var(--fone-white)
}
.contact__popup .wpcf7-response-output {
  display: none;
}

/* === footer === */
.footer {
  padding: 40px 0 65px 0;
  background: #131313;
}
.footer .container {
  width: 1504px;
}
.footer__box {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 50px;
}
.footer--copyright {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  line-height: 16px; /* 100% */
  opacity: 0.6;
}
.footer__menu {
  margin: 0 auto;
}
.footer .menu {
  margin: auto;
  display: flex;
  align-items: center;
  gap: 33px;
  height: 100%;
}
.footer .footer__menu > div {
  height: 42px;
}
.footer .menu li {
  list-style: none;
}
.footer .menu a {
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 100% */
  text-decoration: none;
  transition: 0.3s;
}
.footer .menu .current_page_item a {
  color: var(--red);
}
.footer .menu a:hover {
  color: var(--red);
}
.footer--img-1 {
  width: 107px;
  height: 40.5px;
  margin: auto 0 auto 20px;
}

/* === hero-page === */

.hero-page {
  padding-top: 172px;
  margin-bottom: 140px;
}
.hero-page.has-box {
  padding-bottom: 200px;
}
.hero-page h1 {
  margin: 0 auto 60px auto;
  width: 1200px;
  max-width: 100%;
  text-align: center;
}
.hero-page--fone {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 25px;
  max-height: 500px;
  object-position: top;
}
.about_typar-main .hero-page--fone {
  object-position: bottom;
}
.hero-page__tab {
  max-width: 100%;
  position: absolute;
  top: -35px;
  left: calc(50% - 210px);
  width: 420px;
  height: 84px;
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 8px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 0 20.2px 0 rgba(150, 150, 150, 0.25);
}
.hero-page__tab.no-image {
  width: 380px;
  text-align: center;
  padding: 8px 14px;
  left: calc(50% - 190px);
}
.technical_support-main .hero-page__tab {
  width: 900px;
  left: calc(50% - 450px);
  padding: 8px 50px;
}
.technical_doc-main .hero-page__tab {
  width: 630px;
  left: calc(50% - 315px);
  padding: 16px 65px;
}
.contact-main .hero-page__tab {
  width: 690px;
  left: calc(50% - 345px);
  padding: 16px 50px;
}
.hero-page__tab--p {
  font-size: 18px;
}
.hero-page__tab::before {
  content: "";
  display: block;
  width: 27px;
  height: 12px;
  background: url(assets/imgs/hero-page__tab.svg);
  position: absolute;
  bottom: -9px;
  left: calc(50% - 13px);
}
.hero-page__box {
  width: 100%;
  max-width: calc(100% - 20px);
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -140px;
  left: 10px;
}
.hero-page__item {
  max-width: 428px;
  width: calc(33% - 6px);
  height: 192px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 20px;
  border: 1px solid #EDEDED;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
}
.hero-page__item--p {
  margin-top: auto;
  color: rgba(19, 19, 19, 0.80);
  font-size: 16px;
  line-height: 20px; /* 125% */
}
.hero-page__item--a {
  color: #131313;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 127.273% */
  text-decoration: none;
}
.hero-page__item--a:hover {
  text-decoration: underline;
}
/* === features === */

.features {
  margin-bottom: 160px;
  padding-bottom: 60px;
}
.features--h2 {
  margin: 0 auto 30px auto;
  text-align: center;
  width: 800px;
  max-width: 100%;
}
.features--p {
  margin: 0 auto;
  text-align: center;
  width: 764px;
  max-width: 100%;
  font-size: 18px;
  line-height: 22px;
}
.features__box {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.features--img-2 {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  max-width: 100%;
  object-fit: cover;
}
.features--img-1,
.features--img-3 {
  position: absolute;
  z-index: 1;
}
.features--img-1 {
  top: 0;
  right: 67px;
}
.features--img-3 {
  bottom: -68px;
  left: 292px;
}
.features__tab {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1.016px solid #DEDEE0;
  background: #FFF;
  box-shadow: 0 4.063px 14.728px 6.094px rgba(196, 196, 196, 0.10);
}
.features__tab-1 {
  right: 720px;
  top: 61px;
  /* left: 131px; */
  width: 717px;
  height: 100px;
  padding-right: 150px;
  padding-left: 30px; 
}
.features__tab-2 {
  width: 665px;
  height: 100px;
  right: 42px;
  bottom: 98px;
  padding-left: 154px;
  padding-right: 42px;
}
.features__tab--p {
  text-align: center;
}


/* === fiber === */

.fiber {
  margin-bottom: 80px;
}
.uppertitle--h2 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 75px;
  max-width: 100%;
  width: 580px;
  float: left;
}
.uppertitle--p {
  max-width: calc(100% - 873px);
  width: 637px;
  float: left;
}
.fiber__box {
  clear: both;
  padding-top: 60px;
  display: flex;
  gap: 20px;
}
.fiber__col-1,
.fiber__col-2 {
  position: relative;
  max-width: 70%;
}
.fiber--img {
  position: relative;
  z-index: 1;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}
.fiber--onimg {
  position: absolute;
  z-index: 2;
  right: 32px;
  bottom: 45px;
  width: fit-content;
  white-space: nowrap;
  padding: 7px 8px;
  border-radius: 6px;
  border: 1.016px solid #DEDEE0;
  background: #FFF;
  box-shadow: 0 4.063px 14.728px 6.094px rgba(196, 196, 196, 0.10);
  color: #131313;
  font-size: 14px;
  line-height: 22px; /* 157.143% */
}
.fiber--text {
  margin-top: 10px;
  padding-left: 15px;
  color: #131313;
  font-size: 18px;
  line-height: 22px;
}


/* === principle === */

.principle__box {
  margin-left: 200px;
  padding-bottom: 200px;
  width: 924px;
  position: relative;
}
.principle--h2 {
  margin-bottom: 24px;
}
.principle--p {
  margin-bottom: 40px;
  max-width: 100%;
  width: 580px;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
}
.principle__item {
  margin-bottom: 14px;
  max-width: 100%;
  padding: 20px 50px 20px 60px;
  position: relative;
  z-index: 1;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  background: #FFF;
}
.principle__item--count {
  position: absolute;
  top: 22px;
  left: 22px;
  color: var(--red);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 18px; /* 100% */
  text-transform: uppercase;
}
.principle__item--h3 {
  margin-bottom: 8px;
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}
.principle__item--p {
  width: 390px;
  max-width: 100%;
  color: rgba(19, 19, 19, 0.80);
  font-size: 16px;
  line-height: 20px; /* 125% */
}
.principle__item-1 .principle__item--p {
  width: 460px;
}
.principle--fone {
  position: absolute;
  z-index: 2;
  top: 60px;
  right: -360px;
}

/* === functions === */

.functions {
  padding-top: 80px;
  padding-bottom: 120px;
}
.functions--fone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.functions--h2 {
  margin-bottom: 90px;
  text-align: center;
}
.functions__box {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
}
.functions .glide__slide {
  height: -webkit-fill-available;
  display: flex;
  border-radius: 10px;
}
/* .functions__item {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 42px 40px 25px 40px;
  position: relative;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
} */
.functions__item {
  display: flex;
}
.functions__col {
  width: 50%;
}
.functions__item:nth-child(2n) .functions__col:first-child {
  order: 2;
}
.functions__item .functions__col:last-child {
  padding: 50px;
}
.functions__item--img {
  width: 100%;
  height: auto;
}
.functions__item--h3 {
  margin-bottom: 10px;
  color: #131313;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 127.273% */
}
.functions__item--p {
  margin-bottom: 20px;
  min-height: 120px;
  line-height: 20px;
  color: #131313;
}
.functions__item__anim-text > div {
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
  transition: 0.5s;
  height: 0;
}
.functions__item__anim-text--btn {
  text-align: right;
  cursor: pointer;
  width: fit-content;
  color: #fff;
  background: var(--red);
  padding: 10px 20px;
  border-radius: 8px;
}
.functions__item__anim-text--btn span {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}
.functions__item__anim-text--btn .text-hide {
  display: inline;
}
.functions__item__anim-text--btn .text-show {
  display: none;
}
.functions__item__anim-text--btn .header__lang--arrow {
  display: none;
}
.functions__item__anim-text--btn .header__lang--arrow path {
  stroke: var(--red);
}
.functions__item__anim-text--btn.active .header__lang--arrow {
  transform: rotate(180deg);
}
.functions__item__anim-text--btn.active .text-hide {
  display: none;
}
.functions__item__anim-text--btn.active .text-show {
  display: inline;
}
.functions__item--subtitle {
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Roboto;
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}
.functions__item__anim-text ul {
  padding-left: 34px;
  padding-top: 4px;
  padding-bottom: 6px;
}
.functions__item__anim-text ul li {
  margin-bottom: 14px;
  position: relative;
  color: rgba(19, 19, 19, 0.80);
  line-height: 20px;
  list-style: none;
}
.functions__item__anim-text ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -2px;
  left: -34px;
  background: url(assets/imgs/services__item__li-2.svg) no-repeat center center / cover;
}
.functions .glide__arrows {
  top: -60px;
  left: calc(50% - 65px);
}
/* === garant === */

.garant {
  margin-top: 120px;
  margin-bottom: 220px;
}
.garant__box {
  position: relative;
}
.garant--fone {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 30px;
  max-height: 720px;
  object-position: bottom;
}
.garant__titles {
  width: 764px;
  height: calc(100% - 30px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 52px;
  position: absolute;
  z-index: 2;
  top: 15px;
  left: 15px;
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.25);
}
.garant--h2 {
  width: 590px;
  max-width: 100%;
  text-align: center;
}
.garant__tab {
  position: absolute;
  bottom: 15px;
  left: 127px;
  z-index: 3;
  width: 652px;
  height: 243px;
  padding: 50px 60px 10px 325px;
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.25);
}
.garant__tab--img {
  position: absolute;
  top: -150px;
  left: -175px;
  z-index: 1;
}
.garant__tab--p {
  margin-bottom: 24px;
  color: rgba(19, 19, 19, 0.80);
  font-family: Raleway;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.garant__tab--p b {
  font-weight: 600;
}
.garant__tab--btn {
  width: 267px;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--red);
  color: #fff;
  position: relative;
  z-index: 2;
}
.garant--on-fone {
  position: absolute;
  z-index: 2;
  width: fit-content;
  white-space: nowrap;
  padding: 20px 48px;
  border-radius: 8px;
  border: 1px solid var(--black);
  background: #FFF;
  
}
.garant--on-fone,
.garant--on-fone * {
  color: var(--black);
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.garant--on-fone svg {
  position: absolute;
}
.garant--on-fone-1 {
  top: 27.1%;
  left: 865px;
}
.garant--on-fone-2 {
  top: 50.2%;
  right: 3.85%;
}
.garant--on-fone-3 {
  top: 66.52%;
  left: 886px;
}
.garant--on-fone-4 {
  top: 78.56%;
  right: 4.48%;
}
.garant--on-fone-1 svg {
  right: -114px;
  top: 27px;
}
.garant--on-fone-2 svg {
  left: -104px;
  top: 27.5px;
}
.garant--on-fone-3 svg {
  left: -30px;
  top: 24.5px;
}
.garant--on-fone-4 svg {
  left: -100px;
  top: 28px;
}
.garant.style2 {
  padding-bottom: 400px;
  margin-bottom: 75px;
}
.garant.style2 .garant__titles {
  height: calc(100% - 30px);
}
.garant.style2 .garant--h2 {
  width: 670px;
  margin-bottom: 0;
}
.garant--p {
  display: block;
  margin: 0 auto;
  width: 590px;
  max-width: 100%;
  text-align: left;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px;
}
.garant__ul {
  width: 590px;
  max-width: 100%;
  padding-left: 34px;
}
.garant__ul--li {
  margin-bottom: 14px;
  position: relative;
  color: rgba(19, 19, 19, 0.80);
  line-height: 20px; /* 125% */
  list-style: none;
}
.garant__ul--li::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -2px;
  left: -34px;
  background: url(assets/imgs/services__item__li-2.svg) no-repeat center center/cover;
}
.garant.style2 .garant--p {
  width: 460px;
  text-align: center;
}
.garant.style2 .garant__tab {
  width: 780px;
  bottom: -210px;
  left: calc(50% - 330px);
  padding: 37px 305px 20px 50px;
  height: 141px;
}
.garant.style2 .garant__tab--p {
  font-size: 18px;
  text-align: center;
}
.garant.style2 .garant__tab--p b {
  font-weight: 700;
}
.garant.style2 .garant__tab--img {
  left: 360px;
  top: -160px;
}
.garant.style2 .garant__tab--btn {
  position: absolute;
  bottom: -24px;
  left: 140px;
}
.garant.style2  .garant--on-fone svg {
  display: none;
}
.garant.style2  .garant--on-fone {
  padding: 11px 27px;
  border: none;
}
.garant.style2  .garant--on-fone::before {
  content: "";
  display: block;
  width: 27px;
  height: 12px;
  background: url(assets/imgs/hero-page__tab.svg);
  position: absolute;
  bottom: -9px;
  left: calc(50% - 13px);
}
.garant.style2 .garant--on-fone-1 {
  top: 70px;
  right: 29.9%;
}
.garant.style2 .garant--on-fone-2 {
  top: 143px;
  right: 5.17%;
}
.garant.style2 .garant--on-fone-3 {
  top: 216px;
  right: 25.37%;
}
.garant.style2 .garant--on-fone-4 {
  top: 289px;
  right: 11.67%;
}
.garant.style2 .garant--on-fone-5 {
  top: 362px;
  right: 4.23%;
}
.garant.style2 .garant--on-fone-1::before {
  left: 145px;
}
.garant.style2 .garant--on-fone-2::before {
  left: 55px;
}
.garant.style2 .garant--on-fone-3::before {
  left: 70px;
}
.garant.style2 .garant--on-fone-4::before {
  left: 175px;
}
.garant.style2 .garant--on-fone-5::before {
  left: 72.31%;
}
.garant__popup {
  position: fixed;
  z-index: 12;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}
.garant__popup.active {
  opacity: 1;
  visibility: visible;
}
.garant__popup::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: var(--black);
  opacity: 0.4;
}
.garant__popup__box {
  position: relative;
  z-index: 3;
  width: 900px;
  padding: 70px 48px 20px 48px;
  border-radius: 30px;
  background: #FFF;
  transition: 0.5s;
  max-width: 100%;
}
.garant.style2 .garant__popup__box {
  padding-top: 60px;
}
.garant__popup__box.disable {
  opacity: 0;
  visibility: hidden;
}
.garant__popup--close {
  position: absolute;
  top: 25px;
  right: 25px;
}
.garant__popup--close path {
  transition: 0.4s;
} 
.garant__popup--close:hover {
  cursor: pointer;
}
.garant__popup--close:hover path {
  fill: var(--red);
}
.garant__popup--img {
  margin: 0 auto;
  display: block;
  height: auto;
  object-fit: cover;
}
.garant__popup__info {
  margin: 10px auto 23px auto;
  width: fit-content;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 43px;
  background: #EEE;
  color: rgba(19, 19, 19, 0.40);
  font-size: 14px;
  line-height: 20px; /* 142.857% */
  font-family: Roboto;
}
.garant__popup__info svg {
  margin: 0 10px;
}
.garant__popup--h4 {
  margin-bottom: 10px;
  color: #131313;
  text-align: center;
  font-family: Raleway;
  font-size: 32px;
  font-style: normal;
  line-height: 36px; /* 112.5% */
  text-transform: uppercase;
  font-weight: 700;
}
.garant__popup--h4 span {
  display: contents;
  color: var(--red);
  font: inherit;
}
.garant__popup--p {
  margin: 0 auto 15px auto;
  max-width: 100%;
  width: 392px;
  color: rgba(19, 19, 19, 0.80);
  text-align: center;
  font-size: 16px;
  line-height: 20px; /* 125% */
}
.garant__overflow {

}
.garant__popup .wpcf7-submit {
  margin-top: 18px;
  margin-bottom: 0;
}
.wpcf7-spinner {
  display: none;
}
.garant__popup__thank {
  position: absolute;
  z-index: 2;
  left: calc(50% - 293px);
  top: 180px;
}
.garant__popup__thank .garant__popup--h4 {
  margin-top: 28px;
}
.garant__popup--btn {
  margin: 10px auto 0 auto;
  width: 270px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--red);
  color: var(--fone-white)
}
 .wpcf7-response-output {
  display: none;
}
/* === certificates === */

.certificates {
  margin-bottom: 200px;
}
.certificates__box {
  width: 1178px;
  margin-left: 250px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px 20px;
}
.certificates__col-1 {
  width: 400px;
}
.certificates__col-2 {
  width: 570px;
  display: flex;
  gap: 20px;
}
.certificates--h2 {
  margin-bottom: 24px;
}
.certificates--p {
  width: 350px;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px;
}
.certificates__item {
  position: relative;
  width: 275px;
  text-decoration: none;
}
.certificates__item--img {
  margin-bottom: 10px;
  max-width: 100%;
  height: auto;
  width: 275px;
}
.certificates__item--icon {
  position: absolute;
  bottom: 0;
  left: -10px;
}
.certificates__item--h3 {
  margin-left: 60px;
  height: 40px;
  color: rgba(19, 19, 19, 0.80);
  font-family: "Nunito Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
  text-decoration: none;
  text-transform: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.certificates__item--download {
  margin-left: 60px;
  color: rgba(19, 19, 19, 0.80);
  font-size: 14px;
  line-height: 20px; /* 142.857% */
  text-decoration: underline;
}
.certificates__item:hover {
  cursor: pointer;
}
.certificates__item:hover .certificates__item--download {
  color: var(--red)
}


/* === leader === */

.leader {
  margin-bottom: 50px;
}
.leader__box {
  display: flex;
  gap: 60px;
  align-items: center;
}
.leader__col-1 {
  position: relative;
  left: -70px;
  width: calc(100% - 950px);
}
.leader--img {
  width: calc(100% + 77px);
}
.leader__col-2 {
  padding-top: 60px;
}
.leader--h2 {
  margin-bottom: 24px;
}
.leader--text {
  margin-bottom: 40px;
  width: 540px;
  max-width: 100%;
}
.leader--text br {
  margin-bottom: 14px;
}
.leader--btn {
  margin-bottom: 60px;
  width: fit-content;
  white-space: nowrap;
  padding: 19px 63px;
  background: var(--red);
  color: #FFF;
}
.leader--p {
  color: var(--black);
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  font-style: italic;
}
.leader--p b {
  font-style: italic;
}


/* === faq === */

.faq {
  margin-top: 160px;
  padding-top: 100px;
  padding-bottom: 120px;
  background: #F8F8F8;
}
.faq__inner {
  display: flex;
  justify-content: space-between;
}
.faq--h2 {
  margin-right: 170px;
}
.faq__box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 1020px;
  max-width: 100%;
}
.faq__item {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 40px 100px 40px 63px;
  border-radius: 20px;
  border: 1px solid #EDEDED;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
}
.faq__item--h3 {
	text-transform: none;
  font-weight: 600;
  line-height: 22px;
}
.faq__item__answer--text p {
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px; /* 122.222% */
}
.faq__item__answer {
  max-width: 100%;
  width: 779px;
  height: 0;
  overflow: hidden;
  transition: 0.8s;
}
.faq__item__answer--text {
  padding-top: 20px;
}
.faq__item--btn {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 44px;
  height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	
	user-select: none;
  border-radius: 68px;
  border: 1px solid #EDEDED;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
}
.faq__item--btn,
.faq__item--btn path {
  transition: 0.4s;
}
.faq__item--btn:hover {
  cursor: pointer;
}
.faq__item--btn.active path:first-child {
  transform: rotate(180deg);
}
.faq__item--btn.active path {
  stroke: #FF0008;
}

/* == use == */

.use {
  padding-top: 172px;
  margin-bottom: 200px;
}
.use h1 {
  text-align: center;
  margin-bottom: 48px;
}
.use__box .glide__slides {
  margin: 0 auto;
  width: 1420px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.use__box .glide__slide {
  width: calc(50% - 10px);
  min-height: 220px;
  height: auto;
}
.use__item {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 8px 20px 8px 8px;
  border-radius: 14px;
  border: 1px solid #EDEDED;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
}
.use__item--img {
  float: left;
  margin-right: 20px;
  max-width: calc(100% - 297px);
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.use__item--icon {
  margin-top: 15px;
  margin-bottom: 13px;
}
.use__item--title {
  margin-bottom: 4px;
  color: #131313;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
}
.use__item--text {
  margin-bottom: 80px;
  color: rgba(19, 19, 19, 0.80);
  font-size: 16px;
  line-height: 20px; /* 125% */
}
.use__item--a {
  position: absolute;
  right: 20px;
  bottom: 24px;
  width: 278px;
  height: 35px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid var(--red);
  color: var(--red);
  font-size: 14px;
  font-weight: 700;
  line-height: 14px; /* 100% */
  text-decoration: none;
  user-select: none;
  background: #fff;
}
.use__item--a,
.use__item--a path {
  transition: 0.5s;
}
.use__item--a:hover {
  cursor: pointer;
  color: #fff;
  background: var(--red);
}
.use__item--a:hover path {
  stroke: #fff;
}

/* === solutions === */

.solutions {
  margin-bottom: 140px;
}
.solutions__box {
  width: 1372px;
  margin-left: 200px;
  max-width: calc(100% - 200px);
}
.solutions__box {
  display: flex;
  gap: 40px 18px;
  flex-wrap: wrap;
}
.solutions--h2 {
  width: 100%;
}
.solutions__col-1 {
  width: 330px;
}
.solutions__col-2 {
  width: calc(100% - 348px);
}
.solutions__form {
  margin-bottom: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
}
.solutions__form--input {
  margin-bottom: 6px;
  display: block;
  width: 100%;
  height: 44px;
  padding: 11px 20px;
  border-radius: 10px;
  border: 1px solid #EDEDED;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
  color: rgba(19, 19, 19, 0.80);
  font-size: 16px;
  line-height: 22px; /* 137.5% */
}
.solutions__form--btn {
  position: absolute;
  top: 10px;
  right: 20px;
}
.solutions__form--btn:hover {
  cursor: pointer;
}
.solutions__form__radio-box {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.solutions__form__radio-box--pseudo {
  width: 24px;
  height: 24px;
  border: 1px solid #BBBBBB;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.solutions__form__radio-box--pseudo::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background: var(--red);
  border-radius: 50%;
  transition: 0.3s;
}
.solutions__form__radio-box--text {
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
}
.solutions__form__radio-box--input {
  position: absolute;
  z-index: 2;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.solutions__form__radio-box--input:checked ~ .solutions__form__radio-box--pseudo::before {
  width: 14px;
  height: 14px;
}
.solutions--h3 {
  margin-bottom: 16px;
  color: #131313;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px; /* 110% */
}
.solutions__menu {
  

}
.solutions__menu--item {
  width: 100%;
  padding: 9px 0;
  border-radius: 4px;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px; /* 122.222% */
  transition: 0.5s;
}
.solutions__menu--item.active,
.solutions__menu--item:hover {
  cursor: pointer;
  color: var(--red);
  background: rgba(228, 0, 28, 0.12);
  padding-left: 10px;
}
.solutions__menu--subitem.active {
  background: rgba(228, 0, 28, 0.12);
  color: var(--red);
} 
.solutions__menu--subitem.active::before {
  background: var(--red);
}
.solutions__menu--subitem {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 25px;
  color: rgba(19, 19, 19, 0.80);
  font-size: 16px;
  line-height: 22px; /* 137.5% */
  transition: 0.5s;
  border-radius: 4px;
}
.solutions__menu--subitem::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #424242;
}
.solutions__item {
  margin-bottom: 10px;
  position: relative;
  border-radius: 16px;
  border: 1px solid #EDEDED;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
  overflow: hidden;
}
.solutions__item__h4 {
  padding: 40px;
  color: var(--black);
  font-family: "Nunito Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-transform: uppercase;
}
.solutions__item__h4--span {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--red);
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-transform: uppercase;
}
.solutions__item--btn,
.solutions__item--subbtn {
  position: absolute;
  top: 29px;
  right: 40px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #EDEDED;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
}
.solutions__item--btn,
.solutions__item--btn path,
.solutions__item--subbtn,
.solutions__item--subbtn path {
  transition: 0.5s;
}
.solutions__item--btn:hover,
.solutions__item--subbtn:hover {
  cursor: pointer;
}
.solutions__item--btn.active path:first-child,
.solutions__item--subbtn.active path:first-child {
  transform: rotate(180deg);
}
.solutions__item--btn.active path,
.solutions__item--subbtn.active path {
  stroke: #FF0008;
}
.solutions__item__box {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: 0.7s;
}
.solutions__item__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 40px 24px 40px;
  background: #F8F8F8;
}
.solutions__item--a {
  display: block;
  text-decoration: none;
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px; /* 122.222% */
}
.solutions__item--a.active {
  color: var(--green);
}
.solutions__col-2.pdf .solutions__item--a.dwg {
  display: none;
}
.solutions__col-2.dwg .solutions__item--a.pdf {
  display: none;
}
.solutions__item--a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: var(--red);
} 
.solutions__item__h5 {
  color: var(--black);
  font-family: Raleway;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  position: relative;
  transition: 0.5s;
}
.solutions__item__h5.active {
  color: var(--red);
}
.solutions__item__subbox {
  position: relative;
  overflow: hidden;
  height: 0;
  transition: 0.7s;
}
.solutions__item--subbtn {
  top: 0;
  right: 0;
  background: transparent;
  border: none;
}
.solutions__item__subcontent {
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* === multitext === */

.multitext__box {
  margin-left: 200px;
  max-width: calc(100% - 200px);
  width: 1240px;
}

.multitext--h2 {
  margin-bottom: 30px;
}
.multitext__texts {
  margin-bottom: 60px;
  display: flex;
  gap: 60px;
  justify-content: space-between;
}
.multitext__text--p {
  max-width: calc(50% - 30px);
  color: rgba(19, 19, 19, 0.80);
  font-size: 16px;
  line-height: 20px; /* 125% */
}
.multitext__tabs,
.multitext__imgs,
.multitext__btns {
  width: 1178px;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.multitext__tabs {
  margin-bottom: 30px;
}
.multitext__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 62px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 22px; /* 122.222% */
}
.multitext__tab-1 {
  width: 384px;
  border: 1px solid #EDEDED;
  color: rgba(19, 19, 19, 0.80);
}
.multitext__tab-2 {
  width: calc(100% - 400px);
  border: 1px solid var(--red);
  color: var(--red);
}
.multitext__tab.full-w {
  width: 100%;
}
.multitext__imgs {
  margin-bottom: 60px;
}
.multitext__img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.multitext__btns {
  justify-content: center;
  gap: 10px;
}
.multitext__btn-1 {
  padding: 18px 44px;
  background: var(--black);
  color: #fff;
}
.multitext__btn-2 {
  padding: 18px 105px;
  background: var(--red);
  color: #fff;
}
.multitext__box.imgr {
  position: relative;
  width: 800px;
}
.multitext__box.imgr .multitext__text--p {
  max-width: 100%;
}
.multitext__box.imgr .multitext__btns {
  justify-content: flex-start;
}
.multitext__box.imgr .multitext__tabs {
  display: none;
}
.multitext__box.imgr .multitext__imgs {
  position: absolute;
  right: -400px;
  top: 0;
  width: fit-content;
}
/* === gallery === */

.gallery {
  margin-bottom: 190px;
}
.gallery--img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 16px;
}
.gallery .glide__arrows {
  right: 28px;
  bottom: 28px;
}
.gallery .glide__arrow {
  border: 1px solid #FFF;
  background: #fff;
}

/* === innovations === */

.innovations {
  margin-bottom: 150px;
}
.innovations__box {
  width: 1120px;
  max-width: calc(100% - 200px);
  margin-left: 200px;
}
.innovations--h2 {
  margin-bottom: 40px;
}
.innovations__item {
  position: relative;
}
.innovations__item__picture {
  margin-bottom: 16px;
  width: 100%;
  height: 413px;
  padding: 23px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid #EDEDED;
  background: #FFF;
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
  position: relative;
}
.innovations__item__picture--img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}
.innovations__item__btns {
  margin-bottom: 10px;
  display: flex;
  gap: 3px;
  align-items: center;
}
.innovations__item__btn {
  width: 74px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 2px 11px;
  border-width: 1px;
  border-style: solid;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}
.innovations__item--h3 {
  color: #131313;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
  text-transform: none;
}
.innovations .glide__arrows {
  top: -88px;
  right: 0;
}


/* === services === */

.services {
  margin-bottom: 80px;
}
.services__inner {
  margin-left: 200px;
  width: 1180px;
  max-width: calc(100% - 200px);
}
.services--h2 {
  margin-bottom: 40px;
  max-width: 100%;
  width: 720px;
}
.services__box {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.services__item {
  width: calc(33% - 7px);
}
.services__item__picture {
  margin-bottom: 18px;
  width: 100%;
  height: 248px;
  padding-top: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-direction: column;
}
.services__item--fone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.services__item--icon,
.services__item--h3 {
  position: relative;
  z-index: 2;
}
.services__item--h3 {
  height: 56px;
  text-align: center;
  max-width: 100%;
  width: 290px;
  color: #FFF;
  font-family: Roboto;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-transform: none;
}
.services__item__ul {
  padding-left: 48px;
  padding-right: 25px;
}
.services__item__li {
  margin-bottom: 14px;
  position: relative;
  color: rgba(19, 19, 19, 0.80);
  line-height: 20px; /* 125% */
  list-style: none;
}
.services__item__li.common-text b {
  font-weight: 500;
  color: rgba(19, 19, 19, 0.90);
}
.services__item__li::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 11px;
  top: 5px;
  left: -30px;
  background: url(assets/imgs/services__item__li-1.svg);
}
.services__item:nth-child(2n) .services__item__li::before {
  width: 24px;
  height: 24px;
  top: -2px;
  left: -34px;
  background: url(assets/imgs/services__item__li-2.svg) no-repeat center center/cover;
}

/* === slider === */

.slider {
  margin-bottom: 200px;
}
.slider .container {
  width: 100%;
  max-width: 100%;
  padding-right: 0;
}
.slider__box {
  margin-left: 200px;
}
.slider--h2 {
  margin-bottom: 110px;
}
.slider .glide__arrows {
  left: 0;
  top: -74px;
}
.slider__item {
  text-decoration: none;
}
.slider__item .slider__item--img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.slider-1 .slider__item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid var(--gray-light);
}
.slider__item--h3 {
  padding: 16px 24px 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}


/* === page === */

.page-main {
  padding-top: 190px;
  margin-bottom: 180px;
}
.page-main .container {
  width: 1216px;
}
.page-main h1 {
  margin-bottom: 24px;
}
.page-main img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.page-main p {
  color: rgba(19, 19, 19, 0.80);
  font-size: 18px;
  line-height: 22px; /* 122.222% */
}
.page-main em {
  font-style: normal;
  color: var(--red);
  font-weight: 700;
}
.page-main a:last-child {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  white-space: nowrap;
  padding: 10px 24px;
  border-radius: 10px;
  background: var(--red);
  box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
  color: #FFF;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 110% */
  text-decoration: none;
}
.page-main strong {
  font-weight: 700;
}
.page-main a:last-child::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background: url(assets/imgs/a-last-child.svg) no-repeat center center/cover;
}
.wpcf7-radio,
.wpcf7-checkbox {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px 12px;
  flex-wrap: wrap;
}
.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
  width: calc(50% - 6px);
  display: flex;
  align-items: center;
  gap: 6px;
}
.wpcf7-radio .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label {
  font-size: 16px;
}
.global-form .wpcf7-radio input,
.global-form .wpcf7-checkbox input {
  width: 20px;
  height: 20px;
  margin: 0;
  border: 1px solid #959595;
  display: block;
  min-width: 20px;
  min-height: 20px;
}
.global-form.garant__popup__box .wpcf7 {
  width: 100%;
}
.garant__overflow > p:first-child{
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.garant__popup__box .wpcf7-form-control-wrap {
  width: calc(50% - 8px);
}
.garant__popup__box .wpcf7-form-control-wrap[data-name="form-prof"] {
  width: 100%;
}
.garant .global-form input,
.garant .global-form select,
.garant .global-form textarea {
  margin: 0;
}
.garant .global-form input.wpcf7-submit {
  margin-top: 16px;
}
.wpcf7-form-control-wrap[data-name="form-extra"] {
  height: 20px;
  position: absolute;
  left: 120px;
  bottom: 88px;
  width: calc(100% - 170px);
}
.wpcf7-form-control-wrap[data-name="form-extra"] input {
  height: 20px;
  border-top: none;
  border-left: none;
  border-right: 0;
  border-radius: 0;
  padding: 0;
}
.wpcf7-form-control-wrap[data-name="form-type"] .wpcf7-not-valid-tip {
  display: none;
}
.results__box {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.results__thumbnail {
  width: calc(25% - 8px);
  height: 330px;
  position: relative;
  overflow: hidden;
}
.results__thumbnail .results__item__text {
  width: 100%;
}
.results__thumbnail.disable {
  display: none;
}
.results__thumbnail--img {
  margin-bottom: 10px;
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
}
.results--show-more {
  margin: 30px auto 0 auto;
  width: fit-content;
  color: #fff;
  background: var(--red);
  padding: 10px 20px;
  border-radius: 8px;
}
.branchesMap__left {
  flex-shrink: 0;
  width: 762px;
  padding-top: 80px;
  margin: 0 auto;
}
.branchesMap .branchesMap-body {
    height: 512px;
    position: relative;
}
.branchesMap .branchesMap-body .branchesMap-bg {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.branchesMap .branchesMap-body-els {
    position: relative;
}
.branchesMap {
    overflow: hidden;
    padding-bottom: 50px
}

.branchesMap .container {
    display: flex
}

@media (max-width: 1199px) {
    .branchesMap .container {
        flex-direction:column
    }
}

.branchesMap__left {
    flex-shrink: 0;
    width: 762px;
    padding-top: 50px;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .branchesMap__left {
        margin:auto
    }
}

@media (max-width: 767px) {
    .branchesMap__left {
        width:100%
    }
}

.branchesMap__right {
    width: 100%;
    max-width: 366px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;
    margin-right: 0
}

@media (max-width: 1199px) {
    .branchesMap__right {
        margin:auto;
        margin-top: 30px
    }
}

.branchesMap .branchesMap-body {
    height: 512px;
    position: relative
}

@media (max-width: 767px) {
    .branchesMap .branchesMap-body {
        height:100%
    }
}

.branchesMap .branchesMap-body .branchesMap-bg {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width: 767px) {
    .branchesMap .branchesMap-body .branchesMap-bg {
        display:none
    }
}

.branchesMap .branchesMap-body-els {
    position: relative
}

@media (max-width: 767px) {
    .branchesMap .branchesMap-body-els {
        display:flex;
        flex-wrap: wrap
    }
}

.branchesMap .branchesMap-body-el {
    position: absolute
}

@media (max-width: 767px) {
    .branchesMap .branchesMap-body-el {
        position:relative;
        margin-bottom: 10px;
        margin-right: 10px;
        left: 0 !important;
        top: 0 !important;
        background: white;
        padding: 5px 10px;
        border-radius: 100px;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0);
        transition-duration: 0.4s;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.21);
    }

    .branchesMap .branchesMap-body-el:hover {
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.21)
    }

    .branchesMap .branchesMap-body-el:hover .branchesMap-body-el-tooltip {
        display: none !important
    }
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-name {
    cursor: pointer;
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    position: relative;
    padding-bottom: 17px;
    line-height: 1.1;
    transition-duration: 0.4s
}

@media (max-width: 767px) {
    .branchesMap .branchesMap-body-el .branchesMap-body-el-name {
        display:flex;
        align-items: center;
        padding-left: 20px;
        padding-bottom: 0;
        font-size: 14px
    }
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-name:after {
    transition-duration: 0.4s;
    width: 14px;
    height: 14px;
    border: 3px solid white;
    content: '';
    border-radius: 100px;
    background: var(--red);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    flex-shrink: 0
}

@media (max-width: 767px) {
    .branchesMap .branchesMap-body-el .branchesMap-body-el-name:after {
        position:absolute;
        left: 0;
        right: auto;
        bottom: 1px
    }
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-tooltip {
    width: 215px;
    background: #FFF;
    border: 1px solid #DADFE6;
    box-sizing: border-box;
    box-shadow: 0px 4px 12px rgba(21, 86, 79, 0.3);
    border-radius: 4px;
    position: absolute;
    padding: 15px;
    font-size: 14px;
    display: none;
    bottom: 30px;
    left: -9px
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-tooltip:after {
    left: -20px;
    bottom: 13px;
    content: '';
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
    background: white;
    position: absolute;
    bottom: -10px;
    left: 20px
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-tooltip .branchesMap-body-el-tooltip-text {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-tooltip .branchesMap-body-el-tooltip-text-role {
    display: block;
    width: 100%
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-tooltip .branchesMap-body-el-tooltip-text-name {
    display: block
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-tooltip .branchesMap-body-el-tooltip-email {
    display: block;
    margin-bottom: 5px
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-tooltip .branchesMap-body-el-tooltip-phone {
    display: block;
    font-size: 18px;
    color: black
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-tooltip .branchesMap-body-el-tooltip-map {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    bottom: 15px
}

.branchesMap .branchesMap-body-el .branchesMap-body-el-tooltip .branchesMap-body-el-tooltip-map img {
    width: 100%
}

.branchesMap .branchesMap-body-el.lutsk {
    left: 108px;
    top: 50px
}

.branchesMap .branchesMap-body-el.lviv {
    left: 60px;
    top: 140px
}

.branchesMap .branchesMap-body-el.mukachevo {
    left: 27px;
    top: 223px
}

.branchesMap .branchesMap-body-el.rovno {
    left: 181px;
    top: 70px
}

.branchesMap .branchesMap-body-el.tern {
    left: 122px;
    top: 170px
}

.branchesMap .branchesMap-body-el.ivan {
    left: 80px;
    top: 210px
}

.branchesMap .branchesMap-body-el.ivan .branchesMap-body-el-name {
    max-width: 55px;
    display: block
}

@media (max-width: 767px) {
    .branchesMap .branchesMap-body-el.ivan .branchesMap-body-el-name {
        max-width:100%
    }
}

.branchesMap .branchesMap-body-el.gitomir {
    left: 250px;
    top: 100px
}

.branchesMap .branchesMap-body-el.hmel {
    left: 175px;
    top: 155px
}

.branchesMap .branchesMap-body-el.vin {
    left: 255px;
    top: 192px
}

.branchesMap .branchesMap-body-el.kiev {
    left: 340px;
    top: 115px
}

.branchesMap .branchesMap-body-el.chern {
    left: 390px;
    top: 53px
}

.branchesMap .branchesMap-body-el.cherk {
    left: 360px;
    top: 192px
}

.branchesMap .branchesMap-body-el.odessa {
    left: 330px;
    top: 320px
}

.branchesMap .branchesMap-body-el.sumi {
    left: 485px;
    top: 65px
}

.branchesMap .branchesMap-body-el.poltava {
    left: 470px;
    top: 140px
}

.branchesMap .branchesMap-body-el.kremen {
    left: 456px;
    top: 178px
}

.branchesMap .branchesMap-body-el.nik {
    left: 395px;
    top: 307px
}

.branchesMap .branchesMap-body-el.dnepr {
    left: 510px;
    top: 233px
}

.branchesMap .branchesMap-body-el.kriv {
    left: 468px;
    top: 263px
}

.branchesMap .branchesMap-body-el.hers {
    left: 479px;
    top: 330px
}

.branchesMap .branchesMap-body-el.hark {
    left: 587px;
    top: 150px
}

.branchesMap .branchesMap-body-el.zap {
    left: 559px;
    top: 287px
}

.branchesMap .branchesMap-body-el.ber {
    left: 591px;
    top: 329px
}

.branchesMap .branchesMap-body-el.chernov {
    left: 131px;
    top: 233px
}

.branchesMap .branchesMap-body-el.kirovograd {
    left: 400px;
    top: 227px
}

@media (max-width: 767px) {
    .branchesMap .branchesMap-body-el.disabled {
        display:none
    }
}

.branchesMap .branchesMap-body-el.disabled .branchesMap-body-el-tooltip {
    display: none !important
}

.branchesMap .branchesMap-body-el.disabled .branchesMap-body-el-name:after {
    border: 3px solid #A4CECC;
    background: #76A19F
}

.branchesMap .branchesMap-body-el.disabled:hover .branchesMap-body-el-name:after {
    width: 14px;
    height: 14px;
    bottom: 0px
}

.branchesMap .branchesMap-body-el.disabled__1 {
    left: 131px;
    top: 275px
}

.branchesMap .branchesMap-body-el.disabled__3 {
    left: 709px;
    top: 215px
}

.branchesMap .branchesMap-body-el.disabled__4 {
    left: 658px;
    top: 275px
}

.branchesMap .branchesMap-body-el.disabled__5 {
    left: 514px;
    top: 463px
}

.branchesMap .branchesMap-body-el:hover {
    z-index: 10
}

.branchesMap .branchesMap-body-el:hover .branchesMap-body-el-name {
    font-size: 14px
}

@media (min-width: 767px) {
    .branchesMap .branchesMap-body-el:hover .branchesMap-body-el-name:after {
        width:17px;
        height: 17px;
        bottom: -5px
    }
}

@media (max-width: 575px) {
    .branchesMap .branchesMap-body-el:hover .branchesMap-body-el-name {
    }
}

.branchesMap .branchesMap-body-el:hover .branchesMap-body-el-tooltip {
    display: block;
    z-index: 10
}

.branchesMap__info {
    background: #DAF0F0;
    padding: 59px 27px 108px;
    position: relative;
    margin-bottom: 30px
}

.branchesMap__info .btn {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}

.branchesMap__info-title {
    font-size: 25px;
    font-weight: 700;
    color: #015C53;
    margin-bottom: 12px
}

@media (max-width: 1199px) {
    .branchesMap__info-title {
        font-size:20px
    }
}

.branchesMap__info-boss-post {
    font-size: 14px;
    color: #6F8888;
    opacity: 0.9
}

.branchesMap__info-boss-name {
    font-size: 18px
}

@media (max-width: 575px) {
    .branchesMap__info-boss-name {
        display:block
    }
}

.branchesMap__info-el {
    margin-top: 15px;
    display: flex;
    color: black
}

.branchesMap__info-el:hover {
    color: #109D73
}

.branchesMap__info-el--address {
    font-size: 18px
}

@media (max-width: 1199px) {
    .branchesMap__info-el--address {
        font-size:16px
    }
}

.branchesMap__info-el--phone {
    font-size: 24px
}

@media (max-width: 1199px) {
    .branchesMap__info-el--phone {
        font-size:18px
    }
}

.branchesMap__info-el-icon {
    width: 22px;
    height: 22px;
    display: flex;
    flex-shrink: 0;
    margin-right: 5px;
    align-items: center;
    justify-content: center
}

.branchesMap__info-el-icon img {
    width: 16px;
    margin: auto
}

@media (max-width: 767px) {
    .branchesMap__types {
        display:none
    }
}

.branchesMap__types-el {
    display: flex;
    font-size: 14px
}

.branchesMap__types-el:before {
    width: 20px;
    height: 20px;
    content: '';
    border-radius: 100px;
    background: #109D73;
    flex-shrink: 0;
    margin-right: 8px;
    position: relative;
    top: -2px
}

.branchesMap__types-el--yes {
    margin-bottom: 18px
}

.branchesMap__types-el--no:before {
    background: #76A19F
}
.branchesMap-body-el-tooltip-text,
.branchesMap-body-el-tooltip-email,
.branchesMap-body-el-tooltip-phone,
a.branchesMap-body-el-tooltip-map {
  display: none!important;
}
.branchesMap-body-el-tooltip-text:first-child {
  display: flex!important;
}
.branchesMap .branchesMap-body-el.disabled .branchesMap-body-el-name:after {
  display: none;
}
/* === adaptive === */

@media(max-width:1650px){
  .hero {
    padding-bottom: 16vw;
  }
  .hero--title {
    right: 10%;
  }
  .hero--img-right {
    left: -8%;
  }
}
@media(max-width:1600px){
  .hero--title {
    right: 10%;
  }
  .hero--img-right {
    left: -13%;
    top: 65px;
  }
  .advantages__items {
    padding: 0 30px;
  }
}
@media(max-width:1550px){
  .hero__tab {
    flex-direction: column;
    height: 150px;
    width: 310px;
    padding-left: 20px;
  }
  .hero__tab--icon {
    top: auto;
    bottom: 18px;
  }
  .hero__tab--text {
    text-align: center;
  }
}
@media(max-width:1450px){
  .hero__partners {
    bottom: -75px;
  }
  .hero--title {
    transform: scale(0.8);
  }
  .hero--img-right {
    left: -250px;
    top: 60px;
  }
}
@media(max-width:1400px){
  .hero--title {
    right: 5%;
  }
  .hero__partners {
    bottom: -10px
  }
}
@media(max-width:1200px){
  .hero--title {
    top: 60px;
    right: 7%;
    transform: scale(0.7);
  }
  .hero__tab {
    bottom: 100px;
  }
}
/* ===== */
@media(max-width:1500px) and (min-width: 1400px){
  .technologies__box {
    gap: 30px;
  }
  .technologies--graph-text-1,
  .technologies--graph-text-2,
  .technologies--graph-text-3,
  .technologies--graph-show-1,
  .technologies--graph-show-2,
  .technologies--graph-show-3 {
    right: 10px;
  }
}
@media(max-width:1600px){
  .history__col-1 {
    padding-top: 60px;
  }
  .overview {
    overflow: visible;
  }
  .features__tab-2 {
    right: 0;
  }
  .advantages-2 .advantages__box {
    margin: 0 auto;
  }
  .certificates__box {
    margin-left: auto;
  }
  .application__item {
    max-width: calc(100% - 300px);
    height: auto;
    min-height: 475px;
    padding-bottom: 174px;
  }
  .application .glide__bullets {
    top: auto;
    bottom: 165px;
    right: auto;
    left: 905px;
    max-width: calc(100% - 960px);
  }
  .application .glide__arrows {
    top: auto;
    bottom: 152px;
    right: auto;
    left: 770px;
  }
}
@media(max-width:1550px){
  .directions {
    padding-top: 50px;
  }
  .features__tab-1 {
    right: auto;
    left: 0;
    padding-right: 30px;
    width: 590px;
    z-index: 3;
  }
  .features__tab-2 {
    right: 0;
    padding-right: 30px;
    padding-left: 30px;
    width: 550px;
    z-index: 3;
  }
  .principle {
    padding-top: 50px;
  }
  .principle__box {
    margin-left: 0;
  }
  .garant.style2 .garant--on-fone-5 {
    right: 10px;
  }
}

@media(max-width:1500px){
  .advantages--p {
    margin-bottom: 50px;
  }
  .multitext {
    padding-top: 50px;
  }
  .multitext__box {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
  .garant.style2 .garant__box {
    padding-bottom: 250px;
  }
  .garant.style2 .garant__titles {
    padding-top: 15px;
    height: 410px;
    position: relative;
    left: calc(50% - 382px)
  }
  .garant.style2 .garant--fone {
    position: absolute;
    height: 100%;
  }
  .garant.style2 .garant--on-fone-1 {
    top: auto;
    bottom: 170px;
  }
  .garant.style2 .garant--on-fone-2 {
    top: auto;
    left: 5.17%;
    right: auto;
    bottom: 170px;
  }
  .garant.style2 .garant--on-fone-3 {
    top: auto;
    left: 10%;
    right: auto;
    bottom: 100px;
  }
  .garant.style2 .garant--on-fone-4 {
    top: auto;
    right: 11.67%;
    bottom: 100px;
    left: auto;
  }
  .garant.style2 .garant--on-fone-5 {
    top: auto;
    right: 20px;
    bottom: 35px;
  }
}
@media(max-width:1450px){
  .certificates {
    padding-top: 50px;
  }
  .certificates__box {
    max-width: 100%;
  }
  .results__popup .glide__arrow--right {
    right: -70px;
  }
  .results__popup .glide__arrow--left {
    left: -70px;
  }
}
@media(max-width:1200px){
  .technologies__box {
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
  .technologies__col-1 {
    order: 2;
  }
  .technologies__col-2,
  .technologies--p,
  .technologies__partners,
  .technologies--h2 {
    width: 100%;
    text-align: center;
  }
  .technologies__partners {
    justify-content: center;
  }
  .technologies__partners__p {
    margin-right: 30px;
  }
  .history--img-2 {
    top: 200px;
    right: 85px;
  }
  .history--img-3 {
    top: 400px;
    right: 48px;
  }
  .history__tab-2 {
    top: 155px;
    right: 256px;
  }
  .history__tab-3 {
    top: 360px;
    right: 332px;
  }
  .advantages__item:nth-child(2) {
    top: 0;
  }
  .overview--h2 svg {
    margin: 0 15px;
  }
  .assurance__box {
    left: calc(50% - 403px);
  }
  .assurance .container > div {
    padding-bottom: 250px;
  }
  .assurance--fone-text-1 {
    top: auto;
    bottom: 150px;
    left: 6%;
  }
  .assurance--fone-text-2 {
    top: auto;
    bottom: 140px;
    right: 10%;
  }
  .assurance--fone-text-3 {
    top: auto;
    bottom: 80px;
    left: 6%;
  }
  .assurance--fone-text-4 {
    top: auto;
    bottom: 80px;
    right: 10%;
  }
  .assurance--fone {
    height: 100%;
  }
  .application--h2 {
    margin-left: 0;
  }
  .application--uppertitle {
    top: -50px;
  }
  .application--p {
    left: 690px;
  }
  .fiber--uppertitle {
    top: 0;
    position: absolute;
    left: var(--container-padding);
  }
  .uppertitle--h2 {
    padding-top: 50px;
    margin-left: 0;
    margin-right: 60px;
  }
  .uppertitle--p {
    padding-top: 50px;
    max-width: calc(100% - 640px);
  }
  .garant--on-fone svg {
    display: none;
  }
  .garant--on-fone {
    left: auto;
    right: 30px;
  }
  .solutions {
    padding-top: 50px;
  }
  .solutions__box {
    margin-left: 0;
    max-width: 100%;
  }
  .solutions--uppertitle {
    top: -50px;
  }
  .results__popup__box {
    width: 1100px;
  }
  
}
@media(max-width:1400px) and (min-width: 1200px){
  html {
    zoom: 0.8;
  }
}
@media(max-width:1200px){
  .history__tab-1,
  .contact-main .history__tab-1 {
    right: 140px;
    left: auto;
  }
  .history__tab-2 {
    right: 85px;
  }
  .history__tab-3 {
    top: 360px;
    right: 106px;
  }
  .history__tab-4 {
    top: 500px;
    right: 0;
  }
  .advantages__box {
    position: relative;
    top: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .advantages--fone {
    position: absolute;
    width: calc(100% - var(--container-padding-all));
    height: 100%;
    object-fit: cover;
  }
  .advantages__items {
    flex-direction: column;
  }
  .advantages__item,
  .advantages__item--h3,
  .advantages__item--p {
    width: 100%;
  }
  .advantages__item--h3 {
    margin-top: 15px;
  }
  .directions__grid {
    justify-content: center;
    grid-template-columns: 282px 282px 294px;
    grid-template-rows: 283px 283px 283px;
    grid-template-areas:
        "item1 item1 item2"
        "item4 item5 item2"
        "item3 item3 item6";
  }
  .overview--h2 {
    font-size: 40px;
  }
  .footer__box {
    width: 1000px;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
  }
  .footer--img-1 {
    margin-left: 0;
  }
  h1, h2 {
    font-size: 44px;
    line-height: 110%;
  }
  .garant__box {
    padding-bottom: 250px;
  }
  .garant--fone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: none;
  }
  .garant__titles {
    height: auto;
    padding-top: 20px;
    position: relative;
    margin-bottom: 100px;
    left: calc(50% - 382px);
  }
  .garant__tab {
    position: relative;
    left: calc(50% - 268px);
  }
  .garant--on-fone-1 {
    top: auto;
    bottom: 150px;
  }
  .garant--on-fone-2 {
    top: auto;
    bottom: 50px;
  }
  .garant--on-fone-3 {
    top: auto;
    bottom: 150px;
    left: 30px;
    right: auto;
  }
  .garant--on-fone-4 {
    top: auto;
    bottom: 50px;
    left: 30px;
    right: auto;
  }
  .leader__col-1 {
    width: calc(100% - 700px);
  }
  .faq__inner {
    flex-direction: column;
  }
  .innovations {
    padding-top: 50px;
  }
  .innovations__box {
    margin-left: 0;
    max-width: 100%;
  }
  .services {
    padding-top: 50px;
  }
  .services__inner {
    margin-left: 0;
    max-width: 100%;
  }
  .garant.style2 .garant__tab {
    position: absolute;
    left: calc(50% - 382px);
  }
  .application__item {
    padding-left: 410px;
  }
  .application .glide__arrows {
    left: 718px;
  }
  .application .glide__bullets {
    max-width: calc(100% - 910px);
    left: 855px;
  }
  .application__item--h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .results__popup__box {
    width: 1000px;
  }
}
@media(max-width:1200px){
  :root {
    --container-padding: 25px;
  }
  .functions__item {
    width: 100%;
    min-height: 200px;
  }
  .garant.style2 .garant__tab {
    left: 0;
  }
  .header__box {
    padding: 0 25px;
  }
  .home .header__box {
    background: #fff;
  }
  .hero__box {
    min-height: 420px;
    border-radius: 10px;
    background: #fff;
  }
  .hero--img-right {
    display: none;
  }
  .hero--title {
    transform: scale(0.6);
    right: 0;
  }
  .hero--fone-1,
  .hero--fone-2 {
    display: none;
  }
  .hero  {
    padding-bottom: 150px;
  }
  .hero__partners {
    bottom: -100px;
    justify-content: center;
    width: 800px;
    left: calc(50% - 400px);
  }
  .hero__tab {
    bottom: auto;
    top: 170px;
    left: 25px;
    width: 290px;
    height: 96px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hero__tab--icon {
    width: 44px;
    height: 44px;
    bottom: auto;
    top: -23px;
    left: calc(50% - 22px);
  }
  .hero__tab--btn {
    height: 44px;
    position: absolute;
    bottom: -28px;
    left: calc(50% - 105px);
  }
  .hero__tab--text {
    width: 234px;
    font-size: 14px;
    line-height: 18px;
  }
  .results__popup__box {
    width: 900px;
  }
}

@media(min-width:1081px){
  .mobile {
    display: none!important;
  }
  .header__menu {
    display: none;
  }
  .slider.slider-1 .slider--h2 {
        margin-bottom: 50px;
  }
  .slider.slider-1 .glide__arrows {
    display: none;
  }
}
@media(max-width:1080px){
  .mobile {
    display: block;
  }
  .desktop {
    display: none!important;
  }
  .btn {
    font-size: 14px;
  }
  /* ============= */
  .header__logo--img {
    width: 72px;
    height: auto;
    object-fit: cover;
  }
  .header__menu {
    display: block;
    position: fixed;
    z-index: 13;
    width: 100%;
    height: 100vh;
    background: rgba(19, 19, 19, 0.64);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    overflow: hidden;
  }
  .header__menu.active {
    opacity: 1;
    visibility: visible;
  }
  .header__menu__box {
    position: absolute;
    top: 0;
    right: 0;
    width: 270px;
    height: 100%;
    transform: translateX(300px);
    transition: 0.8s;
    background: #fff;
    padding: 28px 16px 20px 16px;
  }
  .header__menu.active .header__menu__box {
    transform: translateX(0);
  }
  .header__menu--close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header__menu__lang {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
  }
  .header__menu__lang .lang-item {
    list-style: none;
    padding: 0 10px;
    border-left: 1px solid rgba(19, 19, 19, 0.60);
  }
  .header__menu__lang .lang-item a {
    color: rgba(19, 19, 19, 0.40);
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 106.667% */
    text-transform: uppercase;
    text-decoration: none;
  }
  .header__menu__lang .lang-item.current-lang {
    border-left: none;
  }
  .header__menu__lang .lang-item.current-lang a {
    color: #131313;
  }
  .header__menu__nav {
    margin-bottom: 82px;
  }
  .header__menu__nav .menu {
    display: flex;
    flex-direction: column;
    gap: 44px;
  }
  .header__menu__nav .menu-item {
    list-style: none;
  }
  .header__menu__nav .menu-item a {
    color: var(--black);
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 106.667% */
    text-decoration: none;
  }
  .header__menu__nav .menu-item.current_page_item a {
    color: var(--red)
  }
  .header__menu__links {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 13px;
  }
 
  .header__menu--btn {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--red);
    color: #fff;
  }
  .hero--title {
    right: -100px;
  }
  .overview {
    overflow: hidden;
  }
  .uppertitle--h2 {
    clear: both;
    
  }
  .uppertitle--p {
    clear: both;
    max-width: 100%;
    padding-top: 25px;
  }
  .application .container {
    padding: 0;
  }
  .application--h2 {
    margin-bottom: 20px;
    padding: 0 12px;
    font-size: 36px;
    line-height: 40px;
  }
  .application--p {
    position: static;
    width: 264px;
    margin: 0 auto;
  }
  .application .glide__slide {
    padding: 220px 15px 80px 15px;
  }
  .application__item {
    max-width: 100%;
    min-height: 435px;
    padding: 170px 1px 115px 1px;
  }
  .application__item__download {
    margin-bottom: 14px;
    justify-content: center;
  }
  .application__item--text {
    padding: 6px 9px;
    min-width: 0;
    font-size: 12px;
    line-height: 12px;
    border-radius: 5.133px;
    border: 0.657px solid #DEDEE0;
    background: #FFF;
    box-shadow: 0 2.628px 8.598px 3.941px rgba(196, 196, 196, 0.19);
  }
  .application__item--h3 {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 24px; 
    text-align: center;
  }
  .application__item--p {
    max-width: 290px;
    margin: 0 auto;
    font-size: 12px;
    font-family: Raleway;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
  }
  .application .glide__arrows {
    left: calc(50% - 50px);
    gap: 6px;
    bottom: 120px;
    width: 100px;
  }
  .application .glide__bullets {
    max-width: calc(100% - 66px);
    left: 33px;
    bottom: 165px;
  }
  .glide__bullets ,
  .glide__bullet {
    height: 4px;
  }
}
@media(max-width: 880px){
  :root {
    --container-padding: 15px;
  }
  h1{
    font-size: 30px;
    line-height: 36px;
    text-align: center;
  }
  h2 {
    font-size: 40px;
    line-height: 42px;
    text-align: center;
  }
  h1 b small, h2 b small, h2 small {
    font-size: 14px;
  }
  h2 small {
    top: -24px;
  }
  .common-text {
    font-size: 14px;
    line-height: 18px;
  }
  header {
    width: 100vw;
    padding-top: 8px;
  }
  .header__box {
    height: 57px;
    padding: 0 18px;
  }
  .home .header__box {
    background: transparent;
  }
  .hero {
    margin-bottom: 90px;
    padding-top: 8px;
    padding-bottom: 190px;
  }
  .hero .container::after {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 820px;;
    left: 0;
    background: #fff;
    z-index: 3;
  }
  .hero .container {
    padding-left: 8px;
    padding-right: 8px;
  }
  .hero__box {
    background: transparent;
  }
  .hero--fone-1 {
    display: block;
  }
  .hero--title {
    right: 12px;
    transform: scale(1);
    height: auto;
    top: 100px;
    max-width: calc(100% - 24px);
  }
  .hero__tab {
    top: auto;
    left: calc(50% - 145px);
    bottom: -160px;
  }
  .hero__partners {
    bottom: auto;
    top: 325px;
    width: calc(100% - 32px);
    left: 16px;
    height: 226px;
    align-items: flex-start;
    padding: 10px;
    border-radius: 12px;
    gap: 8px;
  }
  .hero__partners--text {
    width: calc(100% - 46px);
    height: 54px;
    position: absolute;
    left: 23px;
    top: -71px;
  }
  .hero__partners__icon {
    width: 132px;
    height: 106px;
    border-radius: 8px;
    padding: 14px 26px 14px 26px;
  }
  .hero__partners__icon svg {
    max-width: 100%;
    height: auto;
  }
  .hero--img-right {
    display: block;
    width: 492px;
    max-width: none;
    left: -40px;
    bottom: auto;
    top: 430px;
    height: auto;
  }
  /* === */
  .hero-page {
    padding-top: 125px;
    margin-bottom: 80px;
  }
  .hero-page__tab {
    left: 8px;
    width: calc(100% - 16px);
    padding: 6px;
    gap: 12px;
  }
  .hero-page__tab--img {
    width: 84px;
    height: auto;
    border-radius: 6px;
  }
  .hero-page__tab--p {
    font-size: 14px;
    line-height: 18px;
  }
  .hero-page--fone {
    border-radius: 8px;
  }
  .features {
    padding-bottom: 0;
    margin-bottom: 80px;
  }
  .features--h2 {
    margin-bottom: 21px;
  }
  .features__box {
    margin-top: 36px;
    height: 430px;
  }
  .features__tab--p {
    font-size: 12px;
    line-height: 15px;
  }
  .features__tab-1 {
    top: 0;
    left: 0;
    width: 295px;
    padding: 21px 18px;
    height: auto;
    z-index: 2;
  }
  .features__tab-2 {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    width: 270px;
    padding: 21px 18px;
    height: auto;
    font-size: 12px;
    line-height: 15px;
  }
  .features--img-1 {
    width: 135px;
    height: auto;
    top: 230px;
    right: 0;
  }
  .features--img-2 {
    width: 345px;
    height: auto;
    object-fit: cover;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 4;
  }
  .features--img-3 {
    bottom: 82px;
    left: 0;
    z-index: 5;
    width: 171px;
    height: auto;
    object-fit: cover;
  }
  .uppertitle--h2 {
    margin-left: 0;
    padding-top: 16px;
    margin-right: 0;
    font-size: 32px;
    line-height: 36px;
  }
  .uppertitle--p {
    padding-top: 20px;
    text-align: center;
  }
  .fiber {
    margin-bottom: 120px;
  }
  .fiber__box {
    padding-top: 40px;
    flex-direction: column;
    gap: 8px;
  }
  .fiber__col-1,
  .fiber__col-2 {
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
  }
  .fiber--img {
    border-radius: 10px;
  }
  .fiber--img {
    display: block;
    height: 210px;
  }
  .fiber--onimg {
    right: 10px;
    bottom: 10px;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 100%;
    border-radius: 4px;
  }
  .fiber--text {
    margin-top: 0;
    padding-left: 0;
    width: fit-content;
    padding: 6px 8px;
    position: absolute;
    z-index: 2;
    left: 10px;
    bottom: 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4.063px 14.728px 6.094px rgba(196, 196, 196, 0.10);
    font-size: 12px;
    line-height: 100%;
  }
  .principle {
    padding-top: 0;
  }
  .principle__box {
    width: 100%;
    padding-bottom: 80px;
  }
  .principle--h2 {
    text-align: left;
    margin-bottom: 20px;
  }
  .principle--fone {
    width: 350px;
    height: auto;
    right: auto;
    top: 226px;
  }
  .principle--p {
    margin-bottom: 225px;
    font-size: 14px;
    line-height: 18px;
  }
  .principle__item {
    margin-bottom: 8px;
    padding: 23px 20px 25px 45px;
    width: 100%;
    height: auto;
  }
  .principle__item--count {
    top: 23px;
    left: 16px;
    font-size: 16px;
    line-height: 16px;
  }
  .principle__item--h3 {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 16px;
  }
  .principle__item--p {
    width: 100%;
    font-size: 12px;
    line-height: 15px;
  }
  .functions {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .functions--h2 {
    margin-bottom: 78px;
  }
  .functions__box {
    padding-bottom: 0;
  }
  .functions .glide__slide {
    height: 100%;
    flex-direction: column;
  }
  .functions__item {
    width: 100%;
    padding: 36px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .functions__col {
    width: 100%;
  }
  .functions__item .functions__col:last-child {
    padding: 0;
    order: 3;
  }
  .functions__item:last-child {
    padding-top: 0;
  }
  .functions__item--img {
    position: static;
  }
  .functions__item--img {
    order: 3;
  }
  .functions__item--h3 {
    margin-right: auto;
    padding: 0;
    font-size: 24px;
  }
  .functions__item--p {
    margin: 0;
    padding: 0;
  }
  .functions__item--subtitle {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    margin-right: auto;
  }
  .functions__item__anim-text ul {
    padding-left: 24px;
  }
  .functions__item__anim-text ul li {
    font-size: 14px;
  }
  .functions__item__anim-text ul li::before {
    width: 16px;
    height: 16px;
    top: 2px;
    left: -24px;
  }
  .advantages-2 {
    padding-top: 80px;
    padding-bottom: 0;
    margin-bottom: 120px;
  }
  .advantages .container {
    display: block;
  }
  .advantages__items {
    margin-bottom: 0;
    gap: 8px;
    padding: 0;
  }
  .advantages__item {
    height: auto;
    padding: 20px 25px 40px 20px;
    border-radius: 8px;
  }
  .advantages__item--h3,
  .advantages-2 .advantages__item--h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
    text-transform: none;
  }
  .results {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .results--h2 {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 36px;
  }
  .about_typar-main .results--h2 {
    line-height: 120%;
    font-size: 8.4vw;
  }
  .results--p {
    margin: 0 auto 66px auto;
    width: 216px;
  }
  .results__item {
    width: 337px;
  }
  .results__item--img {
    margin-bottom: 12px;
    width: 100%;
    height: 280px;
  }
  .results .glide.glide-gal {
    width: calc(100% + var(--container-padding));
  }
  .results__item--a {
    padding-left: 12px;
    font-size: 18px;
    line-height: 100%;
  }
  .garant {
    margin-bottom: 80px;
  }
  .garant__box {
    padding: 0;
  }
  .garant__titles {
    position: absolute;
    margin-bottom: 0;
    left: 7px;
    width: calc(100% - 14px);
    padding: 60px 11px;
    height: auto;
    gap: 16px;
  }
  .garant--fone {
    position: relative;
    height: auto;
  }
  .garant--h2 {
    margin-bottom: 0;
    width: 100%;
    font-size: 32px;
    line-height: 36px;
  }
  .garant--on-fone::before {
    content: "";
    display: block;
    width: 27px;
    height: 12px;
    background: url(assets/imgs/hero-page__tab.svg);
    position: absolute;
    bottom: -9px;
    left: calc(50% - 13px);
  }
  .garant--on-fone {
    border: none;
    bottom: auto;
    top: auto;
    right: auto;
    left: auto;
    padding: 10px 13px;
    font-size: 12px;
    line-height: 100%;
  }
  .garant--on-fone, .garant--on-fone * {
    font-size: 12px;
    line-height: 12px;
  }
  .garant--on-fone-1 {
    top: 600px;
    left: 17px;
  }
  .garant--on-fone-2 {
    top: 660px;
    right: 34px;
  }
  .garant--on-fone-3 {
    top: 720px;
    left: 32px;
  }
  .garant--on-fone-4 {
    top: 770px;
    right: 54px;
  }
  .garant__tab {
    position: absolute;
    left: 7px;
    bottom: 7px;
    width: calc(100% - 14px);
    padding: 70px 20px 50px 20px;
    height: auto;
  }
  .garant__tab--p {
    margin-bottom: 20px;
    text-align: center;
  }
  .garant__tab--btn {
    margin: 0 auto;
    width: 206px;
    height: 44px;
  }
  .garant__tab--img {
    position: absolute;
    top: -260px;
    left: -22px;
    z-index: 1;
    width: 375px;
    height: auto;
  }
  .certificates {
    padding-top: 0;
    margin-bottom: 80px;
  }
  .certificates--h2 {
    margin-bottom: 10px;
    text-align: left;
    font-size: 32px;
    line-height: 36px;
  }
  .certificates__col-2 {

    flex-wrap: nowrap;
    overflow-x: scroll;
    scroll-behavior: smooth;
    padding-bottom: 30px;
    padding-right: var(--container-padding);
  }
  .certificates__item {
    min-width: 273px;
  }
  .certificates__item--img {
    width: 273px;
  }
  .leader {
    margin-bottom: 120px;
  }
  .leader__box {
    flex-direction: column;
    gap: 30px;
  }
  .leader__col-1 {
    width: 100%;
    left: 0;
    order: 2;
  }
  .leader--img {
    width: 100%;
  }
  .leader--h2 {
    margin-bottom: 20px;
    text-align: left;
  }
  .leader--text {
    max-width: 100%;
    width: 100%;
  }
  .leader--btn {
    margin-bottom: 20px;
    height: 44px;
  }
  .leader--p {
    text-align: center;
  }
  .contact .container {
    padding: 0;
  }
  .contact--h2 {
    width: 300px;
    text-align: center;
    background: transparent;
    text-align: center;
    left: calc(50% - 150px);
    font-size: 26px;
    line-height: 30px;
  }
  .contact__box {
    left: calc(50% - 172px);
    width: 344px;
    height: 407px;
    border-radius: 12px;
    background: #FFF;
    padding: 24px 10px 10px 10px;
  }
  .global-form input,
  .global-form select,
  .global-form textarea {
    margin-bottom: 8px;
    height: 42px;
    padding: 10px 14px;
  }
  .global-form textarea {
    height: 100px;
  }
  .contact--text {
    margin-bottom: 16px;
  }
  .contact--fone {
    min-height: 592px;
  }
  .faq {
    margin-top: 30px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .faq--h2 {
    margin-right: 0;
    text-align: left;
  }
  .faq__item {
    padding: 22px 16px 22px 16px;
    border-radius: 12px;
    border: 1px solid #EDEDED;
    background: #FFF;
    box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
  }
  .faq__item--h3 {
    padding-right: 50px;
    font-size: 14px;
    line-height: 18px;
  }
  .faq__item--btn {
    top: 21px;
    right: 21px;
    width: 30px;
    height: 30px;
  }
  .faq__item--btn svg {
    width: 12px;
    height: auto;
  }
  .faq__item__answer--text {
    font-size: 12px;
    line-height: 15px;
  }
  .footer {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .footer__box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .footer__logo {
    margin-bottom: 10px;
  }
  .footer__menu {
    margin-bottom: 20px;
  }
  .footer .footer__menu > div {
    height: auto;
  }
  .footer .menu {
    gap: 24px;
    flex-direction: column;
  }
  .footer .menu a {
    color: rgba(255, 255, 255, 0.80);
    font-size: 14px;
    line-height: 14px;
  }
  .footer--copyright {
    margin-top: 50px;
    font-size: 14px;
  }
  .technologies {
    padding-bottom: 100px;
  }
  .technologies__col-2 {
    padding-top: 0;
  }
  .technologies--h2 {
    margin-bottom: 20px;
    text-align: left;
  }
  .technologies--p {
    text-align: left;
  }
  .technologies__partners {
    justify-content: flex-start;
  }
  .technologies__partners__p {
    font-size: 12px;
    padding: 7px 9px;
  }
  .technologies__partners--img:last-child {
    margin-left: 5px;
  }
  .technologies__partners__p svg {
    top: 9px;
    right: -40px;
  }
  .technologies--fone {
    width: 100%;
    height: auto;
  }
  .technologies--graph {
    width: calc(100% - 14px);
    height: auto;
    left: 7px;
    top: 7px;
  }
  .technologies--red-text {
    width: 120px;
    padding: 6px 8px;
    font-size: 10px;
    line-height: 12px;
    left: 20px;
    top: calc(100% - 33px);
    border-radius: 5px;
  }
  .technologies__mob--subtitle {
    position: relative;
    margin-bottom: 21px;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--green);
    color: #FFF;
    font-size: 14px;
    line-height: 18px; /* 128.571% */
  }
  .technologies__mob--subtitle::before {
    content: "";
    display: block;
    width: 12px;
    height: 9px;
    position: absolute;
    left: calc(50% - 6px);
    bottom: -7px;
    background: url(assets/imgs/technologies__mob--subtitle.svg);
  }
  .technologies__mob--text {
    width: 100%;
    height: auto;
    padding: 11px 19px;
    background: #E1ECE2;
    border-radius: 6px;
    color: #424242;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px; /* 116.667% */
  }
  .technologies__box {
    flex-direction: column;
    gap: 40px;
  }
  .technologies__col-1 {
    margin-bottom: 25px;
    order: 2;
  }
  .technologies .glide__bullets {
    bottom: -24px;
  }
  .history {
    padding-bottom: 80px;
  }
  .history__box {
    flex-direction: column;
  }
  .history__col-1 {
    padding-top: 0;
  }
  .history--h2 {
    text-align: left;
    margin-bottom: 20px;
  }
  .history--text-2 svg {
    display: none;
  }
  .history--text-1,
  .history--text-2 {
    margin-bottom: 16px;
  }
  .history__items {
    gap: 2px;
  }
  .history__items--icon {
    width: 27px;
    height: 27px;
  }
  .history__items--icon svg {
    width: 17px;
    height: auto;
  }
  .history__items--item {
    height: 27px;
    padding: 0 7px;
    font-size: 12px;
  }
  .history--img-1 {
    top: 0;
    right: 0;
    width: 226px;
    height: auto;
  }
  .history--img-2 {
    top: 116px;
    width: 173px;
    height: auto;
    right: auto;
  }
  .history--img-3 {
    width: 235px;
    height: auto;
    right: 0;
    top: 237px;
  }
  .history__tab {
    flex-direction: column;
    width: auto;
    height: auto;
    align-items: flex-start;
    padding: 10px 12px;
    gap: 0;
  }
  .history__tab--number {
    font-size: 35px;
    line-height: 35px;
  }
  .history__tab--number span {
    font-size: 26px;
    line-height: normal;
  }
  .history__tab--text {
    font-size: 11px;
    line-height: 13px;
  }
  .history__tab-1 {
    top: 31px;
    right: 213px;
  }
  .history__tab-2 {
    top: 150px;
    right: 0;
    left: auto;
    width: 197px;
  }
  .history__tab-3 {
    top: 260px;
    left: 7px;
    width: 123px;
  }
  .history__tab-4 {
    top: 358px;
    right: 8px;
    width: 100px;
  }
  .history__tab-4 img {
    max-width: 100%;
  }
  .history__col-2 {
    height: 400px;
  }
  .advantages {
    padding-bottom: 80px;
  }
  .advantages__box {
    padding: 5px 7px 60px 7px;
  }
  .advantages--p {
    margin-bottom: 60px;
    font-size: 14px;
    line-height: 18px;
  }
  .advantages__item {
    padding-bottom: 24px;
  }
  .advantages--btn {
    margin-top: 40px;
    padding: 14px 50px;
    background: var(--red);
  }
  .directions {
    padding-top: 0;
    margin-bottom: 80px;
  }
  .directions--h2 {
    margin-bottom: 20px;
    text-align: left;
    font-size: 32px;
    line-height: 36px;
  }
  .directions__grid {
    position: relative;
    overflow: hidden;
    display: block;
    height: 880px;
    transition: 0.6s;
  }
  .directions__grid.active {
    height: 1790px;
  }
  .directions__grid__item {
    margin-bottom: 16px;
    width: 100%;
    height: 283px;
  }
  .directions__grid__item:nth-child(2) .directions__grid__item--h3 {
    margin-top: auto;
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 28px;
  }
  .directions--btn {
    margin: 40px auto 0 auto;
    width: fit-content;
    padding: 17px 65px;
    background: var(--black);
    color: #fff;
  }
  .directions__grid.active ~ .directions--btn {
    display: none;
  }
  .overview {
    margin-bottom: 80px;
  }
  .overview--h2 {
    margin-bottom: 10px;
    display: block;
    font-size: 24px;
    line-height: 30px;
    text-align: left;
    padding-top: 5px;
  }
  .overview--h2 svg {
    display: none;
  }
  .overview__box {
    flex-direction: column;
  }
  .overview--p {
    margin: 0 auto 30px auto;
    width: 250px;
  }
  .overview__col-1 {
    max-width: 100%;
    height: 250px;
  }
  .overview--fone-1 {
    top: 0;
    left: calc(50% - 188px);
    width: 375px;
    height: auto;
    max-width: 200%;
  }
  .overview--fone-2 {
    top: 68px;
    right: -14px;
    width: 230px;
    height: auto;
  }
  .overview__col-2 {
    width: 100%;
  }
  .overview .glide__slide {
    padding-bottom: 40px;
  }
  .assurance {
    margin-bottom: 80px;
  }
  .assurance__box {
    max-width: 100%;
    width: calc(100% - 14px);
    left: 7px;
    padding: 33px 15px 50px 15px;
    height: auto;
    top: 7px;
    border-radius: 12px;
    background: #fff;
  }
  .assurance .container > div {
    border-radius: 12px;
    padding: 0;
    min-height: 857px;
  }
  .assurance--h2 {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 30px;
  }
  .assurance--h2 small {
    top: -10px;
  }
  .assurance__box--fone {
    width: 100%;
    height: auto;
  }
  .assurance--p {
    margin-bottom: 38px;
    padding: 0 5px;
  }
  .assurance__btns {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .assurance--btn-1,
  .assurance--btn-2 {
    width: 260px;
    height: 44px;
    padding: 0 10px;
    font-size: 14px;
  }
  .assurance--fone-text {
    font-size: 12px;
    padding: 4px 14px;
    width: fit-content;
    height: fit-content;
    border-radius: 6px;
  }
  .assurance--fone-text::before {
    width: 17px;
    height: 12px;
  }
  .assurance--fone-text-1 {
    bottom: 260px;
    right: 24px;
    left: auto;
    top: auto;
  }
  .assurance--fone-text-2 {
    left: 16px;
    bottom: 202px;
    top: auto;
  }
  .assurance--fone-text-3 {
    right: 16px;
    bottom: 144px;
    left: auto;
    top: auto;
  }
  .assurance--fone-text-4 {
    right: 37px;
    bottom: 86px;
    top: auto;
  }
  .glide__arrow {
    width: 48px;
    height: 26px;
  }
  .glide__arrow svg {
    width: 16px;
  }
  .application {
    margin-bottom: 80px;
    padding-top: 80px;
    padding-bottom: 0;
  }
  .glide__arrows {
    width: 100px;
  }
  .results .glide {
    margin-top: 68px;
  }
  .results .glide__arrows {
    top: -48px;
    left: calc(50% - 55px);
    display: flex;
  }
  .results__item__text {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 14px;
  }
  .results__item__text b,
  .results__item__text span {
    font-size: 16px;
    line-height: 16px;
  }
  .results--btn {
    margin-top: 40px;
    margin-bottom: 70px;
  }
  .hero-page h1 {
    font-size: 40px;
    line-height: 42px;
  }
  .about_typar-main .hero-page h1 {
    font-size: 32px;
    line-height: 38px;
  }
  .hero-page__tab.no-image {
    width: calc(100% - 62px);
    text-align: center;
    padding: 17px 11px;
    left: 31px;
    height: auto;
  }
  .multitext {
    padding-top: 0;
  }
  .multitext--h2 {
    margin-bottom: 20px;
    text-align: left;
  }
  .multitext__texts {
    margin-bottom: 40px;
    flex-direction: column;
    gap: 16px;
  }
  .multitext__text--p {
    max-width: 100%;
  }
  .multitext__tabs {
    margin-bottom: 0;
  }
  .multitext__tab {
    display: flex;
    margin-bottom: 8px;
    width: 100%;
    max-width: 100%;
    height: 47px;
    border-radius: 8px; 
    font-size: 14px;
  }
  .multitext__imgs {
    margin-bottom: 0;
    flex-direction: column;
    gap: 0;
  }
  .multitext__img {
    margin-bottom: 30px;
  }
  .multitext__btns {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .multitext__btn-1,
  .multitext__btn-2 {
    padding: 0;
    width: 260px;
    height: 44px;
  }
  .application_one-main .advantages-2 {
    padding-top: 120px;
    margin-bottom: 0;
  }
  .gallery .glide__arrows {
    right: 12px;
    bottom: 12px;
  }
  .gallery {
    margin-bottom: 120px;
  }
  .innovations {
    padding-top: 0;
    margin-bottom: 70px;
  }
  .innovations--h2 {
    margin-bottom: 40px;
    text-align: left;
  }
  .innovations .glide__bullets {
    position: relative;
    display: flex;
    margin-top: 25px;
  }
  .technical_support-main .hero-page__tab {
    width: calc(100% - 25px);
    left: 13px;
    top: -76px;
    padding: 16px 6px;
    height: auto;
  }
  .technical_support-main .hero-page h1 {
    margin-bottom: 106px;
  }
  .services {
    padding-top: 0;
    margin-bottom: 80px;
  }
  .services__box {
    flex-direction: column;
    gap: 40px;
  }
  .services__item {
    width: 100%;
  }
  .services__item__li::before {
    width: 24px;
    height: 24px;
    top: -2px;
    left: -34px;
    background: url(assets/imgs/services__item__li-2.svg) no-repeat center center / cover;
  }
  .services__item__picture {
    margin-bottom: 12px;
    height: 210px;
    border-radius: 8px;
  }
  .services__item--h3 {
    height: 40px;
    font-size: 18px;
    line-height: 20px;
  }
  .garant.style2 {
    padding-bottom: 570px;
    margin-bottom: 0;
  }
  .technical_support-main .garant.style2 {

  }
  .garant.style2 .garant--fone {
    position: relative;
    width: 100%;
  }
  .garant.style2 .garant__titles {
    position: absolute;
    padding-top: 60px;
    height: 300px;
    left: 7px;
    top: 7px;
  }
  .garant.style2 .garant--p {
    width: 295px;
    font-size: 14px;
    line-height: 18px;
  }
  .garant.style2 .garant__box {
    padding-bottom: 0;
    min-height: 677px;
  }
  .garant.style2 .garant--on-fone {
    padding: 8px 13px;
  }
  .garant.style2 .garant--on-fone-1 {
    left: 33px;
    bottom: 314px;
  }
  .garant.style2 .garant--on-fone-2 {
    right: 30px;
    bottom: 256px;
  }
  .garant.style2 .garant--on-fone-3 {
    left: 16px;
    bottom: 198px;
  }
  .garant.style2 .garant--on-fone-4 {
    right: 16px;
    bottom: 140px;
  }
  .garant.style2 .garant--on-fone-5 {
    right: calc(50% - 151px);
    bottom: 75px;
    width: 302px;
    white-space: normal;
    text-align: center;
  }
  .garant.style2 .garant--on-fone::before {
    width: 27px;
    height: 12px;
  }
  .garant.style2 .garant--on-fone-1::before {
    left: 31px;
  }
  .garant.style2 .garant--on-fone-2::before {
    right: 19px;
  }
  .garant.style2 .garant--on-fone-3::before {
    left: 25px;
  }
  .garant.style2 .garant--on-fone-4::before {
    right: 25px;
  }
  .garant.style2 .garant--on-fone-5::before {
    left: 141px;
  }
  .garant.style2 .garant__tab {
    width: 100%;
    height: 325px;
    padding: 160px 33px 20px 33px;
    position: absolute;
    top: 800px;
  }
  .garant.style2 .garant__tab--p {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 18px;
  }
  .garant.style2 .garant__tab--btn {
    position: static;
  }
  .garant.style2 .garant__tab--img {
    top: -180px;
    left: -10px;
  }
  .solutions {
    padding-top: 0;
    margin-bottom: 80px;
  }
  .solutions__box {
    flex-direction: column;
  }
  .solutions__col-2 {
    width: 100%;
  }
  .solutions__item__h4 {
    padding: 24px 60px 24px 12px;
    font-size: 14px;
    line-height: 14px;
  }
  .solutions__item__h4--span {
    padding: 4px;
    font-size: 14px;
    line-height: 14px;
  }
  .solutions__item--btn,
  .solutions__item--subbtn {
    top: 21px;
    right: 21px;
    width: 30px;
    height: 30px;
  }
  .solutions__item--btn svg,
  .solutions__item--subbtn svg {
    width: 12px;
    height: auto;
  }
  .solutions__item--subbtn {
    top: -6px;
    right: 0;
  }
  .solutions__item__h5 {
    font-size: 14px;
    line-height: 14px;
  }
  .solutions__item__content,
  .solutions__item__subcontent {
    padding: 20px 22px 23px 12px;
    gap: 10px;
  }
  .solutions__item--a {
    font-size: 14px;
    line-height: 16px;
    padding-left: 26px;
    position: relative;
  }
  .solutions__item--a span {
    font: inherit;
    position: absolute;
    top: 0;
    left: 0;
  }
  .slider {
    margin-bottom: 80px;
  }
  .slider__box {
    margin-left: 0;
  }
  .slider--h2 {
    margin-bottom: 70px;
    text-align: left;
    padding-right: 10px;
  }
  .slider .glide__arrows {
    top: -50px;
  }
  .slider.slider-1 .glide__slide {
    padding-right: var(--container-padding);
  }
  .slider__item--h3 {
    padding: 6px 24px 0 12px;
    font-size: 14px;
    line-height: 18px;
  }
  .technical_doc-main .certificates {
    margin-bottom: 70px;
  }
  .hero-page__box {
    flex-direction: column;
    position: relative;
    bottom: auto;
    top: -20px;
    gap: 4px;
    align-items: center;
  }
  .hero-page__item {
    padding: 25px;
    width: 100%;
    height: 145px;
    border-radius: 8px;
    border: 1px solid #EDEDED;
    box-shadow: 0 4px 14.5px 6px rgba(196, 196, 196, 0.00);
  }
  .hero-page__item--p {
    font-size: 14px;
    line-height: 14px;
  }
  .hero-page__item--a {
    font-size: 18px;
    line-height: 18px;
  }
  .hero-page.has-box {
    padding-bottom: 0;
  }
  .contact-main .history__tab {
    width: auto;
    display: flex;
    flex-direction: row;
    height: auto;
  }
  .contact-main .history__tab-1 {
    top: 52px;
    top: 89px;
  }
  .contact-main .history__tab-2 {
    top: 180px;
    right: 10px;
  }
  .contact-main .history__tab-3 {
    top: 307px;
    left: 10px;
    right: auto;
  }
  .contact-main .history--img-2 {
    width: 292px;
    height: auto;
  }
  .contact-main .history {
    padding-bottom: 70px;
  }
  .page-main {
    padding-top: 125px;
    margin-bottom: 120px;
  }
  .page-main h1,
  .page-main h2,
  .page-main h3 {
    margin-bottom: 20px;
    text-align: left;
    font-size: 32px;
  }
  .page-main p {
    font-size: 14px;
    line-height: 18px;
  }
  .page-main strong {
    width: 100%;
    display: block;
    text-align: center;
  }
  .page-main a:last-child {
    margin: 0 auto;
  }
  .use {
    padding-top: 125px;
    margin-bottom: 80px;
  }
  .use h1 {
    font-size: 40px;
    line-height: 42px;
  }
  .use__box .glide__slide {
    width: 100%;
    height: 420px;
  }
  .use__box .glide__slides {
    flex-wrap: nowrap;
    width: auto;
    max-width: none;
    gap: 0;
  }
  .use__item {
    padding: 8px 8px 34px 8px;
  }
  .use__item--img {
    float: none;
    clear: both;
    max-width: 100%;
    margin: 0 auto 20px auto;
    height: 210px;
  }
  .use__item--icon {
    display: none;
  }
  .use__item--title {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
  }
  .use__item--text {
    margin: 0 auto 24px auto;
    max-width: 278px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
  }
  .use__item--a {
    position: static;
    margin: 0 auto;
  }
  .use__box .glide {
    display: flex;
    flex-direction: column;
  }
  .use__box .glide__track {
    order: 2;
  }
  .use__box .glide__bullets {
    margin-bottom: 24px;
    position: static;
    width: auto;
    height: auto;
    background: transparent;
    flex-wrap: wrap;
    display: flex;
    gap: 8px;
    justify-content: center;
  }
  .use__box .glide__bullet {
    padding: 0 10px;
    width: fit-content;
    white-space: nowrap;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #DEDEE0;
    background: #FFF;
    box-shadow: 0 4.095px 13.4px 6.143px rgba(196, 196, 196, 0.19);
    color: rgba(19, 19, 19, 0.80);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
  }
  .use__box .glide__bullet.glide__bullet--active {
    background: #FFF;
    border-color: var(--red);
    color: #000;
  }
  .contact__popup__box,
  .garant__popup__box {
    max-width: calc(100% - var(--container-padding-all));
    padding: 60px 18px 60px 18px;
  }
  .contact__popup--h4,
  .garant__popup--h4 {
    font-size: 26px;
    line-height: 30px;
  }
  .garant__popup__thank {
    left: auto;
    top: auto;
  }
  .contact-main .hero-page__tab.no-image {
    width: calc(100% - 20px);
    left: 10px;
  }
  .results__popup__box {
    width: 100%;
  }
  .results__popup .glide__arrow {
    top: calc(100% + 60px);
  }
  .results__popup .glide__arrow--left {
    left: 10px;
  }
  .results__popup .glide__arrow--right {
    right: 10px;
  }
  .advantages__item:nth-child(2) {
    top: 0;
  }
  .assurance--fone {
    height: 100%;
  }
  .application--h2 {
    margin-left: 0;
    margin-right: 0;
  }
  .solutions {
    padding-top: 50px;
  }
  .solutions__box {
    margin-left: 0;
    max-width: 100%;
  }
  .results__popup__box {
    width: 1100px;
  }
  .contact-main .contact--h2 {
    width: 100%;
    left: 0;
    padding: 0 var(--container-padding) 20px var(--container-padding);
    font-size: 22px;
    line-height: 30px;
    top: -70px;
  }
  .garant__popup__box .wpcf7-form-control-wrap {
    width: 100%;
  }
  .wpcf7-form-control-wrap[data-name="form-extra"] {
    width: calc(100% - 126px);
    left: 100px;
    bottom: 126px;
  }
  .functions .glide__arrows {
    left: calc(50% - 50px);
  }
  .garant__box {
      padding: 0;
      overflow: hidden;
      border-radius: 30px;
  }
  .garant--fone {
    height: 100%;
    width: auto;
    border-radius: 30px;
    min-height: 850px;
    max-height: none;
  }
  .technical_support-main .garant.style2 .garant__box {
    overflow: visible;
  }
  .technical_support-main .garant.style2 .garant--fone {
    min-height: 0;
  }
  .technical_support-main .garant.style2 {
    padding-bottom: 500px;
    margin-top: 80px;
  }
  .results__popup__box {
    width: 100%;
  }
  .overview__tab {
    top: 30px;
    left: calc(50% - 128px);
  }
  .overview__popup .container {
    padding: 0;
  }
  .overview__popup {
    align-items: flex-start;
  }
  .overview__popup--inner {
    padding-top: 100px;
  }
  .overview__popup--close {
    top: 50px;
    right: 0;
  }
  .results__thumbnail {
    width: 100%;
  }
  .application-main .results {
    margin-bottom: 80px;
  }
  .branchesMap {
    overflow: visible;
    padding-top: 40px;
  }
  .branchesMap .container {
    padding: 0;
  }
  .branchesMap .branchesMap-body-el .branchesMap-body-el-name {
    color: var(--black);
  }
  .branches-mobile {
    margin-top: 10px;
    background: var(--fone-gray);
    padding: 20px;
  }
  .branches-mobile h4 {
    font-size: 26px;
    margin-bottom: 10px;
  }
}