@charset "UTF-8";

@font-face {
  font-family: "SF Pro Text";
  src: url("/public/fonts/SFProText-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Text";
  src: url("/public/fonts/SFProText-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Text";
  src: url("/public/fonts/SFProText-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Text";
  src: url("/public/fonts/SFProText-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Text";
  src: url("/public/fonts/SFProText-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

::selection {
  text-shadow: none;
  background: #4177f520 !important;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
}

:root {
  --lightgray: #808080;
  --darkgray: #3f3f3f;
  --white: #fff;
  --main-col: #4178f5;
  --pair-col: #2cb3f0;
  --third-col: #19eeeb;
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
  background-color: #eff0f6;
}

::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background-color: var(--main-col);
}

@property --deg {
  syntax: "<angle>";
  initial-value: 90deg;
  inherits: false;
}

@keyframes ani {
  0% {
    --deg: 90deg;
  }

  100% {
    --deg: 360deg;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(0.9);
    opacity: 0;
  }
}

@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

body {
  margin: 0px;
  font-family: "SF Pro Text", sans-serif;
  line-height: 1.2;
  font-weight: 400;
  -webkit-tap-highlight-color: transparent;
  font-size: 140%;
  color: var(--darkgray);
  font-weight: 400;
  letter-spacing: -0.03rem;
}

hr {
  margin: 1rem 0px;
  color: inherit;
  border: 0px;
  opacity: 0.25;
}

p {
  margin: 0px;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding: 0rem;
  list-style: none;
  margin: 0;
}

dl,
ol,
ul {
  margin: 0px;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0px;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0px;
}

blockquote {
  margin: 0px 0px 1rem;
}

b,
strong {
  font-weight: bolder;
}

.small,
small {
  font-size: 0.875em;
}

.mark,
mark {
  padding: 0.1875em;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0px;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5 {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

a>code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0px;
  font-size: 1em;
}

figure {
  margin: 0px 0px 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
}

th {
  text-align: -webkit-match-parent;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0px;
}

label {
  display: inline-block;
}

button {
  border-radius: 0px;
  line-height: 1;
}

:focus-visible {
  outline: 0px;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border: 1px solid transparent;
  border-radius: 120px;
  padding: 15px 32px;
  color: var(--main-col);
  background: #eff0f6;
  font-size: 16px;
  font-weight: 500;
}

button,
select {
  text-transform: none;
  cursor: pointer;
}

[role="button"] {
  cursor: pointer;
}

select {
  overflow-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}

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

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0px;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0px;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type="search"] {
  appearance: textfield;
}

::-webkit-search-decoration {
  appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0px;
}

::-webkit-file-upload-button {
  font: inherit;
  appearance: button;
}

::file-selector-button {
  font: inherit;
  appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0px;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

section {
  scroll-margin-top: 80px;
}

.container {
  margin: 0px auto;
  max-width: 1316px;
  width: 100%;
  padding: 0px 1rem;
  position: relative;
  z-index: 1;
}

@media (max-width: 992px) {
  .container {
    padding: 0 2rem;
  }
}

svg {
  max-width: 100%;
  display: block;
}

svg:not(:root) {
  overflow: hidden;
}

pre {
  overflow: auto;
}

img {
  max-width: 100%;
}

a,
a>* {
  text-decoration: none;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}

.title-main {
  color: var(--darkgray);
  font-size: clamp(24px, calc(4.63vw + -18.72px), 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 922px) {
  .title-main {
    font-size: 24px;
    line-height: 1.31;
  }
}

.title-submain {
  color: var(--colgray);
  font-size: clamp(20px, calc(2.32vw - 1.36px), 32px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.31;
  text-align: center;
}

.title-submain span {
  color: var(--main-col);
}

@media (max-width: 922px) {
  .title-submain {
    line-height: 1.2;
  }
}

.title_center {
  margin: 0 auto;
  display: block;
  text-align: center;
  color: var(--blue);
}

.title_size_big {
  text-transform: uppercase;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-bottom: 42px;
}

.left {
  text-align: left;
}

.text-32 {
  font-size: 32px;
}

.text-46 {
  font-size: 46px;
}

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

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

.text-18 {
  font-size: 18px;
}

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

.text-14 {
  font-size: 14px;
}

.text-10 {
  font-size: 10px;
}

.text-12 {
  font-size: 12px;
}

.w-900 {
  font-weight: 900;
}

.w-700 {
  font-weight: 700;
}

.w-400 {
  font-weight: 400;
}

.lightgray {
  color: var(--lightgray);
}

.darkgray {
  color: var(--darkgray);
}

.darkgray-lght {
  color: #40404080;
}

.white {
  color: var(--white);
}

.none {
  display: none;
}

.colored-text {
  color: var(--main-col);
}

.colBG {
  background-color: var(--main-col);
  border-radius: 15px;
  box-shadow: 0px 4px 12px 0px #0000000f;
}

.grayBG {
  background-color: var(--lightgray);
}

button {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  color: var(--white);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  box-shadow: 0px 4px 12px 0px #0000000f;
}

button a {
  color: white;
}

.main-btn {
  border-radius: 100px;
  max-width: 240px;
  background: linear-gradient(115.05deg,
      #4177f5 -7.64%,
      #2cb3f0 49.65%,
      #19eeeb 106.94%);
  box-shadow: 0px 4px 32px 0px #19eeeb1f;
  color: white;
  cursor: pointer;
  position: relative;
  gap: 6px;
  width: fit-content;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: 400% 400%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: gradientShift 4s ease infinite;
  /* Ховер-эффект */
}

.main-btn svg {
  pointer-events: none;
}

.main-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300%;
  height: 300%;
  background: radial-gradient(circle,
      rgba(255, 255, 255, 0.2) 0%,
      transparent 70%);
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.4s ease;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

.main-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 0;
}

.main-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0px 10px 40px rgba(25, 238, 235, 0.5);
}

.main-btn:hover::before {
  transform: translate(-50%, -50%) scale(1);
}

.main-btn:hover::after {
  opacity: 1;
}

.border-btn {
  background-color: white;
  border: 2px solid var(--pair-col);
  color: var(--pair-col);
  height: auto;
  border-radius: 100px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}

.button_center {
  background-color: var(--main-col);
  color: white;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  max-width: fit-content;
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  margin-top: 32px;
}

.button_center:hover {
  background-color: white;
  border: 1px solid var(--main-col);
  color: var(--main-col);
}

.underline-button {
  text-decoration: underline;
  color: var(--darkgray);
  max-width: fit-content;
  background-color: transparent;
}

.underline-button:hover {
  text-decoration: none;
}

.underline-button.blue {
  color: var(--blue);
}

.underline-button:hover {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-feature-settings: "clig" off, "liga";
}

.form {
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  border-radius: 12px;
  max-width: 468px;
  gap: 12px;
  padding: 24px 50px;
  align-items: center;
  text-align: center;
  justify-content: center;
  box-shadow: 0px 4px 12px 0px #0000001f;
}

.form .button-block-text {
  width: 100%;
}

.form .main-btn {
  max-width: 100%;
  width: 100%;
}

.input-block {
  max-width: 100%;
  width: 100%;
  display: flex;
}

.button-block {
  display: flex;
  gap: 24px;
  flex: 1 0 100%;
  align-items: center;
  line-height: 1.42;
}

.button-block .form-btn {
  flex: 0 0 40%;
  max-width: 164px;
  transition: 0.5s ease;
}

.button-block .form-btn:hover {
  background: var(--white);
  border: 1px solid var(--base);
  color: var(--base);
}

.button-block .form-btn:focus {
  box-shadow: 0 0 0 6px var(--base);
  background: var(--white);
  color: var(--base);
}

.error-message {
  height: 20px;
  color: var(--red);
}

.error-message.success {
  color: var(--base);
}

.questions_inner .error-message.success {
  color: var(--white);
}

form {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  max-width: 624px;
}

form .text-politic {
  font-size: 16px;
  color: #808080;
}

form .main-btn {
  max-width: 302px;
  height: 56px;
}

.input-block-phone {
  position: relative;
  width: fit-content;
  max-width: 302px;
  height: 56px;
}

.input-block-phone .input-wrapper-text {
  position: absolute;
  top: 8px;
  left: 88px;
  font-size: 10px;
  color: #7e84a3;
  opacity: 0;
  font-weight: 500;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 2;
}

.input-block-phone .grad-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 120px;
  background: linear-gradient(115.05deg,
      rgba(65, 119, 245, 0.3) -7.64%,
      rgba(44, 179, 240, 0.3) 49.65%,
      rgba(25, 238, 235, 0.3) 106.94%);
  z-index: 0;
  pointer-events: none;
  height: 56px;
}

.input-block-phone .white-inp {
  max-width: fit-content;
  width: 100%;
  height: 56px;
  border-radius: 120px;
  outline: none;
  position: relative;
  z-index: 1;
}

.input-block-phone .white-inp::focus {
  height: 54px;
  width: calc(100% - 2px);
  transform: translate(1px, 1px);
  color: var(--main-col);
  padding-bottom: 8px;
}

.input-block-phone .white-inp::focus~.grad-border {
  opacity: 1;
}

.input-block-phone .white-inp::focus~.input-wrapper-text {
  opacity: 0.5;
}

.input-block-phone .white-inp::focus::placeholder {
  color: var(--main-col);
  opacity: 1;
}

.input-block-phone .white-inp:focus-visible {
  height: 54px;
  width: calc(100% - 2px);
  transform: translate(1px, 1px);
  color: var(--main-col);
  padding-bottom: 8px;
}

.input-block-phone .white-inp:focus-visible~.grad-border {
  opacity: 1;
}

.input-block-phone .white-inp:focus-visible~.input-wrapper-text {
  opacity: 0.5;
}

.input-block-phone .white-inp:focus-visible::placeholder {
  color: var(--main-col);
  opacity: 1;
}

.input-block-phone .white-inp:not(:placeholder-shown) {
  height: 54px;
  width: calc(100% - 2px);
  transform: translate(1px, 1px);
  color: var(--main-col);
  padding-bottom: 8px;
}

.input-block-phone .white-inp:not(:placeholder-shown)~.grad-border {
  opacity: 1;
}

.input-block-phone .white-inp:not(:placeholder-shown)~.input-wrapper-text {
  opacity: 0.5;
}

.input-block-phone .white-inp:not(:placeholder-shown)::placeholder {
  color: var(--main-col);
  opacity: 1;
}

.input-block-phone svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  z-index: 2;
}

.white-inp {
  transition: all 0.3s ease;
  width: fit-content;
  padding: 16px 86px;
  box-shadow: none;
}

.modal .form {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0;
  max-width: 368px;
  gap: 12px;
  padding: 0;
  align-items: center;
  text-align: center;
  justify-content: center;
  box-shadow: none;
}

.modal .form .button-block-text {
  width: 100%;
}

.modal .form .main-btn {
  max-width: 100%;
  width: 100%;
}

@media (max-width: 992px) {
  form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 355px;
    width: 100%;
  }

  form .text-politic {
    text-align: center;
  }

  form .input-block-phone {
    max-width: 355px;
    width: 100%;
  }

  form .input-block-phone .white-inp {
    max-width: 355px;
    padding: 16px;
    text-align: center;
    width: 100%;
  }

  form .main-btn {
    max-width: 355px;
    width: 100%;
  }

  .input-block-phone .input-wrapper-text {
    left: 50%;
    transform: translateX(-50%);
  }
}

.bread {
  margin-bottom: 32px;
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.bread .bread-not-active {
  min-width: fit-content;
  font-size: 14px;
  font-weight: 400;
  color: var(--darkgray);
  text-decoration: underline;
}

.bread .bread-not-active:hover {
  text-decoration: none;
}

.bread .bread-active {
  min-width: fit-content;
  font-size: 14px;
  font-weight: 4 00;
  color: var(--blue);
}

.bread svg.arrow {
  transform: translateY(-5px);
}

.with-svg {
  display: flex;
  align-items: center;
  gap: 14px;
}

.with-svg svg {
  min-width: fit-content;
}

.mx-right {
  margin: 0px 0px 0px auto;
}

.mx-auto {
  margin: 0 auto;
}

.mx-left {
  margin: 0px auto 0px 0px;
}

.pb-78 {
  padding: 0 0 78px 0;
}

.p-56 {
  padding: 56px;
}

.p-36 {
  padding: 36px 0;
}

.p-32 {
  padding: 32px;
}

.p-40 {
  padding: 40px;
}

.p-54 {
  padding: 54px;
}

.pt-46 {
  padding-top: 46px;
}

.block {
  padding: 40px 0;
}

.mt-28 {
  margin-top: 28px;
}

.mt-32 {
  margin-top: 32px;
}

.mb-54 {
  margin-bottom: 54px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-28 {
  margin-bottom: 28px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-42 {
  margin-bottom: 42px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-56 {
  margin-bottom: 56px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-62 {
  margin-bottom: 62px;
}

.with-svg {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.underline {
  text-decoration: underline;
}

.underline:hover {
  text-decoration: none;
}

.underline:hover {
  text-decoration: none;
}

.header.sticky {
  position: sticky;
  top: 0;
  z-index: 15;
}

.header.sticky .header_top {
  width: 100%;
  z-index: 0;
  opacity: 0;
  height: 1px;
  padding: 0;
}

.modal-close {
  cursor: pointer;
}

.header {
  position: relative;
  z-index: 15;
  background-color: white;
  transition: all 0.3s ease;
}

.header_top {
  z-index: 5;
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #eff0f6;
  transition: all 0.05s ease;
}

.header_top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
}

.header-nav ul {
  display: flex;
  align-items: center;
  gap: 18px;
}

.header-nav a {
  font-size: 16px;
  font-weight: 500;
  color: var(--darkgray);
}

.header-search {
  position: relative;
  border: 1px solid transparent;
  border-radius: 120px;
  color: #7e84a3;
  background: #eff0f6;
  font-size: 16px;
  font-weight: 500;
  max-width: 299px;
  width: 100%;
  height: 50px;
}

.header-search svg {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  z-index: 3;
  pointer-events: none;
}

.header-search input {
  padding: 15px 32px 15px 56px;
  background-color: #eff0f6;
  width: 100%;
  z-index: 2;
  position: relative;
  color: var(--main-col);
}

.header-search input::focus {
  height: 48px;
  width: calc(100% - 2px);
  transform: translate(1px, 1px);
  color: var(--main-col);
  padding-bottom: 8px;
}

.header-search input::focus~.grad-border {
  opacity: 1;
}

.header-search input::focus~.input-text {
  font-size: 10px;
  top: 8px;
  transform: none;
  opacity: 0.5;
}

.header-search input::focus::placeholder {
  color: var(--main-col);
  opacity: 1;
}

.header-search input:focus-visible {
  height: 48px;
  width: calc(100% - 2px);
  transform: translate(1px, 1px);
  color: var(--main-col);
  padding-bottom: 8px;
}

.header-search input:focus-visible~.grad-border {
  opacity: 1;
}

.header-search input:focus-visible~.input-text {
  font-size: 10px;
  transform: none;
  top: 8px;
  opacity: 0.5;
}

.header-search input:focus-visible::placeholder {
  color: var(--main-col);
  opacity: 1;
}

.header-search.input-text--has-content .grad-border {
  opacity: 1;
}

.header-search.input-text--has-content .input-text {
  font-size: 10px;
  transform: none;
  top: 8px;
  opacity: 0.5;
}

.header-search.input-text--has-content input::placeholder {
  color: var(--main-col);
  opacity: 1;
}

.header-search.input-text--has-content input {
  height: 48px;
  width: calc(100% - 2px);
  transform: translate(1px, 1px);
  color: var(--main-col);
  padding-bottom: 8px;
}

.header-search .input-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 56px;
  z-index: 3;
  pointer-events: none;
  transition: all 0.3s ease;
}

.header-search .grad-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 120px;
  background: linear-gradient(115.05deg,
      rgba(65, 119, 245, 0.3) -7.64%,
      rgba(44, 179, 240, 0.3) 49.65%,
      rgba(25, 238, 235, 0.3) 106.94%);
  z-index: 0;
  pointer-events: none;
  height: 50px;
}

.header_top-utps {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header_top-utp {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

.header_top-utp:nth-child(1) span {
  max-width: 176px;
}

.header_top-utp img {
  width: 42px;
  height: 42px;
  min-width: 42px;
  max-width: 42px;
  object-fit: contain;
}

.header_mid {
  padding: 12px 0;
  border-bottom: 1px solid #eff0f6;
}

.header_mid-inner {
  display: flex;
  align-items: center;
}

.logo-block {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #7e84a3;
  padding-right: 20px;
  position: relative;
}

.logo-block::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #eff0f6;
  top: 0;
  right: 0;
}

.logo-block .logo-img {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
}

.logo-block .logo-img img {
  height: 36px;
}

.header_mid-address {
  display: flex;
  flex-direction: column;
  padding: 0 20px 0 12px;
  position: relative;
  gap: 8px;
  min-width: fit-content;
}

.header_mid-address::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #eff0f6;
  top: 0;
  right: 0;
}

.header_mid-address .city {
  font-size: clamp(14px, calc(0.65vw + 10.61px), 20px);
  font-weight: 600;
  text-decoration: underline;
  color: var(--main-col);
  display: flex;
  align-items: center;
  gap: 4px;
}

.header_mid-address .city:hover {
  text-decoration: none;
}

.header_mid-address .street {
  padding-left: 8px;
  font-size: clamp(10px, calc(0.43vw + 7.74px), 14px);
  color: var(--darkgray);
  min-width: fit-content;
  word-break: break-all;
}

.header_mid-phone {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 10px;
  gap: 12px;
  position: relative;
  margin: 0 auto;
}

/* .header_mid-phone::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #EFF0F6;
    top: 0;
    right: 0; } */
.header_mid-phone a {
  font-size: clamp(14px, calc(0.65vw + 10.61px), 20px);
  font-weight: 600;
  color: var(--darkgray);
  transition: all 0.3s ease;
}

.header_mid-phone a:hover {
  text-decoration: underline;
  color: var(--main-col);
}

.header_mid-phone span {
  font-size: clamp(10px, calc(0.43vw + 7.74px), 14px);
}

.header_mid-telegram {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 183px;
  height: 56px;
  font-size: 14px;
  margin-right: 20px;
  padding-left: 20px;
  cursor: pointer;
}

.header_mid-telegram::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #eff0f6;
  top: 0;
  left: 0;
}

.header_mid-telegram img {
  transition: all 0.3s ease;
  height: 56px;
}

.header_mid-telegram:hover img {
  transform: translateY(-2px);
}

.main-btn {
  padding: 16px 32px;
  max-width: fit-content;
  width: 100%;
}

.header_bot-inner {
  display: flex;
  align-items: center;
}

.header_bot-menu {
  display: flex;
  align-items: center;
  padding: 12px 0;
  gap: 6px;
  width: 100%;
  justify-content: space-between;
}

.dropdown {
  position: relative;
  cursor: pointer;
}

.dropdown.active .dropdown-btn {
  border-radius: 12px 12px 0 0;
}

.dropdown .dropdown-btn a {
  color: #7e84a3;
}

.dropdown.active .dropdown-btn svg {
  transform: rotate(180deg);
}

/* .dropdown.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    height: 1px; } */

.dropdown-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: clamp(10px, calc(1.16vw + -0.68px), 16px);
  font-weight: 500;
  color: #7e84a3;
  padding: 8px 16px;
  background-color: #eff0f6;
  border-radius: 12px;
  min-width: 148px;
  justify-content: center;
  transition: all 0.7s ease-in-out;
}

.dropdown-btn svg {
  transition: all 0.3s ease;
}

.dropdown-content {
  display: none;
  position: absolute;
  padding: 8px 3px 8px 16px;
  border-radius: 0 0 12px 12px;
  background-color: #eff0f6;
  min-width: 100%;
  max-width: 320px;
}

.dropdown-content ul {
  max-height: 360px;
  display: flex;
  overflow-y: auto;
  gap: 16px;
  flex-direction: column;
}

.dropdown-content ul a {
  font-size: 14px;
  color: var(--darkgray);
  transition: all 0.3s ease;
  width: fit-content;
  position: relative;
}

.dropdown-content ul a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--main-col);
  transition: all 0.3s ease;
}

.dropdown-content ul a:hover::after {
  width: 100%;
}

@media (max-width: 1400px) {
  .header_top-inner {
    gap: 20px;
  }

  .header_top-inner .header-nav ul {
    gap: 12px;
  }

  .dropdown-btn {
    padding: 6px 12px;
  }

  .header-search {
    max-width: 250px;
  }

  .header_top-utps {
    gap: 12px;
  }

  .header_mid-telegram {
    min-width: 56px;
  }

  .header_mid-telegram span {
    display: none;
  }

  .logo-block {
    padding-right: 10px;
  }

  .header_mid-address {
    padding: 0 10px;
    gap: 2px;
  }

  .header_mid-phone {
    padding: 0 10px;
    margin-right: 10px;
  }

  .header_mid-telegram {
    margin-right: 10px;
  }
}

@media (max-width: 1200px) {
  .header_bot-menu {
    gap: 2px;
  }

  .dropdown-btn {
    gap: 2px;
  }

  .dropdown-btn svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
  }

  .header_top-utps .header_top-utp:nth-child(1) {
    display: none;
  }

  .header_mid .main-btn {
    padding: 16px;
  }
}

@media (max-width: 1050px) {
  .header_mid .main-btn {
    padding: 0;
    background: transparent;
    color: var(--main-col);
    text-decoration: underline;
    border-radius: 0;
  }

  .header_mid .main-btn:hover {
    text-decoration: none;
    box-shadow: none;
  }

  .header_mid .main-btn svg {
    display: none;
  }

  .header_mid .main-btn::after {
    display: none;
  }

  .header_mid .main-btn::before {
    display: none;
  }
}

@media (max-width: 992px) {
  .dropdown-content ul {
    max-height: 210px;
  }

  .header {
    position: sticky;
    top: 0;
  }

  .header_top {
    display: none;
  }

  .header_bot {
    display: none;
  }

  .header_mid-address svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
  }

  .logo-block {
    padding-right: 0;
    order: 1;
    flex: 1 0 85%;
    font-size: 10px;
    max-width: 225px;
  }

  .logo-block::after {
    display: none;
  }

  .header_mid-telegram {
    order: 2;
    flex: 1 0 10%;
    padding: 0;
    max-width: 56px;
    margin-left: auto;
  }

  .header_mid-telegram:after {
    display: none;
  }

  .mobile-menu {
    order: 3;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    gap: 6px;
    width: 56px;
    height: 56px;
    background: linear-gradient(115.05deg,
        #4177f5 -7.64%,
        #2cb3f0 49.65%,
        #19eeeb 106.94%),
      #4178f5;
    box-shadow: 0px 4px 32px rgba(25, 238, 235, 0.12);
    border-radius: 160px;
    position: relative;
  }

  .mobile-menu svg {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    transition: all 0.3s ease-in;
    pointer-events: none;
  }

  .mobile-menu svg.mobile-menu-noActive {
    opacity: 1;
  }

  .mobile-menu svg.mobile-menu-active {
    opacity: 0;
  }

  .mobile-menu.active svg.mobile-menu-noActive {
    opacity: 0;
  }

  .mobile-menu.active svg.mobile-menu-active {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(360deg);
  }

  .header_mid {
    border: none;
  }

  .header_mid-address {
    order: 4;
    flex: 1 0 100%;
    padding: 0;
    flex-direction: row;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 12px;
    align-items: center;
  }

  .header_mid-address .street {
    padding-left: 4px;
  }

  .header_mid-address::after {
    width: 100%;
    height: 1px;
    top: initial;
    right: initial;
    left: 0;
    bottom: 0;
  }

  .header_mid-phone {
    order: 5;
    margin: 0;
  }

  .header_mid-phone span {
    display: none;
  }

  .header_mid-phone::after {
    display: none;
  }

  .header_mid .main-btn {
    order: 6;
    animation: none;
  }

  .header_mid-inner {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.mainScreen {
  padding: 30px 0;
}

.mainScreen .mainScreen_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.mainScreen .mainScreen-item {
  max-width: 730px;
  padding: 67px 0 52px 0;
}

.mainScreen .mainScreen-item .title-main {
  margin-bottom: 40px;
}

.mainScreen .mainScreen-item .utp-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 28px 40px;
  margin-bottom: 48px;
}

.mainScreen .mainScreen-item .utp-cards .utp-cards-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.mainScreen .mainScreen-item .utp-cards .item-img {
  width: 52px;
  min-width: 52px;
  height: 52px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(135deg, #ededed 0%, #ffffff 100%);
  box-shadow: -2px 2px 4px rgba(226, 226, 226, 0.2),
    2px -2px 4px rgba(226, 226, 226, 0.2),
    -2px -2px 4px rgba(255, 255, 255, 0.9), 2px 2px 5px rgba(226, 226, 226, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(226, 226, 226, 0.5);
}

.mainScreen .mainScreen-item .utp-cards .text {
  font-size: 18px;
  letter-spacing: -0.05em;
  color: var(--darkgray);
  font-weight: 600;
}

.mainScreen .mainScreen-item .utp-cards .text span {
  color: #7e84a3;
}

.mainScreen .mainScreen-rght {
  position: relative;
  width: clamp(200px, calc(62.93vw - 380.25px), 526px);
  height: clamp(210px, calc(63.9vw - 379.15px), 541px);
}

.mainScreen .mainScreen-rght .mainScreen-rght-img {
  width: clamp(200px, calc(62.93vw - 380.25px), 526px);
  height: clamp(210px, calc(63.9vw - 379.15px), 541px);
  position: absolute;
  right: -40px;
}

.mainScreen .mainScreen-rght .circle {
  position: absolute;
  top: 0;
}

.mainScreen .mainScreen-rght .circle.one {
  width: 526px;
  height: 526px;
  background-color: #eff0f6;
  opacity: 0.3;
  border-radius: 100%;
}

.mainScreen .mainScreen-rght .circle.two {
  border-radius: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 416px;
  height: 416px;
  background: linear-gradient(135deg, #fbfcff 100%, #e3e4e8 0%);
  box-shadow: -20px 20px 40px rgba(225, 226, 229, 0.2),
    20px -20px 40px rgba(225, 226, 229, 0.2),
    -20px -20px 40px rgba(253, 254, 255, 0.9),
    20px 20px 50px rgba(225, 226, 229, 0.9),
    inset 1px 1px 2px rgba(253, 254, 255, 0.3),
    inset -1px -1px 2px rgba(225, 226, 229, 0.5);
}

.mainScreen .mainScreen-rght .mainScreen-rght-intro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: clamp(160px, calc(36.1vw - 172.85px), 347px);
}

.mainScreen.inside .mainScreen-rght .mainScreen-rght-intro {
  height: clamp(160px, calc(36.1vw - 172.85px), 347px);
  object-fit: contain;
}

.mainScreen.inside {
  padding: 6px 0 40px 0;
}

.mainScreen.inside .mainScreen_inner {
  justify-content: space-between;
}

.mainScreen.inside .mainScreen-rght .mainScreen-rght-img {
  right: 0;
}

.mainScreen.inside .mainScreen-item .mainScreen-text {
  font-size: 16px;
  font-weight: 500;
  color: #7e84a3;
  margin-bottom: 32px;
  line-height: 1.25;
  max-width: 726px;
}

.mainScreen.inside .mainScreen-item .utp-cards {
  margin-bottom: 24px;
}

.mainScreen.inside .mainScreen-item .utp-cards .text {
  font-weight: 600;
}

.mainScreen.inside .mainScreen-item .utp-cards .text span {
  font-weight: 500;
  font-size: 16px;
}

.mainScreen .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 12px;
  color: #7e84a3;
  background: linear-gradient(135deg, #ededed 0%, #ffffff 100%);
  box-shadow: -2px 2px 4px rgba(226, 226, 226, 0.2),
    2px -2px 4px rgba(226, 226, 226, 0.2),
    -2px -2px 4px rgba(255, 255, 255, 0.9), 2px 2px 5px rgba(226, 226, 226, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(226, 226, 226, 0.5);
  border-radius: 450px;
  width: fit-content;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.mainScreen .breadcrumbs::-webkit-scrollbar {
  display: none;
}

.mainScreen .breadcrumbs img {
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin-right: 5px;
  transform: translateY(-1px);
}

.mainScreen .breadcrumbs svg {
  min-width: fit-content;
  max-width: fit-content;
  transform: translateY(-1px);
}

.mainScreen .breadcrumbs a {
  text-decoration: underline;
  cursor: pointer;
  min-width: fit-content;
  max-width: fit-content;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #7e84a3;
  font-size: 14px;
  font-weight: 500;
}

.mainScreen .breadcrumbs a:hover {
  text-decoration: none;
}

.mainScreen .breadcrumbs a span {
  color: #7e84a3;
  font-size: 14px;
  font-weight: 500;
}
.mainScreen .breadcrumbs span {
  white-space: nowrap;
}

@media (max-width: 992px) {
  .mainScreen .breadcrumbs {
    font-size: 10px;
  }

  .mainScreen .breadcrumbs a {
    font-size: 10px;
  }

  .mainScreen .breadcrumbs svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
    transform: none;
  }

  .mainScreen .breadcrumbs img {
    transform: none;
  }
}

.mainScreen.warrantySection .mainScreen-item {
  max-width: 100%;
  padding: 32px 0 40px 0;
}

.mainScreen.warrantySection .mainScreen-item h1 {
  margin-bottom: 0;
  grid-area: tit;
}

.mainScreen.warrantySection .mainScreen-item .mainScreen-rght {
  grid-area: img;
  float: right;
}

.mainScreen.warrantySection .mainScreen-item .mainScreen-text {
  grid-area: par;
  flex-direction: column;
  gap: 32px;
  display: grid;
  grid-template-areas: "tit img" "parOne img" "parTwo img" "parThree parThree";
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 100%;
}

.mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 746px;
  width: 100%;
}

.mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item.item-one {
  grid-area: parOne;
}

.mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item.item-two {
  grid-area: parTwo;
  max-width: 720px;
}

.mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item.item-three {
  max-width: 100%;
  width: 100%;
  grid-area: parThree;
}

.mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item .mainScreen-text-num {
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: var(--darkgray);
}

.mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item .mainScreen-text-num span {
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--main-col);
  background: linear-gradient(135deg, #ffffff 100%, #ededed 0%);
  box-shadow: -2px 2px 4px rgba(226, 226, 226, 0.2),
    2px -2px 4px rgba(226, 226, 226, 0.2),
    -2px -2px 4px rgba(255, 255, 255, 0.9), 2px 2px 5px rgba(226, 226, 226, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(226, 226, 226, 0.5);
  border-radius: 450px;
}

.mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item .mainScreen-text-par {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 1300px) {
  .mainScreen .mainScreen-rght .mainScreen-rght-img {
    right: 10px;
  }
}

@media (max-width: 1050px) {
  .mainScreen-rght {
    display: none;
  }
}

@media (max-width: 992px) {
  .mainScreen {
    padding: 0;
  }

  .mainScreen .mainScreen-item {
    padding: 24px 0 40px 0;
  }

  .mainScreen .mainScreen-item .title-main {
    margin-bottom: 22px;
  }

  .mainScreen .mainScreen-item .utp-cards {
    margin-bottom: 28px;
    gap: 12px;
    flex-direction: column;
  }

  .mainScreen .mainScreen-item .utp-cards .text {
    font-size: 16px;
  }

  .mainScreen .mainScreen-item .utp-cards .utp-cards-item {
    gap: 10px;
  }

  .mainScreen .mainScreen-item .utp-cards .item-img {
    width: 38px;
    height: 38px;
    min-width: 38px;
  }

  .mainScreen .mainScreen-item .utp-cards .item-img svg {
    width: 16px;
    height: 16px;
  }

  .mainScreen.inside .mainScreen-item .utp-cards {
    margin-bottom: 28px;
  }

  .mainScreen.inside .mainScreen-item .mainScreen-text {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .mainScreen.inside .mainScreen-item .utp-cards .text br {
    display: none;
  }

  .mainScreen.warrantySection .mainScreen-item .mainScreen-text {
    gap: 23px;
  }

  .mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item .mainScreen-text-num span {
    width: 36px;
    height: 36px;
  }

  .mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item .mainScreen-text-num {
    gap: 12px;
    font-size: 16px;
  }

  .mainScreen.warrantySection .mainScreen-item .mainScreen-text .mainScreen-text-item .mainScreen-text-par {
    font-size: 14px;
  }
}

.catalog_inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
  gap: 24px;
}

.catalog_inner .catalog-item {
  cursor: pointer;
  padding: 12px;
  box-shadow: 0px 0px 64px 0px #1111110a;
  background-color: #eff0f6;
  border-radius: 12px;
  gap: 12px;
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  color: #7e84a3;
}

.catalog_inner .catalog-item a {
  position: absolute;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.catalog_inner .catalog-item:nth-child(n + 13) {
  display: none;
}

.catalog_inner .catalog-item h3 {
  font-size: 16px;
  font-weight: 500;
}

.catalog_inner .catalog-item:hover {
  background: linear-gradient(115.05deg,
      rgba(65, 119, 245, 0.7) -7.64%,
      rgba(44, 179, 240, 0.7) 49.65%,
      rgba(25, 238, 235, 0.7) 106.94%);
  color: white;
}

.catalog_inner.open .catalog-item:nth-child(n + 13) {
  display: flex;
}

.catalog_inner .catalog-img {
  width: 172px;
  height: 124px;
}

.catalog_inner .catalog-img img {
  width: 100%;
  height: 100%;
  max-height: 123px;
  object-fit: contain;
}

@media (max-width: 992px) {
  .catalog_inner {
    gap: 11px;
    grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
  }

  .catalog_inner .catalog-img {
    width: 148px;
    height: 106px;
  }

  .catalog_inner .catalog-item {
    gap: 10px;
  }

  .catalog_inner .catalog-item h3 {
    font-size: 12px;
  }

  .catalog_inner .catalog-item:nth-child(n + 5) {
    display: none;
  }

  .catalog_inner.open .catalog-item:nth-child(n + 5) {
    display: flex;
  }

  .button_center {
    margin-top: 24px;
  }
}

.stock_inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(416px, 1fr));
  gap: 24px;
}

.stock_inner .stock-item {
  background: linear-gradient(115.05deg,
      rgba(65, 119, 245, 0.7) -7.64%,
      rgba(44, 179, 240, 0.7) 49.65%,
      rgba(25, 238, 235, 0.7) 106.94%),
    #4178f5;
  border-radius: 12px;
  padding: 28px;
  position: relative;
  height: 431px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.stock_inner .stock-item .stock-img {
  position: absolute;
  z-index: 0;
}

.stock_inner .stock-item .stock-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.stock_inner .stock-item:nth-child(1) .stock-img {
  right: -33px;
  bottom: -61px;
  width: 339px;
  height: 339px;
}

.stock_inner .stock-item:nth-child(2) .stock-img {
  right: -37px;
  bottom: -86px;
  width: 333px;
  height: 333px;
}

.stock_inner .stock-item:nth-child(3) .stock-img {
  width: 310.19px;
  height: 310.19px;
  right: -45px;
  bottom: -45px;
  transform: rotate(33.15deg);
}

.stock_inner .stock-top {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 16px;
  font-weight: 700;
  width: 114px;
  height: 55px;
  margin-bottom: 24px;
  background: linear-gradient(135deg, #2ebcfc 100%, #2aaae4 0%, #4178f5 100%);
  box-shadow: -6px 6px 12px rgba(37, 150, 202, 0.2),
    6px -6px 12px rgba(37, 150, 202, 0.2),
    -6px -6px 12px rgba(51, 208, 255, 0.9), 6px 6px 15px rgba(37, 150, 202, 0.9),
    inset 1px 1px 2px rgba(51, 208, 255, 0.3),
    inset -1px -1px 2px rgba(37, 150, 202, 0.5);
  border-radius: 450px;
  z-index: 2;
}

.stock_inner .stock-text {
  font-size: clamp(26px, calc(1.54vw + 9.76px), 32px);
  font-weight: 700;
  color: white;
  z-index: 2;
}

.stock_inner .stock-btn {
  z-index: 2;
  font-size: 16px;
  font-weight: 500;
  background-color: white;
  color: #7e84a3;
  border-radius: 160px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  cursor: pointer;
}

.stock_inner .stock-btn:hover {
  text-decoration: underline;
}

.stock_inner .circle {
  /* Ellipse 4 */
  position: absolute;
  width: 685px;
  height: 685px;
  left: -387px;
  top: -397px;
  border-radius: 100%;
  background: linear-gradient(127.48deg,
      rgba(255, 255, 255, 0) 43.39%,
      #ffffff 128.12%);
  mix-blend-mode: soft-light;
  opacity: 0.2;
}

@media (max-width: 992px) {
  .stock_inner {
    grid-template-columns: repeat(auto-fit, minmax(355px, 1fr));
    gap: 12px;
  }

  .stock_inner .stock-item {
    padding: 20px;
    height: 253px;
  }

  .stock_inner .stock-item .stock-img {
    position: absolute;
    z-index: 0;
  }

  .stock_inner .stock-item .stock-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .stock_inner .stock-item:nth-child(1) .stock-img {
    right: 11px;
    top: 4px;
    bottom: initial;
    width: 120px;
    height: 120px;
  }

  .stock_inner .stock-item:nth-child(2) .stock-img {
    right: 13px;
    top: 7px;
    bottom: initial;
    width: 120px;
    height: 120px;
  }

  .stock_inner .stock-item:nth-child(3) .stock-img {
    width: 120px;
    height: 120px;
    top: 0;
    right: 0;
    bottom: initial;
  }

  .stock_inner .stock-text {
    max-width: 285px;
  }

  .stock_inner .circle {
    width: 584px;
    height: 584px;
    left: -310px;
    top: -338px;
  }
}

.saleForm_inner {
  padding: 46px;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  position: relative;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2),
    7px -7px 14px rgba(232, 232, 232, 0.2),
    -7px -7px 14px rgba(255, 255, 255, 0.9),
    7px 7px 18px rgba(232, 232, 232, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(232, 232, 232, 0.5);
}

.saleForm_inner .title-submain {
  text-align: left;
  margin-bottom: 90px;
  max-width: 940px;
  font-size: clamp(20px, calc(5.41vw - 29.84px), 48px);
  z-index: 2;
}

.saleForm_inner form {
  position: relative;
  z-index: 2;
}

.saleForm_inner .saleForm-backText {
  position: absolute;
  left: 40px;
  bottom: -42px;
  font-size: 280px;
  font-weight: 800;
  opacity: 0.04;
  color: var(--main-col);
}

.saleForm_inner img {
  position: absolute;
  width: clamp(225px, calc(41.31vw - 156.9px), 438px);
  height: clamp(252px, calc(46.33vw - 175.18px), 492px);
  bottom: clamp(-227px, calc(-50.97vw + 506.9px), 37px);
  right: 40px;
}

@media (max-width: 992px) {
  .saleForm_inner {
    padding: 20px 20px 71px 20px;
  }

  .saleForm_inner img {
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.3;
  }

  .saleForm_inner .saleForm-backText {
    display: none;
  }
}

.experience_inner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
}

.experience_inner .experience-img {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  width: clamp(355px, calc(30.54vw + 196.17px), 636px);
}

.experience_inner .experience-img img {
  height: auto;
  object-fit: cover;
}

.experience_inner .experience-img .text {
  position: absolute;
  right: 27px;
  bottom: 34px;
  color: white;
  font-size: clamp(16px, calc(3.09vw - 12.48px), 32px);
  font-weight: 700;
  width: clamp(165px, calc(29.15vw - 103.77px), 316px);
}

.experience_inner .experience-text {
  padding: 58px 40px 42px 40px;
  background: #ffffff;
  box-shadow: 7px 7px 18px rgba(232, 232, 232, 0.9);
  border-radius: 12px;
  width: clamp(355px, calc(30.54vw + 196.17px), 636px);
}

.experience_inner .experience-title {
  margin-top: 6px;
  font-size: clamp(20px, calc(2.32vw - 1.36px), 32px);
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center;
}

.experience_inner .experience-utps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 60px;
}

.experience_inner .experience-utp {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: fit-content;
  justify-self: center;
  gap: 2px;
  font-size: clamp(12px, calc(1.54vw - 2.24px), 20px);
  font-weight: 500;
  color: #7e84a3;
  letter-spacing: -0.04em;
}

.experience_inner .experience-utp:nth-child(2) {
  /* margin: 0 auto; */
}

.experience_inner .experience-utp:nth-child(3) {
  /* margin: 0 0 0 auto; */
}

.experience_inner .experience-utp span {
  font-size: clamp(28px, calc(3.86vw - 7.6px), 48px);
  font-weight: 800;
  color: var(--main-col);
}

.experience_inner .input-block-phone {
  max-width: 100%;
  width: 100%;
}

.experience_inner .white-inp {
  max-width: 100%;
  width: 100%;
  text-align: center;
}

.experience_inner .input-wrapper-text {
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
}

.experience_inner .main-btn {
  max-width: 100%;
  width: 100%;
}

.experience_inner .text-politic {
  max-width: 100%;
  width: 100%;
  color: #808080;
  text-align: center;
}

@media (max-width: 1050px) {
  .experience_inner .experience-img .text {
    right: 16px;
    bottom: 20px;
  }

  .experience_inner .experience-text {
    padding: 20px;
  }

  .experience_inner .experience-title {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

@media (max-width: 992px) {
  .experience_inner {
    flex-direction: column;
    align-items: center;
  }

  .experience_inner .experience-utps {
    gap: 10px;
    margin-bottom: 28px;
  }
}

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

.price_inner .price_top {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.price_inner .price_top .title-submain {
  text-align: left;
}

.price_inner .price_top .price_top-date {
  display: flex;
  align-items: center;
  gap: 16px;
}

.price_inner .price_top .date-icon {
  width: 52px;
  height: 52px;
  background: linear-gradient(135deg, #ededed 0%, #ffffff 100%);
  box-shadow: -2px 2px 4px rgba(226, 226, 226, 0.2),
    2px -2px 4px rgba(226, 226, 226, 0.2),
    -2px -2px 4px rgba(255, 255, 255, 0.9), 2px 2px 5px rgba(226, 226, 226, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(226, 226, 226, 0.5);
  border-radius: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.price_inner .price_top .date-text {
  font-size: 20px;
  font-weight: 500;
  color: #7e84a3;
}

.price_inner .price_top .date-text span {
  color: var(--main-col);
}

.price_inner .price_body {
  display: flex;
  align-items: stretch;
  gap: 24px;
}

.price_inner .price_body .price_body-tabs {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 12px;
  overflow: hidden;
  max-width: 416px;
  width: 100%;
}

.price_inner .price_body .price_body-tabs-info {
  display: none;
}

.price_inner .price_body .price_body-switchers {
  display: flex;
  flex-direction: column;
  max-height: 575px;
  overflow: auto;
  gap: 2px;
  border-radius: 12px;
  padding: 20px;
  background-color: #eff0f6;
}

.price_inner .price_body .price_body-switcher {
  padding: 10px 20px;
  font-size: 16px;
  min-height: 40px;
  font-weight: 500;
  color: #7e84a3;
  position: relative;
  background: transparent;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}

.price_inner .price_body .price_body-switcher svg {
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: all 0.5s ease;
}

.price_inner .price_body .price_body-switcher.active {
  background-color: white;
}

.price_inner .price_body .price_body-switcher.active svg {
  right: 16px;
}

.price_inner .price_body .price_body-switcher:hover {
  background-color: white;
}

.price_inner .price_body .price_body-switcher:hover svg {
  right: 16px;
}

.price_inner .price_body .price_body-table {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.price_inner .price_body .price-table-top {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.price_inner .price_body .price-table-top .price-top-title {
  padding: 20px;
  background-color: #eff0f6;
  border-radius: 12px;
  font-size: 16px;
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 40px;
  color: #7e84a3;
}

.price_inner .price_body .price-table-top .price-top-title span {
  display: block;
}

.price_inner .price_body .price-table-top .price-top-title span:nth-child(1) {
  max-width: 435px;
  width: fit-content;
}

.price_inner .price_body .price-table-top .price-top-title span:nth-child(2) {
  width: 100%;
  margin-left: auto;
  max-width: 102px;
}

.price_inner .price_body .price-table-top .price-top-title span:nth-child(3) {
  width: 100%;
  max-width: 90px;
  text-align: center;
}

.price_inner .price_body .price-table-top .price-top-title span:nth-child(4) {
  width: 100%;
  max-width: 70px;
  height: 1px;
  text-align: center;
}

.price_inner .price_body .price-table-top .price-top-services {
  overflow: auto;
  max-height: 390px;
  display: none;
}

.price_inner .price_body .price-table-top .price-top-services.show {
  display: block;
  animation: fadeInUp 0.7s ease forwards;
}

.price_inner .price_body .price-table-top .price-services-item {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: var(--darkgray);
  padding: 20px;
  border-bottom: 1px solid #eff0f6;
  cursor: pointer;
  gap: 40px;
}

.price_inner .price_body .price-table-top .price-services-item:last-child {
  border: none;
}

.price_inner .price_body .price-table-top .price-services-item span:nth-child(1) {
  max-width: 435px;
  width: fit-content;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.price_inner .price_body .price-table-top .price-services-item span:nth-child(1)::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--main-col);
  content: "";
  transition: all 0.3s ease;
}

.price_inner .price_body .price-table-top .price-services-item span:nth-child(2) {
  margin-left: auto;
  width: 100%;
  max-width: 102px;
}

.price_inner .price_body .price-table-top .price-services-item span:nth-child(3) {
  width: 100%;
  max-width: 90px;
  text-align: center;
}

.price_inner .price_body .price-table-top .price-services-item button {
  margin: 0;
  padding: 0;
  width: fit-content;
  color: var(--main-col);
  position: relative;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
  box-shadow: none;
}

.price_inner .price_body .price-table-top .price-services-item button::after {
  width: 100%;
  height: 1px;
  background-color: var(--main-col);
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  transition: all 0.3s ease;
}

.price_inner .price_body .price-table-top .price-services-item:hover span:nth-child(1) {
  color: var(--main-col);
}

.price_inner .price_body .price-table-top .price-services-item:hover span:nth-child(1)::after {
  width: 100%;
}

.price_inner .price_body .price-table-top .price-services-item:hover button::after {
  width: 0;
}

.price_inner .price_body .price-table-bot {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
  padding: 28px;
  border-radius: 12px;
  background-color: #eff0f6;
}

.price_inner .price_body .price-table-bot .price-bot-title {
  font-size: clamp(16px, calc(2.32vw - 5.36px), 28px);
  font-weight: 700;
  max-width: 285px;
  padding-right: clamp(17px, calc(5.41vw - 32.84px), 45px);
  color: var(--main-col);
  position: relative;
  width: clamp(155px, calc(25.1vw - 76.39px), 285px);
}

.price_inner .price_body .price-table-bot .price-bot-title::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: white;
  right: 0;
  top: 0;
}

.price_inner.inside .price_body .price-table-bot .price-bot-title {
  width: clamp(155px, calc(66.22vw - 455.51px), 498px);
  max-width: 100%;
}

.price_inner.inside .price_body .price-table-bot .price-bot-tel {
  width: clamp(160px, calc(29.15vw - 108.77px), 311px);
  max-width: 100%;
  justify-content: center;
}

.price_inner.inside .price_body .price-table-bot .price-bot-tel span {
  max-width: 95px;
}

.price_inner .price_body .price-table-bot .price-bot-num {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #3b3b3b;
  font-size: clamp(10px, calc(0.77vw + 2.88px), 14px);
  font-weight: 400;
  align-items: center;
}

.price_inner .price_body .price-table-bot .price-bot-num a {
  font-size: clamp(16px, calc(0.77vw + 8.88px), 20px);
  font-weight: 600;
  color: #3b3b3b;
}

.price_inner .price_body .price-table-bot .price-bot-num a:hover {
  text-decoration: underline;
}

.price_inner .price_body .price-table-bot .price-bot-tel {
  max-width: 210px;
  padding-left: clamp(17px, calc(5.21vw - 31.06px), 44px);
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
  color: var(--darkgray);
  cursor: pointer;
  transition: all 0.3s ease;
}

.price_inner .price_body .price-table-bot .price-bot-tel:hover {
  color: var(--main-col);
}

.price_inner .price_body .price-table-bot .price-bot-tel:hover img {
  transform: translateY(-2px);
}

.price_inner .price_body .price-table-bot .price-bot-tel img {
  width: clamp(38px, calc(3.47vw + 5.96px), 56px);
  transition: all 0.3s ease;
  height: clamp(38px, calc(3.47vw + 5.96px), 56px);
}

.price_inner .price_body .price-table-bot .price-bot-tel::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: white;
  left: 0;
  top: 0;
}

.price_inner.inside .price_body .price-table-bot {
  justify-content: space-between;
}

@media (max-width: 1200px) {
  .price_inner .price_body {
    gap: 20px;
  }

  .price_inner .price_body .price-table-bot {
    gap: 5px;
    justify-content: space-between;
  }

  .price_inner .price_body .price-table-bot .price-bot-tel {
    max-width: 160px;
  }
}

@media (max-width: 1050px) {
  .price_inner .price_body {
    flex-direction: column;
  }

  .price_inner .price_body .price_body-switchers {
    width: 100%;
    max-width: 100%;
    display: none;
  }

  .price_inner .price_body .price_body-tabs {
    width: 100%;
    max-width: 100%;
  }

  .price_inner .price_body .price_body-tabs-info {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    background-color: #eff0f6;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
  }

  .price_inner .price_body .price_body-tabs-info svg {
    transition: all 0.3s ease;
  }

  .price_inner .price_body .price_body-tabs-info.active svg {
    transform: rotate(180deg);
  }
}

@media (max-width: 992px) {
  .price_inner .price_top {
    flex-direction: column;
  }

  .price_inner .price_top .price_top-date {
    gap: 10px;
  }

  .price_inner .price_top .price_top-date .date-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
  }

  .price_inner .price_top .price_top-date .date-icon svg {
    width: 16px;
    height: 16px;
  }

  .price_inner .price_top .date-text {
    font-size: 16px;
  }

  .price_inner .price_body .price-table-top {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
  }

  .price_inner .price_body .price-table-top .price-top-title {
    padding: 16px 14px;
    font-size: 14px;
    gap: 10px;
  }

  .price_inner .price_body .price-table-top .price-top-title span {
    display: block;
  }

  .price_inner .price_body .price-table-top .price-top-title span:nth-child(1) {
    width: 80%;
    max-width: 435px;
  }

  .price_inner .price_body .price-table-top .price-top-title span:nth-child(2) {
    display: none;
  }

  .price_inner .price_body .price-table-top .price-top-title span:nth-child(3) {
    width: 100%;
    max-width: 90px;
    margin-left: auto;
    text-align: center;
  }

  .price_inner .price_body .price-table-top .price-top-title span:nth-child(4) {
    display: none;
  }

  .price_inner .price_body .price-table-top .price-top-services {
    max-height: 304px;
    transform: translateY(380px);
  }

  .price_inner .price_body .price-table-top .price-services-item {
    font-size: 14px;
    color: var(--main-col);
    padding: 16px;
    gap: 10px;
  }

  .price_inner .price_body .price-table-top .price-services-item:last-child {
    border: none;
  }

  .price_inner .price_body .price-table-top .price-services-item span:nth-child(1) {
    max-width: 435px;
    width: 80%;
    text-decoration: underline;
  }

  .price_inner .price_body .price-table-top .price-services-item span:nth-child(1)::after {
    display: none;
  }

  .price_inner .price_body .price-table-top .price-services-item span:nth-child(2) {
    display: none;
  }

  .price_inner .price_body .price-table-top .price-services-item span:nth-child(3) {
    width: 100%;
    max-width: 90px;
    text-align: center;
    margin-left: auto;
    color: var(--darkgray);
  }

  .price_inner .price_body .price-table-top .price-services-item button {
    display: none;
  }

  .price_inner .price_body .price-table-top .price-services-item:hover span:nth-child(1) {
    color: var(--main-col);
  }

  .price_inner .price_body .price-table-top .price-services-item:hover span:nth-child(1)::after {
    width: 100%;
  }

  .price_inner .price_body .price-table-top .price-services-item:hover button::after {
    width: 0;
  }

  .price_inner .price_body .price-table-bot {
    padding: 20px;
    justify-content: center;
    gap: 0;
  }

  .price_inner .price_body .price-table-bot .price-bot-title::after {
    display: none;
  }

  .price_inner .price_body .price-table-bot .price-bot-num {
    display: none;
  }

  .price_inner .price_body .price-table-bot .price-bot-tel {
    gap: 10px;
  }
}

.how_inner {
  padding: 46px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--main-col);
  position: relative;
}

.how_inner .title-submain {
  color: white;
  text-align: left;
  margin-bottom: 40px;
}

.how_inner .how_inner-boxs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 52px 50px;
}

.how_inner .how_inner-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: white;
}

.how_inner .how-box-title {
  display: flex;
  align-items: center;
  gap: 16px;
}

.how_inner .how-title-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #3e72e8 0%, #447eff 100%);
  box-shadow: -4px 4px 8px rgba(52, 96, 195, 0.2),
    4px -4px 8px rgba(52, 96, 195, 0.2), -4px -4px 8px rgba(78, 144, 255, 0.9),
    4px 4px 10px rgba(52, 96, 195, 0.9),
    inset 1px 1px 2px rgba(78, 144, 255, 0.3),
    inset -1px -1px 2px rgba(52, 96, 195, 0.5);
  border-radius: 450px;
}

.how_inner .how-title-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 16px;
  font-weight: 600;
}

.how_inner .how-title-text span {
  font-size: 20px;
  font-weight: 700;
}

.how_inner .how-box-text {
  font-size: 16px;
  font-weight: 500;
}

.how_inner .circle {
  position: absolute;
  width: 685px;
  height: 685px;
  background: linear-gradient(127.48deg,
      rgba(255, 255, 255, 0) 43.39%,
      #ffffff 128.12%);
  mix-blend-mode: soft-light;
  opacity: 0.2;
  border-radius: 100%;
}

.how_inner .circle.one {
  left: -219px;
  top: -297px;
}

.how_inner .circle.two {
  right: -219px;
  bottom: -297px;
  background: linear-gradient(240.48deg,
      rgba(255, 255, 255, 0) 43.39%,
      #ffffff 128.12%);
}

@media (max-width: 992px) {
  .how_inner {
    padding: 20px;
  }

  .how_inner .title-submain {
    margin-bottom: 28px;
  }

  .how_inner .how_inner-boxs {
    grid-template-columns: repeat(auto-fit, minmax(321px, 1fr));
    gap: 28px;
  }

  .how_inner .how_inner-boxs .how-box-title {
    gap: 14px;
  }

  .how_inner .how_inner-boxs .how_inner-box {
    gap: 12px;
  }

  .how_inner .how_inner-boxs .how-title-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
  }

  .how_inner .how_inner-boxs .how-title-text {
    font-size: 14px;
  }

  .how_inner .how_inner-boxs .how-title-text span {
    font-size: 16px;
  }

  .how_inner .how_inner-boxs .how-box-text {
    font-size: 14px;
  }
}

.review_top {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  justify-content: space-between;
}

.review_top .title-submain {
  max-width: 636px;
  text-align: left;
}

.review_top img {
  height: 79px;
}

.review_inner {
  padding: 36px;
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2),
    7px -7px 14px rgba(232, 232, 232, 0.2),
    -7px -7px 14px rgba(255, 255, 255, 0.9),
    7px 7px 18px rgba(232, 232, 232, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(232, 232, 232, 0.5);
  border-radius: 12px;
}

.review_inner .review-title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  gap: 8px;
  margin-bottom: 20px;
}

.review_inner .review-title img {
  width: 24px;
  height: 24px;
}

.review_inner .review_inner-star {
  display: flex;
  gap: 23px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.review_inner .review-star-left {
  display: flex;
  gap: 23px;
  align-items: center;
}

.review_inner .review-star-num {
  font-size: 64px;
  font-weight: 700;
  color: var(--darkgray);
}

.review_inner .review-star-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.review_inner .review-star-text ul {
  display: flex;
  opacity: 0.5;
  padding-left: 2rem;
  gap: 30px;
}

.review_inner .review-star-text ul li {
  color: #808080;
  list-style: disc;
}

.review_inner .review-star-right {
  display: flex;
  align-items: center;
  padding: 10px 35px 13px 35px;
  border-radius: 12px;
  border-radius: 8px;
  background-color: #f5f5f7;
  max-width: 750px;
  width: 100%;
  justify-content: space-between;
}

.review_inner .review-right-item {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.review_inner .review-right-item span {
  font-size: 14px;
}

.review_inner .review-right-item span b {
  color: var(--main-col);
}

.review_inner .review-right-item svg {
  transform: translateY(2px);
}

.review_inner-body .review-body-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

.review_inner-body .review-body-items .review-body-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.review_inner-body .review-body-items .review-body-item .review-item-name {
  display: flex;
  align-items: center;
  gap: 16px;
}

.review_inner-body .review-body-items .review-body-item .review-item-name img {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 100%;
  object-fit: contain;
}

.review_inner-body .review-body-items .review-body-item .review-item-name .review-name-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 16px;
  font-weight: 700;
}

.review_inner-body .review-body-items .review-body-item .review-item-text {
  font-size: 16px;
  line-height: 1.5;
}

.review_inner-body .review-body-items .review-body-item .review-item-text span {
  text-decoration: underline;
  color: var(--main-col);
}

.review_inner-body .review-body-items .review-body-item .review-item-text span:hover {
  text-decoration: none;
}

.review_inner-body .review-body-items .review-body-item:nth-child(n + 3) {
  display: none;
}

.review_inner-body .review-body-items.open .review-body-item:nth-child(n + 3) {
  display: flex;
}

.review_inner-body .review-body-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 32px;
}

.review_inner-body .review-body-bot .review-bot-giveStar {
  padding: 6px 6px 6px 30px;
  background-color: #f5f5f7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  height: 46px;
  gap: 31px;
  font-size: 16px;
  font-weight: 700;
}

.review_inner-body .review-body-bot .review-bot-giveStar span {
  background-color: var(--main-col);
  color: white;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 20px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
}

.review_inner-body .review-body-bot button {
  color: var(--main-col);
  padding: 13px 17px;
  height: 46px;
  width: fit-content;
  font-size: 12px;
  font-weight: 700;
  background: rgba(18, 120, 242, 0.1);
  border-radius: 8px;
}

@media (max-width: 992px) {
  .review .container {
    padding: 0;
  }

  .review_top {
    margin-bottom: 24px;
    padding: 0 2rem;
  }

  .review_top img {
    display: none;
  }

  .review_inner {
    padding: 24px 20px;
  }

  .review_inner .review-title {
    margin-bottom: 12px;
  }

  .review_inner .review-star-right {
    gap: 6px;
    padding: 10px 16px 12px 16px;
    overflow: auto;
  }

  .review_inner .review-star-right::-webkit-scrollbar {
    display: none;
  }

  .review_inner .review-star-right .review-right-item {
    gap: 8px;
    min-width: fit-content;
    align-items: center;
  }

  .review_inner .review-star-right .review-right-item svg {
    transform: translateY(-2px);
  }

  .review_inner-body .review-body-items {
    grid-template-columns: repeat(1, 1fr);
  }

  .review_inner-body .review-body-bot {
    justify-content: center;
  }

  .review_inner-body .review-body-bot .review-bot-giveStar {
    display: none;
  }
}

.faq_box {
  position: relative;
}

.faq_box img {
  position: absolute;
  top: clamp(-28px, calc(-3.28vw + 19.26px), -11px);
  right: clamp(8px, calc(17.57vw - 153.97px), 99px);
  width: clamp(90px, calc(16.41vw - 61.29px), 175px);
}

.faq_box .faq-item {
  background-color: #4178f5;
  border-radius: 12px;
}

.faq_box .title-submain {
  color: white;
  padding: 32px;
  letter-spacing: -0.08rem;
  margin: 0;
  text-align: left;
  width: clamp(280px, calc(78.19vw - 440.87px), 685px);
}

.faq_box .faq_inner {
  background-color: #eff0f6;
  border-radius: 12px;
  padding: 32px;
  gap: 12px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(604px, 1fr));
}

.faq_box .faq_cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 0 45%;
}

.faq_box .faq_cards-item {
  position: relative;
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2),
    7px -7px 14px rgba(232, 232, 232, 0.2),
    -7px -7px 14px rgba(255, 255, 255, 0.9),
    7px 7px 18px rgba(232, 232, 232, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(232, 232, 232, 0.5);
  border-radius: 12px;
  padding: 24px;
  list-style: none;
}

.faq_box .faq_cards-item .faq-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.faq_box .faq_cards-item summary {
  font-size: clamp(14px, calc(1.16vw + 3.32px), 20px);
  font-weight: 600;
  pointer-events: none;
  width: clamp(255px, calc(44.4vw - 154.38px), 485px);
}

.faq_box .faq_cards-item p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  display: none;
  pointer-events: none;
}

.faq_box .faq_cards-item svg {
  transition: all 0.4s ease;
  pointer-events: none;
}

.faq_box .faq_cards-item.active .icon {
  transform: rotate(180deg);
}

.faq_box .faq_cards-item.active .icon .vertical {
  transition: stroke-opacity 0.3s ease;
}

.faq_box .faq_cards-item.active .icon .vertical {
  stroke-opacity: 0;
}

@media (max-width: 992px) {
  .faq_box .faq_inner {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    padding: 16px;
  }

  .faq_box .faq_cards-item {
    padding: 16px;
  }

  .faq_box .faq_cards-item p {
    font-size: 12px;
    margin-top: 14px;
  }

  .faq_box .title-submain {
    padding: 20px;
  }
}

.map {
  padding: 40px 0 0 0;
  position: relative;
}

.map #map {
  width: 100%;
  height: 522px;
}

@media (max-width: 992px) {
  .map #map {
    height: 248px;
  }
}

.map_inner {
  position: absolute;
  max-width: 1296px;
  top: 145px;
  padding: 32px;
  background-color: white;
  border-radius: 12px;
  box-shadow: 7px 7px 18px 0px #e8e8e8e5;
}

.map_inner .map-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.map_inner .with-svg {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  line-height: 1;
}

.map_inner .with-svg:nth-child(1) {
  max-width: 275px;
}

.map_inner .with-svg:nth-child(1) p {
  padding-left: 0px;
  flex: 1 0 100%;
}

.map_inner .with-svg:nth-child(1) span {
  font-size: 20px;
  font-weight: 600;
  color: var(--main-col);
  text-decoration: underline;
}

.map_inner .with-svg:nth-child(1) span:hover {
  text-decoration: none;
}

.map_inner .with-svg:nth-child(3) {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.map_inner a {
  font-size: 20px;
  font-weight: 600;
  color: var(--main-col);
}

@media (max-width: 992px) {
  .map {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px 0;
  }

  .map_inner {
    position: relative;
    top: 0;
    padding: 20px;
  }

  .map_inner .map-text {
    gap: 20px;
  }

  .map_inner .map-text .with-svg {
    gap: 8px 6px;
  }

  .map_inner .map-text .with-svg svg {
    min-width: 24px;
    width: 24px;
    max-width: 24px;
  }

  .map_inner .map-text .with-svg:nth-child(1) {
    max-width: 275px;
  }

  .map_inner .map-text .with-svg:nth-child(1) p {
    padding-left: 4px;
    font-size: 14px;
  }

  .map_inner .map-text .with-svg:nth-child(1) span {
    font-size: 16px;
  }

  .map_inner .map-text .with-svg:nth-child(3) {
    flex-wrap: nowrap;
    max-width: 200px;
    font-size: 16px;
  }
}

.repairs_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.repairs_inner .repairs-tabs-box {
  max-width: 636px;
  flex: 1 0 45%;
  padding: 32px;
  background: #4178f5;
  border-radius: 12px;
  color: white;
  position: relative;
  overflow: hidden;
}

.repairs_inner .repairs-tabs-box .repairs-tab-title {
  text-align: left;
  font-weight: 700;
  margin-bottom: 32px;
  position: relative;
  z-index: 2;
}

.repairs_inner .repairs-tabs-box .repairs-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  z-index: 2;
}

.repairs_inner .repairs-tabs-box .repairs-tab {
  padding: 16px 32px;
  font-size: clamp(12px, calc(0.77vw + 4.88px), 16px);
  font-weight: 700;
  background: linear-gradient(135deg, #447eff 100%, #3e72e8 0%);
  box-shadow: -4px 4px 8px rgba(52, 96, 195, 0.2),
    4px -4px 8px rgba(52, 96, 195, 0.2), -4px -4px 8px rgba(78, 144, 255, 0.9),
    4px 4px 10px rgba(52, 96, 195, 0.9),
    inset 1px 1px 2px rgba(78, 144, 255, 0.3),
    inset -1px -1px 2px rgba(52, 96, 195, 0.5);
  border-radius: 450px;
  transition: all 0.3s ease;
  min-width: fit-content;
  width: fit-content;
  cursor: pointer;
}

.repairs_inner .repairs-tabs-box .repairs-tab:hover {
  background: linear-gradient(135deg, #2ebcfc 100%, #2aaae4 0%, #4178f5 100%);
  box-shadow: -6px 6px 12px rgba(37, 150, 202, 0.2),
    6px -6px 12px rgba(37, 150, 202, 0.2),
    -6px -6px 12px rgba(51, 208, 255, 0.9), 6px 6px 15px rgba(37, 150, 202, 0.9),
    inset 1px 1px 2px rgba(51, 208, 255, 0.3),
    inset -1px -1px 2px rgba(37, 150, 202, 0.5);
  border-radius: 450px;
}

.repairs_inner .repairs-tabs-box .repairs-tab.active {
  background: linear-gradient(135deg, #2ebcfc 100%, #2aaae4 0%, #4178f5 100%);
  box-shadow: -6px 6px 12px rgba(37, 150, 202, 0.2),
    6px -6px 12px rgba(37, 150, 202, 0.2),
    -6px -6px 12px rgba(51, 208, 255, 0.9), 6px 6px 15px rgba(37, 150, 202, 0.9),
    inset 1px 1px 2px rgba(51, 208, 255, 0.3),
    inset -1px -1px 2px rgba(37, 150, 202, 0.5);
  border-radius: 450px;
}

.repairs_inner .repairs-bodies {
  flex: 1 0 45%;
}

.repairs_inner .repairs-body {
  flex-direction: column;
  gap: 32px;
  display: none;
}

.repairs_inner .repairs-body.show {
  display: flex;
  height: 100%;
}

.repairs_inner .repairs-body-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 600;
}

.repairs_inner .repairs-body-title img {
  width: 42px;
  height: 42px;
  min-width: 42px;
}

.repairs_inner .repairs-body-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.repairs_inner .repair-list-item {
  width: fit-content;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 500;
  background-color: #eff0f6;
  border-radius: 12px;
  color: #7e84a3;
  cursor: pointer;
  text-decoration: underline;
}

.repairs_inner .repair-list-item:hover {
  text-decoration: none;
}

.repairs_inner .repairs-body-btns {
  display: flex;
  margin-top: auto;
  flex-wrap: wrap;
  gap: 20px;
}

.repairs_inner .main-btn {
  padding: 16px;
  flex: 1 0 45%;
  min-width: 299px;
  max-width: 355px;
  height: 56px;
}

.repairs_inner .main-btn:nth-child(2) {
  background: #40b3e0;
  animation: none;
  box-shadow: 0px 4px 32px 0px #19eeeb1f;
}

.repairs_inner .circle {
  position: absolute;
  width: clamp(416px, calc(51.93vw - 62.8px), 685px);
  height: clamp(416px, calc(51.93vw - 62.8px), 685px);
  left: clamp(-219px, calc(-13.32vw + -27.19px), -150px);
  top: clamp(-297px, calc(-15.64vw + -71.83px), -216px);
  border-radius: 100%;
  background: linear-gradient(127.48deg,
      rgba(255, 255, 255, 0) 43.39%,
      #ffffff 128.12%);
  mix-blend-mode: soft-light;
  z-index: 0;
}

@media (max-width: 992px) {
  .repairs_inner {
    gap: 24px;
  }

  .repairs_inner .repairs-tabs-box {
    max-width: 100%;
    flex: 1 0 100%;
    padding: 20px;
  }

  .repairs_inner .repairs-tabs-box .repairs-tab-title {
    margin-bottom: 24px;
  }

  .repairs_inner .repairs-tabs-box .repairs-tabs {
    gap: 12px;
  }

  .repairs_inner .repairs-tabs-box .repairs-tab {
    padding: 12px 20px;
  }

  .repairs_inner .repairs-bodies {
    flex: 1 0 100%;
  }

  .repairs_inner .repairs-body {
    gap: 16px;
  }

  .repairs_inner .repairs-body-title {
    font-size: 16px;
  }

  .repairs_inner .repairs-body-title img {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }

  .repairs_inner .repairs-body-list {
    gap: 8px;
  }

  .repairs_inner .repair-list-item {
    padding: 12px;
    font-size: 12px;
  }

  .repairs_inner .repairs-body-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
  }

  .repairs_inner .main-btn {
    max-width: 100%;
    width: 100%;
    padding: 16px;
    height: 56px;
  }
}

.brand .title-submain {
  margin-bottom: 32px;
  text-align: left;
}

.brand .brand_inner {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(171px, 1fr));
}

.brand .brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2),
    7px -7px 14px rgba(232, 232, 232, 0.2),
    -7px -7px 14px rgba(255, 255, 255, 0.9),
    7px 7px 18px rgba(232, 232, 232, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(232, 232, 232, 0.5);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 100px;
}

.brand .brand-item:hover {
  transform: translateY(-2px);
}

.brand .brand-item:nth-child(n + 13) {
  display: none;
}

.brand .brand_inner.open .brand-item:nth-child(n + 13) {
  display: flex;
}

.brand .brand-item img {
  max-width: 124px;
  height: 44px;
  object-fit: contain;
}

@media (max-width: 992px) {
  .brand .title-submain {
    margin-bottom: 24px;
    text-align: center;
  }

  .brand .brand_inner {
    gap: 13px;
  }

  .brand .brand_inner .brand-item {
    height: 90px;
  }

  .brand .brand_inner .brand-item img {
    max-width: 102px;
    height: 36px;
  }
}

.seo h2 {
  font-size: clamp(20px, calc(2.32vw - 1.36px), 32px);
  margin-bottom: 32px;
}

.seo .seo_inner {
  padding-left: clamp(14px, calc(1.16vw + 3.32px), 20px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: clamp(14px, calc(0.39vw + 10.44px), 16px);
  position: relative;
}

.seo .seo_inner::after {
  position: absolute;
  height: 100%;
  width: 4px;
  top: 0;
  left: 0;
  background-color: var(--main-col);
  content: "";
}

.seo .seo_inner h3 {
  font-size: clamp(18px, calc(1.93vw + 0.2px), 28px);
}

.seo .seo_inner h4 {
  font-size: clamp(16px, calc(1.54vw + 1.76px), 24px);
}

.seo .seo_inner p {
  font-size: clamp(14px, calc(0.39vw + 10.44px), 16px);
}

.seo .seo_inner ul li {
  font-size: clamp(14px, calc(0.39vw + 10.44px), 16px);
}

.seo .seo_inner b {
  font-size: clamp(14px, calc(0.39vw + 10.44px), 16px);
}

.regions .title-submain {
  text-align: left;
  margin-bottom: 32px;
}

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

.regions .regions_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.regions .regions_tab {
  padding: 10px 16px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #7e84a3;
  background-color: #eff0f6;
  gap: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: underline;
}

.regions .regions_tab svg {
  pointer-events: none;
}

.regions .regions_tab:hover {
  /* color: white; */
  background: var(--main-col);
}

.regions .regions_tab:hover svg path {
  fill: white;
}

.regions .regions_tab.active {
  /* color: white; */
  background: var(--main-col);
}

.regions .regions_tab.active svg path {
  fill: white;
}

.regions .regions_body {
  grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
  gap: 16px 60px;
  display: none;
}

.regions .regions_body.show {
  display: grid;
}

.regions .regions-item {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #7e84a3;
}

.regions .regions-item:hover {
  text-decoration: none;
}

@media (max-width: 992px) {
  .regions .regions_tab {
    font-size: 12px;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }

  60% {
    opacity: 0.7;
    transform: translateY(-1px) scale(1.01);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.lead-price .title-submain {
  text-align: left;
  margin-bottom: 14px;
}

.lead-price-par {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.25;
}

.lead-price-tabs {
  display: flex;
  gap: 12px;
  overflow: auto;
  margin-bottom: 16px;
}

.lead-price-tabs::-webkit-scrollbar {
  display: none;
}

.lead-price-tab {
  min-width: fit-content;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  color: #7e84a3;
  background-color: #eff0f6;
  padding: 10px 16px;
  border-radius: 12px;
  text-decoration: underline;
}

.lead-price-tab:hover {
  color: white;
  background-color: var(--main-col);
}

.lead-price-tab.active {
  color: white;
  background-color: var(--main-col);
}

.lead-price-tab:hover::after {
  width: 100%;
  background-color: white;
}

.lead-price-tab.active::after {
  width: 100%;
  background-color: white;
}

.lead-price-body {
  padding: 36px 46px;
  box-shadow: -17px 0px 20px -20px #a7a7a757;
  background: #eff0f6;
  position: relative;
  display: none;
  flex: 1;
}

.lead-price-body.show {
  display: flex;
  flex-direction: column;
  animation: fadeInUp 0.7s ease forwards;
  box-shadow: -17px 0px 20px -20px #a7a7a757;
}

.lead-price-image {
  /* position: absolute; */
  max-width: 272px;
  max-height: 204px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* right: 29px; */
  /* bottom: 52px; */
}

.lead-price-dots {
  flex: 1;
  border-bottom: 2px solid #414141;
  border-bottom-style: dotted;
  margin: 0 5px 8px 5px;
}

.lead-price-body-title {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}

.lead-price-body-title span {
  font-size: 19px;
  background: linear-gradient(97.13deg, #eeac26 -21.3%, #9e833e 114.31%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lead-price-body-par {
  font-size: 18px;
  margin-bottom: 32px;
}

.lead-price-body-postTitle {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
}

.lead-price-body_mid {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 32px;
}

.lead-price-body-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  padding: 0;
  max-width: 608px;
  flex: 1;
}

.lead-price-item {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}

.lead-price_boxes {
  display: none;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2),
    7px -7px 14px rgba(232, 232, 232, 0.2),
    -7px -7px 14px rgba(255, 255, 255, 0.9),
    7px 7px 18px rgba(232, 232, 232, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(232, 232, 232, 0.5);
  border-radius: 12px;
  background: white;
  overflow: hidden;
  justify-content: space-between;
}

.lead-price_boxes.show {
  display: flex;
  animation: fadeInUp 0.7s ease forwards;
}

.lead-price-2lvl-tabs {
  display: flex;
  flex-direction: column;
  max-width: 338px;
  width: 100%;
  max-height: 560px;
  overflow-y: auto;
}

.lead-price-2lvl-tab {
  cursor: pointer;
  display: flex;
  padding: 12px 32px;
  text-decoration: underline;
  gap: 8px;
  flex-direction: column;
  color: #3f3f3f;
  transition: all 0.3s ease;
}

.lead-price-2lvl-tab span {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.04em;
}

.lead-price-2lvl-tab.active {
  background: var(--main-col);
  padding: 32px;
  text-decoration: none;
  color: white;
}

.lead-price-2lvl-tab:hover {
  background: var(--main-col);
  color: white;
}

.lead-price-btns {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: auto;
}

.lead-price-btns .getConsult {
  max-width: 212px;
  width: 100%;
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  /* Frame 6 */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  gap: 6px;
  background: linear-gradient(115.05deg,
      #4177f5 -7.64%,
      #2cb3f0 49.65%,
      #19eeeb 106.94%),
    #4178f5;
  box-shadow: 0px 4px 32px rgba(25, 238, 235, 0.12);
  border-radius: 160px;
}

.lead-price-link {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2px;
  text-decoration: underline;
  color: #252525;
  cursor: pointer;
}

.lead-price-link:hover {
  text-decoration: none;
}

@media (max-width: 1400px) {
  .lead-price-image {
    display: none;
  }
}

@media (max-width: 1050px) {
  .lead-price_boxes {
    flex-direction: column;
  }

  .lead-price-btns {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .lead-price-2lvl-tabs {
    max-width: 100%;
    flex-direction: row;
    padding-bottom: 5px;
  }

  .lead-price-2lvl-tab {
    min-width: fit-content;
    padding: 12px 20px;
  }

  .lead-price-2lvl-tab.active {
    padding: 12px 20px;
  }
}

@media (max-width: 992px) {
  .lead-price-2lvl-tab span {
    min-width: fit-content;
    font-size: 16px;
    white-space: nowrap;
  }

  .lead-price-body {
    padding: 20px 16px;
  }

  .lead-price-par {
    font-size: 16px;
    margin: 0 0 26px 0;
  }

  .lead-price-tabs {
    margin-bottom: 20px;
  }

  .lead-price-tab {
    font-size: 12px;
  }

  .lead-price-body-title {
    flex-wrap: wrap;
    font-size: 18px;
    gap: 16px;
  }

  .lead-price-body-par {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .lead-price-body-title span {
    font-size: 16px;
  }

  .lead-price-body-postTitle {
    font-size: 18px;
  }

  .lead-price-item {
    font-size: 16px;
  }

  .lead-price .getConsult {
    max-width: 100%;
    width: 100%;
  }
}

.lead-section-utps {
  display: grid;
  gap: 24px;
  margin-top: 32px;
  grid-template-columns: repeat(auto-fit, minmax(355px, 1fr));
  margin-bottom: 40px;
}

.lead-section-utps .lead-section-utp {
  position: relative;
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2),
    7px -7px 14px rgba(232, 232, 232, 0.2),
    -7px -7px 14px rgba(255, 255, 255, 0.9),
    7px 7px 18px rgba(232, 232, 232, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(232, 232, 232, 0.5);
  border-radius: 12px;
  display: flex;
  padding: 32px 29px 32px 103px;
  justify-content: flex-end;
  overflow: hidden;
}

.lead-section-utps .lead-section-utp img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.lead-section-utps .lead-section-utp-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 280px;
  font-weight: 500;
  color: #7e84a3;
  font-size: 16px;
  line-height: 1.3;
}

.lead-section-utps .lead-section-utp-text span {
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 992px) {
  .lead-section-utps {
    gap: 12px;
    margin-top: 28px;
    margin-bottom: 74px;
  }

  .lead-section-utps .lead-section-utp {
    padding: 24px 16px 24px 91px;
  }

  .lead-section-utps .lead-section-utp-text {
    font-size: 16px;
    gap: 16px;
  }

  .lead-section-utps .lead-section-utp-text span {
    font-size: 18px;
  }

  .lead-section-utps .lead-section-utp img {
    max-width: 130px;
  }
}

.lead-section_inner {
  margin-top: 20px;
  position: relative;
  background: linear-gradient(115.05deg,
      rgba(65, 119, 245, 0.7) -7.64%,
      rgba(44, 179, 240, 0.7) 49.65%,
      rgba(25, 238, 235, 0.7) 106.94%),
    #4178f5;
  border-radius: 12px;
  padding: 52px;
  overflow: hidden;
  color: white;
}

.lead-section_inner .title-main {
  color: white;
  max-width: 693px;
  font-size: clamp(24px, calc(7.72vw - 47.2px), 64px);
  margin-bottom: 32px;
  line-height: 1;
  position: relative;
  z-index: 4;
}

.lead-section_inner p {
  font-size: 18px;
  max-width: 693px;
  margin-bottom: 40px;
  font-weight: 500;
  position: relative;
  z-index: 4;
}

.lead-section_inner p b {
  font-weight: 700;
}

.lead-section_inner .main-btn {
  max-width: 345px;
  min-height: 80px;
  /* background: linear-gradient(135deg, #2EBCFC 100%, #2AAAE4 0%, #4178F5 100%); */
  /* background: linear-gradient(115.05deg, rgba(65, 119, 245, 0.7) -7.64%, rgba(44, 179, 240, 0.7) 49.65%, rgba(25, 238, 235, 0.7) 106.94%), #4178F5; */

  /* box-shadow: -6px 6px 12px rgba(37, 150, 202, 0.2), 6px -6px 12px rgba(37, 150, 202, 0.2), -6px -6px 12px rgba(51, 208, 255, 0.9), 6px 6px 15px rgba(37, 150, 202, 0.9), 0px 4px 32px rgba(25, 238, 235, 0.12), inset 1px 1px 2px rgba(51, 208, 255, 0.3), inset -1px -1px 2px rgba(37, 150, 202, 0.5); */
  background: linear-gradient(135deg, #2ebcfc 100%, #2aaae4 0%, #4178f5 100%);
  box-shadow: -6px 6px 12px rgba(37, 150, 202, 0.2),
    6px -6px 12px rgba(37, 150, 202, 0.2),
    -6px -6px 12px rgba(51, 208, 255, 0.9), 6px 6px 15px rgba(37, 150, 202, 0.9),
    inset 1px 1px 2px rgba(51, 208, 255, 0.3),
    inset -1px -1px 2px rgba(37, 150, 202, 0.5);
  border-radius: 160px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  animation: none;
  z-index: 4;
}

.lead-section_inner .circle {
  z-index: 2;
  position: absolute;
  width: 685px;
  height: 685px;
  background: linear-gradient(127.48deg,
      rgba(255, 255, 255, 0) 43.39%,
      #ffffff 128.12%);
  mix-blend-mode: soft-light;
  opacity: 0.2;
  border-radius: 100%;
}

.lead-section_inner .circle.one {
  left: -228px;
  top: -240px;
}

.lead-section_inner .circle.two {
  bottom: -240px;
  right: -160px;
  transform: rotate(105deg);
}

.lead-section_inner img {
  top: -7px;
  position: absolute;
  right: 0;
  z-index: 1;
}

@media (max-width: 1200px) {
  .lead-section_inner .title-main {
    margin-bottom: 24px;
  }

  .lead-section_inner img {
    opacity: 0.3;
  }

  .lead-section_inner .main-btn {
    font-size: 16px;
    min-height: 56px;
  }

  .leadHow_inner .leadHow-item:nth-child(2) {
    max-width: 305px;
  }

  .lead-section_inner p {
    font-size: 16px;
  }
}

.leadHow-titBox {
  position: relative;
  margin-bottom: 32px;
}

.leadHow-titBox h2 {
  font-weight: 700;
  text-align: left;
  margin-bottom: 14px;
}

.leadHow-titBox p {
  max-width: 1045px;
  font-size: 16px;
  font-weight: 500;
}

.leadHow-titBox img {
  position: absolute;
  top: -12px;
  right: 30px;
}

.leadHow_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 16px;
}

.leadHow_inner .leadHow-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.leadHow_inner .leadHow-item:nth-child(1) {
  max-width: 325px;
}

.leadHow_inner .leadHow-item:nth-child(2) {
  max-width: 273px;
}

.leadHow_inner .leadHow-item:nth-child(3) {
  max-width: 424px;
}

.leadHow_inner .leadHow-item-title {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 20px;
  font-weight: 600;
}

.leadHow_inner .leadHow-item-title span {
  width: 52px;
  height: 52px;
  background: linear-gradient(135deg, #ededed 0%, #ffffff 100%);
  box-shadow: -2px 2px 4px rgba(226, 226, 226, 0.2),
    2px -2px 4px rgba(226, 226, 226, 0.2),
    -2px -2px 4px rgba(255, 255, 255, 0.9), 2px 2px 5px rgba(226, 226, 226, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(226, 226, 226, 0.5);
  border-radius: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: var(--main-col);
}

.leadHow_inner .leadHow-item-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #7e84a3;
}

.leadHow_bot {
  width: 100%;
  border-radius: 12px;
  padding: 38px 115px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  background-color: var(--main-col);
}

.leadHow_bot img {
  position: absolute;
  top: -30px;
  left: 110px;
  width: clamp(88px, calc(27.8vw - 168.31px), 232px);
  z-index: 2;
}

.leadHow_bot img.circle {
  width: 400px;
  height: 100%;
  mix-blend-mode: soft-light;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.leadHow_bot .leadHow_bot-text {
  color: white;
  font-size: clamp(16px, calc(0.77vw + 8.88px), 20px);
  font-weight: 600;
  position: relative;
  z-index: 3;
  text-align: center;
}

@media (max-width: 1400px) {
  .leadHow-titBox img {
    display: none;
  }

  .leadHow_bot img.circle {
    display: none;
  }

  .leadHow_bot {
    padding: 38px;
  }
}

@media (max-width: 1200px) {
  .lead-section_inner {
    padding: 20px;
  }

  .leadHow_bot img {
    position: relative;
    top: initial;
    left: initial;
  }

  .leadHow_bot {
    padding: 20px;
    gap: 10px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }

  .leadHow_inner {
    margin-bottom: 24px;
  }
}

.reviews_inner {
  overflow: hidden;
}

.brandsSwiper .brand-case {
  box-shadow: 0px 4px 12px 0px #0000000f;
  background-color: white;
  border-radius: 12px;
  padding: 20px;
}

.brandsSwiper .slide-text {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.5;
}

.brandsSwiper .slide-author {
  font-weight: 700;
  font-size: 16px;
  font-style: italic;
  color: var(--colgray);
}

.faq_cards .faq_cards-item .item-footnote {
  line-height: 1.4;
}

.swiper-pagination {
  position: relative !important;
  margin-top: 42px;
}

.swiper-pagination-bullet-active {
  background: var(--main-col) !important;
}

.swiper-pagination-bullet {
  width: 48px !important;
  height: 4px !important;
  border-radius: 10px !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  max-height: 35px;
}

.swiper-button-next,
.swiper-button-prev {
  width: 60px !important;
  height: 60px !important;
  border-radius: 100%;
  cursor: pointer !important;
  transition: all 0.2s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--main-col);
}

.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
  fill: white;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-next {
  transform: rotate(180deg);
}

.seo_form .reviews_inner {
  height: 619px;
}

.seo_form .reviews_inner .slider-case .slide-text {
  max-width: 650px;
  z-index: 10;
  padding-left: 56px;
  font-size: 20px;
}

.seo_form .reviews_inner .slider-case::after {
  left: 120px;
}

.brandsSwiper {
  position: relative;
}

.brandsSwiper .swiper-slide {
  justify-content: center;
  display: flex;
  align-items: center;
}

.open-popup {
  cursor: pointer;
}

.overlay {
  z-index: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #1f201f;
  transition: all 0.5s ease;
  backdrop-filter: blur(2px);
  background-color: rgba(0, 0, 0, 0.6);
}

.overlay.active {
  pointer-events: all;
  opacity: 1;
  z-index: 100;
}

.modal {
  transform: translate(-50%, -1000%);
  overflow: hidden;
  background-color: white;
  border-radius: 12px;
  z-index: 0;
  position: fixed;
  top: 20%;
  left: 50%;
  transition: all 0.5s ease;
  padding: 32px 42px;
  max-width: 385px;
  width: 100%;
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2);
  border-radius: 12px;
}

.modal .modal__container {
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
  position: relative;
}

.modal .modal__title {
  padding-left: 40px;
  margin: 0 auto;
}

.modal .form-text {
  margin-bottom: 16px;
}

.modal .form {
  position: relative;
  background: transparent;
  z-index: 2;
  padding: 0;
  justify-content: center;
}

.modal .form .main-btn {
  max-width: 100%;
  width: 100%;
  padding: 16px 45px;
}

.modal .form .agree {
  font-size: 10px;
  text-align: center;
}

.modal .modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

.modal.active {
  z-index: 101;
  transform: translate(-50%, 0);
}

.modal_city {
  transform: translate(-50%, -1000%);
  overflow: hidden;
  background-color: white;
  border-radius: 12px;
  z-index: 0;
  position: fixed;
  top: 20%;
  left: 50%;
  transition: all 0.5s ease;
  padding: 32px 20px;
  max-width: 340px;
  width: 100%;
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2);
  border-radius: 12px;
}

.modal_city .modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

.modal_city.active {
  z-index: 101;
  transform: translate(-50%, 0);
}

.modal_city .modal_city-search {
  position: relative;
}

.modal_city .modal_city-title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 28px;
}

.modal_city .modal_city-search svg {
  position: absolute;
  top: 13px;
  left: 20px;
}

.modal_city .modal_city-search input {
  padding: 15px 56px;
}

@media (max-width:992px) {
  .modal_city .modal_city-search input {
  padding: 15px 15px 15px 56px;
  width: 100%;
}
}

.modal_city ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #EFF0F6;
  /* justify-content: center; */
  align-items: center;
  text-align: center;
  max-height: 370px;
  overflow: auto;
}

.modal_city ul li a {
  color: #3F3F3F;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 500;
}

.modal_city ul li a:hover {
  color: var(--main-col);
}

.modal_rev {
  transform: translate(-50%, -1000%);
  overflow: hidden;
  background-color: white;
  border-radius: 12px;
  z-index: 0;
  position: fixed;
  top: 20%;
  left: 50%;
  transition: all 0.5s ease;
  padding: 20px;
  max-width: 742px;
  width: 100%;
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2);
  border-radius: 12px;
}

.modal_rev form {
  display: grid;
  grid-template-columns: 202px 1fr;
  grid-template-areas:
    "name text"
    "phone text"
    "btn par"
  ;
  gap: 12px;
  max-width: 100%;
  align-items: center;
}

.modal_rev-title {
  margin-bottom: 19px;
  font-size: 20px;
  font-weight: 600;
}

.modal_rev form .modal_rev-name {
  grid-area: name;
  max-width: 202px;
  padding: 18px;
  text-align: center;
  height: 56px;
  border-radius: 120px;
}

.modal_rev form .input-block-phone {
  grid-area: phone;
  max-width: 202px;
  font-size: 16px;
}

.modal_rev form .input-block-phone .white-inp {
  padding: 18px 16px 18px 56px;

}

.modal_rev form .input-block-phone .input-wrapper-text {
  left: 56px;
}

.modal_rev form textarea {
  grid-area: text;
  padding: 18px;
  border-radius: 12px;
  resize: none;
  width: 100%;
  height: 124px;
}

.modal_rev form .main-btn {
  grid-area: btn;
  max-width: 202px;
  margin-top: 12px;
}

.modal_rev form p {
  grid-area: par;
  font-size: 12px;
  font-weight: 400;
  max-width: 197px;
  margin-top: 12px;
}

@media (max-width:992px) {
  .modal_rev form {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "name"
      "phone"
      "text"
      "btn"
      "par"
    ;
    gap: 12px;
    max-width: 100%;
    align-items: center;
  }

  .modal_rev form .modal_rev-name {
    max-width: 100%;
  }

  .modal_rev form .input-block-phone {
    max-width: 100%;
  }

  .modal_rev form .main-btn {
    max-width: 100%;
    margin-top: 0;
  }

  .modal_rev form p {
    max-width: 100%;
    margin-top: 0;
  }

  .modal_rev form .input-block-phone .white-inp {
    max-width: 100%;
  }

}

.modal_rev .modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

.modal_rev.active {
  z-index: 101;
  transform: translate(-50%, 0);
}

.modal_thx {
  transform: translate(-50%, -1000%);
  overflow: hidden;
  background-color: white;
  border-radius: 12px;
  z-index: 0;
  position: fixed;
  top: 20%;
  left: 50%;
  transition: all 0.5s ease;
  padding: 32px 42px;
  max-width: 385px;
  width: 100%;
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  padding: 32px 53px;
  align-items: center;
}

.modal_thx .modal_thx-title {
  font-size: 20px;
  font-weight: 600;
}

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

.modal_thx .modal_thx-close {
  margin-top: 8px;
}

.modal_thx.active {
  z-index: 101;
  transform: translate(-50%, 0);
}

.modal.calc {
  max-width: 1168px;
}

.modal.calc .modal-close {
  right: 32px;
  top: 32px;
  text-decoration: underline;
  font-size: 18px;
}

.modal.calc .modal-close:hover {
  text-decoration: none;
}

.modal.calc .modal-close:hover {
  text-decoration: none;
}

.modal.calc .calc-title {
  margin-bottom: 62px;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
}

.modal.calc .calc-title span {
  font-size: 32px;
  color: var(--main-col);
  font-weight: 900;
}

.modal.calc .calc-box {
  display: flex;
  gap: 64px;
}

.modal.calc .calc-box-inputs {
  max-width: 710px;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.modal.calc .calc-box-inputs::after {
  content: "";
  position: absolute;
  right: -32px;
  width: 1px;
  height: 100%;
  background-color: var(--darkgray);
  opacity: 0.3;
  top: 0;
}

.modal.calc .calc-box-inputs .calc-input {
  margin-bottom: 32px;
}

.modal.calc .calc-box-inputs .calc-par {
  margin-bottom: 12px;
}

.modal.calc .calc-box-inputs .calc-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.modal.calc .calc-box-inputs .calc-tabs .calc-tabs-item {
  box-shadow: 0px 4px 12px 0px #0000000f;
  border-radius: 100px;
  background-color: var(--lightgray);
  font-size: 20px;
  font-weight: 700;
  color: var(--darkgray);
  padding: 23px 34px;
  max-width: 132px;
  width: 100%;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal.calc .calc-box-inputs .calc-tabs .calc-tabs-item.active {
  color: var(--white);
  background-color: var(--main-col);
}

.modal.calc .calc-box-inputs .calc-tabs .calc-tabs-item:hover {
  color: var(--white);
  background-color: var(--main-col);
}

.modal.calc .calc-box-total {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  max-width: 320px;
  align-items: center;
}

.modal.calc .calc-box-total .total-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  width: 100%;
  text-align: center;
}

.modal.calc .calc-box-total .percent span {
  font-size: 32px;
  font-weight: 700;
  color: var(--darkgray);
}

.modal.calc .calc-box-total .mounth span {
  font-size: 32px;
  font-weight: 700;
  color: var(--main-col);
}

.modal.calc .calc-box-total .main-btn {
  max-width: 100%;
  width: 100%;
  padding: 23px;
}

.modal.calc .calc-foot {
  opacity: 0.5;
  margin: 0 auto;
  margin-top: 42px;
  max-width: 800px;
  text-align: center;
}

.modal_question {
  padding: 18px;
  max-width: 355px;
  transform: translate(-10px, 1000%);
  overflow: hidden;
  background-color: white;
  z-index: 0;
  position: fixed;
  bottom: 10px;
  right: 10px;
  transition: all 0.5s ease;
  width: 100%;
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2);
  border-radius: 12px;
}

.modal_question.active {
  z-index: 101;
  transform: translate(-10px, -10px);
}

.modal_question .modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 3;
}

.modal_question .modalQue-title {
  display: flex;
  gap: 18px;
  font-size: 20px;
  font-weight: 600;
  max-width: 354px;
  margin-bottom: 24px;
}

.modal_question .modalQue-title img {
  width: 48px;
  height: 48px;
  min-width: 48px;
}

.modal_question .modalQue-steps {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 14px;
}

.modal_question .modalQue-steps .modalQue-steps-point {
  position: relative;
  width: 100%;
  border-radius: 90px;
  background-color: #eff0f6;
  height: 8px;
}

.modal_question .modalQue-steps .modalQue-steps-point span {
  border-radius: 90px;
  background-color: var(--main-col);
  height: 8px;
  width: 141px;
  position: absolute;
  top: 0;
  left: 0;
}

.modal_question .modalQue-list span {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  display: block;
}

.modal_question .modalQue-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.modal_question .modalQue-list ul li {
  border-radius: 12px;
  background-color: #eff0f6;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.modal_question .modalQue-list ul li a {
  color: var(--darkgray);
}

.modal_question .modalQue-list ul li:hover {
  background-color: var(--main-col);
}

.modal_question .modalQue-list ul li:hover a {
  color: white;
}

.modal_question .modalQue-consult {
  margin: 20px 0;
  display: flex;
  gap: 16px;
  align-items: center;
}

.modal_question .modalQue-consult .modalQue-consult-text {
  display: flex;
  flex-direction: column;
}

.modal_question .modalQue-consult .modalQue-consult-text span:nth-child(1) {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
}

.modal_question .modalQue-consult .modalQue-consult-text span:nth-child(2) {
  font-size: 14px;
  margin-bottom: 10px;
}

.modal_question .modalQue-consult .modalQue-consult-text span:nth-child(3) {
  font-size: 14px;
  font-weight: 600;
}

.modal_question .main-btn {
  width: 100%;
  max-width: 100%;
}

.phone_block {
  z-index: 0;
  width: 100%;
  position: fixed;
  bottom: 54px;
}

.overlay_phone {
  transform: translateX(0);
  z-index: 10;
  position: relative;
  width: 69px;
  height: 69px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -90%;
  background-color: var(--main-col);
}

.overlay_phone svg {
  width: 30px;
  height: 30px;
  min-width: 30px;
}

.overlay_phone::after,
.overlay_phone::before {
  content: "";
  position: absolute;
  border: 2px solid var(--main-col);
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 2.5s linear infinite;
}

.overlay_phone::after {
  animation-delay: 1.25s;
}

.m-none {
  display: block;
}

.m-flex-none {
  display: flex;
}

.pc-none {
  display: none;
}

.pc-flex-none {
  display: none;
}

.menu {
  padding: 12px 0;
  position: fixed;
  bottom: 0;
  right: -1000%;
  height: calc(100% - 150px);
  width: 100%;
  z-index: 99;
  background-color: white;
  transition: all 0.7s ease-in-out;
  overflow: scroll;
}

.menu.active {
  right: 0;
}

.menu .header-search {
  width: 100%;
  max-width: 100%;
  margin-bottom: 16px;
}

.menu .header_top-utps {
  gap: 8px;
  flex-direction: column-reverse;
  align-items: start;
  margin-bottom: 16px;
}

.menu .header_top-utps .header_top-utp {
  max-width: 355px;
}

.menu .header_top-utps .header_top-utp:nth-child(1) {
  display: flex;
}

.menu .header_top-utps .header_top-utp:nth-child(1) br {
  display: none;
}

.menu .header_top-utps .header_top-utp:nth-child(1) span {
  max-width: 100%;
}

.menu .header_bot-menu {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding: 0;
}

.menu .header_bot-menu .dropdown {
  max-width: 100%;
  width: 100%;
}

.menu .header_bot-menu .dropdown .dropdown-content {
  position: relative;
}

.menu .header_bot-menu .dropdown-btn {
  padding: 8px;
  max-width: 100%;
  width: 100%;
  font-size: 16px;
}

.menu .header_bot-menu .dropdown-btn a {
  color: #7e84a3;
}

.menu .header_bot-menu .dropdown-btn svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
}

.menu .header-nav ul {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.menu .header-nav ul li {
  flex: 1 0 45%;
  padding: 12px;
  background-color: var(--main-col);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 12px;
}

.menu .header-nav ul li a {
  color: white;
  font-size: 16px;
  font-weight: 500;
}

.menu .header-nav ul li:last-child {
  background: linear-gradient(115.05deg,
      #4177f5 -7.64%,
      #2cb3f0 49.65%,
      #19eeeb 106.94%);
}

.footer {
  background: #eff0f6;
  padding: 28px 0;
}

.footer_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
  align-items: start;
}

.header-firts {
  flex: 1 0 27%;
  max-width: 285px;
}

.header-firts .logo-block {
  margin-bottom: 32px;
}

.header-firts .header_mid-address {
  padding: 0;
  margin-bottom: 32px;
}

.header-firts .header-nav ul {
  gap: 12px;
  flex-direction: column;
  align-items: start;
}

.footer-nav {
  flex: 1 0 50%;
  max-width: 672px;
  gap: 32px;
  display: flex;
  justify-content: space-between;
}

.footer-nav ul {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  max-height: 325px;
  padding-right: 3px;
  gap: 12px;
}

.footer-nav ul:nth-child(2) a {
  font-weight: 700;
  color: var(--main-col);
  text-decoration: underline;
}

.footer-nav ul:nth-child(2) a:hover {
  text-decoration: none;
}

.footer-nav ul li {
  font-size: 16px;
  font-weight: 500;
  color: var(--darkgray);
}

.footer-nav ul a {
  font-size: 16px;
  font-weight: 500;
  color: var(--darkgray);
}

.foot-menu-tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  display: block;
}

.footer-contacts {
  flex: 1 0 27%;
  max-width: 197px;
}

.footer-contacts .with-svg {
  font-size: 20px;
  letter-spacing: -0.05rem;
  font-weight: 600;
  color: var(--main-col);
  flex-direction: column;
  gap: 6px;
  text-align: left;
  align-items: start;
  margin-bottom: 20px;
}

.footer-contacts .with-svg span {
  font-weight: 400;
  font-size: 12px;
  color: var(--darkgray);
}

.footer-contacts .footer-req-item {
  font-size: 14px;
  font-weight: 500;
  color: var(--darkgray);
  padding-bottom: 10px;
}

.footer-contacts .footer-req-item.last {
  padding-bottom: 24px;
  margin-bottom: 30px;
  position: relative;
}

.footer-contacts .footer-req-item.last::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: white;
  content: "";
  left: 0;
  bottom: 0;
}

.footer-contacts .footer-req-item span {
  font-weight: 700;
}

.footer-contacts ul li a {
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
  margin-bottom: 8px;
  display: block;
  color: var(--darkgray);
  opacity: 0.7;
}

.footer-contacts ul li a:hover {
  text-decoration: none;
}

.footer-par {
  flex: 1 0 100%;
  padding-top: 32px;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.footer-par::after {
  position: absolute;
  width: 100%;
  content: "";
  top: 0;
  left: 0;
  height: 1px;
  background-color: white;
}

.footer-par p {
  color: #808080;
  opacity: 0.5;
}

.footer-par ul {
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: #808080;
  opacity: 0.5;
}

.footer-par ul li {
  list-style: disc;
}

@media (max-width: 1050px) {
  .footer-nav {
    flex-direction: column;
  }

  .footer_inner {
    flex-direction: column;
    gap: 0;
  }

  .header-firts {
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
  }

  .header-firts .logo-block {
    margin-bottom: 16px;
  }

  .header-firts .header-nav ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px 32px;
    position: relative;
    padding-bottom: 32px;
    margin-bottom: 32px;
  }

  .header-firts .header-nav ul::after {
    background-color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    content: "";
  }

  .header-firts .header_mid-address {
    flex-direction: column;
    align-items: start;
  }

  .footer-nav {
    margin-bottom: 32px;
  }

  .footer-nav ul .foot-menu-tit {
    margin-bottom: 4px;
  }

  .footer-contacts {
    width: 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }

  .footer-contacts ul {
    margin-bottom: 32px;
  }

  .footer-par {
    font-size: 12px;
  }
}

@media (max-width: 922px) {
  .mainScreen .breadcrumbs img {
    width: 16px;
    height: 16px;
    min-width: 16px;
  }

  .header-firts .header-nav ul {
    margin-bottom: 0px;
  }

  .footer {
    padding: 28px 0;
  }

  .footer .footer_inner {
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-areas: "logo " "nav " "par" "req" "link";
    gap: 24px;
    align-items: start;
  }
}

@media (max-width: 1400px) {
  .phone_block {
    z-index: 1;
    width: inherit;
    right: 54px;
  }

  .phone_block .overlay_phone {
    right: 0px;
    transform: translate(0);
  }
}

@media (max-width: 1050px) {
  .bread {
    padding-top: 12px;
    margin-bottom: 20px;
    padding-bottom: 0;
    gap: 7px;
    overflow: auto;
  }

  .bread svg {
    min-width: fit-content;
  }

  .bread a {
    min-width: fit-content;
  }
}

@media (max-width: 992px) {
  .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
  }

  .reviews_inner {
    overflow: hidden;
  }

  .reviews_inner.grayBG {
    background-color: transparent;
    padding: 0;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: 94% !important;
  }

  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background-color: var(--green);
  }

  .swiper-button-next:hover svg path,
  .swiper-button-prev:hover svg path {
    fill: white;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none;
  }

  .swiper-button-next {
    transform: rotate(180deg);
  }

  .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 25.5%) !important;
  }

  .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 25.5%) !important;
  }

  .modal__form .agree__text {
    text-align: center;
  }

  .grayBG {
    padding: 20px 0;
  }

  .m-none {
    display: none;
  }

  .m-flex-none {
    display: none;
  }

  .pc-none {
    display: block;
  }

  .pc-flex-none {
    display: flex;
    align-items: center;
  }
}

.searcj-ajax {
  position: relative;
}

.success-search {
  position: absolute;
  top: calc(100% - -10px);
  z-index: 10;
  left: 0;
  width: 100%;
  background-color: white;
  padding: 10px 14px;
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-shadow: 0px 2px 6px 0px #1c273114;
  border: 1px solid var(--Colored);
  gap: 12px;
  font-size: 16px;
  font-weight: 600;
}

.success-search a {
  background: linear-gradient(79.77deg, #1975ff 0%, #33a9ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  cursor: pointer;
}

.success-search a:hover {
  text-decoration: underline;
}

.success-search a::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0%;
  background: linear-gradient(79.77deg, #33a9ff 0%, #33ccff 100%);
  transition: all 0.3s ease;
}

.success-search a:hover::after {
  width: 100%;
}

.none-search {
  display: none;
}

.city-branch .city-branch_inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(306px, 1fr));
  gap: 24px;
}

.city-branch .city-branch-par {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 28px;
  color: var(--darkgray);
  text-align: center;
}

.city-branch .bg-branch {
  background: #ffffff;
  box-shadow: -7px 7px 14px rgba(232, 232, 232, 0.2),
    7px -7px 14px rgba(232, 232, 232, 0.2),
    -7px -7px 14px rgba(255, 255, 255, 0.9),
    7px 7px 18px rgba(232, 232, 232, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(232, 232, 232, 0.5);
  border-radius: 12px;
  padding: 20px;
  overflow: hidden;
  position: relative;
}

.city-branch .bg-branch::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17L15 12L10 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  right: 2px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  z-index: 1;
}

.city-branch .bg-branch::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background: var(--main-col);
  z-index: 0;
  right: -372px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  transition: all 0.3s ease-in;
}

.city-branch .city-branch-office {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: underline;
  color: var(--main-col);
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 2;
}

.city-branch .address-branch {
  display: flex;
  gap: 12px;
  flex-direction: column;
  color: var(--darkgray);
  margin-top: 8px;
  padding-left: 6px;
  font-size: 14px;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 2;
}

.city-branch .address-branch span {
  color: #7e84a3;
  transition: all 0.5s ease-in-out;
}

.city-branch .bg-branch .city-branch-office svg path {
  transition: all 0.5s ease-in-out;

}

.city-branch .bg-branch:hover::before {
  right: -10px;
}

.city-branch .bg-branch:hover .city-branch-office {
  color: white;
}

.city-branch .bg-branch:hover .city-branch-office svg path {
  fill: white;
}

.city-branch .bg-branch:hover .address-branch span {
  color: white;
}

.city-branch .bg-branch:hover .address-branch {
  color: white;
}

@media (max-width:992px) {
  .city-branch .city-branch_inner {
    gap: 12px;
  }

  .city-branch .city-branch-par {
    margin-bottom: 24px;
  }

  .city-branch .city-branch-office {
    font-size: 16px;
  }

  .city-branch .city-branch-office svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
}

.lead-sectionSale-text {
  font-size: 18px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  max-width: 727px;
  position: relative;
  z-index: 2;
}

.lead-sectionSale-text p {
  margin-bottom: 0;
  font-size: 18px;
}

.lead-sectionSale-text ul {
  font-size: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: disc;
  padding-left: 2rem;
}

.lead-section.sale .lead-section_inner img {
  width: clamp(100px, calc(86.87vw - 700.97px), 550px);
}

@media (max-width: 1200px) {
  .lead-section.sale .lead-section_inner img {
    opacity: 1;
  }
}

@media (max-width:992px) {
  .lead-sectionSale-text {
    font-size: 16px;
  }

  .lead-sectionSale-text p {
    font-size: 16px;
  }

  .lead-sectionSale-text ul {
    font-size: 16px;
  }

  .lead-section.sale .lead-section_inner img {
    opacity: 1;
    right: -12px;
  }
}

.stock.inside .stock_inner .stock-item {
  height: 291px;
}

.stock.inside .stock_inner .stock-item:nth-child(1) .stock-img {
  bottom: 0;
  right: -12px;
  width: 269px;
  height: 269px;
}

.stock.inside .stock_inner .stock-text {
  max-width: 365px;
}

.stock.inside .stock_inner .stock-btn {
  max-width: 365px;
}

@media (max-width:992px) {
  .stock_inner .stock-item:nth-child(2) .stock-img {
    right: 13px;
    top: 7px;
    bottom: initial;
    width: 120px;
    height: 120px;
  }

  .stock.inside .stock_inner .stock-item:nth-child(1) .stock-img {
    bottom: 0;
    right: -12px;
    width: 120px;
    height: 120px;
  }

  .stock.inside .stock_inner .stock-item {
    height: 253px;
  }
}

@media (max-width:394px) {
  .header_mid-telegram {
    margin-right: 5px;
    width: 50px;
    height: 50px;
    min-width: 50px;
  }

  .mobile-menu {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }

  .header_mid-telegram img {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }

  .logo-block {
    max-width: fit-content;
  }

  .price_inner .price_body .price-table-bot {
    padding: 12px 10px;
  }

  .price_inner .price_body .price-table-bot .price-bot-title {
    font-size: 14px;
    padding: 10px;
  }

  .stock_inner {
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  }

  .saleForm_inner {
    padding: 20px 16px 70px 16px;
  }

  .faq_box .faq_inner {
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  }

  .logo-block .logo-img img {
    height: 32px;
  }

  .how_inner .how_inner-boxs {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}



/*# sourceMappingURL=style.css.map */









/* Метро и районы  */
.metro-service {
  padding: 72px 0;
  background-color: #F9F9F9;
}

.metro-service_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}

.metro-service_tabs .metro-service-tab {
  padding: 10px 16px;
  border-radius: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: white;
  box-shadow: 0px 4px 12px 0px #00000005;
}

.metro-service_tabs .metro-tab-icon {
  transition: all 0.3s ease;
  background-color: transparent;
  width: 36px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}

.metro-service_tabs .metro-tab-text {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  color: #3B3B3B;
  transition: all 0.3s ease;
  line-height: 1.375;
}

.metro-service_tabs .metro-service-tab.active {
  background-color: var(--Orange);
}

.metro-service_tabs .metro-service-tab.active .metro-tab-icon {
  background-color: white;
}

.metro-service_tabs .metro-service-tab.active .metro-tab-text {
  /* color: white; */
  text-decoration: none;
}

.metro-service_tabs .metro-service-tab:hover {
  background-color: var(--Orange);
}

.metro-service_tabs .metro-service-tab:hover .metro-tab-icon {
  background-color: white;
}

.metro-service_tabs .metro-service-tab:hover .metro-tab-text {
  /* color: white; */
  text-decoration: none;
}

.metro-service-content {
  display: none;
}

.metro-service.regions h2{
  margin-bottom: 20px;
}

.metro-service-content.active {
  display: flex;
  gap: 16px 24px;
  flex-wrap: wrap;
  align-items: center;
}

.metro-content-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #3B3B3B;
  gap: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.metro-content-text {
  text-decoration: underline;
  color: #3B3B3B;
  transition: all 0.3s ease;
}

.metro-content-item:hover .metro-content-text {
  text-decoration: none;
}

.more-metro {
  color: var(--Orange);
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  display: none;
  margin-top: 16px;
  margin-bottom: 28px;
}

@media (max-width:992px) {
  .more-metro {
    display: block;
    margin: 0;
  }

  .metro-service_tabs {
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
  }

  .metro-service_tabs .metro-service-tab {
    padding: 8px 10px;
    gap: 8px;
  }

  .metro-service_tabs .metro-service-tab:nth-child(n+5) {
    display: none;
  }

  .metro-service_tabs.open .metro-service-tab:nth-child(n+5) {
    display: flex;
  }

  .metro-service_tabs .metro-tab-text {
    font-size: 14px;
  }
}

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

.regions .regions_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.regions .regions_tab {
  padding: 10px 16px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #3B3B3B;
  background-color: white;
  gap: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: underline;
  box-shadow: 0px 4px 12px 0px #00000005;
  text-decoration: underline;
}

.regions .regions_tab svg {
  pointer-events: none;
}

.regions .regions_tab:hover {
  /* color: white; */
  background: var(--Orange);
}

.regions .regions_tab:hover svg path {
  /* fill: white; */
}

.regions .regions_tab.active {
  /* color: white; */
  background: var(--Orange);
  text-decoration: none;
}

.regions .regions_tab.active svg path {
  /* fill: white; */
}

.regions .regions_body {
  grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
  gap: 16px 60px;
  display: none;
}

.regions .regions_body.active {
  display: grid;
}

.regions .regions-item {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  color: #3B3B3B;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease
}

.regions .regions-item svg path {
  fill: var(--Orange);
}

.regions .regions-item:hover {
  text-decoration: none;
}

@media (max-width: 992px) {
  .regions .regions_tab {
    font-size: 12px;
  }
}


ul.reqvisite  {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

ul.reqvisite li {
  font-size: 12px;
  font-weight: 500;
  display: block;
  color: var(--darkgray);
  opacity: 0.7;
}