@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

.swal2-container{
	z-index:9999999 !important;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
  border-radius: 0;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

a {
  color: inherit;
}

input[type=number] {
  -moz-appearance: textfield;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 131px;
}
@media (max-width: 1260px) {
  html {
    scroll-padding-top: 117px;
  }
}
@media (max-width: 1160px) {
  html {
    scroll-padding-top: 84px;
  }
}
@media (max-width: 991px) {
  html {
    scroll-padding-top: 69px;
  }
}
body {
  overflow-x: hidden;
  background: #00192F;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #FFFFFF;
  font-size: 14px;
}
body.popuplock {
  overflow: hidden;
}
@media (max-width: 1160px) {
  body.lock {
    overflow: hidden;
  }
}

.wrapper {
  overflow: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

[class*=__container] {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width: 767px) {
  [class*=__container] {
    padding: 0 10px;
  }
}

.title {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.title.big {
  font-size: 50px;
}
.title span {
  color: #0474f1;
}
.title.left {
  text-align: left;
}
@media (max-width: 1160px) {
  .title {
    font-size: 34px;
  }
  .title.big {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .title {
    font-size: 28px;
  }
  .title.big {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .title {
    font-size: 20px;
  }
  .title.big {
    font-size: 28px;
  }
}

.text {
  font-size: 18px;
}
.text.center {
  text-align: center;
}
.text span {
  color: #0474f1;
}
.text > span:first-child {
  margin-right: 5px;
}
.text li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  margin-bottom: 25px;
}
.text li:last-child {
  margin-bottom: 0;
}
.text li img {
  width: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
}
@media (max-width: 991px) {
  .text {
    font-size: 16px;
  }
  .text li {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .text {
    font-size: 14px;
  }
}

a.text {
  color: #0474f1;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-color: rgba(4, 116, 241, 0.4);
}
@media (any-hover: hover) {
  a.text:hover {
    text-decoration: none;
  }
}

.subtitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.subtitle.center {
  text-align: center;
}
@media (max-width: 1160px) {
  .subtitle {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .subtitle {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .subtitle {
    font-size: 14px;
  }
}

.button {
  background: #0474f1;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 14.5px 24px;
  display: block;
  border-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (any-hover: hover) {
  .button {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .button:hover {
    background: #0360c9;
    -webkit-box-shadow: 0 0px 14px 0px rgba(4, 116, 241, 0.55);
            box-shadow: 0 0px 14px 0px rgba(4, 116, 241, 0.55);
  }
}

.button-white {
  background:transparent;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 14.5px 24px;
  display: block;
  border-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border:1px solid #0474f1;
}
@media (any-hover: hover) {
  .button-white {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .button-white:hover {
    -webkit-box-shadow: 0 0px 14px 0px rgba(4, 116, 241, 0.55);
            box-shadow: 0 0px 14px 0px rgba(4, 116, 241, 0.55);
  }
}


.header {
  background-color: #00101E;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1100;
  left: 0;
  width: 100%;
}
@media (max-width: 1160px) {
  .header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    background-color: #00101E;
    pointer-events: none;
  }
}
.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  padding-bottom: 8px;
  padding-top: 8px;
}
@media (max-width: 1370px) {
  .header__container {
    gap: 35px;
  }
}
@media (max-width: 1270px) {
  .header__container {
    gap: 25px;
  }
}
@media (max-width: 1190px) {
  .header__container {
    gap: 15px;
  }
}
@media (max-width: 1160px) {
  .header__container {
    padding-bottom: 17px;
    padding-top: 17px;
  }
}
.header__logo {
  margin-right: 15px;
  width: 65px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65px;
          flex: 0 0 65px;
  position: relative;
  z-index: 8;
}
.header__logo img {
  width: 100%;
}
@media (max-width: 1370px) {
  .header__logo {
    margin-right: 0;
  }
}
@media (max-width: 1270px) {
  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    width: 50px;
  }
}
@media (max-width: 767px) {
  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55px;
            flex: 0 0 55px;
    width: 55px;
  }
}
.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  position: relative;
  z-index: 8;
}
@media (max-width: 767px) {
  .header__right {
    gap: 15px;
  }
}
.header__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.header__socials a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
          flex: 0 0 25px;
  width: 25px;
}
@media (any-hover: hover) {
  .header__socials a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header__socials a:hover {
    opacity: 0.8;
  }
}
.header__socials a img {
  width: 100%;
}
@media (max-width: 767px) {
  .header__socials a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21px;
            flex: 0 0 21px;
    width: 21px;
  }
}
.header__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.header__phones a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 600;
  line-height: 1;
}
.header__phones a svg, .header__phones a img {
  width: 14px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  height: 14px;
}
.header__phones a svg path, .header__phones a img path {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .header__phones a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header__phones a:hover {
    color: #0474f1;
  }
  .header__phones a:hover svg path {
    fill: #0474f1;
  }
}
@media (max-width: 767px) {
  .header__phones {
    gap: 10px;
  }
  .header__phones a {
    font-size: 12px;
  }
  .header__phones a svg, .header__phones a img {
    width: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
    height: 12px;
  }
}
.header__burger {
  display: none;
}
@media (max-width: 1160px) {
  .header__burger {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 8;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44px;
            flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: background 0.25s ease, box-shadow 0.25s ease;
    transition: background 0.25s ease, box-shadow 0.25s ease;
  }
  .header__burger:hover {
    background: rgba(4,116,241,0.12);
    -webkit-box-shadow: 0 0 10px rgba(4,116,241,0.25);
            box-shadow: 0 0 10px rgba(4,116,241,0.25);
  }
  .header__burger.active {
    background: rgba(4,116,241,0.15);
  }
  .header__burger:after {
    content: "";
    position: absolute;
    bottom: 11px;
    right: 8px;
    height: 2px;
    background-color: #FFFFFF;
    border-radius: 10px;
    width: calc(100% - 16px);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header__burger:before {
    content: "";
    position: absolute;
    top: 11px;
    right: 8px;
    height: 2px;
    background-color: #FFFFFF;
    border-radius: 10px;
    width: calc(100% - 16px);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header__burger span {
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    right: 8px;
    width: calc(65% - 4px);
    border-radius: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header__burger.active span {
    -webkit-transform: translate(0, -50%) scale(0);
            transform: translate(0, -50%) scale(0);
    opacity: 0;
  }
  .header__burger.active:after {
    bottom: 21px;
    width: calc(100% - 16px);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .header__burger.active:before {
    top: 21px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@media (max-width: 767px) {
  .header__burger {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 38px;
            flex: 0 0 38px;
    width: 38px;
    height: 38px;
  }
  .header__burger.active:before {
    top: 18px;
  }
  .header__burger.active:after {
    bottom: 18px;
  }
}

.header-bottom {
  background-color: #00192F;
  padding: 19px 0;
}
@media (max-width: 1160px) {
  .header-bottom {
    display: none;
  }
}
.header-bottom__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  gap: 20px;
}
.header-bottom.few .header-bottom__container {
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 180px;
  row-gap: 20px;
}
.header-bottom__container a {
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
}
@media (any-hover: hover) {
  .header-bottom__container a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header-bottom__container a:hover {
    color: #FFFFFF;
  }
}

.menu {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
.menu .button {
  padding: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 200px;
}
@media (max-width: 1370px) {
  .menu {
    gap: 35px;
  }
}
@media (max-width: 1270px) {
  .menu {
    gap: 25px;
  }
}
@media (max-width: 1160px) {
  .menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 100px 30px 0;
    padding-bottom: max(32px, env(safe-area-inset-bottom));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    z-index: 6;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    background: rgba(0, 10, 22, 0.96);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }
  .menu.active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    left: 0;
  }
  .menu .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-top: auto;
    max-width: 100%;
    width: 100%;
    background: #0474f1;
    -webkit-box-shadow: none;
            box-shadow: none;
    position: sticky;
    bottom: 0;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: max(20px, env(safe-area-inset-bottom));
    border-radius: 0;
    z-index: 2;
  }
}
.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 46px;
  font-size: 15px;
}


@media (max-width: 1370px) {
  .menu__list {
    gap: 20px;
  }
}
@media (max-width: 1180px) {
  .menu__list {
    gap: 15px;
  }
}
@media (max-width: 1160px) {
  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    gap: 30px;
  }
}

.menu__item{
  position: relative;
}
.menu__item ul{
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  top: calc(100% + 0px);
  background-color: #00192F;
  padding: 14px;
  border-radius: 5px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 10px;
  transition: all 0.3s ease 0s;
  min-width: 120px;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
}
.menu__item ul:before{
  content:'';
  position: absolute;
  left: 0;
  width: 100%;
  height: 8px;
  bottom: 100%;
}
.menu__link button{
  display: none;
}

@media (any-hover: hover) {
  .menu__item:hover ul{
    top: calc(100% + 8px);
    pointer-events:auto;
    opacity:1;
    visibility:visible;
  }
  .menu__link, .menu__item ul li a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .menu__item:hover .menu__link, .menu__item ul li:hover a {
    color: #0474f1;
  }
}
@media(max-width: 1160px) {
  .menu__item ul{
    position: static;
    pointer-events:auto;
    opacity:1;
    visibility:visible;
    min-width: 0;
    transform: translate(0);
    padding: 0;
    background-color: transparent;
    border-radius: 50%;
    gap: 30px;
    margin-top: 30px;
	text-align: center;
  }
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1101;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  padding: 50px 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: rgba(0, 16, 30, 0.8);
}
.popup.open {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
.popup > .popup__close {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 0;
}
.popup__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.popup__top .text {
  line-height: 1.4;
  text-wrap: balance;
}
.popup__content {
  position: relative;
  z-index: 2;
  background-color: #00192F;
  border-radius: 15px;
  width: calc(100vw - 60px);
  max-width: 700px;
  padding: 74px 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.popup__content > div.popup__close {
  position: absolute;
  top: 24px;
  right: 17px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.popup__content > div.popup__close img, .popup__content > div.popup__close svg {
  width: 100%;
}
.popup__content > div.popup__close img path, .popup__content > div.popup__close svg path {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .popup__content > div.popup__close:hover svg path {
    fill: #0474f1;
  }
}
.popup__content .button {
  padding: 23.5px 12px;
}
.popup__content .button.popup__close {
  width: auto;
  height: auto;
  position: static;
}
@media (max-width: 767px) {
  .popup__content {
    padding: 40px 20px;
    gap: 20px;
    width: calc(100vw - 20px);
  }
  .popup__content .button {
    padding: 17.5px 10px;
  }
  .popup__content > div.popup__close {
    width: 24px;
    height: 24px;
    top: 12px;
    right: 12px;
  }
}
.popup__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.popup__inputs input {
  width: 100%;
  min-width: 0;
  background-color: #00101E;
  border-radius: 5px;
  padding: 21.5px 25px;
  line-height: 1;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
}
.popup__inputs input::-webkit-input-placeholder {
  opacity: 1;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.popup__inputs input::-moz-placeholder {
  opacity: 1;
  color: #FFFFFF;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.popup__inputs input:-ms-input-placeholder {
  opacity: 1;
  color: #FFFFFF;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.popup__inputs input::-ms-input-placeholder {
  opacity: 1;
  color: #FFFFFF;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.popup__inputs input::placeholder {
  opacity: 1;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.popup__inputs input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.popup__inputs input:focus::-moz-placeholder {
  opacity: 0;
}
.popup__inputs input:focus:-ms-input-placeholder {
  opacity: 0;
}
.popup__inputs input:focus::-ms-input-placeholder {
  opacity: 0;
}
.popup__inputs input:focus::placeholder {
  opacity: 0;
}
@media (max-width: 767px) {
  .popup__inputs {
    gap: 10px;
  }
  .popup__inputs input {
    padding: 15px;
  }
}

.policy {
  width: calc(100vw - 60px);
  max-width: 750px;
  background-color: #00192F;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 28px 30px;
}
@media (max-width: 767px) {
  .policy {
    width: calc(100vw - 20px);
    padding: 20px;
    gap: 15px;
  }
}
.policy__text {
  max-height: 435px;
  height: calc(100vh - 176px);
  overflow-y: auto;
  min-height: 200px;
  padding-right: 60px;
}
@media (max-width: 767px) {
  .policy__text {
    padding-right: 10px;
    height: calc(100vh - 160px);
  }
}
.policy__text::-webkit-scrollbar {
  border-radius: 15px;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.1);
}
.policy__text::-webkit-scrollbar-thumb {
  background-color: #0474f1;
  border-radius: 15px;
}
.policy__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}
.policy__top > .popup__close {
  width: 28px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  height: 28px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .policy__top > .popup__close {
    width: 24px;
    height: 24px;
  }
}
@media (any-hover: hover) {
  .policy__top > .popup__close:hover svg path {
    fill: #0474f1;
  }
}
.policy__top > .popup__close svg, .policy__top > .popup__close img {
  width: 100%;
  height: 100%;
}
.policy__top > .popup__close svg path, .policy__top > .popup__close img path {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}
.mb50i{
  margin-bottom: 50px;
}
.mb50 {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .mb50 {
    margin-bottom: 30px;
  }
}

.top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.block {
  padding: 100px 0;
}
.block.bg {
  background-color: #00101E;
}
@media (max-width: 1160px) {
  .block {
    padding: 80px 0;
  }
}
@media (max-width: 991px) {
  .block {
    padding: 70px 0;
  }
}
@media (max-width: 767px) {
  .block {
    padding: 50px 0;
  }
}

@media(min-width: 1160.1px) {
  .main__franchise{
    max-width: 934px;
    width: calc(100% - 400px);
  }
  .main__franchise> .text{
    max-width: 485px;
  }
  .main__franchise> .text, .main__franchise> .title{
    text-align: left;
  }
}

.main__franchise-image {
  position: absolute;
  right: calc((100vw - 1470px) / 2);
  bottom: 0;
  pointer-events: none;
  width: 460px;
}
@media(max-width: 1530px) {
  .main__franchise-image{
    right: 30px;
    width: 400px;
  }
}
.main__franchise-image img{
  width: 100%;
  user-select: none;
}
@media(max-width: 1160px) {
  .main__franchise{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .main__franchise-image{
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 2;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 50px;
  }
}
@media(max-width: 767px) {
  .main__franchise-image{
    max-width: 250px;
  }
}
.main {
  min-height: calc(100vh - var(--header-height));
  overflow: hidden;
  position: relative;
  padding: 160px 0 140px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1160px) {
  .main {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .main {
    padding: 90px 0;
  }
}
@media (max-width: 767px) {
  .main {
    padding: 66px 0 56px;
  }
}
.main.centered-texts {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .main.centered-texts {
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
}

.main-franchise {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 40px auto 0;
  max-width: 1050px;
}
@media(max-width: 991px) {
  .main-franchise{
    margin-top: 30px;
  }
}

.main-franchise__items {
  width: 100%;
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media(max-width: 768px) {
  .main-franchise__items{
    grid-template-columns: 1fr;
  }
}

.main-franchise__item {
  border-radius: 5px;
  backdrop-filter: blur(25px);
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 25px 20px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.6;
}

.main-franchise__item p{
  font-size: 18px;
  line-height: 1.4;
}
.franchise__item img{
  flex: 0 0 50px;
  width: 50px;
}

.main-franchise__right {
  display: flex;
  flex-direction: column;
  gap: 5px;
}


.main__container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.centered-texts .main__container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.main__container > .text {
  max-width: 908px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 991px) {
  .main__container {
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    gap: 30px;
  }
}
.main__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.main__bg:after {
  content: "";
  position: absolute;
  bottom: -1%;
  left: 0;
  width: 100%;
  height: 127%;
  z-index: 0;
  background: linear-gradient(90deg, rgba(0, 16, 30, 0.98) 0%, rgba(0, 16, 30, 0.7) 25%, rgba(0, 16, 30, 0.3) 50%, rgba(0, 16, 30, 0.7) 75%, rgba(0, 16, 30, 0.98) 100%);
}
.main__bg.type2:after {
  height: 101%;
  background: rgba(0, 16, 30, 0.75);
}
.main__bg.type3:after {
  height: 101%;
  background: rgba(0, 16, 30, 0.81);
}
.main__bg.type4:after {
  height: 101%;
  background: rgba(0, 25, 47, 0.75);
}
.main__bg.type5:after {
  height: 101%;
  background: rgba(0, 25, 47, 0.62);
}
.main__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main__container {
  position: relative;
  z-index: 2;
}
.main__content {
  max-width: 1020px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main__content.wider {
  max-width: 1180px;
}
@media (max-width: 767px) {
  .main__content .title br.onlyDesk {
    display: none;
  }
}
.main .button {
  -ms-flex-item-align: center;
      align-self: center;
}

.button.w240{
  width: 100%;
  max-width: 240px;
}

.main__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  row-gap: 20px;
}
.main__item {
  min-width: 250px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  padding: 15px 20px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  background: rgba(255, 255, 255, 0.05);
  min-height: 80px;
}
.main__item .text {
  line-height: 1.4;
}
.main__item b {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.catalog__title {
  margin-bottom: 32px;
}
.catalog__title:has(+ .catalog__subtitle) {
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .catalog__title {
    margin-bottom: 25px;
  }
  .catalog__title:has(+ .catalog__subtitle) {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .catalog__title {
    margin-bottom: 20px;
  }
  .catalog__title:has(+ .catalog__subtitle) {
    margin-bottom: 10px;
  }
}
.catalog__subtitle {
  margin-bottom: 40px;
}
@media (max-width: 1160px) {
  .catalog__subtitle {
    margin-bottom: 32px;
  }
}
@media (max-width: 991px) {
  .catalog__subtitle {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .catalog__subtitle {
    margin-bottom: 15px;
  }
}
.catalog__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 30px;
}
.catalog__cards.few {
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}
@media (max-width: 991px) {
  .catalog__cards {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .catalog__cards {
    gap: 15px;
    grid-template-columns: 1fr;
  }
  .catalog__cards.few {
    grid-template-columns: 1fr;
  }
}
.catalog__card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.3s ease, background 0.3s ease;
  padding: 0;
  gap: 0;
  cursor: pointer;
}
.catalog__card:hover {
  border-color: #0474f1;
  background: rgba(4,116,241,0.05);
}
.bg .catalog__card {
  background-color: #00192F;
}
.catalog__card .subtitle {
  padding: 16px 20px 0;
  color: #fff;
}
.catalog__card .text {
  padding: 4px 20px 0;
}
.equip-open-btn {
  background: #0474f1 !important;
  margin: 12px 20px 16px;
  display: block;
  width: calc(100% - 40px);
  text-align: center;
  border-radius: 5px;
  padding: 12px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}
.equip-open-btn:hover {
  background: #0360c9 !important;
}
.catalog__image {
  width: 100%;
  margin: 0;
  height: 355px;
}
.catalog__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services__container {
  display: flex;
  flex-direction: column;
  gap: 38px;
}
@media (max-width: 1160px) {
  .services__container {
    gap: 28px;
  }
}
@media (max-width: 991px) {
  .services__container {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .services__container {
    gap: 20px;
  }
}
.services__top {
  display: flex;
  flex-direction: column;
}
.services__top *:last-child {
  margin-top: 14px;
}
@media (max-width: 991px) {
  .services__top {
    gap: 15px;
  }
  .services__top *:last-child {
    margin-top: 0;
  }
}
.services__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 30px;
}
@media (max-width: 991px) {
  .services__cards {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .services__cards {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.services__card {
  overflow: hidden;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: 20px;
  position: relative;
}
.services__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.services__image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 16, 30, 0) 0%, rgba(0, 16, 30, 0.43) 35%, rgba(0, 16, 30, 0.86) 100%);
}
.services__image img {
  filter: grayscale(1);
  width: 100%;
  height: 100%;
  transition: all 0.3s ease 0s;
  object-fit: cover;
}
@media (any-hover: hover) {
  .services__card:hover .services__image img {
    filter: grayscale(0);
  }
}
.services__bottom {
  margin-top: auto;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
}
.services__text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.services__arrow {
  margin-left: auto;
  flex: 0 0 20px;
  width: 20px;
}
.services__arrow img {
  width: 100%;
}

.facts__container {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 1160px) {
  .facts__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
}
.facts__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 570px;
          flex: 0 0 570px;
}
@media (max-width: 1260px) {
  .facts__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 460px;
            flex: 0 0 460px;
  }
}
@media (max-width: 1160px) {
  .facts__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    max-width: 707px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .facts__right {
    max-width: 340px;
  }
}
.facts__images {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  height: 440px;
  grid-template-columns: 6fr 4fr;
}
@media (max-width: 1260px) {
  .facts__images {
    height: 360px;
  }
}
@media (max-width: 1160px) {
  .facts__images {
    height: 440px;
    gap: 17px;
  }
}
@media (max-width: 767px) {
  .facts__images {
    height: 262px;
  }
}
.facts__image {
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
}
.facts__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facts__img {
  height: 56.8%;
}
.facts__img img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facts__dec {
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  overflow: hidden;
  width: 63%;
  height: 210px;
  margin-top: -65.04px;
}
@media (max-width: 1260px) {
  .facts__dec {
    height: 180px;
    margin-top: -47.76px;
  }
}
@media (max-width: 1160px) {
  .facts__dec {
    height: 210px;
    margin-top: -78.04px;
  }
}
@media (max-width: 767px) {
  .facts__dec {
    height: 125px;
    margin-top: -39.592px;
  }
}
.facts__dec img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facts__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  max-width: 710px;
}
.facts__content ul {
  max-width: 550px;
}
.facts__content .button {
  max-width: 240px;
}
@media (max-width: 1160px) {
  .facts__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    gap: 30px;
    max-width: 100%;
  }
  .facts__content .button {
    -ms-flex-item-align: center;
        align-self: center;
    width: 100%;
  }
  .facts__content ul {
    max-width: 100%;
  }
  .facts__content ul br {
    display: none;
  }
}
@media (max-width: 767px) {
  .facts__content {
    gap: 20px;
  }
}
.facts__title {
  text-align: left;
}
@media (max-width: 1160px) {
  .facts__title {
    text-align: center;
  }
}

.gallery__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 991px) {
  .gallery__container {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .gallery__container {
    gap: 20px;
  }
}
.gallery__container .button {
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 240px;
  width: 100%;
}
.gallery__slider {
  max-width: 100%;
  width: 100%;
  border-radius: 5px;
}
.gallery__content {
  position: relative;
}
.gallery__prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  left: -30px;
  z-index: 2;
  cursor: pointer;
  width: 40px;
}
.gallery__prev img {
  width: 100%;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media (max-width: 1560px) {
  .gallery__prev {
    left: 0;
    -webkit-transform: translate(-70%, -50%);
            transform: translate(-70%, -50%);
  }
}
@media (max-width: 991px) {
  .gallery__prev {
    display: none;
  }
}
.gallery__next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  right: -30px;
  z-index: 2;
  cursor: pointer;
  width: 40px;
}
.gallery__next img {
  width: 100%;
}
@media (max-width: 1560px) {
  .gallery__next {
    right: 0;
    -webkit-transform: translate(70%, -50%);
            transform: translate(70%, -50%);
  }
}
@media (max-width: 991px) {
  .gallery__next {
    display: none;
  }
}
.gallery__slide {
  border-radius: 5px;
  overflow: hidden;
  padding: 40px 55px;
  position: relative;
  min-height: 584px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1160px) {
  .gallery__slide {
    padding: 40px;
    min-height: 500px;
  }
}
@media (max-width: 991px) {
  .gallery__slide {
    padding: 30px;
    min-height: 450px;
  }
}
@media (max-width: 767px) {
  .gallery__slide {
    padding: 20px;
    min-height: 400px;
  }
}
.gallery__slide > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}
.gallery__slide:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.gallery__bottom {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 23px;
  margin-top: auto;
  max-width: 810px;
}
.gallery__bottom b {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.reasons__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 991px) {
  .reasons__container {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .reasons__container {
    gap: 20px;
  }
}
.reasons__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .reasons__top {
    gap: 20px;
  }
  .reasons:has(.reasons__items) .reasons__top {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .reasons__title span {
    display: block;
  }
  .reasons:has(.reasons__items) .reasons__title span {
    display: inline;
  }
}
.reasons__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  .reasons:has(.reasons__items) .reasons__texts {
    gap: 5px;
  }
}
.reasons__button {
  max-width: 240px;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
}
@media (max-width: 767px) {
  .reasons__button {
    margin-top: 10px;
  }
  .reasons__button.mb-hide {
    display: none;
  }
}
.reasons__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 30px;
}
@media (max-width: 1160px) {
  .reasons__cards {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .reasons__cards {
    grid-template-columns: 1fr;
  }
}
.reasons__card {
  border-radius: 5px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  min-height: 420px;
  padding: 46px 32px;
}
.type2 .reasons__card {
  min-height: 370px;
  padding: 25px;
  padding-bottom: 28px;
}
@media (max-width: 1160px) {
  .reasons__card {
    min-height: 400px;
    padding: 40px 30px;
  }
  .type2 .reasons__card {
    padding: 25px 20px;
  }
}
@media (max-width: 991px) {
  .reasons__card {
    min-height: 380px;
    padding: 30px;
  }
  .type2 .reasons__card {
    min-height: 370px;
    padding: 25px 20px;
  }
}
@media (max-width: 767px) {
  .reasons__card {
    min-height: 340px;
    padding: 20px;
  }
  .type2 .reasons__card {
    min-height: 370px;
    padding: 25px 20px;
  }
}
.reasons__card > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}
.reasons__card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00101E;
  z-index: 1;
  pointer-events: none;
  opacity: 0.8;
}
.type2 .reasons__card:before {
  opacity: 0.4;
}
.type2 .reasons__card:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(225deg, rgba(0, 16, 30, 0.45) 0%, rgba(0, 16, 30, 0.4) 54%, #00101e 100%);
  z-index: 1;
  pointer-events: none;
}
.reasons__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: auto;
  position: relative;
  z-index: 2;
}
.reasons__items {
  margin-top: 50px;
  display: grid;
  gap: 30px;
  row-gap: 60px;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}
@media (max-width: 1160px) {
  .reasons__items {
    margin-top: 30px;
    row-gap: 40px;
  }
}
@media (max-width: 991px) {
  .reasons__items {
    margin-top: 20px;
    gap: 20px;
    row-gap: 30px;
  }
}
@media (max-width: 767px) {
  .reasons__items {
    margin-top: 0;
    grid-template-columns: 1fr;
    row-gap: 0;
    gap: 20px;
  }
}
.reasons__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  .reasons__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.reasons__icon {
  margin-bottom: 10px;
  width: 90px;
  height: 90px;
  background-color: #00101E;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bg .reasons__icon {
  background-color: #00192F;
}
.reasons__icon img {
  width: 35px;
}
@media (max-width: 991px) {
  .reasons__icon {
    margin-bottom: 5px;
  }
}

.contacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1160px) {
  .contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    grid-template-columns: 1fr;
  }
}
.contacts__map iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 1160px) {
  .contacts__map {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .contacts__map {
    height: 340px;
  }
}
.contacts__body {
  padding: 170px 90px;
  background-color: #0474f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 1700px) {
  .contacts__body {
    padding: 140px 70px;
  }
}
@media (max-width: 1439px) {
  .contacts__body {
    padding: 100px 50px;
  }
}
@media (max-width: 1160px) {
  .contacts__body {
    padding: 60px 30px;
  }
  .contacts__body .title.left {
    text-align: center;
  }
  .contacts__body .subtitle {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .contacts__body {
    gap: 30px;
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .contacts__body {
    gap: 20px;
    padding: 50px 10px;
  }
}
.contacts__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .contacts__wrapper {
    gap: 20px;
  }
}
.contacts__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 36px;
}
.contacts__socials a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 40px;
}
.contacts__socials a img {
  width: 100%;
}
@media (max-width: 1160px) {
  .contacts__socials {
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.profits__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 991px) {
  .profits__container {
    gap: 30px;
  }
}
.profits__nav {
  max-width: 480px;
  width: 100%;
  grid-template-columns: 50% 50%;
  display: grid;
  margin: 0 auto;
  background-color: #00101E;
  border-radius: 5px;
  overflow: hidden;
}
.profits__nav p {
  position: relative;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  padding: 14.5px 8px;
  cursor: pointer;
}
.profits__nav p span {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  z-index: 1;
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profits__nav p:first-child:before {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  border-radius: 0px 5px 5px 0px;
  height: 100%;
  background: #0474f1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 1;
}
.profits__nav p:first-child.active:before {
  left: 0%;
  border-radius: 5px 0 0 5px;
}
.profits__body {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.profits__body.target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.profits__body .button {
  max-width: 240px;
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .profits__body {
    gap: 15px;
  }
  .profits__body .button {
    margin-top: 15px;
  }
}
.profits__items {
  margin-top: 12px;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
@media (max-width: 991px) {
  .profits__items {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .profits__items {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 5px;
  }
}
.profits__item {
  border-radius: 5px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #00101E;
}
.profits__top {
  background: #0474f1;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  text-align: center;
  padding: 30px 20px;
  font-size: 18px;
  font-weight: 400;
}
.profits__top b {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.4;
}
.profits__wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 30px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.profits__wrapper .button {
  width: 100%;
  max-width: 100%;
  margin-top: auto;
}
.profits__rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.profits__row {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5px;
}
.profits__row b {
  font-weight: 700;
}
.profits__row > *:last-child {
  text-align: right;
  margin-left: auto;
}
.profits__content {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 75px;
}
.profits__content.target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1160px) {
  .profits__content {
    gap: 40px;
  }
}
@media (max-width: 991px) {
  .profits__content {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .profits__content {
    gap: 15px;
  }
}

.stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
  background-color: #00101E;
  border-radius: 5px;
  padding: 40px;
  padding-top: 30px;
}
@media (max-width: 1160px) {
  .stats {
    gap: 45px;
    padding: 30px 25px;
  }
}
@media (max-width: 991px) {
  .stats {
    gap: 40px;
    padding: 25px 20px;
  }
}
@media (max-width: 767px) {
  .stats {
    gap: 30px;
    padding: 20px 15px;
  }
}
.stats__procents {
  display: grid;
  grid-template-columns: 0.93fr 5fr 0.93fr;
  gap: 30px;
}
@media (max-width: 1160px) {
  .stats__procents {
    gap: 25px;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .stats__procents {
    gap: 20px;
  }
}
.stats__procent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.stats__procent b {
  text-align: center;
  font-size: 35px;
  line-height: 1.4;
  font-weight: 700;
}
@media (max-width: 991px) {
  .stats__procent b {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .stats__procent b {
    font-size: 25px;
  }
}
.stats__costs {
  padding-top: 20px;
  border-top: 1px solid #FFFFFF;
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
}
@media (max-width: 1160px) {
  .stats__costs {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .stats__costs {
    gap: 15px;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .stats__costs {
    gap: 10px;
  }
}
.stats__cost {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  background: #0474f1;
  border-radius: 5px;
  padding: 14.5px 5px;
}
.stats__cost.blue {
  background: #0091C8;
}
.stats__cost.sky {
  background: #0091EA;
}
.stats__cost.green {
  background: #5A915A;
}
.stats__cost.purple {
  background: #6E64C3;
}
.stats__cost.lime {
  background: #addc51;
}
.stats__cost.yellow {
  background: #CEB753;
}

.stats__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 70px;
}
@media (max-width: 1160px) {
  .stats__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 40px;
  }
}
@media (max-width: 991px) {
  .stats__content {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .stats__content {
    gap: 20px;
  }
}
.stats__graphic {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 320px;
          flex: 0 0 320px;
  width: 320px;
}
@media (max-width: 1160px) {
  .stats__graphic {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 auto;
    width: 100%;
    max-width: 320px;
  }
}
.stats__graphic img {
  width: 100%;
  border-radius: 20px;
}
.stats__colors {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 750px;
}
@media (max-width: 1160px) {
  .stats__colors {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .stats__colors {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.stats__color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.stats__color span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #06588A;
}
.stats__color.red span {
  background: #C50000;
}
.stats__color.blue span {
  background: #0091C8;
}
.stats__color.sky span {
  background: #0091EA;
}
.stats__color.green span {
  background: #5A915A;
}
.stats__color.purple span {
  background: #6E64C3;
}
.stats__color.lime span {
  background: #addc51;
}
.stats__color.yellow span {
  background: #CEB753;
}
.stats__items {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
@media (max-width: 991px) {
  .stats__items {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .stats__items {
    gap: 15px;
  }
}
@media (max-width: 500px) {
  .stats__items {
    grid-template-columns: 1fr;
  }
}
.stats__item {
  border-radius: 5px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  text-align: center;
  gap: 12px;
  background-color: #00192F;
  padding: 30px;
  padding-bottom: 20px;
  text-wrap: balance;
}
@media (max-width: 767px) {
  .stats__item {
    padding: 20px;
  }
}
.stats__item b {
  font-weight: 700;
  line-height: 1;
}
.stats__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.stats__bottom b {
  text-align: center;
  text-wrap: balance;
  font-size: 18px;
  font-weight: 700;
}
.stats__bottom .button {
  max-width: 240px;
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 991px) {
  .stats__bottom {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .stats__bottom {
    gap: 15px;
  }
}

.factors__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (max-width: 767px) {
  .factors__container {
    gap: 30px;
  }
}
.factors__items {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}
@media (max-width: 767px) {
  .factors__items {
    grid-template-columns: 1fr;
  }
}
.factors__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 991px) {
  .factors__item {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .factors__item {
    gap: 20px;
  }
}
.factors__percent {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: conic-gradient(#0474f1 calc(var(--percent) * 1%), #00192F 0);
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.factors__percent::before {
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: calc(100% - 20px);
  background-color: #00101E;
  border-radius: 50%;
  z-index: 1;
}
.factors__percent::after {
  content: attr(data-percent) "%";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.factors__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.factors__content div.text:last-of-type {
  margin-bottom: auto;
}
.factors__content a {
  margin-top: 15px;
}

@media (max-width: 1160px) {
  .feature__container {
    padding: 0;
  }
}
.feature__body {
  background: #0474f1;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  padding: 0 40px 0 28px;
}
@media (max-width: 1160px) {
  .feature__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    padding: 50px 30px;
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .feature__body {
    gap: 24px;
    padding: 50px 20px;
  }
}
.feature__wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 386px;
          flex: 0 0 386px;
  width: 386px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 1160px) {
  .feature__wrapper {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 400px;
    margin: 0 auto;
  }
}
.feature__prev {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E8E8E8;
  border-radius: 50%;
  cursor: pointer;
}
.feature__prev svg {
  width: 100%;
}
.feature__prev svg path {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .feature__prev:hover svg path {
    stroke: #0474f1;
  }
}
.feature__slider {
  background-color: #FFFFFF;
  border-radius: 33px;
  margin-top: -10px;
  height: calc(100% + 20px);
}
@media (max-width: 1160px) {
  .feature__slider {
    margin-top: 0;
    height: auto;
  }
}
.feature__slider .swiper-slide {
  padding: 12px 15px;
  padding-bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.feature__slider .swiper-slide img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 25px;
  width: 100%;
  max-height: 100%;
}
@media (max-width: 1160px) {
  .feature__slider .swiper-slide {
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .feature__slider .swiper-slide {
    padding: 7px;
  }
  .feature__slider .swiper-slide img {
    border-radius: 30px;
  }
}
.feature__next {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E8E8E8;
  border-radius: 50%;
  cursor: pointer;
}
.feature__next svg {
  width: 100%;
}
.feature__next svg path {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .feature__next:hover svg path {
    stroke: #0474f1;
  }
}
.feature__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
  gap: 20px;
  padding: 15px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 1160px) {
  .feature__content {
    padding: 0;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.feature__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.feature__texts ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.projects__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 100px;
}
@media (max-width: 1160px) {
  .projects__container {
    gap: 80px;
  }
}
@media (max-width: 991px) {
  .projects__container {
    gap: 70px;
  }
}
@media (max-width: 767px) {
  .projects__container {
    gap: 50px;
  }
}
.projects__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.projects__body:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1160px) {
  .projects__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .projects__body:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.projects__sliders {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 57%;
          flex: 0 0 57%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  min-width: 0;
}
@media (max-width: 1160px) {
  .projects__sliders {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.projects__slider {
  width: 100%;
  height: 570px;
}
@media (max-width: 1160px) {
  .projects__slider {
    height: auto;
  }
}
.projects__slider .swiper-slide {
  height: auto;
}
.projects__slider .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.projects__navslider {
  min-width: 0;
  width: 100%;
  height: 60px;
}
.projects__navslider .swiper-slide {
  height: 100%;
  cursor: pointer;
  width: 60px !important;
}
.projects__navslider .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.projects__wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.projects__wrapper.centered {
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 1160px) {
  .projects__wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .projects__wrapper.centered {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}
.projects__wrapper .smallwrap {
  max-width: 450px;
}
@media (max-width: 1160px) {
  .projects__wrapper .smallwrap {
    max-width: 100%;
  }
}
.projects__wrapper .button {
  margin-top: 20px;
  max-width: 240px;
}
@media (max-width: 991px) {
  .projects__wrapper {
    gap: 15px;
  }
  .projects__wrapper .button {
    margin-top: 5px;
  }
}

.photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.photos > .title {
  margin: 0 30px;
}
@media (max-width: 767px) {
  .photos > .title {
    margin: 0 10px;
  }
}
@media (max-width: 991px) {
  .photos {
    gap: 28px;
  }
}
@media (max-width: 767px) {
  .photos {
    gap: 20px;
  }
}
.photos__images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 1341px) {
  .photos__images.other {
    padding: 0 3px;
    gap: 3px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1340px) {
  .photos__images {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .photos__images {
    grid-template-columns: repeat(2, 1fr);
  }
}
.photos__image {
  cursor: pointer;
}
.photos__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fancybox__container {
  max-width: 100%;
  z-index: 1200;
  padding: 0;
  margin: 0;
}

.fancybox__backdrop {
  background: rgba(0, 16, 30, 0.8);
}

.equipments {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 30px;
  row-gap: 60px;
}
@media (max-width: 1160px) {
  .equipments {
    row-gap: 50px;
  }
}
@media (max-width: 991px) {
  .equipments {
    row-gap: 40px;
  }
}
@media (max-width: 767px) {
  .equipments {
    row-gap: 0;
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.equipments__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.equipments__item .button {
  max-width: 240px;
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 1160px) {
  .equipments__item {
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .equipments__item {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .equipments__item.onlyDesk {
    display: none;
  }
}
.equipments__wrapper {
  padding: 20px;
  background-color: #00101E;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.bg .equipments__wrapper {
  background-color: #00192F;
}
.equipments__image {
  width: 100%;
  height: 240px;
}
.equipments__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.equipments__bottom {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  text-align: center;
}
.equipments__bottom b {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.equipments__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
}
.equipments__arrow img {
  width: 100%;
}

.videos__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (max-width: 991px) {
  .videos__container {
    gap: 28px;
  }
}
@media (max-width: 767px) {
  .videos__container {
    gap: 20px;
  }
}
.videos__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 1160px) {
  .videos__items {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .videos__items {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .videos__items {
    gap: 20px;
  }
}
.videos__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.videos__video {
  overflow: hidden;
  padding-bottom: 56%;
  position: relative;
}
.videos__video video {
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.plan__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 54px;
}
@media (max-width: 1160px) {
  .plan__container {
    gap: 40px;
  }
}
@media (max-width: 991px) {
  .plan__container {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .plan__container {
    gap: 25px;
  }
}
@media (max-width: 500px) {
  .plan__container {
    gap: 20px;
  }
}
.plan__image {
  border-radius: 15px;
  overflow: hidden;
  max-width: 690px;
  margin: 0 auto;
}
.plan__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.reqs__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (max-width: 991px) {
  .reqs__container {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .reqs__container {
    gap: 20px;
  }
}
.reqs__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 27px 37px;
  margin-top: 8px;
  border-radius: 5px;
  border: 1px dashed #0474f1;
}
@media (max-width: 1160px) {
  .reqs__content {
    padding: 27px;
  }
}
@media (max-width: 767px) {
  .reqs__content {
    margin-top: 10px;
    padding: 27px 23px;
  }
}
.reqs__items {
  display: grid;
  gap: 30px;
  row-gap: 40px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1160px) {
  .reqs__items {
    grid-template-columns: 1fr;
    row-gap: 0;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .reqs__items {
    gap: 20px;
  }
}
.reqs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
}
@media (max-width: 1160px) {
  .reqs__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767px) {
  .reqs__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
}
.reqs__count {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  color: #0474f1;
  background-color: #00101E;
}
@media (max-width: 767px) {
  .reqs__count {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.reqs__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  .reqs__texts {
    text-align: center;
  }
}

.functions__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.functions__container .title {
  letter-spacing: -0.012em;
}
@media (max-width: 1500px) {
  .functions__container .title {
    letter-spacing: 0;
  }
}
@media (max-width: 991px) {
  .functions__container {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .functions__container {
    gap: 20px;
  }
}
.functions__items {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
}
@media (max-width: 991px) {
  .functions__items {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .functions__items {
    grid-template-columns: 1fr;
  }
}
.functions__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 43px 29px;
  border-radius: 5px;
  background-color: #00101E;
}
.bg .functions__item {
  background-color: #00192F;
}
@media (max-width: 1160px) {
  .functions__item {
    padding: 36px 28px;
  }
}
@media (max-width: 991px) {
  .functions__item {
    padding: 30px 24px;
  }
}
@media (max-width: 767px) {
  .functions__item {
    padding: 24px 20px;
  }
}

.benefits__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 991px) {
  .benefits__container {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .benefits__container {
    gap: 20px;
  }
}
.benefits__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 30px;
}
@media (max-width: 991px) {
  .benefits__items {
    gap: 20px;
  }
}
@media (max-width: 630px) {
  .benefits__items {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
}
.benefits__item {
  background-color: #00101E;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 27px 8px 22px;
}
.benefits__item img {
  width: 50px;
}
.bg .benefits__item {
  background-color: #00192F;
}

.gap90 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 90px;
}
@media (max-width: 1160px) {
  .gap90 {
    gap: 80px;
  }
}
@media (max-width: 991px) {
  .gap90 {
    gap: 70px;
  }
}
@media (max-width: 767px) {
  .gap90 {
    gap: 50px;
  }
}

.complect .title.narrow {
  letter-spacing: -0.015em;
}
@media (max-width: 1500px) {
  .complect .title.narrow {
    letter-spacing: 0;
  }
}
.complect__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 991px) {
  .complect__container {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .complect__container {
    gap: 20px;
  }
}
.complect__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .complect__top {
    gap: 15px;
  }
}
.complect__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
.complect__content > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40.5%;
          flex: 0 0 40.5%;
}
.complect__content > *.wider {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
}
@media (max-width: 1400px) {
  .complect__content > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 15px);
            flex: 0 0 calc(50% - 15px);
  }
  .complect__content > *.wider {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(49% - 15px);
            flex: 0 0 calc(49% - 15px);
  }
}
@media (max-width: 1160px) {
  .complect__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    gap: 20px;
  }
  .complect__content > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .complect__content > *.wider {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.complect__cards {
  display: grid;
  gap: 30px;
  row-gap: 20px;
  grid-template-columns: 6fr 4fr;
}
@media (max-width: 767px) {
  .complect__cards {
    grid-template-columns: 1fr;
    row-gap: 0;
    gap: 20px;
  }
}
.complect__row {
  max-width: 330px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  .complect__row {
    max-width: 100%;
  }
}
.complect__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (max-width: 1160px) {
  .complect__right {
    gap: 15px;
  }
}
@media (max-width: 991px) {
  .complect__right {
    gap: 10px;
  }
}
.complect__form {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 42fr 58fr;
  background-color: #00101E;
}
.bg .complect__form {
  background-color: #00192F;
}
@media (max-width: 1160px) {
  .complect__form {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .complect__form {
    margin-top: 0;
  }
}
.complect__image {
  position: relative;
}
.complect__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1160px) {
  .complect__image img {
    position: static;
  }
}
.complect__fields {
  padding: 42px 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.complect__fields input {
  width: 100%;
  min-width: 0;
  background-color: #00192F;
  border-radius: 5px;
  padding: 15px 16px;
  line-height: 1;
  color: #FFFFFF;
  font-size: 14px;
}
.bg .complect__fields input {
  background-color: #00101e;
}
.complect__fields input::-webkit-input-placeholder {
  opacity: 0.6;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.complect__fields input::-moz-placeholder {
  opacity: 0.6;
  color: #FFFFFF;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.complect__fields input:-ms-input-placeholder {
  opacity: 0.6;
  color: #FFFFFF;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.complect__fields input::-ms-input-placeholder {
  opacity: 0.6;
  color: #FFFFFF;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.complect__fields input::placeholder {
  opacity: 0.6;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.complect__fields input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.complect__fields input:focus::-moz-placeholder {
  opacity: 0;
}
.complect__fields input:focus:-ms-input-placeholder {
  opacity: 0;
}
.complect__fields input:focus::-ms-input-placeholder {
  opacity: 0;
}
.complect__fields input:focus::placeholder {
  opacity: 0;
}
@media (max-width: 1260px) {
  .complect__fields {
    padding: 36px 60px;
  }
}
@media (max-width: 991px) {
  .complect__fields {
    padding: 28px 50px;
  }
}
@media (max-width: 767px) {
  .complect__fields {
    padding: 24px 15px;
  }
}
.complect__fields .button {
  margin-top: 5px;
  max-width: 240px;
}
@media (max-width: 767px) {
  .complect__fields .button {
    max-width: 100%;
  }
}

.handling__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.handling__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (max-width: 1160px) {
  .handling__items {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .handling__items {
    gap: 20px;
  }
}
.handling__item {
  padding: 35px 30px 30px;
  background-color: #00101E;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (max-width: 991px) {
  .handling__item {
    padding: 25px 20px;
  }
}
@media (max-width: 767px) {
  .handling__item {
    padding: 15px 10px;
  }
}
.bg .handling__item {
  background-color: #00192F;
}
.handling__image {
  margin-bottom: 5px;
  border-radius: 5px;
  overflow: hidden;
  height: 275px;
}
.handling__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .handling__image {
    height: 350px;
  }
}
@media (max-width: 991px) {
  .handling__image {
    margin-bottom: 0;
    height: 300px;
  }
}
@media (max-width: 767px) {
  .handling__image {
    height: 200px;
  }
}

.items__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.items__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (max-width: 1160px) {
  .items__cards {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .items__cards {
    gap: 20px;
  }
}
.items__card {
  padding: 35px 30px;
  background-color: #00101E;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (max-width: 991px) {
  .items__card {
    padding: 30px 25px;
  }
}
@media (max-width: 767px) {
  .items__card {
    padding: 19px 17px;
  }
}
.bg .items__card {
  background-color: #00192F;
}
.items__card > img {
  width: 50px;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .items__card > img {
    margin-bottom: 0;
  }
}

.mso {
    padding-bottom: 0;
}

.about-video .videos__items {
    grid-template-columns: 1fr;
}

.mso .videos__items {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 991px) {
  .mso .videos__items {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1160px) {
    a[data-popup="#popup-policy"] {
        text-align: center;       
    }    
}


.fee {

}

.faq__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.faq__container .title{
  margin-bottom: 10px;
}
.faq__container .button{
  align-self: center;
}

.faq__container>.text{
  margin-top: 20px;
}

.fee__items {
  gap: 30px;
  row-gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
@media(max-width: 991px) {
  .fee__items{
    gap: 20px;
    row-gap: 50px;
    grid-template-columns: 1fr 1fr;
  }
  .faq__container .title{
    margin-bottom: 0;
  }
  .faq__container>.text{
    display: none;
  }
  .faq__container .button{
    display: none;
  }
}
.fee__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: #FFFFFF;
}
.fee__item p{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.fee__count {
  margin-bottom: 12px;
  background-color: #00101E;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}
.bg .fee__count {
  background-color: #00192F;
}

.franchise__container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.franchise__body {
  display: grid;
  gap: 80px;
  align-items: flex-start;
  grid-template-columns: 52fr 48fr;
}
.franchise__wrapper{
  border-radius: 5px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  background-color: #00101E;
}


.franchise__items {
  gap: 30px;
  row-gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

@media(max-width: 1160px) {
  .franchise__body{
    gap: 30px;
  }
  .franchise__wrapper{
    padding: 30px;
  }
}
@media(max-width: 991px) {
  .franchise__body{
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .franchise__wrapper{
    padding: 23px 16px;
  }
  .franchise__container{
    gap: 30px;
  }
  .franchise__items{
    gap: 18px;
    row-gap: 30px;
  }
}
@media(max-width: 767px) {
  .franchise__items{
    grid-template-columns: 1fr 1fr;
  }
}

.franchise__item {
  display: flex;
  word-break: break-word;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.4;
}

.franchise__icon {
  background-color: #00101E;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}
.franchise__icon img{
  width: 35px;
}
.bg .franchise__icon {
  background-color: #00192F;
}


.advantages {
  position: relative;
}

.advantages__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.advantages__bg:after{
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00101E;
  opacity: 0.79;
}
.advantages__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.advantages__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
@media(max-width: 991px) {
  .advantages__container{
    gap: 30px;
  }
}
.advantages__body {
  background-color: rgba(0, 25, 47, 0.8);
  border-radius: 5px;
  padding: 27px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  overflow: hidden;
  position: relative;
}
.advantages__car{
  position: absolute;
  z-index: 0;
  pointer-events: none;
  bottom: 30px;
  right: 0;
  width: 333px;
}
.advantages__car img{
  user-select: none;
  width: 100%;
}

.advantages__content {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  position: relative;
  z-index: 2;
}

.advantages__content b{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.advantages__column {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.advantages__column ul{
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.advantages__column ul li{
  display: flex;
  align-items: center;
  gap: 15px;
}
.advantages__column ul li img{
  flex: 0 0 32px;
  width: 32px;
}

.advantages__rows {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.advantages__row {
  display: flex;
  align-items: center;
  gap: 70px;
}
.advantages__row b{
  flex: 0 0 90px;
}
.advantages__dec{
  z-index: 0;
  position: absolute;
  right: 0;
  pointer-events: none;
}
.advantages__circle{
  position: absolute;
  right: 35%;
  top: 17%;
  z-index: 1;
  user-select: none;
  pointer-events: none;
}
.advantages__dec img{
  user-select: none;
}

@media(max-width: 1160px) {
  .advantages__row{
    gap: 40px;
  }
}
@media(max-width: 991px) {
  .advantages__car, .advantages__dec, .advantages__circle{
    display: none;
  }
  .advantages__body>.button{
    display: none;
  }
  .advantages__body{
    padding: 30px 16px 40px;
  }
  .advantages__content{
    grid-template-columns: 1fr;
  }
}

.templates__container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.templates{
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.templates b{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.templates__cards {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.templates__card {
  background-color: #00101E;
  border-radius: 5px;
  padding: 42px 36px;
  overflow: hidden;
  display: grid;
  gap: 55px;
  grid-template-columns: 44fr 56fr;
}
@media(max-width: 1160px) {
  .templates__card{
    gap: 32px;
    padding: 32px;
  }
}
.templates__body> .templates__result {
  display: none;
}
.templates__left {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.templates__image{
  border-radius: 5px;
  overflow: hidden;
  height: 285px;
}

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

.templates__result{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.templates__result ul li span{
  color: #0474f1;
}

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

.templates__top {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}

.templates__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}

.templates__row {
  background-color: #00192F;
  border-radius: 5px;
  padding: 7.5px 20px;
}

.templates__buttons{
  max-width: 510px;
  display: grid;
  gap: 30px;
  row-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

@media(max-width: 991px) {
  .templates__buttons{
    row-gap: 0;
    gap: 20px;
  }
  .templates__top{
    margin-bottom: 0;
  }
  .templates__body{
    gap: 30px;
    padding: 30px 15px 25px;
  }
  .templates__card{
    padding: 0;
    display: block;
  }
  .templates__left > .templates__result{
    display: none;
  }
  .templates__body> .templates__result{
    display: flex;
  }
  .templates__image{
    height: 250px;
  }
  .templates__container{
    gap: 30px;
  }
}
@media(max-width: 600px) {
  .templates__buttons{
    grid-template-columns: 1fr;
    max-width: 240px;
    margin: 0 auto;
    width: 100%;
  }
}

.templates-gallery{
  display: none;
}

.washes{
  background-color: #00101E;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.washes__container{
  display: grid;
  grid-template-columns: 38fr 62fr;
}
.washes b{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.washes__image{
  position: relative;
  pointer-events: none;
}
.washes__image img{
  position: absolute;
  right: 0;
  top: 0;
  user-select: none;
  width: calc(100% + (100vw - 1470px + 60px) /2 );
  height:100%;
  object-fit:cover;
}
.washes__body {
  padding: 90px 0px 100px 120px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: calc(1470px * 0.62);
}
.washes__text {
  margin-bottom: 20px;
}
.washes .title{
  margin-bottom: 30px;
}
.washes__text span{
  color: #0474f1;
}

.washes__bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media(max-width: 1615px) {
  .washes__body{
    padding: 80px 0;
    padding-left: 60px;
  }
}
@media(max-width: 1470px) {
  .washes__image img{
    width: calc(100% + 30px);
  }
}
@media(max-width: 991px) {
  .washes__image{
    margin: 0 auto;
    max-width: 500px;
  }
  .washes__image img{
    position: static;
    width: 100%;

  }
  .washes__container{
    display: block;
  }
  .washes .title{
    margin-bottom: 0;
  }
  .washes__text{
    margin-bottom: 0;
  }
  .washes__body{
    gap: 30px;
    padding: 70px 0;
  }
}
@media(max-width: 767px) {
  .washes__body{
    padding: 48px 15px;
  }
}


@media(max-width: 500px) {
  .washes__image{
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    margin: 0;
    margin-left: -10px;
  }
}


.earn__img {
  display: none;
}

.earn__container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.earn__body {
  display: flex;
  align-items: center;
  gap: 70px;
}

.earn__text {
  font-size: 18px;
  font-weight: 400;
  max-width: 570px;
  flex: 0 0 570px;
  width: 570px;
  min-width: 570px;
  line-height: 1.6;
}
.earn__text span{
  color: #0474f1;
}

.earn__image {
 pointer-events: none;
}

.earn__image img{
 user-select: none;
}

@media(max-width: 991px) {
  .earn__img{
    display: block;
    height: 234px;
    margin-bottom: 30px;
    padding-left: 20px;
  }
  .earn__img img{
    height: 100%;
  }
  .earn__body{
    display: block;
  }
  .earn__text{
    max-width: 100%;
    min-width: 0;
    width: 100%;
    flex: 0 0 auto;
  }
  .earn__container{
    gap: 30px;
  }
  .earn__image{
    display: none;
  }
}


.help__container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.help__body {
  max-width: 930px;
  background-color: #00101E;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 20px;
  margin: 0 auto;
  padding: 48px 88px;
}

.help__items {
  display: grid;
  gap: 30px;
  row-gap: 35px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.help__item {
  min-height: 180px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  background-color: #00192F;
  display: flex;
  align-items: center;
  gap: 15px;
}
.help__item span{
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

.help__item img{
  flex: 0 0 50px;
  width: 50px;
}

.bg .help__item {
  background-color: #00101E;
  padding: 28px 22px;
}

.help__item-right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bg .help__body{
  background-color: #00192F;
}

.help__body .button{
  margin-top: 14px;
  align-self: center;
}

@media(max-width: 991px) {
  .help__body .title{
    display: none;
  }
  .help__items{
    row-gap: 0;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }
  .help__item{
    padding: 25px 20px;
  }
  .help__body{
    padding: 20px 15px 28px;
  }
  .help__container{
    gap: 30px;
  }
  .help__body .button{
    margin-top: 0;
  }
}
@media(max-width: 768px) {
  .help__items{
    grid-template-columns: 1fr;
  }
}
/* Карточки услуг */
.services__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 30px;
}
@media (max-width: 991px) {
  .services__cards {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .services__cards {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.services__card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: border-color 0.3s ease, background 0.3s ease;
  min-height: auto;
  padding: 0;
  position: relative;
}
.services__card:hover {
  border-color: #0474f1;
  background: rgba(4,116,241,0.05);
}
.services__image {
  width: 100%;
  height: 330px;
  overflow: hidden;
  position: relative;
}
.services__image:after {
  content: none;
}
.services__image img {
  filter: grayscale(0);
  width: 100%;
  height: 100%;
  transition: filter 0.3s ease;
  object-fit: cover;
}
.services__card:hover .services__image img {
  filter: grayscale(0);
}
.services__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px 0;
  position: relative;
  z-index: 2;
  margin-top: 0;
}
.services__text {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
.services__desc {
  font-size: 17px;
  color: rgba(255,255,255,0.5);
  line-height: 1.5;
  padding: 6px 20px 16px;
  position: relative;
  z-index: 2;
}
.services__arrow {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #0474f1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.services__arrow img {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1);
}
.services__card:hover .services__arrow {
  background: #0360c9;
}
.main.centered-texts {
  text-align: left;
}
.home .main__content,
.page-template-templates-construction .main__content,
.page-template-templates-robot .main__content {
  display: none !important;
}
.main__container {
  padding: 0 20px;
}
.main__row {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 991px) {
  .main__row {
    flex-direction: column;
    gap: 40px;
  }
}
.main__left {
  flex: 1;
  text-align: left;
  margin-right: 60px;
  padding-left: 80px;
  margin-top: -90px;
}
.main__right {
  flex: 0 0 400px;
  max-width: 400px;
  margin-right: 80px;
  margin-top: -60px;
}
@media (max-width: 991px) {
  .main__right {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }
}
.main__pretitle {
  font-size: 16px;
  letter-spacing: 0.15em;
  color: rgba(255,255,255,0.4);
  margin-bottom: 16px;
}
.main__head {
  margin-bottom: 16px;
}
.main__head-line:nth-child(1) {
  font-family: 'Montserrat', sans-serif;
  font-size: 72px;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
  letter-spacing: 2px;
  margin-bottom: 0;
}
.main__head-line:nth-child(2) {
  font-family: 'Montserrat', sans-serif;
  font-size: 72px;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
  letter-spacing: 2px;
  margin-bottom: 0;
}
.main__head-accent {
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  font-weight: 600;
  color: #0474f1;
  line-height: 1.25;
  letter-spacing: 2px;
}
.main__subtitle {
  font-size: 22px;
  color: #fff;
  margin-top: 12px;
  line-height: 1.5;
}
.main__form {
  background: rgba(0, 10, 20, 0.5);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px;
  padding: 56px 52px 48px;
}
.main__form-top {
  margin-bottom: 22px;
}
.main__form-title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 8px;
}
.main__form-title span {
  color: #0474f1;
}
.main__form-subtitle {
  font-size: 15px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
}
.main__form input {
  width: 100%;
  padding: 14px 16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
  margin-bottom: 12px;
  outline: none;
}
.main__form input::placeholder {
  color: rgba(255,255,255,0.35);
}
.main__form .wpcf7-submit,
.main__form input[type="submit"] {
  width: 100%;
  padding: 16px;
  background: #0474f1;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: -15px;
  transition: background 0.3s ease;
}
.main__form .wpcf7-submit:hover {
  background: #0360c9;
}
.main__form-secure {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  color: rgba(255,255,255,0.3);
  margin-bottom: 10px;
  justify-content: flex-start;
  padding-left: 0;
}
.main__form-links {
  display: flex;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  flex-wrap: nowrap;
  white-space: nowrap;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 14px;
  margin-top: 4px;
}
.main__form-links a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}
.main__form-links a:hover {
  color: #fff;
}
.main__form-links span.divider {
  color: rgba(255,255,255,0.2);
  font-size: 22px;
}
.main__stats {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 40px;
}
.main__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.main__stat-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.main__stat img {
  width: 28px;
  height: 28px;
}
.main__stat-num {
  font-size: 36px;
  font-weight: 800;
  color: #0474f1;
  line-height: 1;
}
.main__stat-text {
  font-size: 22px;
  color: #fff;
  white-space: nowrap;
}
.main__stat-divider {
  width: 1px;
  height: 110px;
  background: rgba(255,255,255,0.15);
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .main {
    overflow: visible;
  }
  .main.centered-texts {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-height: auto;
    padding: 0;
  }
  .main__container {
    align-items: flex-start !important;
    padding: 0;
  }
  .main__row {
    flex-direction: column;
    gap: 0;
    align-items: flex-start !important;
  }
  .main__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
  }
  .home .main__bg img {
    content: url(http://expertwash.ru/wp-content/uploads/2026/05/ФОН-МОБИЛЬНЫЙ-3.png);
  }
  .page-template-templatesconstruction-php .main__bg img {
    content: url(http://expertwash.ru/wp-content/uploads/2026/05/ГЛАВНАЯ-СТРОИТЕЛЬСТВО-МОБИЛЬНАЯ.png);
  }
  .page-template-templatesrobot-php .main__bg img {
    content: url(http://expertwash.ru/wp-content/uploads/2026/05/ГЛАВНАЯ-РОБОТ-МОЙКИ-МОБИЛЬНАЯ.png);
  }
.page-template-templatesequipments-php .main__bg img {
    content: url(http://expertwash.ru/wp-content/uploads/2026/05/ГЛАВНАЯ-ОБОРУДОВАНИЕ-мобильная-1.png);
  }
  .page-template-templatesabout-php .main__bg img {
    content: url(http://expertwash.ru/wp-content/uploads/2026/05/ГЛАВНАЯ-ФрАНШИЗА-АВТОМОЕК-мобильная-1.png);
  }
  .page-template-templatesservice-php .main__bg img {
    content: url(http://expertwash.ru/wp-content/uploads/2026/05/ГЛАВНАЯ-ФрАНШИЗА-АВТОМОЕК-мобильная-1.png);
  }
  .page-template-templatesfranshize-1-php .main__bg img {
    content: url(http://expertwash.ru/wp-content/uploads/2026/05/ГЛАВНАЯ-ФРАНШИЗА-мобильная-1.png);
  }
  .page-template-templatesfranshize-2-php .main__bg img {
    content: url(http://expertwash.ru/wp-content/uploads/2026/05/ГЛАВНАЯ-ФРАНШИЗА-ОБОРУДОВАНИЯ-И-ЗАПЧАСТЕЙ-мобильная-1.png);
  }
  .main__bg img {
    object-position: 80% 0%;
    object-fit: cover;
    transform: scale(1);
    width: 100%;
    height: auto;
  }
  .main__bg:after {
    background: linear-gradient(90deg, rgba(0, 16, 30, 0.98) 0%, rgba(0, 16, 30, 0.7) 25%, rgba(0, 16, 30, 0.3) 50%, rgba(0, 16, 30, 0.7) 75%, rgba(0, 16, 30, 0.98) 100%);
  }
  .main__left {
    margin: 0;
    padding: 30px 0 0 16px;
    text-align: left !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 60%;
  }
  .main__pretitle {
    font-size: 13px;
    letter-spacing: 0.12em;
    margin-bottom: 16px;
    text-align: left !important;
  }
  .main__head {
    text-align: left !important;
    margin-bottom: 0;
  }
  .main__head-line:nth-child(1),
  .main__head-line:nth-child(2) {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 1px;
    text-align: left !important;
    white-space: nowrap;
  }
  .main__head-accent {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 1px;
    text-align: left !important;
  }
  .main__subtitle {
    font-size: 13px;
    line-height: 1.45;
    margin-top: 18px;
    text-align: left !important;
    max-width: 130%;
  }
  .main__stats {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 50px;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-35%);
    padding: 0;
    box-sizing: border-box;
  }
  .main__stat {
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
  .main__stat-row {
    gap: 6px;
    align-items: center;
  }
  .main__stat img {
    width: 20px;
    height: 20px;
  }
  .main__stat-num {
    font-size: 26px;
  }
  .main__stat-text {
    font-size: 11px;
    white-space: nowrap;
  }
  .main__stat-divider {
    display: block;
    width: 1px;
    height: 36px;
    background: rgba(255,255,255,0.15);
    flex-shrink: 0;
  }
  .main__right {
    position: relative;
    z-index: 2;
    margin-top: 8%;
    background: transparent;
    margin-left: -12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 0;
  }
  .main__form {
    padding: 18px 14px;
    background: rgba(10,10,10,0.5);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    width: 100%;
    box-sizing: border-box;
  }
  .main__form-title {
    font-size: 18px;
  }
  .main__form-subtitle {
    font-size: 13px;
  }
  .main__form input {
    height: 52px;
    padding: 0 16px;
    font-size: 16px;
    border-radius: 14px;
    margin-bottom: 14px;
  }
  .main__form .wpcf7-submit,
  .main__form input[type="submit"] {
    height: 52px;
    line-height: 52px;
    font-size: 17px;
    border-radius: 14px;
    margin-bottom: 12px;
    padding: 0 16px;
  }
  .main__form-secure {
    justify-content: center;
  }
  .main__form-links {
    font-size: 11px;
    gap: 8px;
    justify-content: center;
  }
}

#equip-popup .popup__content {
  max-width: 500px;
}
#equip-popup-title {
  margin-bottom: 10px;
}
#equip-popup-desc {
  font-size: 14px;
  margin-bottom: 8px;
  color: rgba(255,255,255,0.7);
}
#equip-popup-price {
  margin-bottom: 20px;
  font-weight: 700;
  color: #0474f1;
}
#equip-popup .popup__inputs input {
  background: #00101E;
  border-radius: 5px;
  padding: 15px;
  color: #fff;
  width: 100%;
  margin-bottom: 12px;
}
#equip-popup .button {
  width: 100%;
  background: #0474f1;
  text-align: center;
}
.equip-popup__content {
  max-width: 1400px !important;
  width: 98w !important;
  padding: 30px !important;
  max-height: 90vh;
  overflow-y: auto;
}
.equip-popup__body {
  display: flex;
  gap: 24px;
}
.equip-popup__gallery {
  flex: 0 0 50%;
}
@media (max-width: 768px) {
  .equip-popup__body {
    flex-direction: column;
    gap: 10px;
  }
  .equip-popup__content {
    max-width: 95vw !important;
    padding: 16px !important;
    max-height: 90vh;
    overflow-y: auto;
  }
  .equip-popup__gallery {
    flex: 0 0 auto;
    width: 100%;
  }
  .equip-popup__slider {
    height: 160px;
  }
  .equip-popup__info {
    flex: 0 0 auto;
    width: 100%;
    gap: 8px;
  }
  .equip-popup__specs-title {
    font-size: 14px;
  }
  .equip-popup__specs {
    flex-direction: column;
    gap: 4px;
  }
  .equip-popup__specs-col {
    grid-template-columns: 1fr 1fr;
    gap: 2px 8px;
  }
  .equip-popup__specs .spec-name,
  .equip-popup__specs .spec-value,
  .equip-popup__specs-col .spec-name,
  .equip-popup__specs-col .spec-value {
    font-size: 10px;
  }
  .equip-popup__price {
    font-size: 16px;
  }
  #equip-popup-title {
    font-size: 16px;
  }
  #equip-popup-desc {
    font-size: 12px;
  }
  #equip-popup .popup__inputs input {
    padding: 10px;
    font-size: 16px;
    margin-bottom: 6px;
  }
  #equip-popup .button {
    padding: 10px;
    font-size: 12px;
  }
}
.equip-popup__gallery {
  flex: 0 0 45%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.equip-popup__slider {
  width: 100%;
  height: 440px;
}
.equip-popup__slider img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: rgba(0,0,0,0.3);
}
.equip-popup__nav {
  display: flex;
  gap: 20px;
  margin-top: 12px;
}
.equip-popup__prev,
.equip-popup__next {
  position: static;
  transform: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.equip-popup__prev img,
.equip-popup__next img {
  width: 14px;
  height: 14px;
}
.equip-popup__prev img {
  transform: rotate(180deg);
}
.equip-popup__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.equip-popup__specs-title {
  margin-top: 8px;
}
.equip-popup__specs {
  display: flex;
  gap: 30px;
}
.equip-popup__specs-col {
  flex: 1;
  display: block;
}
.equip-popup__specs-col ol {
  padding-left: 18px;
  margin: 0;
  color: rgba(255,255,255,0.8);
  font-size: 12px;
  line-height: 1.7;
}
.equip-popup__specs-col ol li {
  margin-bottom: 2px;
}
.equip-popup__specs {
  display: flex;
  gap: 15px;
}
.equip-popup__price {
  font-size: 22px;
  font-weight: 700;
  color: #0474f1;
  margin-top: 8px;
}
#equip-popup .popup__inputs input {
  background: #00101E;
  border-radius: 5px;
  padding: 14px;
  color: #fff;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid rgba(255,255,255,0.1);
}
#equip-popup .button {
  width: 100%;
  background: #0474f1;
  text-align: center;
  padding: 16px;
  font-size: 14px;
}
.popup.open {
  display: flex !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.equip-popup__close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  padding: 0;
}
.equip-popup__close-btn svg path {
  stroke: rgba(255,255,255,0.6);
}
.equip-popup__close-btn:hover svg path {
  stroke: #fff;
}
.equip-popup__footer {
  font-size: 12px;
  color: rgba(255,255,255,0.9);
  font-weight: 600;
  margin-top: 14px;
  text-align: center;
  background: rgba(4,116,241,0.08);
  border: 1px solid rgba(4,116,241,0.15);
  border-radius: 10px;
  padding: 10px 14px;
}
.equip-popup__specs-col ol {
  padding-left: 18px;
  margin: 0;
  color: rgba(255,255,255,0.7);
  font-size: 12px;
  line-height: 1.7;
}
.equip-popup__specs-col ol li {
  margin-bottom: 2px;
}
.equip-popup__gallery .equip-popup__title {
  font-size: 36px;
  margin-bottom: 12px;
  text-align: left;
}
.equip-popup__close-arrow {
  display: none;
}
@media (max-width: 768px) {
  .equip-popup__close-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 14px;
    padding: 10px 0;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    cursor: pointer;
  }
  .equip-popup__close-arrow svg {
    width: 20px;
    height: 20px;
  }
}
/* ===== КАЛЬКУЛЯТОР (3-ШАГОВЫЙ) ===== */
.calculator {
  padding: 80px 0;
  background: #00101E;
  position: relative;
  overflow: hidden;
}
.calculator__container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}
/* Head */
.calculator__head {
  text-align: center;
  margin-bottom: 32px;
}
.calculator__title {
  font-size: 32px;
  margin-bottom: 10px;
}
.calculator__subtitle {
  color: rgba(255,255,255,0.45);
  font-size: 15px;
}
/* ---- 3-step navigator ---- */
.calculator__nav-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.calculator__nav-step {
  display: flex;
  align-items: center;
  gap: 9px;
  background: none;
  border: none;
  cursor: default;
  color: rgba(255,255,255,0.3);
  padding: 6px 10px;
  border-radius: 8px;
  transition: color 0.25s;
  white-space: nowrap;
}
.calculator__nav-step-bubble {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
  transition: all 0.3s;
}
.calculator__nav-step-label {
  font-size: 13px;
  font-weight: 500;
}
.calculator__nav-step-line {
  flex: 1;
  max-width: 80px;
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin: 0 4px;
  flex-shrink: 0;
  transition: background 0.3s;
}
.calculator__nav-step.active {
  color: #fff;
  cursor: default;
}
.calculator__nav-step.active .calculator__nav-step-bubble {
  background: #0474f1;
  border-color: #0474f1;
  color: #fff;
}
.calculator__nav-step.done {
  color: rgba(255,255,255,0.6);
  cursor: pointer;
}
.calculator__nav-step.done .calculator__nav-step-bubble {
  background: rgba(4,116,241,0.2);
  border-color: rgba(4,116,241,0.6);
  color: #4ea8ff;
}
.calculator__nav-step.done + .calculator__nav-step-line {
  background: rgba(4,116,241,0.4);
}
/* ---- Body ---- */
.calculator__body {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.calculator__left {
  flex: 1;
  min-width: 0;
}
.calculator__right {
  flex: 0 0 380px;
  position: sticky;
  top: 100px;
}
/* ---- Step containers ---- */
.calculator__step {
  display: none;
}
.calculator__step.active {
  display: block;
}
.calculator__step-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
}
.calculator__step-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  gap: 12px;
}
/* ---- Navigation buttons ---- */
.calculator__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: all 0.25s ease;
  border: none;
  white-space: nowrap;
}
.calculator__btn-next {
  background: #0474f1;
  color: #fff;
  margin-left: auto;
}
.calculator__btn-next:hover {
  background: #0360c9;
}
.calculator__btn-prev {
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.55);
  border: 1px solid rgba(255,255,255,0.1) !important;
}
.calculator__btn-prev:hover {
  background: rgba(255,255,255,0.1);
  color: #fff;
}
/* ---- Sections (шаг 2) ---- */
.calculator__section {
  margin-bottom: 20px;
}
.calculator__row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
/* Скрытые step-num — сохранены в DOM для JS */
.calculator__step-num {
  display: none !important;
}
.calculator__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
}
.calculator__step-line {
  display: none;
}
/* ---- Options (пилюли) ---- */
.calculator__options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-left: 0;
}
.calculator__option {
  padding: 9px 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.25s ease;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  user-select: none;
}
.calculator__option img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.calculator__option:hover {
  border-color: rgba(4,116,241,0.5);
  background: rgba(4,116,241,0.05);
}
.calculator__option.active {
  border-color: #0474f1;
  background: rgba(4,116,241,0.08);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(4,116,241,0.35), 0 0 16px rgba(4,116,241,0.2);
}
.calculator__option input {
  display: none;
}
/* ---- Card options (шаг 1) ---- */
.calculator__options--cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.calculator__option--card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 12px;
  position: relative;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  transition: all 0.25s ease;
}
.calculator__option--card:hover {
  border-color: rgba(4,116,241,0.5);
  background: rgba(4,116,241,0.05);
}
.calculator__option--card.active {
  border-color: #0474f1;
  background: rgba(4,116,241,0.08);
  box-shadow: 0 0 0 1px rgba(4,116,241,0.35), 0 0 20px rgba(4,116,241,0.2);
}
.calculator__option--card img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  flex-shrink: 0;
}
.calculator__option-card-check {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  transition: all 0.25s;
  flex-shrink: 0;
  background: transparent;
}
.calculator__option--card.active .calculator__option-card-check {
  border-color: #0474f1;
  background: rgba(4,116,241,0.15);
  color: #0474f1;
}
.calculator__option-card-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  min-width: 0;
  padding-right: 32px;
}
.calculator__option-card-info b {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.calculator__option-card-info span {
  font-size: 12px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
}
/* ---- Custom select ---- */
.calculator__custom-select {
  position: relative;
  width: 100%;
  max-width: 340px;
}
.calculator__custom-select-current {
  padding: 12px 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  transition: border-color 0.25s;
}
.calculator__custom-select-current:hover {
  border-color: rgba(4,116,241,0.5);
}
.calculator__custom-select.open .calculator__custom-select-current {
  border-color: #0474f1;
}
.calculator__custom-select-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  background: #001829;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  padding: 6px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.25s ease;
  z-index: 20;
}
.calculator__custom-select.open .calculator__custom-select-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.calculator__custom-select-option {
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}
.calculator__custom-select-option:hover {
  background: rgba(255,255,255,0.05);
}
.calculator__custom-select-option.selected {
  color: #0474f1;
}
/* ---- Right card ---- */
.calculator__card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 28px 24px;
}
.calculator__card-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.4);
  margin-bottom: 4px;
  text-transform: uppercase;
}
.calculator__card-subtitle {
  font-size: 12px;
  color: rgba(255,255,255,0.3);
  margin-bottom: 20px;
}
.calculator__card-list {
  display: flex;
  flex-direction: column;
  min-height: 8px;
  margin-bottom: 16px;
}
.calculator__card-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.4);
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  transition: all 0.3s ease;
}
.calculator__card-row:last-child {
  border-bottom: none;
}
.calculator__card-row span:last-child {
  color: rgba(255,255,255,0.9);
  text-align: right;
  font-size: 12px;
  flex-shrink: 0;
  max-width: 55%;
}
.calculator__card-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 16px;
}
.calculator__card-total span:first-child {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,0.6);
  letter-spacing: 0.07em;
}
#calc-total {
  font-size: 22px;
  font-weight: 800;
  color: #0474f1;
}
.calculator__card-warning {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  margin-bottom: 18px;
  font-size: 11px;
  color: rgba(255,255,255,0.38);
  line-height: 1.5;
}
.calculator__card-warning svg {
  flex-shrink: 0;
  margin-top: 1px;
}
.calculator__card-form input[type="text"],
.calculator__card-form input[type="tel"] {
  width: 100%;
  padding: 13px 16px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
  outline: none;
  transition: border-color 0.25s;
  box-sizing: border-box;
  display: block;
}
.calculator__card-form input[type="text"]:focus,
.calculator__card-form input[type="tel"]:focus {
  border-color: #0474f1;
}
.calculator__card-form input::placeholder {
  color: rgba(255,255,255,0.3);
}
.calculator__card-form .button {
  width: 100%;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 8px;
  margin-bottom: 10px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
#calc-submit {
  background: #0474f1;
  color: #fff;
  border: none;
}
#calc-submit:hover {
  background: #0360c9;
}
.calculator__profit-btn {
  background: rgba(255,255,255,0.05) !important;
  color: rgba(255,255,255,0.45) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
}
.calculator__profit-btn:hover {
  background: rgba(4,116,241,0.1) !important;
  border-color: rgba(4,116,241,0.3) !important;
  color: #0474f1 !important;
}
/* Legacy check — preserved for JS compatibility */
.calculator__check {
  display: flex; align-items: center; gap: 10px; padding: 12px 18px;
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px; cursor: pointer; transition: all 0.3s ease; font-size: 14px;
}
.calculator__check span {
  width: 18px; height: 18px; border: 2px solid rgba(255,255,255,0.25);
  border-radius: 4px; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; transition: all 0.3s;
}
.calculator__check span::after {
  content: ''; display: block; width: 10px; height: 10px;
  background: #0474f1; border-radius: 2px; opacity: 0; transform: scale(0); transition: all 0.2s;
}
.calculator__check.checked { border-color: #0474f1; background: rgba(4,116,241,0.08); }
.calculator__check.checked span { border-color: #0474f1; }
.calculator__check.checked span::after { opacity: 1; transform: scale(1); }
.calculator__check input { display: none; }
/* ---- Tablet 991px ---- */
@media (max-width: 991px) {
  .calculator { padding: 60px 0; }
  .calculator__body {
    flex-direction: column;
    gap: 24px;
  }
  .calculator__right {
    flex: 0 0 auto;
    position: static;
    width: 100%;
  }
  .calculator__card { padding: 22px 20px; }
  .calculator__nav-step-line { max-width: 40px; }
}
/* ---- Mobile 768px: правый блок только на шаге 3 ---- */
@media (max-width: 768px) {
  .calculator__right {
    display: none;
  }
  .calculator__body.step-active-3 .calculator__right {
    display: block;
  }
}
/* ---- Mobile 576px ---- */
@media (max-width: 576px) {
  .calculator { padding: 40px 0; }
  .calculator__container { padding: 0 16px; }
  .calculator__head { margin-bottom: 20px; }
  .calculator__title { font-size: 22px; }
  .calculator__subtitle { font-size: 14px; }
  .calculator__nav-steps { margin-bottom: 24px; }
  .calculator__nav-step { padding: 4px 6px; gap: 6px; }
  .calculator__nav-step-label { font-size: 11px; }
  .calculator__nav-step-bubble { width: 26px; height: 26px; font-size: 11px; }
  .calculator__nav-step-line { max-width: 20px; margin: 0 2px; }
  .calculator__step-title { font-size: 16px; margin-bottom: 18px; }
  .calculator__option--card { padding: 14px 16px; gap: 12px; }
  .calculator__option--card img { width: 44px; height: 44px; }
  .calculator__option-card-info b { font-size: 14px; }
  .calculator__option-card-info span { font-size: 11px; }
  .calculator__option { padding: 9px 13px; font-size: 13px; }
  .calculator__options { gap: 6px; }
  .calculator__btn { padding: 12px 18px; font-size: 13px; }
  .calculator__step-footer { margin-top: 20px; }
  .calculator__card { padding: 20px 16px; border-radius: 12px; }
  #calc-total { font-size: 20px; }
  .calculator__card-form .button { padding: 14px; font-size: 13px; }
}

.messenger-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 12px;
}
.messenger-btn__label {
  background: rgba(0,16,30,0.95);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 24px;
  padding: 10px 18px 10px 34px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  position: relative;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
  transition: all 0.3s ease;
}
.messenger-btn:hover .messenger-btn__label {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.messenger-btn__dot {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0474f1;
  animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot {
  0%, 100% { box-shadow: 0 0 0 0 rgba(4,116,241,0.6); }
  50% { box-shadow: 0 0 0 10px rgba(4,116,241,0); }
}
.messenger-btn__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #0474f1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(4,116,241,0.3);
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.messenger-btn__icon:hover {
  box-shadow: 0 0 32px rgba(4,116,241,0.6), 0 4px 24px rgba(4,116,241,0.5);
  transform: scale(1.05);
}
.messenger-btn__dropdown {
  position: absolute;
  bottom: 70px;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
}
.messenger-btn.active .messenger-btn__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.messenger-btn__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 28px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  background: #0077FF;
}
.messenger-btn__link img {
  width: 22px;
  height: 22px;
}
.messenger-btn__link:hover {
  transform: scale(1.05);
}

@media (max-width: 768px) {
  .messenger-btn {
    bottom: 20px;
    right: 16px;
    gap: 10px;
  }
  .messenger-btn__label {
    display: none !important;
  }
  .messenger-btn__icon {
    width: 56px;
    height: 56px;
  }
  .messenger-btn__link {
    padding: 14px 20px;
    font-size: 15px;
  }
  .messenger-btn__link img {
    width: 24px;
    height: 24px;
  }
}
/* Модальное окно расчёта прибыли */
.profit-popup__content {
  max-width: 1220px !important;
  width: 95vw !important;
  max-height: 85vh;
  padding: 20px 28px !important;
  overflow-y: auto;
  background: #020f1d;
}
/* Фикс: кнопки закрытия модалки на мобильном */
#profit-popup .equip-popup__close-btn {
  position: sticky;
  top: 0;
  right: 0;
  align-self: flex-end;
  z-index: 30;
  margin-bottom: -40px;
  background: rgba(2,15,29,0.6);
  border-radius: 50%;
  pointer-events: auto;
  touch-action: manipulation;
}
#profit-popup .equip-popup__close-arrow {
  position: sticky;
  bottom: 0;
  z-index: 30;
  background: #020f1d;
  border-top: 1px solid rgba(255,255,255,0.07);
  pointer-events: auto;
  touch-action: manipulation;
}
.profit-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.profit-header__icon {
  flex-shrink: 0;
}
.profit-header__title {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
}
.profit-header__subtitle {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  margin-top: 2px;
}

.profit-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.profit-row {
  display: flex;
  gap: 14px;
}
.profit-row:first-child {
  min-height: 180px;
}
.profit-row:last-child {
  min-height: 260px;
}

/* Hero */
.profit-hero {
  flex: 1.8;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.profit-hero__label {
  font-size: 13px;
  color: rgba(255,255,255,0.5);
}
.profit-hero__profit {
  font-size: 40px;
  font-weight: 700;
  color: #0474f1;
  margin: 4px 0;
  line-height: 1.1;
}
.profit-hero__period {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
}
.profit-hero__params {
  margin-top: 10px;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
}

/* Payback */
.profit-payback {
  flex: 1;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.profit-payback__title {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}
.profit-payback__circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 3px solid #0474f1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}
.profit-payback__months {
  font-size: 18px;
  font-weight: 700;
  color: #0474f1;
  line-height: 1;
}
.profit-payback__months-label {
  font-size: 9px;
  color: rgba(255,255,255,0.5);
}
.profit-payback__cost {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  margin-bottom: 10px;
}
.profit-payback__cost span {
  color: #fff;
  font-weight: 600;
}
.profit-payback__percent {
  margin-top: auto;
}
.profit-payback__percent-value {
  font-size: 28px;
  font-weight: 700;
  color: #0474f1;
}
.profit-payback__percent-label {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
}

/* Finance */
.profit-finance {
  flex: 1.8;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 18px 22px;
}
.profit-finance__title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
}
.profit-bar {
  margin-bottom: 8px;
}
.profit-bar__header {
  display: flex;
  gap: 8px;
  font-size: 11px;
  color: rgba(255,255,255,0.6);
  margin-bottom: 4px;
}
.profit-bar__header span:last-child {
  margin-left: auto;
  color: #fff;
}
.profit-bar__track {
  width: 100%;
  height: 5px;
  background: rgba(255,255,255,0.06);
  border-radius: 3px;
  overflow: hidden;
}
.profit-bar__fill {
  height: 100%;
  border-radius: 3px;
}
.profit-bar__fill--full { width: 100%; background: #0474f1; }
.profit-bar__fill--expenses { width: 35%; background: rgba(4,116,241,0.3); }
.profit-bar__fill--profit { width: 65%; background: #0474f1; }

.profit-minicards {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.profit-minicard {
  flex: 1;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}
.profit-minicard__icon { font-size: 16px; margin-bottom: 3px; }
.profit-minicard__value { font-size: 14px; font-weight: 700; color: #fff; }
.profit-minicard__label { font-size: 9px; color: rgba(255,255,255,0.4); }

/* Scenarios */
.profit-scenarios {
  flex: 1;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 14px;
  display: flex;
  flex-direction: column;
}
.profit-scenarios__title {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
}
.profit-scenarios__cards {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.profit-scenario {
  flex: 1;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profit-scenario:hover { border-color: #0474f1; }
.profit-scenario.active {
  border-color: #0474f1;
  background: rgba(4,116,241,0.08);
}
.profit-scenario__cars { font-size: 11px; font-weight: 600; color: #fff; }
.profit-scenario__profit { font-size: 15px; font-weight: 700; color: #0474f1; }
.profit-scenario__label { font-size: 9px; color: rgba(255,255,255,0.4); }

@media (max-width: 991px) {
  .profit-popup__content {
    padding: 16px !important;
  }
  .profit-body {
    gap: 12px;
  }
  .profit-row {
    flex-direction: column;
  }
  .profit-row:first-child,
  .profit-row:last-child {
    min-height: auto;
  }
  .profit-hero {
    padding: 16px;
  }
  .profit-hero__profit {
    font-size: 32px;
  }
  .profit-payback {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    text-align: center;
    padding: 14px;
  }
  .profit-payback__title {
    width: 100%;
    margin-bottom: 4px;
  }
  .profit-payback__circle {
    width: 56px;
    height: 56px;
    margin-bottom: 0;
  }
  .profit-payback__cost {
    width: 100%;
    margin-bottom: 4px;
  }
  .profit-payback__percent {
    width: 100%;
    margin-top: 0;
  }
  .profit-finance {
    padding: 14px;
  }
  .profit-minicards {
    flex-direction: row;
  }
  .profit-minicard {
    padding: 8px;
  }
  .profit-minicard__value {
    font-size: 13px;
  }
  .profit-scenarios__cards {
    flex-direction: row;
    gap: 6px;
  }
  .profit-scenario {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 2px;
    padding: 8px;
  }
  .profit-scenario__cars {
    font-size: 10px;
  }
  .profit-scenario__profit {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .profit-popup__content {
    padding: 12px !important;
    max-height: 90vh;
  }
  .profit-header {
    gap: 8px;
    margin-bottom: 10px;
  }
  .profit-header__title {
    font-size: 14px;
  }
  .profit-hero__profit {
    font-size: 28px;
  }
  .profit-hero__period {
    font-size: 12px;
  }
  .profit-hero__params {
    font-size: 11px;
  }
  .profit-payback__title {
    font-size: 10px;
  }
  .profit-payback__circle {
    width: 48px;
    height: 48px;
  }
  .profit-payback__months {
    font-size: 16px;
  }
  .profit-payback__percent-value {
    font-size: 24px;
  }
  .profit-finance__title {
    font-size: 12px;
  }
  .profit-bar__header {
    font-size: 10px;
  }
  .profit-minicards {
    flex-direction: column;
    gap: 6px;
  }
  .profit-scenarios__cards {
    flex-direction: column;
  }
  .profit-scenario {
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 12px;
  }
}

/* =====================================================
   EQUIPMENT CALCULATOR — изолированные стили
   Все правила через .equipment-calculator или #equip-calculator
   ===================================================== */

/* Скрытая CF7 форма внутри калькулятора */
.equip-calc__cf7-hidden { display: none; }

/* Синяя кнопка "ПОЛУЧИТЬ КОМПЛЕКТАЦИЮ" — перекрывает глобальный .button с красным градиентом */
#equip-calc-submit {
  background: #0474f1;
  color: #fff;
  border: none;
}
#equip-calc-submit:hover {
  background: #0360c9;
}

/* Чекбоксы доп. оборудования */
.equip-calc__addons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.equip-calc__addon {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  color: rgba(255,255,255,0.75);
  transition: all 0.25s ease;
  user-select: none;
}
.equip-calc__addon input { display: none; }
.equip-calc__addon-box {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 1.5px solid rgba(255,255,255,0.22);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  transition: all 0.25s ease;
  background: transparent;
}
.equip-calc__addon:hover {
  border-color: rgba(4,116,241,0.45);
  background: rgba(4,116,241,0.04);
}
.equip-calc__addon.active {
  border-color: #0474f1;
  background: rgba(4,116,241,0.09);
  color: #fff;
}
.equip-calc__addon.active .equip-calc__addon-box {
  border-color: #0474f1;
  background: rgba(4,116,241,0.18);
  color: #0474f1;
}

/* Информационная плашка */
.equip-calc__notice {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 14px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  line-height: 1.55;
  margin-bottom: 20px;
}
.equip-calc__notice svg { flex-shrink: 0; margin-top: 1px; }

/* Сценарии окупаемости оборудования */
.equip-roi-scenario {
  flex: 1;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.equip-roi-scenario:hover { border-color: #0474f1; }
.equip-roi-scenario.active {
  border-color: #0474f1;
  background: rgba(4,116,241,0.09);
}

/* ROI popup max-height override */
.equip-roi-popup__content {
  max-height: 90vh;
  overflow-y: auto;
}

/* Desktop: правый блок всегда виден, мобайл-блок скрыт */
@media (min-width: 769px) {
  .equipment-calculator .calculator__right { display: block !important; }
}

/* Планшет */
@media (max-width: 991px) {
  .equipment-calculator .calculator__body {
    flex-direction: column;
    gap: 24px;
  }
  .equipment-calculator .calculator__right {
    flex: 0 0 auto;
    position: static;
    width: 100%;
  }
}

/* Мобайл: правый блок скрыт, показывается на шаге 4 */
@media (max-width: 768px) {
  .equipment-calculator .calculator__right { display: none; }
  /* Явно перекрываем нескопированное правило step-active-3 из строительного калькулятора */
  .equipment-calculator .calculator__body.step-active-3 .calculator__right { display: none; }
  .equipment-calculator .calculator__body.step-active-4 .calculator__right { display: block; }
}

/* Мелкий мобайл */
@media (max-width: 576px) {
  .equip-calc__addon { padding: 12px 14px; font-size: 13px; }
  .equip-calc__notice { font-size: 11px; }
  .equip-roi-popup__content { padding: 16px !important; }
  /* Stepper не вылезает за экран */
  .equipment-calculator .calculator__nav-steps {
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: center;
    gap: 0;
  }
  .equipment-calculator .calculator__nav-step {
    padding: 4px 2px;
    gap: 4px;
    flex-shrink: 1;
    min-width: 0;
  }
  .equipment-calculator .calculator__nav-step-label {
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 44px;
  }
  .equipment-calculator .calculator__nav-step-bubble {
    width: 22px;
    height: 22px;
    font-size: 11px;
    flex-shrink: 0;
  }
  .equipment-calculator .calculator__nav-step-line {
    max-width: 14px;
    margin: 0 1px;
    flex-shrink: 0;
  }
}

/* ==========================================================
   СТРАНИЦА ПРОЕКТЫ — projects-page
   Все селекторы начинаются с .projects-page для высокой
   специфичности — перекрывают общие стили темы
   ========================================================== */

/* ---------- Обёртка страницы ---------- */
/* Разрешаем overflow на .wrapper чтобы clip не обрезал hover-эффекты */
body:has(.projects-page) .wrapper {
  overflow: visible;
}

.projects-page {
  background: #0b0f1a !important;
  color: #e8eaf0 !important;
  font-family: 'Nunito', sans-serif !important;
  overflow-x: hidden;
}

/* Центрирующий контейнер
   !important нужен чтобы перебить [class*=__container] из темы */
.projects-page .projects-hero__container,
.projects-page .projects-filter-bar__container,
.projects-page .projects-grid-section__container,
.projects-page .projects-cta__container {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* ===================== HERO ===================== */
.projects-page .projects-hero {
  padding: 52px 0 48px;
  background: #0b0f1a;
}

.projects-page .projects-hero__container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 56px;
}

/* Левая колонка */
.projects-page .projects-hero__left {
  flex: 1 1 52%;
  min-width: 0;
}

/* Заголовок */
.projects-page .projects-hero__title {
  font-size: clamp(26px, 3.6vw, 50px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: .01em;
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-family: 'Nunito', sans-serif !important;
}

/* Подзаголовок */
.projects-page .projects-hero__subtitle {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,.55) !important;
  max-width: 500px;
  margin: 0 0 36px !important;
}

/* Блок статистики */
.projects-page .projects-hero__stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.projects-page .projects-hero__stat {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  padding: 14px 12px;
  box-sizing: border-box;
}

.projects-page .projects-hero__stat svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: #0474f1 !important;
  stroke: #0474f1 !important;
}

.projects-page .projects-hero__stat-num {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.1;
  display: block;
}

.projects-page .projects-hero__stat-label {
  font-size: 11px !important;
  line-height: 1.4;
  color: rgba(255,255,255,.45) !important;
  margin-top: 3px;
  display: block;
}

/* Правая колонка — фото */
.projects-page .projects-hero__right {
  flex: 0 0 46%;
  max-width: 580px;
  position: relative;
}

/* Синяя glow-подсветка за фото */
.projects-page .projects-hero__right::after {
  content: '';
  position: absolute;
  inset: -18px;
  border-radius: 22px;
  background: radial-gradient(ellipse at 60% 50%, rgba(4,116,241,.28) 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
}

.projects-page .projects-hero__img {
  width: 100% !important;
  height: 400px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 14px;
  max-width: 100%;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 40px rgba(4,116,241,.2), 0 20px 60px rgba(0,0,0,.4);
}

/* ===================== FILTER BAR ===================== */
.projects-page .projects-filter-bar {
  background: #0b0f1a;
  padding: 0 0 28px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  margin-bottom: 32px;
}

.projects-page .projects-filter__buttons {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.projects-page .projects-filter__btn {
  display: inline-flex !important;
  align-items: center;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.65) !important;
  border-radius: 100px !important;
  padding: 9px 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: 'Nunito', sans-serif !important;
  cursor: pointer;
  line-height: 1 !important;
  transition: background .2s, border-color .2s, color .2s;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  box-shadow: none !important;
}

.projects-page .projects-filter__btn:hover {
  background: rgba(4,116,241,.15) !important;
  border-color: rgba(4,116,241,.4) !important;
  color: #fff !important;
}

.projects-page .projects-filter__btn.active {
  background: #0474f1 !important;
  border-color: #0474f1 !important;
  color: #fff !important;
}

/* ===================== GRID SECTION ===================== */
.projects-page .projects-grid-section {
  background: #0b0f1a;
  padding-bottom: 72px;
}

/* ---- TOP-карточка H2O ----
   Используем чейнинговый селектор .project-card.project-card--top
   чтобы получить специфичность 0-3-0 и перебить .project-card (0-2-0) */
.projects-page .project-card.project-card--top {
  display: grid !important;
  grid-template-columns: 55% 1fr !important;
  flex-direction: unset !important;
  min-height: 420px;
  border: 1px solid rgba(4,116,241,.22) !important;
  border-radius: 18px !important;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(4,116,241,.06) 0%, rgba(255,255,255,.02) 100%) !important;
  margin-bottom: 40px;
  transition: border-color .3s, box-shadow .3s;
  box-sizing: border-box;
  transform: none;
  box-shadow: 0 0 0 1px rgba(4,116,241,.1), 0 24px 60px rgba(0,0,0,.35);
}

.projects-page .project-card.project-card--top:hover {
  border-color: rgba(4,116,241,.5) !important;
  box-shadow: 0 0 0 1px rgba(4,116,241,.25), 0 28px 70px rgba(4,116,241,.12), 0 24px 60px rgba(0,0,0,.35);
  transform: none;
}

.projects-page .project-card__top-image {
  position: relative;
  overflow: hidden;
}

.projects-page .project-card__top-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transition: transform .5s ease;
}

.projects-page .project-card.project-card--top:hover .project-card__top-image img {
  transform: scale(1.04);
}

.projects-page .project-card__top-body {
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.projects-page .project-card__top-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ---- Бейдж ---- */
.projects-page .project-card__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  background: #0474f1 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 5px;
  line-height: 1;
}

.projects-page .project-card__badge--concept {
  background: #7c3aed !important;
}

/* ---- Общие элементы карточки ---- */
.projects-page .project-card__name {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.15;
  margin: 0 !important;
  font-family: 'Nunito', sans-serif !important;
}

.projects-page .project-card__city {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px !important;
  color: rgba(255,255,255,.45) !important;
}

.projects-page .project-card__city svg {
  flex-shrink: 0;
  stroke: rgba(255,255,255,.3) !important;
}

.projects-page .project-card__type-badge {
  display: inline-block;
  background: rgba(4,116,241,.16);
  border: 1px solid rgba(4,116,241,.3);
  color: #5aadff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 14px;
  border-radius: 100px;
  width: fit-content;
  line-height: 1;
}

.projects-page .project-card__desc {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,.55) !important;
  margin: 0 !important;
}

/* Мета-параметры */
.projects-page .project-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.projects-page .project-card__meta-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px !important;
  color: rgba(255,255,255,.6) !important;
}

.projects-page .project-card__meta-item svg {
  flex-shrink: 0;
  stroke: rgba(255,255,255,.3) !important;
}

.projects-page .project-card__meta-item span {
  font-weight: 700 !important;
  color: #fff !important;
}

.projects-page .project-card__meta-item small {
  font-size: 11px !important;
  color: rgba(255,255,255,.35) !important;
  margin-left: 1px;
}

/* Кнопка в TOP-карточке */
.projects-page .project-card__btn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: #0474f1 !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 26px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transition: background .2s, transform .15s;
  width: fit-content;
  margin-top: 6px;
  border: none !important;
  box-shadow: none !important;
}

.projects-page .project-card__btn:hover {
  background: #0260cc !important;
  color: #fff !important;
  transform: translateY(-1px);
  text-decoration: none !important;
}

/* ---- Сетка обычных карточек ---- */
.projects-page .projects-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Обычная карточка */
.projects-page .project-card {
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  overflow: hidden;
  background: rgba(255,255,255,.03) !important;
  transition: border-color .25s, transform .25s, box-shadow .25s;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box;
}

.projects-page .project-card:hover {
  border-color: rgba(4,116,241,.45) !important;
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(4,116,241,.1), 0 4px 16px rgba(0,0,0,.3);
}

.projects-page .project-card__image {
  position: relative;
  height: 248px;
  overflow: hidden;
  flex-shrink: 0;
}

.projects-page .project-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transition: transform .4s ease;
}

.projects-page .project-card:hover .project-card__image img {
  transform: scale(1.05);
}

.projects-page .project-card__body {
  padding: 18px 20px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px;
  flex: 1 1 auto;
  box-sizing: border-box;
}

.projects-page .project-card__body .project-card__name {
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Ссылка в обычной карточке */
.projects-page .project-card__link {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  color: #4fa3ff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.07);
  transition: color .2s;
}

.projects-page .project-card__link:hover {
  color: #82c0ff !important;
  text-decoration: none !important;
}

.projects-page .project-card__link svg {
  flex-shrink: 0;
  transition: transform .25s ease;
  stroke: currentColor !important;
}

.projects-page .project-card__link:hover svg {
  transform: translateX(5px);
}

/* Скрытые карточки (фильтр) */
.projects-page .project-card--hidden {
  display: none !important;
}

/* ===================== CTA ===================== */
.projects-page .projects-cta {
  background: #0b0f1a;
  padding: 0 0 80px;
}

.projects-page .projects-cta__card {
  display: flex !important;
  align-items: center;
  gap: 40px;
  background: linear-gradient(120deg, rgba(4,116,241,.12) 0%, rgba(4,116,241,.04) 50%, rgba(11,20,32,1) 100%) !important;
  border: 1px solid rgba(4,116,241,.35) !important;
  border-radius: 20px;
  padding: 44px 52px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(4,116,241,.08), 0 24px 64px rgba(4,116,241,.08), inset 0 1px 0 rgba(255,255,255,.06);
}

.projects-page .projects-cta__icon {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 14px;
  background: rgba(4,116,241,.12);
  border: 1px solid rgba(4,116,241,.3);
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: 0 0 20px rgba(4,116,241,.15);
}

.projects-page .projects-cta__icon svg {
  stroke: #0474f1 !important;
}

.projects-page .projects-cta__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 40px;
}

.projects-page .projects-cta__title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 !important;
  flex: 1 1 180px;
  line-height: 1.25;
  font-family: 'Nunito', sans-serif !important;
}

.projects-page .projects-cta__text {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,.5) !important;
  flex: 1 1 280px;
  margin: 0 !important;
}

.projects-page .projects-cta__btn {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  background: #0474f1 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 16px 32px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: 'Nunito', sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1 !important;
  transition: background .2s, transform .15s, box-shadow .2s;
  border: none !important;
  box-shadow: 0 4px 20px rgba(4,116,241,.35) !important;
}

.projects-page .projects-cta__btn:hover {
  background: #0260cc !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(4,116,241,.45) !important;
  text-decoration: none !important;
}

.projects-page .projects-cta__btn svg {
  flex-shrink: 0;
  stroke: currentColor !important;
  transition: transform .25s ease;
}

.projects-page .projects-cta__btn:hover svg {
  transform: translateX(4px);
}

/* ===================== АДАПТИВ ===================== */

/* Планшет — 2 колонки */
@media (max-width: 900px) {
  .projects-page .projects-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
  .projects-page .projects-hero__stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .projects-page .project-card.project-card--top {
    grid-template-columns: 1fr !important;
    min-height: auto;
  }
  .projects-page .project-card__top-image {
    height: 280px;
  }
  .projects-page .project-card__top-body {
    padding: 28px 28px;
  }
}

/* Планшет — Hero вертикально */
@media (max-width: 860px) {
  .projects-page .projects-hero__container {
    flex-direction: column !important;
    gap: 32px;
  }
  .projects-page .projects-hero__right {
    flex: none !important;
    width: 100%;
    max-width: 100%;
  }
  .projects-page .projects-hero__img {
    height: 300px !important;
    border-radius: 12px;
  }
  .projects-page .projects-cta__card {
    flex-direction: column !important;
    align-items: flex-start;
    gap: 24px;
    padding: 32px 28px;
  }
  .projects-page .projects-cta__btn {
    width: 100% !important;
    justify-content: center;
  }
}

/* Мобильный */
@media (max-width: 600px) {
  .projects-page .projects-hero {
    padding: 36px 0 32px;
  }
  .projects-page .projects-hero__title {
    font-size: 26px !important;
  }
  .projects-page .projects-hero__stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .projects-page .projects-hero__stat {
    padding: 12px 10px;
  }
  .projects-page .projects-hero__stat-num {
    font-size: 16px !important;
  }
  .projects-page .projects-filter__btn {
    padding: 8px 14px !important;
    font-size: 13px !important;
  }
  .projects-page .projects-grid {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  .projects-page .project-card__image {
    height: 220px;
  }
  .projects-page .project-card__top-body {
    padding: 22px 18px;
  }
  .projects-page .project-card__name {
    font-size: 20px !important;
  }
  .projects-page .project-card__btn {
    width: 100% !important;
    justify-content: center;
  }
  /* CTA компактный на mobile */
  .projects-page .projects-cta__card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 22px 16px !important;
    gap: 14px !important;
    overflow: hidden !important;
  }
  .projects-page .projects-cta__icon,
  .projects-page .projects-cta__card::before,
  .projects-page .projects-cta__card::after {
    display: none !important;
  }
  /* flex: 1 1 auto на __body растягивал карточку — сбрасываем */
  .projects-page .projects-cta__body {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* flex: 1 1 180px / 1 1 280px на title/text — тоже растягивали */
  .projects-page .projects-cta__title {
    flex: 0 0 auto !important;
    width: 100% !important;
    font-size: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .projects-page .projects-cta__text {
    flex: 0 0 auto !important;
    width: 100% !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .projects-page .projects-cta__btn {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    padding: 13px 16px !important;
    font-size: 13px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.35 !important;
    margin-top: 8px !important;
  }
  .projects-page .projects-hero__img {
    height: 240px !important;
  }
}

/* ===== PROJECTS CTA BLOCK (замена галереи) ===== */
.projects-cta-block {
  /* inherits .block padding: 100px 0 */
}
.projects-cta-block--top-gap {
  padding-top: 180px;
}
.projects-cta-block__wrap {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
}
.projects-cta-block__inner {
  display: grid;
  grid-template-columns: 60% 40%;
  background: linear-gradient(140deg, #0b1929 0%, #0d1117 100%);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow:
    0 0 0 1px rgba(4, 116, 241, 0.15),
    0 8px 48px rgba(4, 116, 241, 0.10);
  overflow: hidden;
  min-height: 300px;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.projects-cta-block__inner:hover {
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow:
    0 0 0 1px rgba(4, 116, 241, 0.32),
    0 12px 56px rgba(4, 116, 241, 0.18);
}
.projects-cta-block__content {
  padding: 44px 48px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: center;
}
.projects-cta-block__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #0474f1;
  text-transform: uppercase;
}
.projects-cta-block__title {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  margin: 0;
}
.projects-cta-block__title span {
  color: #0474f1;
}
.projects-cta-block__text {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.55);
  margin: 0;
  max-width: 420px;
}
.projects-cta-block__stats {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.projects-cta-block__stat {
  display: flex;
  align-items: center;
  gap: 8px;
}
.projects-cta-block__stat svg {
  flex-shrink: 0;
}
.projects-cta-block__stat div {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.projects-cta-block__stat strong {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.projects-cta-block__stat span {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.3;
}
.projects-cta-block__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0474f1;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  padding: 13px 26px;
  border-radius: 8px;
  text-decoration: none !important;
  align-self: flex-start;
  transition: background 0.2s, transform 0.18s;
  border: none;
  white-space: nowrap;
}
.projects-cta-block__btn:hover {
  background: #0261cc;
  transform: translateX(4px);
}
.projects-cta-block__visuals {
  position: relative;
  overflow: hidden;
}
.projects-cta-block__img-single {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.projects-cta-block__img-single::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 30%, rgba(0, 0, 0, 0.45) 100%);
  pointer-events: none;
  z-index: 1;
}
.projects-cta-block__img-single::before {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px rgba(4, 116, 241, 0.2);
  pointer-events: none;
  z-index: 2;
}
.projects-cta-block__img-single img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s;
}
.projects-cta-block__inner:hover .projects-cta-block__img-single img {
  transform: scale(1.05);
}
@media (max-width: 1160px) {
  .projects-cta-block__content {
    padding: 36px 36px;
  }
  .projects-cta-block__title {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .projects-cta-block__inner {
    grid-template-columns: 1fr;
  }
  .projects-cta-block__visuals {
    height: 240px;
  }
  .projects-cta-block__content {
    padding: 28px 28px;
  }
  .projects-cta-block--top-gap {
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  .projects-cta-block__wrap {
    padding: 0 16px;
  }
  .projects-cta-block__inner {
    border-radius: 16px;
  }
  .projects-cta-block__content {
    padding: 22px 20px;
    gap: 14px;
  }
  .projects-cta-block__title {
    font-size: 19px;
  }
  .projects-cta-block__text {
    max-width: 100%;
  }
  .projects-cta-block__visuals {
    height: 200px;
  }
  .projects-cta-block__btn {
    width: 100%;
    justify-content: center;
  }
  .projects-cta-block__stats {
    gap: 14px;
  }
  .projects-cta-block--top-gap {
    padding-top: 70px;
  }
}

/* ============================================================
   WATERMARK — только внутри .projects-page и .project-detail
   ============================================================ */

.projects-page .project-detail__photo-wrap,
.projects-page .project-card__image,
.projects-page .project-card__top-image,
.project-detail .project-detail__photo-wrap {
  position: relative;
  overflow: hidden;
}

.projects-page .project-card__image::after,
.projects-page .project-card__top-image::after,
.project-detail .project-detail__photo-wrap::after {
  content: 'EXPERTWASH';
  position: absolute;
  bottom: 10px;
  right: 12px;
  font-size: clamp(9px, 1.2vw, 13px);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.32);
  pointer-events: none;
  user-select: none;
  line-height: 1;
  white-space: nowrap;
  z-index: 2;
  text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

/* Изображения внутри проектных блоков — запрет drag/open */
.projects-page .project-card__image img,
.projects-page .project-card__top-image img,
.project-detail img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* ============================================================
   PROJECT DETAIL PAGE  (.project-detail)
   ============================================================ */

.project-detail {
  background: #0b0f18;
  color: #fff;
  font-family: 'Nunito', sans-serif;
  overflow-x: hidden;
}

/* ---- Hero ---- */
.project-detail__hero {
  padding: 80px 0 72px;
}
.project-detail__hero-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
.project-detail__hero-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.project-detail__category-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(4, 116, 241, 0.12);
  border: 1px solid rgba(4, 116, 241, 0.3);
  color: #0474f1;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 40px;
  width: fit-content;
}
.project-detail__title {
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
  letter-spacing: -0.01em;
  margin: 0;
}
.project-detail__city {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}
.project-detail__city svg {
  flex-shrink: 0;
  opacity: 0.6;
}
.project-detail__desc {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  max-width: 520px;
}
.project-detail__hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0474f1;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none !important;
  align-self: flex-start;
  transition: background 0.2s, transform 0.18s;
  border: none;
  white-space: nowrap;
  margin-top: 4px;
}
.project-detail__hero-btn:hover {
  background: #0261cc;
  transform: translateX(4px);
}
.project-detail__hero-right {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  aspect-ratio: 16 / 10;
  background: #12192a;
}
.project-detail__hero-right .project-detail__photo-wrap {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.project-detail__hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s;
}
.project-detail__hero-right:hover .project-detail__hero-img {
  transform: scale(1.04);
}

/* ---- Gallery ---- */
.project-detail__gallery,
.project-detail__construction {
  padding: 72px 0;
  background: #0d1321;
}
.project-detail__gallery + .project-detail__construction {
  padding-top: 0;
  background: #0d1321;
}
.project-detail__gallery-container,
.project-detail__construction-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.project-detail__gallery-label,
.project-detail__construction-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0474f1;
}
/* Base grid — 3 columns */
.project-detail__gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
/* 2 photos */
.project-detail__gallery-grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
/* 4 photos */
.project-detail__gallery-grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
/* 6 photos — 3x2 */
.project-detail__gallery-grid--6 {
  grid-template-columns: repeat(3, 1fr);
}
.project-detail__gallery-item {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: #12192a;
  transition: border-color 0.2s, transform 0.2s;
}
.project-detail__gallery-item:hover {
  border-color: rgba(4, 116, 241, 0.3);
  transform: translateY(-3px);
}
.project-detail__gallery-item .project-detail__photo-wrap {
  aspect-ratio: 4 / 3;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.project-detail__gallery-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s;
}
.project-detail__gallery-item:hover .project-detail__gallery-img {
  transform: scale(1.05);
}

/* ---- Params ---- */
.project-detail__params {
  padding: 56px 0;
  background: #0d1321;
}
.project-detail__params-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.project-detail__params-label,
.project-detail__about-label,
.project-detail__realized-label,
.project-detail__features-label,
.project-detail__others-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0474f1;
}
.project-detail__params-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.project-detail__param-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 0.2s, background 0.2s;
}
.project-detail__param-card:hover {
  border-color: rgba(4, 116, 241, 0.3);
  background: rgba(4, 116, 241, 0.05);
}
.project-detail__param-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(4, 116, 241, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.project-detail__param-value {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
}
.project-detail__param-name {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.4;
}

/* ---- About ---- */
.project-detail__about {
  padding: 72px 0;
}
.project-detail__about-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.project-detail__about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.project-detail__about-text p {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
}
.project-detail__about-specs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.project-detail__spec-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  transition: border-color 0.2s;
}
.project-detail__spec-item:hover {
  border-color: rgba(4, 116, 241, 0.25);
}
.project-detail__spec-item svg {
  flex-shrink: 0;
  margin-top: 2px;
}
.project-detail__spec-item div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.project-detail__spec-item strong {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.3;
}
.project-detail__spec-item span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.4;
}

/* ---- Realized ---- */
.project-detail__realized {
  padding: 72px 0;
  background: #0d1321;
}
.project-detail__realized-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.project-detail__realized-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.project-detail__realized-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
}
.project-detail__realized-card:hover {
  border-color: rgba(4, 116, 241, 0.3);
  background: rgba(4, 116, 241, 0.05);
  transform: translateY(-3px);
}
.project-detail__realized-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(4, 116, 241, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-detail__realized-title {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin: 0;
}
.project-detail__realized-text {
  font-size: 13px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
}

/* ---- Features ---- */
.project-detail__features {
  padding: 72px 0;
}
.project-detail__features-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.project-detail__features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.project-detail__feature-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 22px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  transition: border-color 0.2s;
}
.project-detail__feature-item:hover {
  border-color: rgba(4, 116, 241, 0.3);
}
.project-detail__feature-check {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(4, 116, 241, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.project-detail__feature-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.project-detail__feature-text strong {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.3;
}
.project-detail__feature-text span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.55;
}

/* ---- CTA ---- */
.project-detail__cta {
  padding: 72px 0;
  background: #0d1321;
}
.project-detail__cta-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.project-detail__cta-card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 40px;
  background: linear-gradient(135deg, rgba(4, 116, 241, 0.12) 0%, rgba(4, 116, 241, 0.04) 100%);
  border: 1px solid rgba(4, 116, 241, 0.25);
  border-radius: 26px;
  padding: 52px 56px;
  overflow: hidden;
  position: relative;
}
.project-detail__cta-card::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(4, 116, 241, 0.12) 0%, transparent 70%);
  pointer-events: none;
}
.project-detail__cta-content {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.project-detail__cta-title {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin: 0;
}
.project-detail__cta-text {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.55);
  margin: 0;
  max-width: 500px;
}
.project-detail__cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0474f1;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none !important;
  align-self: flex-start;
  transition: background 0.2s, transform 0.18s;
  white-space: nowrap;
}
.project-detail__cta-btn:hover {
  background: #0261cc;
  transform: translateX(4px);
}
.project-detail__cta-visual {
  opacity: 0.7;
  flex-shrink: 0;
}

/* ---- Other Projects ---- */
.project-detail__others {
  padding: 72px 0 80px;
}
.project-detail__others-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.project-detail__others-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.project-detail__others-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0474f1;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: gap 0.2s;
}
.project-detail__others-all:hover {
  gap: 10px;
}
.project-detail__others-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.project-detail__other-card {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none !important;
  transition: border-color 0.2s, transform 0.2s;
}
.project-detail__other-card:hover {
  border-color: rgba(4, 116, 241, 0.35);
  transform: translateY(-4px);
}
.project-detail__other-img {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #12192a;
}
.project-detail__other-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s;
}
.project-detail__other-card:hover .project-detail__other-img img {
  transform: scale(1.07);
}
.project-detail__other-body {
  padding: 16px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.project-detail__other-name {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}
.project-detail__other-city {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
}
.project-detail__other-city svg {
  flex-shrink: 0;
}
.project-detail__other-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
  margin-top: 4px;
}

/* ============================================================
   RESPONSIVE — TABLET (max 1100px)
   ============================================================ */
@media (max-width: 1100px) {
  .project-detail__params-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .project-detail__realized-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .project-detail__others-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .project-detail__cta-card {
    grid-template-columns: 1fr;
    padding: 40px 40px;
  }
  .project-detail__cta-visual {
    display: none;
  }
  .project-detail__gallery-grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ============================================================
   RESPONSIVE — TABLET (max 900px)
   ============================================================ */
@media (max-width: 900px) {
  .project-detail__hero {
    padding: 56px 0 56px;
  }
  .project-detail__hero-container {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .project-detail__hero-right {
    aspect-ratio: 16 / 9;
    max-width: 100%;
  }
  .project-detail__hero-btn {
    align-self: flex-start;
  }
  .project-detail__about-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .project-detail__features-grid {
    grid-template-columns: 1fr;
  }
  .project-detail__gallery-grid,
  .project-detail__gallery-grid--6 {
    grid-template-columns: repeat(2, 1fr);
  }
  .project-detail__gallery-grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ============================================================
   RESPONSIVE — MOBILE (max 640px)
   ============================================================ */
@media (max-width: 640px) {
  .project-detail__hero {
    padding: 40px 0 48px;
  }
  .project-detail__hero-container,
  .project-detail__params-container,
  .project-detail__about-container,
  .project-detail__realized-container,
  .project-detail__features-container,
  .project-detail__gallery-container,
  .project-detail__construction-container,
  .project-detail__cta-container,
  .project-detail__others-container {
    padding: 0 16px;
  }
  .project-detail__title {
    font-size: 28px;
  }
  .project-detail__params-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .project-detail__param-card {
    padding: 20px 16px;
    gap: 8px;
  }
  .project-detail__param-value {
    font-size: 18px;
  }
  .project-detail__realized-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .project-detail__gallery-grid,
  .project-detail__gallery-grid--2,
  .project-detail__gallery-grid--3,
  .project-detail__gallery-grid--4,
  .project-detail__gallery-grid--6 {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .project-detail__others-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .project-detail__cta-card {
    padding: 28px 22px;
    border-radius: 18px;
  }
  .project-detail__cta-title {
    font-size: 20px;
  }
  .project-detail__cta-btn {
    width: 100%;
    justify-content: center;
  }
  .project-detail__hero-btn {
    width: 100%;
    justify-content: center;
  }
  .project-detail__others-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .project-detail__params {
    padding: 40px 0;
  }
  .project-detail__about,
  .project-detail__realized,
  .project-detail__features,
  .project-detail__gallery,
  .project-detail__construction,
  .project-detail__cta,
  .project-detail__others {
    padding: 48px 0;
  }
}

/* ============================================================
   UNIFIED REASONS BLOCK — "6 причин выбрать EXPERT"
   Работает на /robot, /about, /construction, /equipments.
   Скоуп через :has(.reasons__items) — не затрагивает
   .reasons__cards (главная) и .type2 (новости).
   ============================================================ */

/* Сетка: 3 колонки desktop */
.reasons:has(.reasons__items) .reasons__items {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  row-gap: 20px;
  margin-top: 0;
}

/* Карточка причины */
.reasons:has(.reasons__items) .reasons__item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 28px 26px;
  gap: 14px;
  align-items: flex-start;
  text-align: left;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.reasons:has(.reasons__items) .reasons__item:hover {
  border-color: rgba(4, 116, 241, 0.45);
  box-shadow: 0 0 22px rgba(4, 116, 241, 0.1);
}

/* Иконка: скруглённый квадрат с синим акцентом */
.reasons:has(.reasons__items) .reasons__icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(4, 116, 241, 0.1);
  border-radius: 14px;
  flex-shrink: 0;
  margin-bottom: 4px;
}
.bg .reasons:has(.reasons__items) .reasons__icon,
.reasons:has(.reasons__items) .bg .reasons__icon {
  background: rgba(4, 116, 241, 0.1);
}
.reasons:has(.reasons__items) .reasons__icon img {
  width: 28px;
}

/* Текст в карточке */
.reasons:has(.reasons__items) .reasons__item .subtitle {
  font-size: 16px;
  color: #fff;
  line-height: 1.35;
}
.reasons:has(.reasons__items) .reasons__item .text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
}

/* Кнопка — синяя вместо красной */
.reasons:has(.reasons__items) .reasons__button.button {
  background: #0474f1;
  background: linear-gradient(90deg, #0474f1 0%, #0360c9 100%);
}
.reasons:has(.reasons__items) .reasons__button.button:hover {
  box-shadow: 0 0 16px rgba(4, 116, 241, 0.5);
}

/* Tablet: 2 колонки */
@media (max-width: 1160px) {
  .reasons:has(.reasons__items) .reasons__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    row-gap: 16px;
  }
}
@media (max-width: 991px) {
  .reasons:has(.reasons__items) .reasons__items {
    gap: 14px;
    row-gap: 14px;
  }
  .reasons:has(.reasons__items) .reasons__item {
    padding: 22px 20px;
  }
}

/* Mobile: 1 колонка, кнопка на всю ширину */
@media (max-width: 767px) {
  .reasons:has(.reasons__items) .reasons__items {
    grid-template-columns: 1fr;
    gap: 12px;
    row-gap: 12px;
  }
  .reasons:has(.reasons__items) .reasons__item {
    padding: 20px 18px;
    align-items: flex-start;
    text-align: left;
  }
  .reasons:has(.reasons__items) .reasons__button {
    max-width: 100%;
  }
}

/* ============================================================
   ROBOT PAGE — /robot
   Изолированные стили для переработанной страницы робот-мойки
   ============================================================ */

/* Синяя кнопка (переопределяет глобальный .button на robot-page) */
.robot-btn-blue {
  display: inline-block;
  background: #0474f1;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  padding: 14px 32px;
  border-radius: 5px;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
}
.robot-btn-blue:hover {
  background: #0360c9;
  box-shadow: 0 0 20px rgba(4, 116, 241, 0.45);
}

/* Красные кнопки .button внутри robot-page → синие */
.robot-page .button,
.robot-page .reasons__button.button {
  background: #0474f1;
  background: linear-gradient(90deg, #0474f1 0%, #0360c9 100%);
}
.robot-page .button:hover,
.robot-page .reasons__button.button:hover {
  box-shadow: 0 0 16px rgba(4, 116, 241, 0.5);
}

/* ─── 2. ПРОДУКТОВЫЙ БЛОК ────────────────────────────────── */
.robot-product__container {
  display: flex;
  align-items: center;
  gap: 80px;
}
.robot-product__image {
  flex: 0 0 50%;
  max-width: 50%;
}
.robot-product__image img {
  width: 100%;
  border-radius: 24px;
  display: block;
}
.robot-product__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.robot-product__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0474f1;
}
.robot-product__title {
  font-size: 52px;
  font-weight: 800;
  line-height: 1.05;
  color: #fff;
  text-transform: uppercase;
}
.robot-product__title span {
  color: #0474f1;
}
.robot-product__desc {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.6);
}
.robot-product__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.robot-product__stat {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 20px 22px;
  transition: border-color 0.3s ease;
}
.robot-product__stat:hover {
  border-color: rgba(4, 116, 241, 0.4);
}
.robot-product__stat-val {
  font-size: 30px;
  font-weight: 800;
  color: #0474f1;
  line-height: 1;
}
.robot-product__stat-label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  margin-top: 7px;
  line-height: 1.4;
}
@media (max-width: 1160px) {
  .robot-product__container {
    gap: 50px;
  }
  .robot-product__title {
    font-size: 42px;
  }
}
@media (max-width: 991px) {
  .robot-product__container {
    flex-direction: column;
    gap: 40px;
  }
  .robot-product__image {
    flex: none;
    max-width: 100%;
    width: 100%;
  }
  .robot-product__title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .robot-product__title {
    font-size: 28px;
  }
  .robot-product__stats {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .robot-product__stat-val {
    font-size: 24px;
  }
  .robot-btn-blue {
    width: 100%;
    padding: 15px 20px;
  }
}

/* ─── 3. ПРЕИМУЩЕСТВА ────────────────────────────────────── */
.robot-benefits__container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.robot-benefits__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.robot-benefits__item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 30px 26px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.robot-benefits__item:hover {
  border-color: rgba(4, 116, 241, 0.5);
  box-shadow: 0 0 24px rgba(4, 116, 241, 0.1);
}
.robot-benefits__icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(4, 116, 241, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.robot-benefits__title {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  line-height: 1.35;
}
.robot-benefits__text {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
}
@media (max-width: 1160px) {
  .robot-benefits__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .robot-benefits__items {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .robot-benefits__item {
    padding: 22px 20px;
  }
}

/* ─── 4. ФУНКЦИИ ─────────────────────────────────────────── */
.robot-functions__container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.robot-functions__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.robot-functions__item {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: border-color 0.3s ease, background 0.3s ease;
}
.robot-functions__item:hover {
  border-color: rgba(4, 116, 241, 0.45);
  background: rgba(4, 116, 241, 0.04);
}
.robot-functions__num {
  font-size: 24px;
  font-weight: 800;
  color: #0474f1;
  line-height: 1;
  flex-shrink: 0;
  min-width: 38px;
}
.robot-functions__head {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  line-height: 1.45;
}
@media (max-width: 1160px) {
  .robot-functions__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .robot-functions__items {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .robot-functions__item {
    padding: 18px 18px;
  }
  .robot-functions__num {
    font-size: 20px;
    min-width: 32px;
  }
}

/* ─── 5. ПРОЦЕСС РАБОТЫ ──────────────────────────────────── */
.robot-process__container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.robot-process__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 22px;
  overflow: hidden;
}
.robot-process__item {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  padding: 28px 32px;
  background: rgba(4, 116, 241, 0.025);
  transition: background 0.25s ease;
}
.robot-process__item:hover {
  background: rgba(4, 116, 241, 0.065);
}
.robot-process__num {
  font-size: 34px;
  font-weight: 800;
  color: #0474f1;
  line-height: 1;
  flex-shrink: 0;
  min-width: 50px;
}
.robot-process__texts {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.robot-process__head {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  line-height: 1.35;
}
.robot-process__text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.6;
}
.robot-process__bottom {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .robot-process__items {
    grid-template-columns: 1fr;
  }
  .robot-process__item {
    padding: 22px 24px;
  }
  .robot-process__num {
    font-size: 28px;
    min-width: 42px;
  }
}
@media (max-width: 767px) {
  .robot-process__items {
    gap: 0;
    border-radius: 16px;
  }
  .robot-process__item {
    padding: 18px 20px;
    gap: 16px;
  }
  .robot-process__num {
    font-size: 22px;
    min-width: 34px;
  }
  .robot-process__head {
    font-size: 15px;
  }
}

/* ─── 7. ВИДЕО ───────────────────────────────────────────── */
.robot-videos__container {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
.robot-videos__groups {
  display: flex;
  gap: 28px;
  align-items: flex-start;
}
.robot-videos__group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.robot-videos__group:first-child {
  flex: 2;
}
.robot-videos__group:last-child {
  flex: 3;
}
.robot-videos__group-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.robot-videos__items {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.robot-videos__item {
  flex: 1;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.robot-videos__item:hover {
  border-color: rgba(4, 116, 241, 0.4);
  box-shadow: 0 0 22px rgba(4, 116, 241, 0.15);
}
.robot-videos__item video {
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  display: block;
}
@media (max-width: 991px) {
  .robot-videos__groups {
    flex-direction: column;
    gap: 36px;
  }
  .robot-videos__group:first-child,
  .robot-videos__group:last-child {
    flex: none;
    width: 100%;
  }
  .robot-videos__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .robot-videos__items {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .robot-videos__container {
    gap: 32px;
  }
}

/* ─── 9. БЛОКИ УПРАВЛЕНИЯ ────────────────────────────────── */
.robot-controls__container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.robot-controls__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.robot-controls__card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.3s ease, background 0.3s ease;
}
.robot-controls__card:hover {
  border-color: rgba(4, 116, 241, 0.5);
  background: rgba(4, 116, 241, 0.04);
}
.robot-controls__image {
  width: 100%;
  height: 240px;
  overflow: hidden;
}
.robot-controls__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}
.robot-controls__card:hover .robot-controls__image img {
  transform: scale(1.04);
}
.robot-controls__body {
  padding: 20px 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.robot-controls__body .subtitle {
  color: #fff;
  font-size: 17px;
}
.robot-controls__body .text {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
}
.robot-controls__body .robot-btn-blue {
  margin-top: 6px;
  text-align: center;
  width: 100%;
  padding: 13px 20px;
}
@media (max-width: 1160px) {
  .robot-controls__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .robot-controls__cards {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .robot-controls__image {
    height: 200px;
  }
}

/* ─── 10. ФИНАЛЬНЫЙ CTA ──────────────────────────────────── */
.robot-final-cta__container {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 30px;
}
.robot-final-cta__inner {
  background: rgba(4, 116, 241, 0.07);
  border: 1px solid rgba(4, 116, 241, 0.22);
  border-radius: 26px;
  padding: 64px 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 18px;
}
.robot-final-cta__title {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
}
.robot-final-cta__text {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.55);
  max-width: 560px;
  line-height: 1.6;
}
.robot-final-cta__inner .robot-btn-blue {
  padding: 16px 48px;
  font-size: 14px;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .robot-final-cta__inner {
    padding: 48px 40px;
  }
  .robot-final-cta__title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .robot-final-cta__container {
    padding: 0 10px;
  }
  .robot-final-cta__inner {
    padding: 36px 24px;
    border-radius: 18px;
  }
  .robot-final-cta__title {
    font-size: 22px;
  }
  .robot-final-cta__inner .robot-btn-blue {
    width: 100%;
    padding: 15px 20px;
  }
}

/* ── Calculator Blue Glow ─────────────────────────────────────────── */
@keyframes calcGlowA {
  0%   { transform: translate(0%, 0%) scale(1); }
  33%  { transform: translate(8%, -12%) scale(1.12); }
  66%  { transform: translate(-6%, 10%) scale(0.95); }
  100% { transform: translate(0%, 0%) scale(1); }
}
@keyframes calcGlowB {
  0%   { transform: translate(0%, 0%) scale(1); }
  40%  { transform: translate(-10%, 8%) scale(1.08); }
  75%  { transform: translate(7%, -9%) scale(1.15); }
  100% { transform: translate(0%, 0%) scale(1); }
}

#calculator.is-interactive::before,
#equip-calculator.is-interactive::before,
#calculator.is-interactive::after,
#equip-calculator.is-interactive::after {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
}

#calculator.is-interactive::before,
#equip-calculator.is-interactive::before {
  width: 560px;
  height: 420px;
  top: -80px;
  left: -120px;
  background: radial-gradient(ellipse at center, rgba(4, 116, 241, 0.18) 0%, rgba(4, 116, 241, 0.06) 45%, transparent 75%);
  filter: blur(55px);
  animation: calcGlowA 16s ease-in-out infinite;
}

#calculator.is-interactive::after,
#equip-calculator.is-interactive::after {
  width: 380px;
  height: 320px;
  bottom: -60px;
  right: -80px;
  background: radial-gradient(ellipse at center, rgba(4, 116, 241, 0.12) 0%, rgba(56, 152, 255, 0.05) 50%, transparent 75%);
  filter: blur(45px);
  animation: calcGlowB 20s ease-in-out infinite;
}

#calculator .calculator__container,
#equip-calculator .calculator__container {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  #calculator.is-interactive::before,
  #equip-calculator.is-interactive::before {
    width: 300px;
    height: 240px;
    filter: blur(40px);
    opacity: 0.7;
  }
  #calculator.is-interactive::after,
  #equip-calculator.is-interactive::after {
    width: 220px;
    height: 180px;
    filter: blur(32px);
    opacity: 0.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  #calculator.is-interactive::before,
  #equip-calculator.is-interactive::before,
  #calculator.is-interactive::after,
  #equip-calculator.is-interactive::after {
    animation: none;
  }
}

/* ================================================================
   ТОЧЕЧНЫЕ ФИКСЫ — УНИФИКАЦИЯ ЦВЕТА v2
   ================================================================ */

/* ── Страница «Акции» / Новости (/news): заголовки карточек ── */

/* Весь текст внутри .reasons__card на странице .type2 */
.type2 .reasons__card .subtitle,
.type2 .reasons__card .subtitle--akcii {
  color: #ffffff !important;
}

/* Акцентные span, <b>, <strong>, <em> внутри заголовка */
.type2 .reasons__card .subtitle span,
.type2 .reasons__card .subtitle b,
.type2 .reasons__card .subtitle strong,
.type2 .reasons__card .subtitle em,
.subtitle--akcii span,
.subtitle--akcii b,
.subtitle--akcii strong {
  color: #0474f1 !important;
}

/* Если ACF выводит <p> или <h2>/<h3> внутри subtitle-div */
.type2 .reasons__card .subtitle p,
.type2 .reasons__card .subtitle h1,
.type2 .reasons__card .subtitle h2,
.type2 .reasons__card .subtitle h3 {
  color: #ffffff !important;
}
.type2 .reasons__card .subtitle p span,
.type2 .reasons__card .subtitle h2 span,
.type2 .reasons__card .subtitle h3 span {
  color: #0474f1 !important;
}

/* Если WP-редактор добавил inline color-style */
.type2 .reasons__card .subtitle [style*="color"],
.subtitle--akcii [style*="color"] {
  color: #0474f1 !important;
}

/* Текст карточки */
.type2 .reasons__card .text--akcii {
  color: rgba(255,255,255,0.8) !important;
}
.type2 .reasons__card .text--akcii span {
  color: #0474f1 !important;
}

/* Кнопка внутри карточки акции */
.button--akcii {
  background: #0474f1 !important;
}
@media (any-hover: hover) {
  .button--akcii:hover {
    background: #0360c9 !important;
    -webkit-box-shadow: 0 0 14px rgba(4,116,241,0.55) !important;
            box-shadow: 0 0 14px rgba(4,116,241,0.55) !important;
  }
}

/* ── Страница «Франшиза»: «Итого в среднем | 6-8 месяцев» ── */
/* Покрывает <span> в .text и .franchise__wrapper с inline/ACF-контентом */
.franchise__wrapper.text span,
.franchise__wrapper .text span,
.franchise__wrapper > p span,
.franchise__wrapper > div span {
  color: #0474f1 !important;
}
/* Страховочный сброс — весь span внутри .franchise__wrapper */
.franchise__wrapper span[style*="color"] {
  color: #0474f1 !important;
}

/* ============================================================
   КОММЕРЧЕСКИЕ БЛОКИ — ЕДИНЫЙ СТИЛЬ
   Области: .catalog  .reasons  .equipments  .facts
   ============================================================ */

/* --- .reasons__card: premium border + hover glow (главная, /about, /equipments) --- */
.reasons .reasons__card {
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media (any-hover: hover) {
  .reasons .reasons__card:hover {
    border-color: rgba(4,116,241,0.45);
    box-shadow: 0 0 32px rgba(4,116,241,0.12);
  }
}

/* --- .facts__content: glass-card treatment (главная, /about) --- */
.facts .facts__content {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  padding: 40px 48px;
}
@media (max-width: 1160px) {
  .facts .facts__content {
    padding: 32px 28px;
  }
}
@media (max-width: 767px) {
  .facts .facts__content {
    padding: 24px 20px;
    border-radius: 16px;
  }
}

/* --- .catalog__card: поднять border-radius до 20px + blue glow on hover --- */
.catalog__card {
  border-radius: 20px;
}
@media (any-hover: hover) {
  .catalog__card:hover {
    box-shadow: 0 0 28px rgba(4,116,241,0.14);
  }
}

/* --- #water / #additional: одинаковая высота карточек, кнопка внизу --- */
#water .catalog__cards,
#additional .catalog__cards {
  align-items: stretch;
}
#water .catalog__card,
#additional .catalog__card {
  height: 100%;
}
#water .equip-open-btn,
#additional .equip-open-btn {
  margin-top: auto;
}

/* --- #catalog (МСО на /equipments): одинаковая высота + кнопка внизу --- */
#catalog .catalog__cards {
  align-items: stretch;
}
#catalog .catalog__card {
  height: 100%;
}
#catalog .equip-open-btn {
  margin-top: auto;
}

/* --- .equipments__wrapper (блок МСО): premium product card --- */
.equipments {
  align-items: stretch;
}
.equipments__wrapper {
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  overflow: hidden;
}
.bg .equipments__wrapper {
  background: rgba(255,255,255,0.03);
}
@media (any-hover: hover) {
  .equipments__wrapper:hover {
    border-color: rgba(4,116,241,0.5);
    box-shadow: 0 0 30px rgba(4,116,241,0.14);
    background: rgba(4,116,241,0.04);
  }
}

/* ============================================================
   ФИНАЛЬНЫЕ ВИЗУАЛЬНЫЕ ПРАВКИ  (June 2026)
   1. /service cards
   2. Mobile franchise hero
   3. Mobile /about title breaks
   4. Burger-menu premium visual
   ============================================================ */

/* ── 1. /service ── .handling__item & .items__card: premium cards ── */
.handling__item {
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.bg .handling__item {
  background: rgba(255,255,255,0.03);
}
@media (any-hover: hover) {
  .handling__item:hover {
    border-color: rgba(4,116,241,0.45);
    box-shadow: 0 0 28px rgba(4,116,241,0.12);
    background: rgba(4,116,241,0.03);
  }
}
.handling__image {
  border-radius: 12px;
}
.handling__items {
  align-items: stretch;
}

.items__cards {
  align-items: stretch;
}
.items__card {
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.bg .items__card {
  background: rgba(255,255,255,0.03);
}
@media (any-hover: hover) {
  .items__card:hover {
    border-color: rgba(4,116,241,0.45);
    box-shadow: 0 0 28px rgba(4,116,241,0.12);
    background: rgba(4,116,241,0.03);
  }
}
.items__card > img {
  width: 44px;
}

/* ── 2. Mobile franchise hero — compact stats & text ── */
@media (max-width: 767px) {
  .page-template-templatesfranshize-1-php .main__head-line:nth-child(1),
  .page-template-templatesfranshize-1-php .main__head-line:nth-child(2),
  .page-template-templatesfranshize-2-php .main__head-line:nth-child(1),
  .page-template-templatesfranshize-2-php .main__head-line:nth-child(2) {
    font-size: 24px !important;
  }
  .page-template-templatesfranshize-1-php .main__head-accent,
  .page-template-templatesfranshize-2-php .main__head-accent {
    font-size: 18px !important;
    white-space: normal !important;
    line-height: 1.2;
  }
  .page-template-templatesfranshize-1-php .main__subtitle,
  .page-template-templatesfranshize-2-php .main__subtitle {
    font-size: 11px !important;
    margin-top: 10px;
  }
  .page-template-templatesfranshize-1-php .main__stats,
  .page-template-templatesfranshize-2-php .main__stats {
    margin-top: 18px !important;
    gap: 8px !important;
    width: auto !important;
    left: 0 !important;
    transform: none !important;
  }
  .page-template-templatesfranshize-1-php .main__stat-num,
  .page-template-templatesfranshize-2-php .main__stat-num {
    font-size: 16px !important;
  }
  .page-template-templatesfranshize-1-php .main__stat-text,
  .page-template-templatesfranshize-2-php .main__stat-text {
    font-size: 9px !important;
    white-space: nowrap;
  }
  .page-template-templatesfranshize-1-php .main__stat img,
  .page-template-templatesfranshize-2-php .main__stat img {
    width: 14px !important;
    height: 14px !important;
  }
  .page-template-templatesfranshize-1-php .main__stat-divider,
  .page-template-templatesfranshize-2-php .main__stat-divider {
    height: 26px !important;
  }
  .page-template-templatesfranshize-1-php .main__pretitle,
  .page-template-templatesfranshize-2-php .main__pretitle {
    font-size: 11px !important;
    margin-bottom: 10px;
  }
}

/* ── 3. Mobile /about hero — title line breaks ── */
br.mob-br {
  display: none;
}
@media (max-width: 767px) {
  br.mob-br {
    display: inline;
  }
  .page-template-templatesabout-php .main__head-line:nth-child(1) {
    white-space: normal !important;
    font-size: 24px !important;
    line-height: 1.15;
  }
}

/* ── 4. Burger-menu: premium visual ── */

/* Burger button — slightly larger + border */
@media (max-width: 1160px) {
  .header__burger {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px !important;
  }
  .header__burger.active {
    border-color: rgba(4,116,241,0.4);
  }
}
@media (max-width: 767px) {
  .header__burger {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
  }
}

/* Menu panel — refine background + left accent border */
@media (max-width: 1160px) {
  .menu {
    background: rgba(0,7,18,0.98) !important;
    border-right: 1px solid rgba(255,255,255,0.06);
    padding-top: 90px;
  }
  /* Thin top accent line inside panel */
  .menu::before {
    content: '';
    display: block;
    position: sticky;
    top: -90px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #0474f1 0%, rgba(4,116,241,0) 100%);
    flex-shrink: 0;
    margin-bottom: 24px;
    margin-top: -24px;
  }

  /* Menu list — tighter, left-aligned */
  .menu__list {
    gap: 4px !important;
    text-align: left !important;
    width: 100%;
    align-items: stretch;
  }

  /* Each menu item — full width */
  .menu__item {
    width: 100%;
  }

  /* Each link — row card */
  .menu__link {
    display: block;
    padding: 13px 18px !important;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
    text-align: left !important;
    color: rgba(255,255,255,0.85);
  }
  .menu__link:hover,
  .current-menu-item > .menu__link,
  .current_page_item > .menu__link,
  .current-menu-ancestor > .menu__link {
    color: #0474f1 !important;
    background: rgba(4,116,241,0.08);
    border-color: rgba(4,116,241,0.18);
  }

  /* Submenu on mobile — left-aligned indented rows */
  .menu__item ul {
    gap: 2px !important;
    margin-top: 2px;
    padding: 0 6px 6px !important;
    border-radius: 0 0 12px 12px;
  }
  .menu__item ul li a {
    display: block;
    padding: 10px 14px;
    border-radius: 9px;
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    text-align: left;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .menu__item ul li a:hover {
    color: #0474f1;
    background: rgba(4,116,241,0.07);
  }

  /* CTA button — add border-radius, stronger glow */
  .menu .button {
    border-radius: 14px !important;
    font-size: 14px;
    letter-spacing: 0.06em;
    box-shadow: 0 0 22px rgba(4,116,241,0.35) !important;
    padding-top: 18px !important;
    padding-bottom: max(22px, env(safe-area-inset-bottom)) !important;
    margin-top: 16px;
  }
}

/* Header phones — more prominent on mobile (visible above the menu) */
@media (max-width: 767px) {
  .header__phones a {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }
  .header__phones a svg path {
    fill: #0474f1;
  }
  .header__socials {
    gap: 8px;
  }
  .header__socials a {
    flex: 0 0 18px !important;
    width: 18px !important;
    opacity: 0.7;
  }
}

/* ============================================================
   ТОЧЕЧНЫЕ ПРАВКИ v3  (June 2026)
   1. header: calculator icon
   2. /equipments reasons block: grid equal heights
   ============================================================ */

/* ── Header calc button ── */
.header__calc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  border: 1px solid rgba(4,116,241,0.28);
  background: rgba(4,116,241,0.08);
  flex-shrink: 0;
  transition: background 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
@media (any-hover: hover) {
  .header__calc-btn:hover {
    background: rgba(4,116,241,0.2);
    box-shadow: 0 0 14px rgba(4,116,241,0.35);
    border-color: rgba(4,116,241,0.55);
  }
}
@media (max-width: 767px) {
  .header__calc-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
  }
  .header__calc-btn svg {
    width: 17px;
    height: 17px;
  }
}

/* ── /equipments reasons block: equal-height cards ── */
.reasons:has(.reasons__items) .reasons__items {
  align-items: stretch;
}
.reasons:has(.reasons__items) .reasons__item {
  height: 100%;
}

/* ============================================================
   /construction — ФАКТОРЫ УСПЕХА АВТОМОЙКИ — premium redesign
   Scoped to .factors  (не затрагивает другие страницы)
   ============================================================ */

/* Grid: 2 равных колонки, единая высота */
.factors .factors__items {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  row-gap: 20px;
  align-items: stretch;
}
@media (max-width: 991px) {
  .factors .factors__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .factors .factors__items {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* Card: горизонтальный layout — диаграмма слева, контент справа */
.factors .factors__item {
  flex-direction: row;
  align-items: flex-start;
  gap: 22px;
  padding: 26px 24px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 22px;
  height: 100%;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
@media (any-hover: hover) {
  .factors .factors__item:hover {
    border-color: rgba(4,116,241,0.45);
    box-shadow: 0 0 26px rgba(4,116,241,0.12);
    background: rgba(4,116,241,0.03);
  }
}
@media (max-width: 767px) {
  .factors .factors__item {
    flex-direction: column;
    gap: 16px;
    padding: 22px 18px;
    border-radius: 18px;
    height: auto;
  }
}

/* Диаграмма: компактнее, синий glow, уточнённый inner-circle */
.factors .factors__percent {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  font-size: 18px;
  background: conic-gradient(#0474f1 calc(var(--percent) * 1%), rgba(255,255,255,0.07) 0);
  box-shadow: 0 0 14px rgba(4,116,241,0.25);
}
.factors .factors__percent::before {
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  background: #081826;
}
.factors .factors__percent::after {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  .factors .factors__percent {
    width: 76px;
    height: 76px;
  }
  .factors .factors__percent::after {
    font-size: 15px;
  }
}

/* Контент */
.factors .factors__content {
  flex: 1 1 auto;
  gap: 7px;
  padding-top: 2px;
}
.factors .factors__content .subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  color: #fff;
}
.factors .factors__content .text {
  font-size: 13px;
  color: rgba(255,255,255,0.55);
  line-height: 1.5;
}
.factors .factors__content div.text:last-of-type {
  margin-bottom: 0;
}
/* Кнопка — прижата к низу контента */
.factors .factors__content a {
  margin-top: auto;
  padding-top: 14px;
  align-self: flex-start;
  padding: 10px 20px;
  font-size: 12px;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .factors .factors__content a {
    align-self: stretch;
    text-align: center;
    margin-top: 8px;
  }
}

/* ===================== FRANCHISE PAGES ===================== */
.franchise-page {
  overflow-x: clip;
}

/* ---- /franchise: объекты (project-card style) ---- */
.franchise-page .franchise-objects__cards {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.franchise-page .franchise-object-card {
  display: grid;
  grid-template-columns: 42% 1fr;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.03);
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.franchise-page .franchise-object-card:hover {
  border-color: rgba(4,116,241,.45);
  box-shadow: 0 12px 40px rgba(4,116,241,.1), 0 4px 24px rgba(0,0,0,.35);
  transform: translateY(-2px);
}

.franchise-page .franchise-object-card__image {
  position: relative;
  min-height: 320px;
  overflow: hidden;
}

.franchise-page .franchise-object-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .45s ease;
}

.franchise-page .franchise-object-card:hover .franchise-object-card__image img {
  transform: scale(1.04);
}

.franchise-page .franchise-object-card__body {
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  box-sizing: border-box;
}

.franchise-page .franchise-object-card__name {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  color: #fff;
}

.franchise-page .franchise-object-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 12px;
}

.franchise-page .franchise-object-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: rgba(255,255,255,.55);
}

.franchise-page .franchise-object-card__meta-item svg {
  flex-shrink: 0;
  stroke: rgba(4,116,241,.7);
}

.franchise-page .franchise-object-card__meta-item span {
  font-weight: 600;
  color: rgba(255,255,255,.78);
}

.franchise-page .franchise-object-card__block-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #0474f1;
  margin-bottom: 12px;
}

.franchise-page .franchise-object-card__result,
.franchise-page .franchise-object-card__steps {
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(4,116,241,.04);
}

.franchise-page .franchise-object-card__result-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.franchise-page .franchise-object-card__result-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255,255,255,.72);
}

.franchise-page .franchise-object-card__result-list li span {
  color: #0474f1;
  font-weight: 700;
  flex-shrink: 0;
}

.franchise-page .franchise-object-card__steps-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.franchise-page .franchise-object-card__step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
}

.franchise-page .franchise-object-card__step-num {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(4,116,241,.18);
  border: 1px solid rgba(4,116,241,.35);
  color: #5aadff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.franchise-page .franchise-object-card__step-text {
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255,255,255,.7);
}

.franchise-page .franchise-object-card__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: auto;
  padding-top: 4px;
}

.franchise-page .franchise-object-card__buttons .button,
.franchise-page .franchise-object-card__buttons .button-white {
  min-width: 200px;
}

@media (max-width: 991px) {
  .franchise-page .franchise-object-card {
    grid-template-columns: 1fr;
  }
  .franchise-page .franchise-object-card__image {
    min-height: 240px;
  }
  .franchise-page .franchise-object-card__body {
    padding: 24px 20px 28px;
  }
}

@media (max-width: 600px) {
  .franchise-page .franchise-object-card__steps-grid {
    grid-template-columns: 1fr;
  }
  .franchise-page .franchise-object-card__buttons {
    flex-direction: column;
  }
  .franchise-page .franchise-object-card__buttons .button,
  .franchise-page .franchise-object-card__buttons .button-white {
    width: 100%;
    min-width: 0;
  }
}

/* ---- /franchise: fee, scheme, advantages ---- */
.franchise-page .fee__item {
  padding: 24px 22px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background: rgba(255,255,255,.03);
  transition: border-color .3s ease, box-shadow .3s ease;
}

.franchise-page .fee__item:hover {
  border-color: rgba(4,116,241,.4);
  box-shadow: 0 0 24px rgba(4,116,241,.1);
}

.franchise-page .fee__count {
  background: rgba(4,116,241,.14);
  border: 1px solid rgba(4,116,241,.28);
  color: #5aadff;
}

.franchise-page .franchise__wrapper {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.03);
}

.franchise-page .franchise__item {
  padding: 22px 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.02);
  transition: border-color .3s ease, box-shadow .3s ease;
}

.franchise-page .franchise__item:hover {
  border-color: rgba(4,116,241,.35);
  box-shadow: 0 0 20px rgba(4,116,241,.08);
}

.franchise-page .franchise__icon {
  background: rgba(4,116,241,.12);
  border: 1px solid rgba(4,116,241,.25);
}

.franchise-page .advantages__body {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: rgba(0,25,47,.72);
}

.franchise-page .advantages__rows {
  gap: 14px;
}

.franchise-page .advantages__row {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  gap: 24px;
}

.franchise-page .advantages__column ul {
  gap: 12px;
}

.franchise-page .advantages__column ul li {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
}

.franchise-page .faq__container > .text {
  padding: 20px 24px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.03);
}

/* ---- /franchise_2 ---- */
.franchise-page--2 .franchise-section__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.franchise-page--2 .franchise-section__list-item {
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  line-height: 1.6;
}

.franchise-page--2 .franchise-section__list-item span {
  color: #0474f1;
  font-weight: 700;
}

.franchise-page--2 .washes {
  background: transparent;
}

.franchise-page--2 .washes__container {
  gap: 40px;
  align-items: stretch;
}

.franchise-page--2 .washes__image img {
  position: static;
  width: 100%;
  height: 100%;
  min-height: 320px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
}

.franchise-page--2 .washes__body {
  max-width: none;
  padding: 36px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.03);
  box-sizing: border-box;
}

.franchise-page--2 .franchise-section__note {
  padding: 16px 18px;
  border: 1px solid rgba(4,116,241,.22);
  border-radius: 16px;
  background: rgba(4,116,241,.06);
}

.franchise-page--2 .earn__text {
  max-width: none;
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
}

.franchise-page--2 .earn__body {
  padding: 32px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.03);
  gap: 40px;
}

.franchise-page--2 .earn__image img {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  max-width: 100%;
  height: auto;
}

.franchise-page--2 .help__body.franchise-section__card {
  max-width: none;
  padding: 36px 40px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.03);
}

.franchise-page--2 .help__item.franchise-section__feature {
  min-height: 0;
  padding: 22px 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  transition: border-color .3s ease, box-shadow .3s ease;
}

.franchise-page--2 .help__item.franchise-section__feature:hover {
  border-color: rgba(4,116,241,.4);
  box-shadow: 0 0 22px rgba(4,116,241,.1);
}

@media (max-width: 991px) {
  .franchise-page--2 .washes__container {
    display: flex;
    flex-direction: column;
  }
  .franchise-page--2 .washes__body {
    padding: 28px 20px;
  }
  .franchise-page--2 .washes__image {
    max-width: none;
    width: 100%;
    margin: 0;
  }
  .franchise-page--2 .washes__image img {
    min-height: 220px;
  }
  .franchise-page--2 .earn__body {
    padding: 24px 18px;
  }
  .franchise-page--2 .help__body.franchise-section__card {
    padding: 24px 18px;
  }
}

@media (max-width: 767px) {
  .franchise-page--2 .washes__body,
  .franchise-page--2 .earn__body,
  .franchise-page--2 .help__body.franchise-section__card {
    padding-left: 16px;
    padding-right: 16px;
  }
  .franchise-page--2 .help__items {
    grid-template-columns: 1fr;
  }
}