@charset "UTF-8";
@font-face {
  font-family: 'Golos';
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/GolosText-Regular.eot?') format('eot'),
    url('../fonts/GolosText-Regular.woff') format('woff'),
    url('../fonts/GolosText-Regular.ttf') format('truetype'),
    url('../fonts/GolosText-Regular.svg#Golos') format('svg');
}
@font-face {
  font-family: 'Golos';
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/GolosText-Medium.eot?') format('eot'),
    url('../fonts/GolosText-Medium.woff') format('woff'),
    url('../fonts/GolosText-Medium.ttf') format('truetype'),
    url('../fonts/GolosText-Medium.svg#Golos') format('svg');
}
@font-face {
  font-family: 'Golos';
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/GolosText-Bold.eot?') format('eot'),
    url('../fonts/GolosText-Bold.woff') format('woff'),
    url('../fonts/GolosText-Bold.ttf') format('truetype'),
    url('../fonts/GolosText-Bold.svg#Golos') format('svg');
}
.container {
  margin: 0 auto;
  max-width: 1400px;
}

* {
  font-family: 'Golos', sans-serif;
  font-weight: 400;
}


a {
  text-decoration: none;
  color: inherit;
}

.link__privacy {
  cursor: pointer;
  text-decoration: underline;
}

button:disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

.exsample__slider__img {
  transition: transform 0.5s ease-out; /* Плавность при резких движениях */
}

img {
  max-width: 100%;
}

.hiden {
  overflow: hidden;
}

input,
textarea {
  border-radius: 0px !important;
  -webkit-appearance: none;
  appearance: none;
}

.btn {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1;
  transition: 0.3s;
  height: 48px;
  cursor: pointer;
  font-weight: 500;
}

.btn--border {
  border: 1px solid #fff;
  transition: 0.3s ease;
}

.btn--border:hover {
  background-color: #ffffff;
  color: #212529;
}

.btn--bg {
  background-color: #fff;
  color: #131517;
  transition: 0.3s ease;
}

.btn--bg:hover {
  background-color: #db0812;
  color: #fff;
}

.btn--black {
  color: #fff;
  background-color: #131517;
  transition: all 0.3s ease-out;
}

.btn--black:hover {
  background-color: #db0812;
  color: #fff;
}

.btn--black svg {
  rotate: -45deg;
  transition: all 0.3s ease-out;
}

.btn--black:hover svg {
  rotate: 0deg;
}

.burger-icon {
  display: none;
}

.hover {
  transition: 0.3s ease;
}

.arrow__hover svg {
  transition: all 0.3s ease-out;
}

.arrow__hover:hover svg {
  rotate: 45deg;
}

.foter__sumbit {
  margin-top: 10px;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
}
.popup.show {
  opacity: 1;
  visibility: visible;
}
.popup__content {
  background: #fff;
  padding: 24px;
  text-align: center;
  position: relative;
  width: 449px;
  height: 415px;
}
.popup__close {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 24px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s ease;
}
.popup__close svg {
  width: 24px;
  height: 24px;
}
.popup__close:hover {
  opacity: 0.5;
}
.popup__img {
  max-width: 100%;
  height: auto;
  margin-bottom: 24px;
  width: 228px;
}
.popup__desc {
  font-size: 16px;
  margin-bottom: 8px;
  text-align: left;
}
.popup__btn {
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  background: #131517;
  color: #fff;
  text-decoration: none;
  padding: 14px 15px;
  font-size: 16px;
  margin-top: 15px;
  font-weight: 500;
  transition: background 0.3s ease;
}
.popup__btn svg {
  width: 24px;
  height: 24px;
  fill: white;
  margin-left: 10px;
}

.header {
  position: absolute;
  z-index: 111;
  width: 100%;
  color: #fff;
  padding: 25px 0;
  top: 0;
  left: 0;
  transition: top 0.3s;
}
.header__button {
  width: 179px;
}
.header__button:nth-child(2) {
  width: 210px;
}
.header__logo svg {
  width: 126px;
  height: 34px;
}
.header__container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__menu {
  display: flex;
  gap: 32px;
}
.header__controls {
  display: flex;
  gap: 16px;
}
.header__button {
  font-weight: 500;
}

.main {
  margin-bottom: 145px;
}
.main__content-btn:hover .main__content-btn__wrap {
  background-color: #ffffff;
}
.main__content-btn:hover .main__play__svg use {
  filter: brightness(0) saturate(100%) invert(10%) sepia(4%) saturate(1500%)
    hue-rotate(180deg);
}
.main__content-btn__wrap {
  width: 83px;
  height: 83px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main__content {
  color: #fff;
}
.main__content-title {
  padding-top: 205px;
  font-size: 96px;
  margin-bottom: 8px;
}
.main__content-desr {
  font-size: 40px;
  margin-bottom: 25px;
}
.main__content-text {
  font-size: 18px;
  line-height: 23px;
  max-width: 50%;
  letter-spacing: -0.3px;
  margin-bottom: 74px;
}
.main__content-btn {
  display: flex;
  align-content: center;
  align-items: center;
  cursor: pointer;
}
.main__content-btn__text {
  display: inline;
  text-align: center;
  vertical-align: middle;
  margin-left: 27px;
}
.main__content-btn svg {
  width: 18px;
  height: 21px;
  margin-left: 5px;
}
.main__wrap {
  position: relative;
}

.about {
  margin-bottom: 192px;
}
.about__wrap {
  display: flex;
  justify-content: space-between;
}
.about__ul {
  letter-spacing: -0.3px;
  color: #6c757d;
  line-height: 20.8px;
  letter-spacing: -0.3px;
  font-size: 16px;
  padding-left: 20px;
  margin-top: 5px;
}
.about__image {
  width: 465px;
  height: 230px;
  margin-bottom: 26px;
}
.about__item {
  display: flex;
  flex-direction: column;
  width: 49%;
}
.about__item:nth-child(1) img {
  width: 315px !important;
}
.about__title {
  font-size: 32px;
  margin-bottom: 28px;
}
.about__decr {
  letter-spacing: -0.3px;
  color: #6c757d;
  line-height: 20.8px;
  letter-spacing: -0.3px;
  font-size: 16px;
}

.exsample__top {
  justify-content: space-between;
  padding-bottom: 56px;
}
.exsample__top-wrap {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.exsample__title {
  font-size: 64px;
  line-height: 83px;
}
.exsample__btn {
  width: 231px;
}
.exsample__btn svg {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  rotate: 0deg;
}
.exsample__btn:hover svg {
  rotate: 45deg;
}
.exsample__btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.quality {
  margin-bottom: 94px;
  margin-top: 160px;
}
.quality__wrap {
  display: flex;
  justify-content: space-between;
}
.quality__title {
  font-size: 64px;
  line-height: 83px;
  margin-bottom: 22px;
}
.quality__link {
  font-size: 16px;
  font-weight: 500;
  color: #6c757d;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
.quality__link:hover {
  transition: 0.3s ease;
  color: #212529;
}
.quality__link svg {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  transition: all 0.3s ease; /* Плавный переход */
}
.quality__link:hover svg {
  transition: all 0.3s ease;
  filter: brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(500%)
    hue-rotate(180deg) brightness(90%) contrast(90%);
}
.quality__left {
  display: flex;
  flex-direction: column;
  width: 66%;
}
.quality__left__top {
  display: flex;
  flex-direction: column;
  margin-bottom: 63px;
}
.quality__left__bottom {
  display: flex;
  align-items: end;
  padding: 24px;
}
.quality__left__bottom__title {
  font-size: 48px;
  line-height: 62px;
  color: #fff;
}
.quality__left__bottom__decr {
  color: #fff;
  line-height: 20.8px;
  letter-spacing: -0.3px;
  margin-top: 25px;
}
.quality__right {
  width: 32%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 24px;
}
.quality__right__title {
  font-size: 48px;
  line-height: 62px;
  color: #fff;
}
.quality__right__decr {
  color: #fff;
  line-height: 20.8px;
  letter-spacing: -0.3px;
  margin-top: 25px;
}

.banner {
  margin-bottom: 96px;
}
.banner__wrap {
  height: 800px;
  padding-bottom: 49px;
  padding-left: 23px;
  align-items: end;
  display: flex;
}
.banner__wrap__content {
  color: #fff;
  display: flex;
  flex-direction: column;
}
.banner__text {
  font-size: 64px;
  line-height: 83px;
}
.banner__desr {
  margin-top: 22px;
  line-height: 20.8px;
  letter-spacing: -0.3px;
  letter-spacing: -0.3px;
}

.choice {
  margin-bottom: 193px;
}
.choice__wrap {
  display: flex;
  padding: 24px 72px;
  justify-content: space-between;
}
.choice__decr {
  color: #6c757d;
  line-height: 20.8px;
  letter-spacing: -0.3px;
  margin-bottom: 23px;
}
.choice__title {
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 23px;
  margin-top: 17px;
}
.choice__btn {
  font-size: 16px;
  font-weight: 500;
  color: #6c757d;
  display: flex;
  align-items: center;
  transition: 0.3s ease;
}
.choice__btn:hover {
  color: #131517;
}
.choice__btn svg {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  transition: all 0.3s ease-in-out; /* Плавный переход */
}
.choice__btn:hover svg {
  filter: brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(500%)
    hue-rotate(180deg) brightness(90%) contrast(90%);
}
.choice__item {
  width: 47%;
}

.install {
  margin-bottom: 194px;
}
.install__wrap {
  display: flex;
  justify-content: space-between;
}
.install__item {
  color: #fff;
  width: 32%;
  background-size: cover;
  background-position: center;
  background-image: url('../img/i1.jpg');
  background-repeat: no-repeat;
  padding: 57px 25px 48px 25px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.install__title {
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 27px;
}
.install__img {
  width: max-content;
}
.install__title__top {
  font-size: 64px;
  line-height: 83px;
  margin-bottom: 24px;
}
.install__desr__top {
  color: #6c757d;
  line-height: 20.8px;
  letter-spacing: -0.3px;
  margin-bottom: 48px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.install__desr__top__btn {
  font-size: 16px;
  font-weight: 500;
  color: #6c757d;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
.install__desr__top__btn:hover {
  color: #131517;
}
.install__desr__top__btn svg {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  transition: all 0.3s ease-in-out;
}
.install__desr__top__btn:hover svg {
  filter: brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(500%)
    hue-rotate(180deg) brightness(90%) contrast(90%);
}

.individual {
  width: 100%;
  margin-bottom: 96px;
  overflow: hidden;
}
.individual__name {
  display: none !important;
}
.individual__title {
  font-size: 64px;
  line-height: 83px;
  margin-bottom: 72px;
}
.individual__wrap {
  display: flex;
  position: relative;
}
.individual__left {
  max-width: 688px;
}
.individual__right {
  height: 637.78px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 50%;
}
.individual__desr {
  line-height: 20.8px;
  letter-spacing: -0.3px;
  margin-bottom: 52px;
  min-height: 145.7px;
  max-width: 569px;
  font-weight: 400;
}
.individual__nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 46px;
}
.individual__nav__item {
  font-size: 24px;
  line-height: 31px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
  color: #adb5bd;
  transition: 0.3s ease;
}
.individual__nav__item:hover {
  color: #6c757d;
}
.individual__nav__item.active {
  color: #131517 !important;
}
.individual__nav__item:focus {
  outline: none;
  box-shadow: none;
}
.individual__nav__item:active {
  outline: none;
  box-shadow: none;
}
.individual__device {
  display: flex;
  gap: 16px;
}
.individual__device__item {
  border: 1px solid #e9ecef;
  max-width: 160px;
  cursor: pointer;
  padding: 8px;
  height: 176px;
  transition: 0.3s ease;
}
.individual__device__item__img {
  margin-bottom: 16px;
  width: 80px;
}
.individual__device__item__desr {
  font-size: 12px;
  color: #131517;
  line-height: 15.6px;
}

.more {
  margin-bottom: 96px;
}
.more__wrap {
  display: flex;
  justify-content: space-between;
}
.more__left {
  padding-top: 57px;
}
.more__right {
  padding: 48px 0;
}
.more__right__img {
  max-width: 340px;
  max-height: 340px;
}
.more__btn {
  background-color: #131517;
  padding: 15px 24px;
  color: #fff;
  line-height: 18px;
}
.more__btn:hover {
  color: #fff;
}
.more__btn svg {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
.more__title {
  font-size: 48px;
  line-height: 62px;
  margin-bottom: 54px;
}

.question__wrap {
  display: flex;
  padding-bottom: 130px;
  border-bottom: 1px solid #adb5bd;
}
.question__left {
  width: 32%;
  border-right: 1px solid #adb5bd;
}
.question__right {
  margin-left: 144px;
  width: 57%;
}
.question__left svg {
  width: 24px;
  height: 24px;
}
.question__link {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 175px;
  display: block;
}
.question__link svg {
  margin-left: 4px;
}
.question__title {
  font-size: 48px;
  line-height: 62px;
  margin-bottom: 32px;
}
.question__contact {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  gap: 15px;
}
.question__contact svg {
  margin-right: 15px;
}

.form {
  display: flex;
  flex-direction: column;
  max-width: 688px;
  width: max-content;
  gap: 12px;
  width: 100%;
  margin-top: 2px;
}
.form__required {
  position: relative;
}
.form__error {
  border-bottom: 1px solid #da1f24 !important;
  position: relative;
  background-image: url(../img/erorrform.svg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 50%;
}
.form__wrap {
  display: flex;
  gap: 40px;
}
.form__input {
  position: relative;
  border: none;
  outline: none;
  padding: 18px 0 10px 0;
  border-bottom: 1px solid #adb5bd;
  width: 100%;
  font-size: 14px;
}
.form__group {
  position: relative;
  width: 100%;
}
.form__label {
  position: absolute;
  left: 0;
  top: 15px;
  font-size: 14px;
  color: #adb5bd;
  transition: all 0.3s ease-in-out;
  pointer-events: none; /* Чтобы label не мешал клику */
  z-index: 1;
}
.form__label.active__label {
  top: 0px;
  font-size: 12px;
  color: #adb5bd;
}
.form__file input {
  display: none;
}
.form__file svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.form__file {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 18px;
}
.form__file__name {
  font-size: 14px;
  color: #adb5bd;
}
.form__file__btn {
  cursor: pointer;
  border: none;
  outline: none;
  background: #f4f7fa;
  color: #212529;
  font-weight: 500;
}
.form__file__btn {
  width: 217px;
  height: 48px;
  display: flex;
  justify-content: center;
  background-color: #f4f7fa;
  align-items: center;
}
.form__file__btn {
  transition: 0.3s ease;
  background-color: #e9ecef;
}
.form__textarea {
  height: 116px;
  width: 100%; /* Ширина */
  resize: vertical; /* Разрешение изменять высоту */
  box-sizing: border-box; /* Учитываем padding в ширину */
  vertical-align: top; /* Выравнивание текста сверху */
  line-height: 1.4; /* Уменьшаем межстрочный интервал */
  margin-bottom: 4px;
}
.form__submit {
  width: 100%;
  padding: 19px 0;
  color: #fff;
  background-color: #131517;
  border: none;
  outline: unset;
  margin-bottom: 5px;
}
.form__chekbox {
  display: flex;
  cursor: pointer;
}
.form__chekbox__input {
  display: none;
}
.form__chekbox__label {
  font-size: 16px;
  color: #adb5bd;
  margin-left: 28px;
  position: relative;
  margin-bottom: 0;
}
.form__chekbox__label::after {
  top: 1px;
  content: '';
  position: absolute;
  background-color: #e9ecef;
  width: 20px;
  height: 20px;
  left: -28px;
  right: 0;
  cursor: pointer;
}
.form__chekbox__label.checked::before {
  top: -1px;
  content: '';
  position: absolute;
  width: 12px;
  height: 9px;
  top: 6px;
  left: -24px;
  background-image: url(../img/v.svg);
  cursor: pointer;
  z-index: 2;
}

.footer {
  padding-top: 109px;
}
.footer__top {
  display: flex;
  justify-content: space-between;
}
.footer__top__left svg {
  width: 126px;
  height: 33px;
}
.footer__top__right {
  display: flex;
  flex-direction: column;
}
.footer__phone {
  color: #575756;
  font-size: 36px;
  margin-bottom: 2px;
}
.footer__link {
  color: #575756;
  font-size: 36px;
}
.footer__link svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease;
}
.footer__link:hover svg {
  fill: #db0812 !important;
}
.footer__link span {
  color: #131517;
  font-size: 36px;
}
.footer__middle {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.footer__bottom {
  padding-top: 110px;
  padding-bottom: 20px;
  color: #575756;
}
.footer__bottom__left {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.footer__bottom__left__text {
  font-size: 16px;
}
.footer__bottom__right {
  display: flex;
  flex-direction: column;
  gap: 65px;
}
.footer__bottom__right__social {
  display: flex;
  gap: 16px;
  justify-content: end;
}
.footer__bottom__right__social__item svg {
  transition: filter 0.3s ease-in-out;
  width: 16px;
  height: 16px;
}
.footer__bottom__right__social__item {
  width: 32px;
  height: 32px;
  background-color: #f8f9fa;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.footer__bottom__right__social__item:hover {
  background-color: #6c757d;
  transition: 0.3s ease;
}
.footer__bottom__right__social__item:hover svg {
  filter: brightness(0) saturate(100%) invert(100%);
  transition: 0.3s ease;
}
.footer__bottom__right__links {
  display: flex;
  gap: 60px;
}
.footer__bottom__bottom {
  display: flex;
  justify-content: space-between;
}

.active__log {
  opacity: 1 !important;
  visibility: visible !important;
}

.popup__form {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
}
.popup__form .form__input {
  border: 1px solid rgba(19, 21, 23, 0.08);
  padding: 18px 0 12px 20px;
  border-radius: 2px !important;
  font-size: 16px;
  max-height: 50px;
}
.popup__form .form__label {
  font-size: 16px;
  left: 20px;
  color: rgba(19, 21, 23, 0.56);
}
.popup__form .form__group {
  margin-bottom: 10px;
  letter-spacing: -0.3px;
}
.popup__form .form__submit {
  padding: 14px 0;
  margin-top: -2px;
  border-radius: 2px !important;
}
.popup__form .form__error {
  border: 1px solid #da1f24;
  background-position: calc(100% - 20px) center;
}
.popup__form .form__submit {
  margin-bottom: 17px;
}
.popup__form .popup__form__close {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 24px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s ease;
  opacity: 0.5;
}
.popup__form .popup__form__close:hover {
  opacity: 1;
}
.popup__form .form__label.active__label {
  top: -10px;
  background-color: #fff;
  font-size: 14px !important;
}
.popup__form .form__chekbox__label {
  font-size: 12px !important;
}
.popup__form .form__chekbox__label::after {
  background-color: #6c757d;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  top: 0px;
}
.popup__form .form__chekbox__label.checked::before {
  background-image: url(../img/vpop.svg);
  width: 11px;
  height: 8px;
  top: 4px;
  left: -25px;
  background-repeat: no-repeat;
}
.popup__form__content {
  width: 448px;
  height: 426px;
  padding: 24px;
  background-color: #fff;
  position: relative;
  border-radius: 2px !important;
}
.popup__form__desr {
  font-size: 16px;
  color: #6c757d;
  margin-bottom: 32px;
  letter-spacing: -0.3px;
}
.popup__form__title {
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 17px;
}

.thanks__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
}
.thanks__modal__wrapper {
  width: 400px;
  height: 297px;
  background-color: #fff;
  position: relative;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.thanks__modal__wrapper__image {
  width: 64px;
  height: 64px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.thanks__modal__wrapper__desr {
  text-align: center;
  color: #6c757d;
}
.thanks__modal__wrapper__close {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 24px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s ease;
  opacity: 0.5;
}
.thanks__modal__wrapper__close:hover {
  opacity: 1;
}
.thanks__modal__wrapper__title {
  font-size: 30px;
  text-align: center;
  line-height: 30px;
  margin-bottom: 16px;
}

.question__href {
  transition: 0.3s ease;
}

.question__href:hover {
  transition: 0.3s ease;
  color: #db0812;
}

.question__href svg {
  transition: fill 0.3s ease; /* Добавляем плавное изменение */
}

.question__href:hover svg {
  fill: #db0812 !important;
  transition: 0.3s ease;
}

.exsample__slider {
  position: relative;
  height: 378px; /* Высота секции - 100% экрана */
  overflow: hidden; /* Прячем лишнее */
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.exsample__slider__img {
  position: absolute;
  width: auto; /* Оригинальная ширина */
  height: auto; /* Оригинальная высота */
  max-width: none; /* Убираем ограничения */
  transition: transform 0.5s linear; /* Плавность движения */
}

/* Позиционируем изображения по очереди */
.exsample__slider__img:nth-child(1) {
  left: -100%;
  top: 0;
}

.exsample__slider__img:nth-child(2) {
  right: -100%;
  top: 126px;
}

.exsample__slider__img:nth-child(3) {
  left: -100%;
  top: 252px;
}

.delete__file {
  background-image: url(../img/close.svg);
  background-repeat: no-repeat;
  background-position: right center; /* Размещаем справа по центру */
  padding-right: 23px;
  margin-right: -10px; /* Выносим за пределы контейнера */
}

.fot__hov {
  transition: 0.3s ease;
}

.fot__hov:hover {
  color: #db0812;
}

.footer__bottom__right__links__item {
  transition: 0.3s ease;
}

.footer__bottom__right__links__item:hover {
  color: #db0812;
}

.rutube-popup {
  display: none; /* Скрываем попап по умолчанию */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
  padding: 20px; /* Добавляем отступ для маленьких экранов */
}

.rutube-popup-content {
  position: relative;
  background: #fff;
  padding: 20px;
  width: 720px; /* По умолчанию 720px */
  max-width: 100%;
  text-align: center;
}

/* Видео адаптируется под ширину попапа */
.rutube-video {
  width: 100%;
  height: 405px;
}

/* Кнопка закрытия */
.rutube-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

/* 🔹 Медиа-запрос: если ширина экрана меньше 970px */
@media screen and (max-width: 970px) {
  .rutube-popup-content {
    width: 90%; /* Делаем попап шириной 90% */
  }
  .rutube-video {
    height: 50.625vw; /* Высота видео соответствует 16:9 */
  }
}
.rutube-close {
  position: absolute;
  top: -13px;
  right: -29px;
  font-size: 24px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s ease;
}
.rutube-close svg {
  width: 24px;
  height: 24px;
}
.rutube-close:hover {
  opacity: 0.5;
}

.container {
  max-width: 1400px;
}

.br-mobile {
  display: none;
}

@media (max-width: 999px) {
  .more__btn:hover svg {
    rotate: -45deg !important;
  }
  .popup__btn:hover svg {
    rotate: -45deg !important;
  }
  .btn--black:hover svg {
    rotate: 0deg;
  }
  .arrow__hover:hover svg {
    rotate: 0deg;
  }
  .form__submit:hover {
    background-color: #131517;
  }
  .fot__hov:hover {
    color: #575756;
  }
  .footer__bottom__right__links__item:hover {
    color: inherit;
  }
  .question__href:hover {
    color: inherit;
  }
  .color-nohover {
    color: #131517;
  }
  .main__content-btn:hover .main__content-btn__wrap {
    background-color: unset;
  }
  .main__content-btn:hover .main__play__svg use {
    filter: none;
  }
  .btn--black:hover {
    background-color: #131517;
  }
  .color-nohover svg {
    filter: brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(500%)
      hue-rotate(180deg) brightness(90%) contrast(90%) !important;
  }
  .color-nohover:hover {
    color: #131517 !important;
  }
}
.main {
  width: 100%;
  height: 801px; /* Или другая нужная высота */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.quality__left__bottom {
  width: 100%;
  height: 457px; /* Или другая нужная высота */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.quality__right {
  height: 734px; /* Или другая нужная высота */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner {
  height: 800px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.choice__wrap {
  height: auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.more {
  height: 436px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 📱 Мобильная версия (до 767px) */
@media (max-width: 767px) {
  .main {
    background-image: url('../img/main-mobile.jpg') !important;
  }
  /* Поддержка Retina 2x */
}
@media (max-width: 767px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  (max-width: 767px) and (max-width: 767px) and (min-resolution: 2dppx) {
  .main {
    background-image: url('../img/main-mobile@2x.jpg') !important;
  }
}
@media (max-width: 1074px) {
  .quality__right {
    height: auto;
  }
}
@media (max-width: 1185px) {
  .install__title {
    font-size: 24px;
    line-height: 32px;
  }
}
/* 📱 Планшеты (768px - 1000px) */
@media (max-width: 1000px) {
  .tablet-br {
    display: block !important;
  }
  .main {
    background-image: url('../img/main-tablet.jpg');
  }
}
@media (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 2),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 2dppx) {
  .main {
    background-image: url('../img/main-tablet@2x.jpg');
  }
}
@media (max-width: 1000px) {
  .quality__right {
    background-image: url('../img/qa2tablet.jpg');
  }
}
@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 2),
  (max-width: 1000px) and (min-resolution: 2dppx) {
  .quality__right {
    background-image: url('../img/qa2tablet@2x.jpg');
  }
}
@media (max-width: 1000px) {
  .quality__left__bottom {
    background-image: url('../img/qa1tablet.jpg');
  }
}
@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 2),
  (max-width: 1000px) and (min-resolution: 2dppx) {
  .quality__left__bottom {
    background-image: url('../img/qa1tablet@2x.jpg');
  }
}
@media (max-width: 1000px) {
  .banner {
    background-image: url('../img/b1tablet.jpg');
  }
}
@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 2),
  (max-width: 1000px) and (min-resolution: 2dppx) {
  .banner {
    background-image: url('../img/b1tablet@2x.jpg');
  }
}
@media (max-width: 1000px) {
  .choice__wrap {
    background-image: url('../img/choice.jpg');
  }
}
@media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 2),
  (max-width: 1000px) and (min-resolution: 2dppx) {
  .choice__wrap {
    background-image: url('../img/choice@2x.jpg');
  }
}
@media (max-width: 1000px) {
  .header {
    padding: 19px 0;
  }
  .header__controls {
    gap: 8px;
  }
  .header__button {
    width: 146px;
  }
  .header__button:nth-child(2) {
    width: 172px;
  }
  .header__controls a {
    width: 104px;
    height: 32px;
    padding: 0;
    font-size: 14px;
    display: block;
    align-content: center;
    text-align: center;
  }
  .header__controls a:nth-child(1) {
    width: 146px;
  }
  .main {
    height: 574px;
    margin-bottom: 49px;
  }
  .main__content-title {
    font-size: 72px;
    padding-top: 149px;
    margin-bottom: 5px;
  }
  .main__content-text {
    font-size: 16px;
    line-height: 21px;
    max-width: 63%;
    letter-spacing: -0.3px;
    margin-bottom: 48px;
    font-weight: 400;
  }
  .main__content-desr {
    font-size: 32px;
    margin-bottom: 19px;
  }
  .main__content-btn svg {
    width: 14px;
    height: 16px;
  }
  .main__content-btn__wrap {
    width: 64px;
    height: 64px;
  }
  .about {
    margin-bottom: 111px;
  }
  .about__title {
    font-size: 24px;
    margin-bottom: 21px;
  }
  .about__image {
    margin-bottom: 16px;
  }
  .about__item {
    padding-left: 7px;
  }
  .exsample .container {
    padding: 0 24px;
  }
  .exsample__title {
    font-size: 48px;
    line-height: 62px;
  }
  .exsample__top-wrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 40px;
  }
  .exsample__slider {
    height: 232px;
  }
  .exsample__slider__img {
    height: 71px;
  }
  .exsample__slider__img:nth-child(2) {
    right: -100%;
    top: 74px;
  }
  .exsample__slider__img:nth-child(3) {
    left: -100%;
    top: 147px;
  }
  .quality {
    margin-top: 129px;
    margin-bottom: 65px;
  }
  .quality__title {
    font-size: 48px;
    line-height: 62px;
  }
  .quality__title br {
    display: none;
  }
  .quality__right {
    margin-top: 31px;
    height: 553px;
    padding: 16px;
  }
  .quality__right__title {
    font-size: 32px;
    line-height: 41px;
  }
  .quality__right__decr {
    font-size: 16px;
    margin-top: 8px;
  }
  .quality__left__top {
    margin-bottom: 36px;
  }
  .quality__left__bottom {
    height: 100%;
    padding: 16px;
  }
  .quality__left__bottom__decr {
    margin-top: 8px;
    font-size: 16px;
  }
  .quality__left__bottom__title {
    font-size: 32px;
    line-height: 41px;
  }
  .banner {
    height: 576px;
    margin-bottom: 47px;
  }
  .banner__wrap {
    padding-left: 0;
    height: 576px;
    padding-bottom: 16px;
  }
  .banner__text {
    font-size: 48px;
    line-height: 62px;
  }
  .banner__text br {
    display: none;
  }
  .banner__desr {
    margin-top: 19px;
  }
  .choice {
    margin-bottom: 110px;
  }
  .choice__wrap {
    padding: 0 24px;
    height: auto;
    padding-bottom: 27px;
  }
  .choice__title {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 16px;
  }
  .choice__decr {
    margin-bottom: 18px;
  }
  .install {
    margin-bottom: 128px;
  }
  .install__title__top {
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 18px;
  }
  .install__desr__top {
    margin-bottom: 57px;
  }
  .install__item {
    padding: 30px 16px 18px 16px;
    height: 438px;
  }
  .install__title {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 16px;
  }
  .install__img {
    width: 184px;
  }
  .install__item:nth-child(1) img {
    padding-top: 30px !important;
  }
  .individual {
    margin-bottom: 64px;
  }
  .individual__title {
    font-size: 48px;
    line-height: 62px;
  }
  .individual__nav {
    gap: 11px;
    margin-bottom: 22px;
  }
  .individual__nav__item {
    font-size: 20px;
  }
  .individual__nav__item:hover {
    color: #adb5bd;
  }
  .individual__right {
    width: 50% !important;
  }
  .individual__desr {
    margin-bottom: 22px;
  }
  .individual__device__item {
    max-width: 167px;
    height: 180px;
  }
  .individual__device__item__desr {
    color: #131517;
  }
  .individual__device__item:hover {
    background-color: #fff;
  }
  .more {
    background-image: url(../img/moretabletbg.jpg);
    height: 329px;
    margin-bottom: 70px;
  }
  .more__title {
    font-size: 40px;
    line-height: 50px;
  }
  .more__right {
    max-width: 235px;
  }
  .more__left {
    padding-top: 64px;
  }
  .more__right__img {
    max-width: 235px;
    max-height: 235px;
  }
  .question .container {
    padding: 0 24px;
  }
  .question__wrap {
    padding-bottom: 66px;
    justify-content: space-between;
  }
  .question__title {
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 25px;
  }
  .question__link {
    margin-bottom: 220px;
  }
  .question__contact {
    font-size: 16px;
  }
  .question__right {
    margin-left: 81px;
    width: 58%;
  }
  .question__left {
    border: none;
  }
  .form {
    gap: 11px;
    width: 100%;
    margin-top: -3px;
    padding-right: 10px;
  }
  .form__wrap {
    gap: 26px;
  }
  .form__label {
    top: 13px;
  }
  .form__file {
    margin-bottom: 22px;
    gap: 19px;
  }
  .footer .container {
    padding: 0 32px;
  }
  .footer {
    padding-top: 48px;
  }
  .footer__top {
    flex-direction: column;
  }
  .footer__top__left {
    margin-bottom: 23px;
  }
  .footer__top__right a,
  .footer__top span {
    font-size: 26px;
  }
  .footer__top__right {
    gap: 3px;
  }
  .footer__bottom {
    padding-top: 47px;
  }
  .footer__bottom__left__text {
    font-size: 16px;
  }
  .footer__bottom__right__links {
    font-size: 12px;
  }
  .footer__middle {
    flex-direction: column;
    align-items: start;
    gap: 35px;
  }
  .footer__link svg {
    width: 16px;
    height: 16px;
  }
}
/* 💻 Десктоп (больше 1000px) */
@media (min-width: 1001px) {
  .tablet-br {
    display: none;
  }
  .more {
    background-image: url('../img/morebg.jpg');
  }
}
@media (min-width: 1001px) and (min-width: 1001px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1001px) and (min-width: 1001px) and (min-resolution: 2dppx) {
  .more {
    background-image: url('../img/morebg@2x.jpg');
  }
}
@media (min-width: 1001px) {
  .choice__wrap {
    background-image: url('../img/choice.jpg');
  }
}
@media (min-width: 1001px) and (min-width: 1001px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1001px) and (min-width: 1001px) and (min-resolution: 2dppx) {
  .choice__wrap {
    background-image: url('../img/choice@2x.jpg');
  }
}
@media (min-width: 1001px) {
  .banner {
    background-image: url('../img/b1.jpg');
  }
}
@media (min-width: 1001px) and (min-width: 1001px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1001px) and (min-width: 1001px) and (min-resolution: 2dppx) {
  .banner {
    background-image: url('../img/b1@2x.jpg');
  }
}
@media (min-width: 1001px) {
  .quality__right {
    background-image: url('../img/qa2.jpg');
  }
}
@media (min-width: 1001px) and (min-width: 1001px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1001px) and (min-width: 1001px) and (min-resolution: 2dppx) {
  .quality__right {
    background-image: url('../img/qa2@2x.jpg');
  }
}
@media (min-width: 1001px) {
  .quality__left__bottom {
    background-image: url('../img/qa1.jpg');
  }
}
@media (min-width: 1001px) and (min-width: 1001px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1001px) and (min-width: 1001px) and (min-resolution: 2dppx) {
  .quality__left__bottom {
    background-image: url('../img/qa1@2x.jpg');
  }
}
@media (min-width: 1001px) {
  .main {
    background-image: url('../img/main-desctop.jpg');
  }
}
@media (min-width: 1001px) and (min-width: 1001px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1001px) and (min-width: 1001px) and (min-resolution: 2dppx) {
  .main {
    background-image: url('../img/main-desctop@2x.jpg');
  }
}
/**
  Десктоп маленький
 */
@media screen and (max-width: 1415px) {
  .container,
  .header__container {
    padding: 0 16px;
  }
  .individual__right {
    position: static;
    height: unset;
  }
  .individual__right {
    width: 48%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .individual__left {
    width: 48%;
  }
  .individual__device {
    justify-content: normal;
    flex-wrap: wrap;
  }
  .individual__device__item {
    width: 48%;
  }
  .individual__wrap {
    justify-content: space-between;
  }
}
/**
  Планшет горизонтальный
 */
@media screen and (max-width: 1279px) {
  .container {
    max-width: 100%;
  }
}
/**
  Планшет вертикальный
 */
/**
  Мобильные устройства
 */
@media screen and (max-width: 767px) {
  .popup__content {
    margin: 0 16px;
    height: 435px;
  }
  .br-mobile {
    display: block;
  }
  .header__burg {
    display: block !important;
  }
  .header__burg a {
    border: 1px solid #fff;
    width: 146px;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header__controls {
    display: none;
  }
  .header__logo svg {
    width: 100px;
    height: 26px;
  }
  .main {
    height: 648px;
    margin-bottom: 0;
  }
  .main__content-text {
    width: 100%;
    max-width: 100%;
    margin-bottom: 14px;
  }
  .main__content-desr {
    font-size: 24px;
  }
  .main__content-btn__text {
    margin-left: 24px;
  }
  .about {
    margin-bottom: 127px;
    margin-top: 24px;
  }
  .about__wrap {
    flex-direction: column;
    gap: 25px;
  }
  .about__item {
    width: 100%;
    padding-left: 0;
  }
  .about__item:nth-child(1) img {
    width: 197px !important;
  }
  .about__image {
    width: 306px;
    height: 144px;
  }
  .about__title {
    line-height: 31px;
    margin-bottom: 17px;
  }
  .exsample__slider__img:nth-child(1) {
    left: -142%;
  }
  .exsample__slider__img:nth-child(3) {
    left: -142%;
  }
  .exsample__slider__img:nth-child(2) {
    right: -142%;
  }
  .exsample .container {
    padding: 0 16px;
  }
  .exsample__title {
    font-size: 32px;
    line-height: 41.6px;
  }
  .quality {
    margin-top: 66px;
  }
  .quality__title {
    font-size: 32px;
    line-height: 41.6px;
  }
  .quality__wrap {
    flex-direction: column;
  }
  .quality__left {
    width: 100%;
  }
  .quality__right {
    margin-top: 14px;
    width: 100%;
    height: 317px;
  }
  .quality__left__bottom {
    height: 317px;
  }
  .quality__right {
    background-image: url(../img/qa2mobile.jpg);
  }
  .quality__left__bottom__title {
    font-size: 24px;
    line-height: 31px;
  }
  .quality__right__title {
    font-size: 24px;
    line-height: 31px;
  }
  .quality__right__title br {
    display: none !important;
  }
  .quality__left__bottom__decr {
    margin-top: 16px;
  }
  .quality__right__decr {
    margin-top: 16px;
  }
  .quality__left__bottom {
    background-image: url('../img/qa1mobile.jpg');
  }
}
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (max-width: 767px) and (min-resolution: 2dppx) {
  .quality__right {
    background-image: url('../img/qa2mobile@2x.jpg');
  }
}
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (max-width: 767px) and (min-resolution: 2dppx) {
  .quality__left__bottom {
    background-image: url('../img/qa1mobile@2x.jpg');
  }
}
@media screen and (max-width: 767px) {
  .banner {
    height: 608px;
    background-image: url(../img/b1mobile.jpg);
    margin-bottom: 0;
  }
  .banner__wrap {
    padding-bottom: 9px;
  }
  .banner__text {
    font-size: 32px;
    line-height: 41.6px;
  }
  .banner__desr br {
    display: none;
  }
}
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (max-width: 767px) and (min-resolution: 2dppx) {
  .banner {
    background-image: url('../img/b1mobile@2x.jpg');
  }
}
@media screen and (max-width: 767px) {
  .choice .container {
    padding: 0;
  }
  .choice {
    margin-bottom: 64px;
  }
  .choice__wrap {
    padding: 0 16px;
    flex-direction: column;
  }
  .choice__item {
    width: 100%;
  }
  .choice__title br {
    display: none;
  }
  .choice__item:nth-child(1) img {
    width: 272px;
    height: 128px;
    margin-top: 64px;
  }
  .choice__item:nth-child(2) img {
    width: 234px;
    margin-bottom: -2px;
  }
  .choice__item:nth-child(2) .choice__btn {
    padding-bottom: 67px;
  }
  .install {
    margin-bottom: 64px;
  }
  .install .container {
    padding: 0;
  }
  .install__title__top {
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 26px;
    padding: 0 16px;
  }
  .install__desr__top {
    flex-direction: column;
    align-items: start;
    gap: 24px;
    padding: 0 16px;
    margin-bottom: 25px;
  }
  .install__desr__top p {
    line-height: 20.8px;
  }
  .install__desr__top p br {
    display: none;
  }
  .install__item {
    max-width: 235px;
  }
  .install .slick-track {
    display: flex;
    gap: 16px;
    transform: translate3d(0, 0, 0);
  }
  .install .slick-list {
    padding: 0 20% 0 0;
  }
  .install__wrap {
    overflow: hidden;
    padding-left: 16px;
  }
  .install .slick-list {
    overflow: visible;
    width: 100%;
  }
  .install .slick-slide {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .individual {
    margin-bottom: 0 !important;
    margin-bottom: 73px;
  }
  .individual .container {
    padding: 0;
  }
  .individual__name {
    display: block !important;
    font-size: 32px;
    line-height: 41px;
    color: #fff;
    margin-bottom: 16px;
  }
  .individual__title {
    padding: 0 16px;
    display: none;
  }
  .individual__wrap {
    position: relative;
    padding: 16px;
  }
  .individual__left {
    width: 100%;
  }
  .individual__right {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important; /* Фон на всю ширину */
    height: 100% !important; /* Фон на всю высоту */
    -o-object-fit: cover;
    object-fit: cover; /* Обрезает и масштабирует */
    z-index: -1; /* Убираем под контент */
  }
  .individual__desr {
    color: #fff;
  }
  .individual__nav__item {
    font-size: 0;
  }
  .individual__nav {
    flex-direction: row;
    gap: 8px;
    margin: 0;
    margin-bottom: 165px;
  }
  .individual__desr {
    line-height: 21px;
    margin-bottom: 31px;
    min-height: 147px;
  }
  .individual__nav__item {
    background-color: #131517;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out;
  }
  .individual__nav__item::after {
    content: '';
    display: inline-block;
    width: 32px; /* Размер иконки */
    height: 32px;
    background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    transition: filter 0.3s ease-in-out;
  }
  .individual__nav__item.active {
    background: #ffffff;
  }
  .individual__nav__item.active::after {
    filter: invert(1); /* Инвертируем цвет SVG, делая его черным (#131517) */
  }
  .individual__nav__item:nth-child(1):after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M12.9179 18.0104C7.818 19.1849 4 23.7452 4 29.1875V30.3958C4 30.7293 4.27116 31 4.60526 31H26.3947C26.7288 31 27 30.7293 27 30.3958V29.1875C27 23.7452 23.182 19.1849 18.0821 18.0104C17.6475 17.2721 16.9357 16.761 16.1053 16.5882V5.56337C17.4853 5.28304 18.5263 4.06263 18.5263 2.60417C18.5263 2.27067 18.2552 2 17.9211 2H13.0789C12.7448 2 12.4737 2.27067 12.4737 2.60417C12.4737 4.06383 13.5147 5.28304 14.8947 5.56337V16.5882C14.0643 16.761 13.3525 17.2721 12.9179 18.0104ZM25.7895 29.1875V29.7917H5.21053V29.1875C5.21053 23.524 9.82626 18.9167 15.5 18.9167C21.1737 18.9167 25.7895 23.524 25.7895 29.1875ZM13.7871 3.20833H17.2117C16.9611 3.91158 16.2881 4.41667 15.4988 4.41667C14.7095 4.41667 14.0377 3.91158 13.7871 3.20833Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  }
  .individual__nav__item:nth-child(2):after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M28.7177 4H2.84785C1.82907 4 1 4.82907 1 5.84785V19.7067V20.9386V25.2503C1 25.5903 1.27595 25.8662 1.61595 25.8662H3.4638V27.7141C3.4638 28.0541 3.73974 28.33 4.07975 28.33H6.54354C6.88355 28.33 7.15949 28.0541 7.15949 27.7141V25.8662H24.4061V27.7141C24.4061 28.0541 24.682 28.33 25.022 28.33H27.4858C27.8258 28.33 28.1018 28.0541 28.1018 27.7141V25.8662H29.9496C30.2896 25.8662 30.5656 25.5903 30.5656 25.2503V20.9386V19.7067V5.84785C30.5656 4.82907 29.7365 4 28.7177 4ZM2.84785 5.2319H28.7177C29.0565 5.2319 29.3337 5.50784 29.3337 5.84785V17.9722C29.1403 17.9032 28.9345 17.8589 28.7177 17.8589H25.638V16.011C25.638 15.671 25.362 15.3951 25.022 15.3951H17.6306C17.2906 15.3951 17.0147 15.671 17.0147 16.011V17.8589H14.5509V16.011C14.5509 15.671 14.2749 15.3951 13.9349 15.3951H6.54354C6.20354 15.3951 5.9276 15.671 5.9276 16.011V17.8589H2.84785C2.63103 17.8589 2.42531 17.9032 2.2319 17.9722V5.84785C2.2319 5.50784 2.50908 5.2319 2.84785 5.2319ZM24.4061 17.8589H18.2466V16.627H24.4061V17.8589ZM13.319 17.8589H7.15949V16.627H13.319V17.8589ZM5.9276 27.0981H4.6957V25.8662H5.9276V27.0981ZM26.8699 27.0981H25.638V25.8662H26.8699V27.0981ZM29.3337 24.6343H2.2319V20.9386V19.7067C2.2319 19.3667 2.50908 19.0908 2.84785 19.0908H6.54354H13.9349H17.6306H25.022H28.7177C29.0565 19.0908 29.3337 19.3667 29.3337 19.7067V20.9386V24.6343Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  }
  .individual__nav__item:nth-child(3):after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M24.8202 25.9514V4.58216C24.8202 4.26391 24.5641 4 24.238 4C21.2728 4 18.0747 6.79437 18.0747 11.3042V19.3768C18.0747 20.0288 18.5948 20.5489 19.2468 20.5489H20.1706V25.9514C20.2451 29.0221 24.7488 29.0228 24.828 25.9514H24.8202ZM23.6559 25.9514C23.631 27.4813 21.3566 27.4821 21.3271 25.9514V20.5567H23.6559V25.9514ZM23.6559 19.3923C22.5575 19.3954 20.3211 19.39 19.2313 19.3768V11.3042C19.2313 7.81898 21.4281 5.55243 23.6559 5.2109V19.3923Z' fill='%23FFFFFF'/%3E%3Cpath d='M11.7331 11.5681C12.0591 11.5681 12.3152 11.3042 12.3152 10.986V4.784C12.3152 4.45799 12.0591 4.20184 11.7331 4.20184C11.4148 4.20184 11.1509 4.45799 11.1509 4.784V10.986C11.1509 11.3042 11.4148 11.5681 11.7331 11.5681Z' fill='%23FFFFFF'/%3E%3Cpath d='M14.885 4.0155C14.5667 4.0155 14.3028 4.27942 14.3028 4.59766V10.4037C14.3028 11.8242 13.154 12.973 11.7335 12.973C10.3129 12.973 9.16411 11.8242 9.16411 10.4037V4.59766C9.16411 3.84008 8.00597 3.83464 7.99976 4.59766V10.4037C8.00752 12.2434 9.34265 13.7958 11.1513 14.083V18.2746C10.212 18.5307 9.55223 19.3923 9.55223 20.3703V26.091C9.55223 27.3019 10.5303 28.28 11.7335 28.28C12.9444 28.28 13.9225 27.3019 13.9225 26.091V20.3703C13.9147 19.3923 13.2627 18.5307 12.3156 18.2746V14.083C14.132 13.7958 15.4672 12.2434 15.4672 10.4037V4.59766C15.4672 4.27942 15.211 4.0155 14.885 4.0155ZM12.7581 20.3703V26.091C12.7364 27.4323 10.7407 27.4432 10.7166 26.091V20.3703C10.7399 19.0213 12.7356 19.0259 12.7581 20.3703Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  }
  .individual__nav__item:nth-child(4):after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M25.3296 3.00001C25.3296 3.00001 24.435 2.99224 23.5239 3.4478C22.7092 3.85511 21.8614 4.71829 21.6909 6.14142C20.2678 6.31205 19.4047 7.16019 18.9974 7.97482C18.5418 8.88594 18.5495 9.78009 18.5495 9.78009C18.5495 10.0895 18.8004 10.3405 19.1099 10.3405H25.3296C25.639 10.3405 25.89 10.0895 25.89 9.78009C25.89 9.78009 25.8977 8.88594 25.4422 7.97482C25.041 7.17258 24.1981 6.33764 22.8135 6.1494C22.9476 5.15998 23.4703 4.72773 24.025 4.45037C24.6688 4.12846 25.3296 4.12075 25.3296 4.12075C25.3296 4.12075 25.9899 4.12846 26.6338 4.45037C27.2776 4.77227 27.8792 5.30212 27.8792 6.67026V15.4395H3.56037C3.25091 15.4396 3 15.6905 3 16C3 16 2.99756 18.3645 3.39624 20.7567C3.59561 21.9528 3.88928 23.1585 4.37114 24.1223C4.61209 24.6041 4.90139 25.0304 5.2791 25.3542C5.51843 25.5593 5.80073 25.7194 6.10993 25.8093V28.4396C6.10993 28.7491 6.36084 29 6.6703 29C6.97976 29 7.23067 28.7491 7.23067 28.4396V25.8901H24.7694V28.4396C24.7694 28.7491 25.0201 29 25.3296 29C25.6391 29 25.89 28.7491 25.89 28.4396V25.8122C26.1989 25.724 26.4813 25.5657 26.7205 25.3621C27.0993 25.0396 27.3886 24.6139 27.6297 24.1324C28.112 23.1692 28.4055 21.9626 28.6046 20.7651C29.0025 18.3716 28.9999 16.0032 28.9999 16C28.9999 12.8901 28.9999 9.78019 28.9999 6.67031C28.9999 4.92857 28.0461 3.90335 27.135 3.4478C26.2238 2.99224 25.3296 3.00001 25.3296 3.00001ZM22.2198 7.23058C23.5879 7.23058 24.1178 7.83177 24.4397 8.47558C24.5737 8.7436 24.6302 8.99491 24.6774 9.21987H19.7617C19.8089 8.99491 19.8659 8.7436 19.9998 8.47558C20.3218 7.83172 20.8516 7.23058 22.2198 7.23058ZM4.13948 16.5603H27.8604C27.8484 17.2125 27.8038 18.7492 27.4992 20.5812C27.31 21.7189 27.0202 22.8461 26.6276 23.6302C26.4313 24.0222 26.2106 24.3237 25.9937 24.5084C25.7768 24.6931 25.5824 24.7711 25.3335 24.7693C25.3321 24.7693 25.3309 24.7693 25.3296 24.7693H6.6703C6.42163 24.7693 6.22592 24.6896 6.00837 24.5031C5.79082 24.3167 5.57003 24.0143 5.37366 23.6215C4.98087 22.8359 4.69101 21.7093 4.5016 20.5729C4.19681 18.7442 4.15176 17.2119 4.13948 16.5603Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  }
  .individual__nav__item:nth-child(5):after {
    background: url(../img/baby.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .individual .slick-track {
    display: flex;
    gap: 8px;
  }
  .individual .slick-list {
    padding: 0 20% 0 0;
  }
  .individual__device {
    flex-wrap: nowrap;
  }
  .individual .slick-list {
    overflow: visible;
    width: 100%;
  }
  .individual__device__item {
    max-width: 136px;
    height: 176px;
    background-color: #fff;
  }
  .more {
    height: auto;
  }
  .more__wrap {
    flex-direction: column;
  }
  .more__right {
    padding: 24px 0 64px 0;
    max-width: 100%;
  }
  .more__right__img {
    max-width: 100%;
    max-height: 100%;
  }
  .more__title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 24px;
  }
  .more__btn {
    padding: 12px 24px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .question .container {
    padding: 0 16px;
  }
  .question__wrap {
    flex-direction: column;
  }
  .question__link {
    display: none;
  }
  .question__left {
    width: 100%;
  }
  .question__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 41.6px;
    margin-bottom: 37px;
  }
  .question__title br {
    display: none;
  }
  .question__right {
    margin-left: 0;
    width: 100%;
  }
  .form {
    margin-top: 42px;
    padding-right: 0;
  }
  .form__wrap {
    flex-direction: column;
    gap: 10px;
  }
  .form__file {
    flex-direction: column;
    gap: 25px;
    margin-bottom: 14px;
  }
  .form__file__btn {
    width: 100%;
  }
  .form__chekbox__label {
    font-size: 14px;
  }
  .form__chekbox__label::after {
    top: -2px;
  }
  .form__chekbox__label::before {
    top: 3px !important;
  }
  .thanks__modal__wrapper {
    width: 91%;
    height: 277px;
  }
  .thanks__modal__wrapper__image {
    margin-top: 7px;
  }
  .thanks__modal__wrapper__desr {
    font-size: 14px;
  }
  .footer__top__right a,
  .footer__top span {
    font-size: 21px;
  }
  .footer__bottom__left__text {
    letter-spacing: -0.45px;
  }
  .footer .container {
    padding: 0 16px;
  }
  .footer__bottom__right__links {
    flex-direction: column-reverse;
    gap: 7px;
    margin-bottom: 23px;
  }
  .footer__bottom__bottom {
    flex-direction: column-reverse;
  }
  .footer__bottom__right__social {
    gap: 9px;
  }
  .footer__middle {
    margin-bottom: 45px;
  }
  .g2025 {
    font-size: 12px;
  }
  .footer__link svg {
    width: 12px;
    height: 12px;
  }
}



.install__desr__top a svg {
      width: 24px;
      margin-left: 4px;
      height: 24px;
      transition: all 0.3s ease-out;
}

.install__desr__top:hover a svg {
      rotate: 45deg;
}